kitchen-simulator 1.0.0-clark.71 → 1.0.0-clark.85

package/es/components/viewer2d/ruler.js

@@ -2,8 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { convert } from "../../utils/convert-units-lite";
 import IDBroker from "../../utils/id-broker";
-import { TEXT_COLOR_NEUTRAL_7 } from "../../constants";
-import { STYLE_ROOM_SHAPE } from "./line";
+import { LINE_THICKNESS, SHADE_LIGHT_BLUE_COLOR, TEXT_COLOR_NEUTRAL_7 } from "../../constants";
 var STYLE = {
   stroke: TEXT_COLOR_NEUTRAL_7,
   strokeWidth: '1px'
@@ -16,7 +15,6 @@ var STYLE_TEXT = {
   textAnchor: 'middle',
   fontSize: '12px',
   pointerEvents: 'none',
-  fill: '#455A64',
   //http://stackoverflow.com/questions/826782/how-to-disable-text-selection-highlighting-using-css
   WebkitTouchCallout: 'none' /* iOS Safari */,
   WebkitUserSelect: 'none' /* Chrome/Safari/Opera */,
@@ -30,9 +28,37 @@ export default function Ruler(_ref) {
     unit = _ref.unit,
     rulerUnit = _ref.rulerUnit,
     transform = _ref.transform,
-    style = _ref.style;
+    flag = _ref.flag;
+  var update = function update(lengthInput, unitInput, type) {
+    var newLength = toFixedFloat(lengthInput);
+    var merged = null;
+    if (type === 0) {
+      merged = value.merge({
+        _length: newLength,
+        length: convert(newLength).from(unitInput).to('cm')
+      });
+    } else {
+      merged = value.merge({
+        _length: convert(newLength).from(UNIT_INCH).to(unitInput),
+        _unit: unitInput
+      });
+    }
+    // if (hook) {
+    //   return hook(merged, sourceElement, internalState, state).then(val => {
+    //     return onUpdate(val);
+    //   });
+    // }
+    // return onUpdate(merged);
+  };
+  // let _unit = "in";
+  // let distanceText = convert(length).from(unit).to(rulerUnit);
   var distanceText = convert(length).from(unit).to(rulerUnit).toFixed(0);
-  var textLength = (distanceText.length + layer.unit.length) * 9;
+  var thickness = convert(LINE_THICKNESS).from(unit).to(rulerUnit).toFixed(0);
+  // let _ft_len = convert(_length).from('in').to('ft');
+  // let _ft_val = Math.floor(_ft_len); _ft_len -= _ft_val;
+  // let _in_val = convert(_ft_len).from('ft').to('in').toFixed(0);
+  // let distanceText = `${_ft_val}'${_in_val}"`;
+  var textLength = (distanceText.length + layer.unit.length) * 18;
   return /*#__PURE__*/React.createElement("g", {
     transform: transform
   }, /*#__PURE__*/React.createElement("g", {
@@ -53,24 +79,18 @@ export default function Ruler(_ref) {
     style: STYLE_TEXT,
     fill: TEXT_COLOR_NEUTRAL_7
   }, Math.round(convert(distanceText).from('in').to(layer.unit) * 100) / 100, layer.unit === 'in' ? '"' : layer.unit)), /*#__PURE__*/React.createElement("line", {
-    x1: style === STYLE_ROOM_SHAPE ? 0 : 4,
+    x1: "0",
     y1: "0",
     x2: (length - textLength) / 2 < 0 ? 0 : (length - textLength) / 2,
     y2: "0",
-    style: style
+    style: STYLE
   }), /*#__PURE__*/React.createElement("line", {
     x1: (length + textLength) / 2 < 0 ? 0 : (length + textLength) / 2 < length ? (length + textLength) / 2 : length,
     y1: "0",
-    x2: style === STYLE_ROOM_SHAPE ? length : length - 4,
+    x2: length,
     y2: "0",
-    style: style
-  }), style !== STYLE_ROOM_SHAPE && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("polygon", {
-    points: "3, 0, 6.5, -2, 6.5, 2 ",
-    style: style
-  }), /*#__PURE__*/React.createElement("polygon", {
-    points: "".concat(length - 3, ", 0, ").concat(length - 6.5, ", 2, ").concat(length - 6.5, ", -2"),
-    style: style
-  })));
+    style: STYLE
+  }));
 }
 Ruler.propTypes = {
   length: PropTypes.number.isRequired,

package/es/components/viewer2d/rulerDist.js

@@ -7,15 +7,13 @@ var ARROW_STYLE = {
   strokeLinecap: 'round'
 };
 var STYLE = {
-  stroke: '#455A64',
-  fill: '#455A64',
-  strokeWidth: '1.5px'
+  stroke: 'black',
+  strokeWidth: '1.1px'
 };
 var STYLE_TEXT = {
   textAnchor: 'middle',
   fontSize: '10px',
   pointerEvents: 'none',
-  fill: '#455A64',
   //http://stackoverflow.com/questions/826782/how-to-disable-text-selection-highlighting-using-css
   WebkitTouchCallout: 'none' /* iOS Safari */,
   WebkitUserSelect: 'none' /* Chrome/Safari/Opera */,
@@ -77,24 +75,32 @@ export default function RulerDist(_ref) {
       y: "0",
       transform: "translate(".concat(length / 2, ",").concat(ay, ") scale(1, -1) rotate(").concat(textRotation, ")"),
       style: STYLE_TEXT
-    }, Math.round(convert(distanceText).from('in').to(layer.unit) * 100) / 100, layer.unit === 'in' ? '"' : layer.unit)), /*#__PURE__*/React.createElement("line", {
+    }, Math.round(convert(distanceText).from('in').to(layer.unit) * 100) / 100, layer.unit)), /*#__PURE__*/React.createElement("circle", {
+      cx: "1",
+      cy: "0",
+      fill: "white",
+      r: "1.1",
+      stroke: "black",
+      strokeWidth: "0.6"
+    }), /*#__PURE__*/React.createElement("line", {
       x1: "2",
       y1: "0",
       x2: (length - textLength) / 2 < 0 ? 0 : length,
       y2: "0",
       style: STYLE
-    }), /*#__PURE__*/React.createElement("polygon", {
-      points: "1, 0, 4.5, -2, 4.5, 2 ",
-      style: STYLE
     }), /*#__PURE__*/React.createElement("line", {
       x1: (length + textLength) / 2 < 0 ? 0 : (length + textLength) / 2 < length ? (length + textLength) / 2 : length,
       y1: "0",
       x2: length,
       y2: "0",
       style: STYLE
-    }), /*#__PURE__*/React.createElement("polygon", {
-      points: "".concat(length - 1, ", 0, ").concat(length - 4.5, ", 2, ").concat(length - 4.5, ", -2"),
-      style: STYLE
+    }), /*#__PURE__*/React.createElement("circle", {
+      cx: length - 1,
+      cy: "0",
+      fill: "white",
+      r: "1.1",
+      stroke: "black",
+      strokeWidth: "0.6"
     }));
   } else {
     return /*#__PURE__*/React.createElement("g", {
@@ -104,24 +110,32 @@ export default function RulerDist(_ref) {
       y: "0",
       transform: "translate(".concat(length / 2, ",").concat(ay, ") scale(1, -1) rotate(").concat(textRotation, ")"),
       style: STYLE_TEXT
-    }, Math.round(convert(distanceText).from('in').to(layer.unit) * 100) / 100, layer.unit === 'in' ? '"' : layer.unit)), /*#__PURE__*/React.createElement("line", {
+    }, Math.round(convert(distanceText).from('in').to(layer.unit) * 100) / 100, layer.unit)), /*#__PURE__*/React.createElement("circle", {
+      cx: "1",
+      cy: "0",
+      fill: "white",
+      r: "1.1",
+      stroke: "black",
+      strokeWidth: "0.6"
+    }), /*#__PURE__*/React.createElement("line", {
       x1: "2",
       y1: "0",
       x2: (length - textLength) / 2 < 0 ? 0 : (length - textLength) / 2,
       y2: "0",
       style: STYLE
-    }), /*#__PURE__*/React.createElement("polygon", {
-      points: "1, 0, 4.5, -2, 4.5, 2 ",
-      style: STYLE
     }), /*#__PURE__*/React.createElement("line", {
       x1: (length + textLength) / 2 < 0 ? 0 : (length + textLength) / 2 < length ? (length + textLength) / 2 : length,
       y1: "0",
       x2: length,
       y2: "0",
       style: STYLE
-    }), /*#__PURE__*/React.createElement("polygon", {
-      points: "".concat(length - 1, ", 0, ").concat(length - 4.5, ", 2, ").concat(length - 4.5, ", -2"),
-      style: STYLE
+    }), /*#__PURE__*/React.createElement("circle", {
+      cx: length - 1,
+      cy: "0",
+      fill: "white",
+      r: "1.1",
+      stroke: "black",
+      strokeWidth: "0.6"
     }));
   }
 }

package/es/constants.js

@@ -545,12 +545,6 @@ export var LABEL_COLOR = '#6E7191';
 export var TEXT_COLOR = '#000000';
 export var ACCENT_COLOR = '#AD00FF';
 export var BROWN_COLOR = '#624100';
-export var ROOM_SHAPE_MEASUREMENT_LINE_COLOR = '#455A64';
-export var ROOM_ELEMENT_MEASUREMENT_LINE_COLOR = '#B0BEC5';
-export var BASE_ITEM_MEASUREMENT_LINE_COLOR = '#0277BD';
-export var WALL_ITEM_MEASUREMENT_LINE_COLOR = '#00897B';
-export var DISTANCE_MEASUREMENT_LINE_COLOR = '#7B1FA2';
-export var DASH_LINE_COLOR = '#78909C';
 export var DEFAULT_FONT_FAMILY = 'Open Sans';
 
 // Download summary
@@ -643,6 +637,13 @@ export var ITEM_TYPE = {
   LIGHTING: 'lighting',
   FURNISHING: 'furnishing'
 };
+export var PROJECT_SETTING_OPTION = {
+  UPDATE_CEIL_HEIGHT: UPDATE_CEIL_HEIGHT,
+  CHANGE_WALL_LENGTH_MEASURE: CHANGE_WALL_LENGTH_MEASURE,
+  CHANGE_BASE_CABINET_MEASURE: CHANGE_BASE_CABINET_MEASURE,
+  CHANGE_WALL_CABINET_MEASURE: CHANGE_WALL_CABINET_MEASURE,
+  CHANGE_WINDOW_DOOR_MEASURE: CHANGE_WINDOW_DOOR_MEASURE
+};
 
 // direction type
 export var LEFT = 'Left';
@@ -665,4 +666,5 @@ export var EXTERNAL_EVENT_ZOOM_IN = 'EXTERNAL_EVENT_ZOOM_IN';
 export var EXTERNAL_EVENT_ZOOM_OUT = 'EXTERNAL_EVENT_ZOOM_OUT';
 export var EXTERNAL_EVENT_UNDO = 'EXTERNAL_EVENT_UNDO';
 export var EXTERNAL_EVENT_REDO = 'EXTERNAL_EVENT_REDO';
-export var EXTERNAL_EVENT_SET_MOLDING = 'EXTERNAL_EVENT_SET_MOLDING';
+export var EXTERNAL_EVENT_SET_MOLDING = 'EXTERNAL_EVENT_SET_MOLDING';
+export var EXTERNAL_EVENT_PROJECT_SETTING = 'EXTERNAL_EVENT_PROJECT_SETTING';

package/es/devLiteRenderer.js

@@ -12,7 +12,7 @@ import moldingPayload from "./mocks/moldingPayload.json";
 import ReactDOM from 'react-dom';
 import LiteRenderer from "./LiteRenderer";
 import { Button } from 'antd';
-import { LEFT, RIGHT, TOP, BOTTOM, EXTERNAL_EVENT_ADD_ITEM, EXTERNAL_EVENT_ADD_WALL, EXTERNAL_EVENT_TOGGLE_TO_3D, EXTERNAL_EVENT_TOGGLE_TO_2D, EXTERNAL_EVENT_TOGGLE_TO_ELEVATION, EXTERNAL_EVENT_MOVE_PAN, EXTERNAL_EVENT_NEW_PROJECT, EXTERNAL_EVENT_CHANGE_DOORSTYLE, EXTERNAL_EVENT_SET_INITIAL_DATA, EXTERNAL_EVENT_ADD_ROOM_SHAPE, EXTERNAL_EVENT_ZOOM_IN, EXTERNAL_EVENT_ZOOM_OUT, EXTERNAL_EVENT_UNDO, EXTERNAL_EVENT_REDO, EXTERNAL_EVENT_SET_MOLDING } from "./constants";
+import { LEFT, RIGHT, TOP, BOTTOM, EXTERNAL_EVENT_ADD_ITEM, EXTERNAL_EVENT_ADD_WALL, EXTERNAL_EVENT_TOGGLE_TO_3D, EXTERNAL_EVENT_TOGGLE_TO_2D, EXTERNAL_EVENT_TOGGLE_TO_ELEVATION, EXTERNAL_EVENT_MOVE_PAN, EXTERNAL_EVENT_NEW_PROJECT, EXTERNAL_EVENT_CHANGE_DOORSTYLE, EXTERNAL_EVENT_SET_INITIAL_DATA, EXTERNAL_EVENT_ADD_ROOM_SHAPE, EXTERNAL_EVENT_ZOOM_IN, EXTERNAL_EVENT_ZOOM_OUT, EXTERNAL_EVENT_UNDO, EXTERNAL_EVENT_REDO, EXTERNAL_EVENT_SET_MOLDING, EXTERNAL_EVENT_PROJECT_SETTING, PROJECT_SETTING_OPTION } from "./constants";
 
 // --- renderer props ---
 var options = {
@@ -235,7 +235,31 @@ function WorkSpace(props) {
       };
       setExternalEvent(evt);
     }
-  }, "Individual Molding (FBM)"), /*#__PURE__*/React.createElement(LiteRenderer, {
+  }, "Individual Molding (FBM)"), /*#__PURE__*/React.createElement(Button, {
+    actionType: "danger",
+    onClick: function onClick() {
+      var evt = {
+        type: EXTERNAL_EVENT_PROJECT_SETTING,
+        payload: {
+          option: PROJECT_SETTING_OPTION.UPDATE_CEIL_HEIGHT,
+          value: 100 // ceiling length
+        }
+      };
+      setExternalEvent(evt);
+    }
+  }, "Setting-CeilingHeight"), /*#__PURE__*/React.createElement(Button, {
+    actionType: "danger",
+    onClick: function onClick() {
+      var evt = {
+        type: EXTERNAL_EVENT_PROJECT_SETTING,
+        payload: {
+          option: PROJECT_SETTING_OPTION.CHANGE_WALL_LENGTH_MEASURE,
+          value: 1 // 0-false, 1-true
+        }
+      };
+      setExternalEvent(evt);
+    }
+  }, "Setting-WallLength"), /*#__PURE__*/React.createElement(LiteRenderer, {
     width: props.width,
     height: props.height,
     projectElement: mockProps.projectElement,

package/es/models.js

@@ -38,16 +38,16 @@ export var DefaultGrids = new Map({
     id: 'h1',
     type: 'horizontal-streak',
     properties: {
-      step: 24,
-      colors: ['rgba(193, 202, 228, 0.45)'] // dot's color
+      step: 30.48,
+      colors: ['#bbb', '#bbb', '#bbb', '#bbb', '#bbb'] // dot's color
     }
   }),
   v1: new Grid({
     id: 'v1',
     type: 'vertical-streak',
     properties: {
-      step: 24,
-      colors: ['rgba(193, 202, 228, 0.45)'] // dot's color
+      step: 30.48,
+      colors: ['#bbb', '#bbb', '#bbb', '#bbb', '#bbb'] // dot's color
     }
   })
 });

package/es/shared-style.js

@@ -54,13 +54,13 @@ export var AREA_MESH_COLOR = {
   unselected: 'rgb(221,221,255)'
 };
 export var INTERIOR_LINE = {
-  selected: '#6E1EA8',
-  unselected: ' #455A64'
+  unselected: ' #0a0a10',
+  selected: '#4C12A1'
 };
 export var LINE_MESH_COLOR = {
-  selected: '#6E1EA8',
+  selected: '#4C12A1',
   unselected: 'rgb(135,145,171)'
 };
 export var LINE_MESH = {
-  selected: '#6E1EA8'
+  selected: '#4C12A1'
 };

package/es/utils/isolate-event-handler.js

@@ -4,7 +4,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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 _regeneratorRuntime from "@babel/runtime/regenerator";
 import { fromJS, List, Map, Record } from 'immutable';
-import { EXTERNAL_EVENT_ADD_WALL, EXTERNAL_EVENT_TOGGLE_TO_3D, EXTERNAL_EVENT_TOGGLE_TO_2D, EXTERNAL_EVENT_TOGGLE_TO_ELEVATION, EXTERNAL_EVENT_MOVE_PAN, MODE_IDLE, MODE_2D_PAN, EXTERNAL_EVENT_ADD_ITEM, ARRAY_3D_MODES, MODE_IDLE_3D, MODE_ELEVATION_VIEW, TOP, BOTTOM, LEFT, RIGHT, EXTERNAL_EVENT_NEW_PROJECT, EXTERNAL_EVENT_CHANGE_DOORSTYLE, EXTERNAL_EVENT_SET_INITIAL_DATA, EXTERNAL_EVENT_ADD_ROOM_SHAPE, EXTERNAL_EVENT_ZOOM_IN, EXTERNAL_EVENT_ZOOM_OUT, ZOOM_VARIABLE, EXTERNAL_EVENT_UNDO, EXTERNAL_EVENT_REDO, EXTERNAL_EVENT_SET_MOLDING } from "../constants";
+import { EXTERNAL_EVENT_ADD_WALL, EXTERNAL_EVENT_TOGGLE_TO_3D, EXTERNAL_EVENT_TOGGLE_TO_2D, EXTERNAL_EVENT_TOGGLE_TO_ELEVATION, EXTERNAL_EVENT_MOVE_PAN, MODE_IDLE, MODE_2D_PAN, EXTERNAL_EVENT_ADD_ITEM, ARRAY_3D_MODES, MODE_IDLE_3D, MODE_ELEVATION_VIEW, TOP, BOTTOM, LEFT, RIGHT, EXTERNAL_EVENT_NEW_PROJECT, EXTERNAL_EVENT_CHANGE_DOORSTYLE, EXTERNAL_EVENT_SET_INITIAL_DATA, EXTERNAL_EVENT_ADD_ROOM_SHAPE, EXTERNAL_EVENT_ZOOM_IN, EXTERNAL_EVENT_ZOOM_OUT, ZOOM_VARIABLE, EXTERNAL_EVENT_UNDO, EXTERNAL_EVENT_REDO, EXTERNAL_EVENT_SET_MOLDING, EXTERNAL_EVENT_PROJECT_SETTING, PROJECT_SETTING_OPTION } from "../constants";
 import { isEmpty } from "./helper";
 import exporter from "../catalog/utils/exporter";
 import { render2DItem, render3DItem } from "../catalog/utils/item-loader";
@@ -472,31 +472,31 @@ export function handleExternalEvent(_x7) {
 }
 function _handleExternalEvent() {
   _handleExternalEvent = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(props) {
-    var evt, state, sLineCnt, elementJs, _element, catalog, outlineSVGData, catalogInstance, _evt$payload, moveType, moveValue, value, defaulTitle, _evt$payload2, doorStyle, itemCDS, isAll, _doorStyle, _value, _zoomValue, _value2, _zoomValue2, _evt$payload3, moldingInfo, isGlobal, _t5, _t6;
+    var evt, state, sLineCnt, elementJs, _element, catalog, outlineSVGData, catalogInstance, _evt$payload, moveType, moveValue, value, defaulTitle, _evt$payload2, doorStyle, itemCDS, isAll, _doorStyle, _value, _zoomValue, _value2, _zoomValue2, _evt$payload3, moldingInfo, isGlobal, _evt$payload4, option, _value3, _t5, _t6;
     return _regeneratorRuntime.wrap(function (_context5) {
       while (1) switch (_context5.prev = _context5.next) {
         case 0:
           evt = props.externalEvent;
           state = props.state.get('KitchenConfigurator');
           _t5 = evt === null || evt === void 0 ? void 0 : evt.type;
-          _context5.next = _t5 === EXTERNAL_EVENT_TOGGLE_TO_3D ? 1 : _t5 === EXTERNAL_EVENT_TOGGLE_TO_2D ? 2 : _t5 === EXTERNAL_EVENT_TOGGLE_TO_ELEVATION ? 3 : _t5 === EXTERNAL_EVENT_ADD_WALL ? 4 : _t5 === EXTERNAL_EVENT_ADD_ITEM ? 5 : _t5 === EXTERNAL_EVENT_MOVE_PAN ? 10 : _t5 === EXTERNAL_EVENT_NEW_PROJECT ? 16 : _t5 === EXTERNAL_EVENT_CHANGE_DOORSTYLE ? 17 : _t5 === EXTERNAL_EVENT_SET_INITIAL_DATA ? 18 : _t5 === EXTERNAL_EVENT_ADD_ROOM_SHAPE ? 19 : _t5 === EXTERNAL_EVENT_ZOOM_IN ? 20 : _t5 === EXTERNAL_EVENT_ZOOM_OUT ? 23 : _t5 === EXTERNAL_EVENT_UNDO ? 26 : _t5 === EXTERNAL_EVENT_REDO ? 27 : _t5 === EXTERNAL_EVENT_SET_MOLDING ? 28 : 29;
+          _context5.next = _t5 === EXTERNAL_EVENT_TOGGLE_TO_3D ? 1 : _t5 === EXTERNAL_EVENT_TOGGLE_TO_2D ? 2 : _t5 === EXTERNAL_EVENT_TOGGLE_TO_ELEVATION ? 3 : _t5 === EXTERNAL_EVENT_ADD_WALL ? 4 : _t5 === EXTERNAL_EVENT_ADD_ITEM ? 5 : _t5 === EXTERNAL_EVENT_MOVE_PAN ? 10 : _t5 === EXTERNAL_EVENT_NEW_PROJECT ? 16 : _t5 === EXTERNAL_EVENT_CHANGE_DOORSTYLE ? 17 : _t5 === EXTERNAL_EVENT_SET_INITIAL_DATA ? 18 : _t5 === EXTERNAL_EVENT_ADD_ROOM_SHAPE ? 19 : _t5 === EXTERNAL_EVENT_ZOOM_IN ? 20 : _t5 === EXTERNAL_EVENT_ZOOM_OUT ? 23 : _t5 === EXTERNAL_EVENT_UNDO ? 26 : _t5 === EXTERNAL_EVENT_REDO ? 27 : _t5 === EXTERNAL_EVENT_SET_MOLDING ? 28 : _t5 === EXTERNAL_EVENT_PROJECT_SETTING ? 29 : 30;
           break;
         case 1:
           props.projectActions.setMode(MODE_IDLE_3D);
-          return _context5.abrupt("continue", 29);
+          return _context5.abrupt("continue", 30);
         case 2:
           props.projectActions.setMode(MODE_IDLE);
-          return _context5.abrupt("continue", 29);
+          return _context5.abrupt("continue", 30);
         case 3:
           sLineCnt = state.getIn(['scene', 'layers', 'layer-1', 'selected', 'lines']).size;
           if (sLineCnt > 0) props.projectActions.setMode(MODE_ELEVATION_VIEW);
-          return _context5.abrupt("continue", 29);
+          return _context5.abrupt("continue", 30);
         case 4:
           if (state.mode === MODE_IDLE || state.mode === MODE_2D_PAN) props.linesActions.selectToolDrawingLine('wall');else {
             props.projectActions.setMode(MODE_IDLE);
             props.linesActions.selectToolDrawingLine('wall');
           }
-          return _context5.abrupt("continue", 29);
+          return _context5.abrupt("continue", 30);
         case 5:
           if (isEmpty(evt === null || evt === void 0 ? void 0 : evt.payload)) {
             _context5.next = 9;
@@ -538,7 +538,7 @@ function _handleExternalEvent() {
           props.projectActions.pushLastSelectedCatalogElementToHistory(_element);
           props.projectActions.setIsCabinetDrawing(true);
         case 9:
-          return _context5.abrupt("continue", 29);
+          return _context5.abrupt("continue", 30);
         case 10:
           _evt$payload = evt.payload, moveType = _evt$payload.moveType, moveValue = _evt$payload.moveValue;
           value = state.getIn(['viewer2D']).toJS();
@@ -559,23 +559,23 @@ function _handleExternalEvent() {
           return _context5.abrupt("continue", 15);
         case 15:
           if (compareSVGRect(value)) props.viewer2DActions.updateCameraView(value);
-          return _context5.abrupt("continue", 29);
+          return _context5.abrupt("continue", 30);
         case 16:
           defaulTitle = 'Untitle';
           props.projectActions.newProject();
           props.projectActions.rename(defaulTitle);
-          return _context5.abrupt("continue", 29);
+          return _context5.abrupt("continue", 30);
         case 17:
           _evt$payload2 = evt.payload, doorStyle = _evt$payload2.doorStyle, itemCDS = _evt$payload2.itemCDS, isAll = _evt$payload2.isAll;
           props.itemsActions.setDoorStyle(doorStyle, itemCDS, isAll);
-          return _context5.abrupt("continue", 29);
+          return _context5.abrupt("continue", 30);
         case 18:
           _doorStyle = evt.payload.doorStyle;
           props.itemsActions.setInitialDoorStyle(_doorStyle.doorStyle);
-          return _context5.abrupt("continue", 29);
+          return _context5.abrupt("continue", 30);
         case 19:
           props.projectActions.loadProject(evt.payload);
-          return _context5.abrupt("continue", 29);
+          return _context5.abrupt("continue", 30);
         case 20:
           _value = state.getIn(['viewer2D']).toJS();
           _value.a -= 0.1;
@@ -608,7 +608,7 @@ function _handleExternalEvent() {
             _value.f += 0.1;
           }
           if (compareSVGRect(_value)) props.viewer2DActions.updateCameraView(_value);
-          return _context5.abrupt("continue", 29);
+          return _context5.abrupt("continue", 30);
         case 23:
           _value2 = state.getIn(['viewer2D']).toJS();
           _value2.a += 0.1;
@@ -629,18 +629,33 @@ function _handleExternalEvent() {
           return _context5.abrupt("return");
         case 25:
           if (compareSVGRect(_value2)) props.viewer2DActions.updateCameraView(_value2);
-          return _context5.abrupt("continue", 29);
+          return _context5.abrupt("continue", 30);
         case 26:
           props.projectActions.undo();
-          return _context5.abrupt("continue", 29);
+          return _context5.abrupt("continue", 30);
         case 27:
           props.projectActions.redo();
-          return _context5.abrupt("continue", 29);
+          return _context5.abrupt("continue", 30);
         case 28:
           _evt$payload3 = evt.payload, moldingInfo = _evt$payload3.moldingInfo, isGlobal = _evt$payload3.isGlobal;
           props.itemsActions.setMolding(moldingInfo, isGlobal);
-          return _context5.abrupt("continue", 29);
+          return _context5.abrupt("continue", 30);
         case 29:
+          _evt$payload4 = evt.payload, option = _evt$payload4.option, _value3 = _evt$payload4.value;
+          if (option === PROJECT_SETTING_OPTION.UPDATE_CEIL_HEIGHT) {
+            props.viewer2DActions.updateCeilHeight(_value3);
+            props.viewer3DActions.update3DCeilHeight(_value3);
+          } else if (option === PROJECT_SETTING_OPTION.CHANGE_WALL_LENGTH_MEASURE) {
+            props.viewer2DActions.changeWallLengthMeasure(_value3);
+          } else if (option === PROJECT_SETTING_OPTION.CHANGE_BASE_CABINET_MEASURE) {
+            props.viewer2DActions.changeBaseCabinetMeasure(_value3);
+          } else if (option === PROJECT_SETTING_OPTION.CHANGE_WALL_CABINET_MEASURE) {
+            props.viewer2DActions.changeWallCabinetMeasure(_value3);
+          } else if (option === PROJECT_SETTING_OPTION.CHANGE_WINDOW_DOOR_MEASURE) {
+            props.viewer2DActions.changeWindowDoorMeasure(_value3);
+          }
+          return _context5.abrupt("continue", 30);
+        case 30:
         case "end":
           return _context5.stop();
       }

package/lib/assets/img/svg/logo.svg

@@ -0,0 +1,11 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M2.53725 5.07449C3.93853 5.07449 5.07449 3.93853 5.07449 2.53725C5.07449 1.13596 3.93853 0 2.53725 0C1.13596 0 0 1.13596 0 2.53725C0 3.93853 1.13596 5.07449 2.53725 5.07449Z" fill="#6332AC"/>
+  <path d="M11.9788 5.07449C13.3801 5.07449 14.5161 3.93853 14.5161 2.53725C14.5161 1.13596 13.3801 0 11.9788 0C10.5775 0 9.44156 1.13596 9.44156 2.53725C9.44156 3.93853 10.5775 5.07449 11.9788 5.07449Z" fill="#4DCBCB"/>
+  <path d="M21.4628 5.07449C22.8641 5.07449 24 3.93853 24 2.53725C24 1.13596 22.8641 0 21.4628 0C20.0615 0 18.9255 1.13596 18.9255 2.53725C18.9255 3.93853 20.0615 5.07449 21.4628 5.07449Z" fill="#154AC5"/>
+  <path d="M2.53728 14.5169C3.93856 14.5169 5.07452 13.3809 5.07452 11.9796C5.07452 10.5783 3.93856 9.44238 2.53728 9.44238C1.13599 9.44238 3.05176e-05 10.5783 3.05176e-05 11.9796C3.05176e-05 13.3809 1.13599 14.5169 2.53728 14.5169Z" fill="#0C389D"/>
+  <path d="M11.9788 14.5169C13.3801 14.5169 14.5161 13.3809 14.5161 11.9796C14.5161 10.5783 13.3801 9.44238 11.9788 9.44238C10.5775 9.44238 9.44156 10.5783 9.44156 11.9796C9.44156 13.3809 10.5775 14.5169 11.9788 14.5169Z" fill="#4C12A1"/>
+  <path d="M21.4628 14.5169C22.8641 14.5169 24 13.3809 24 11.9796C24 10.5783 22.8641 9.44238 21.4628 9.44238C20.0615 9.44238 18.9255 10.5783 18.9255 11.9796C18.9255 13.3809 20.0615 14.5169 21.4628 14.5169Z" fill="#008D8D"/>
+  <path d="M2.53728 24C3.93856 24 5.07452 22.8641 5.07452 21.4628C5.07452 20.0615 3.93856 18.9255 2.53728 18.9255C1.13599 18.9255 3.05176e-05 20.0615 3.05176e-05 21.4628C3.05176e-05 22.8641 1.13599 24 2.53728 24Z" fill="#00B9B9"/>
+  <path d="M11.9788 24C13.3801 24 14.5161 22.8641 14.5161 21.4628C14.5161 20.0615 13.3801 18.9255 11.9788 18.9255C10.5775 18.9255 9.44156 20.0615 9.44156 21.4628C9.44156 22.8641 10.5775 24 11.9788 24Z" fill="#3A66CA"/>
+  <path d="M21.4628 24C22.8641 24 24 22.8641 24 21.4628C24 20.0615 22.8641 18.9255 21.4628 18.9255C20.0615 18.9255 18.9255 20.0615 18.9255 21.4628C18.9255 22.8641 20.0615 24 21.4628 24Z" fill="#3A0B80"/>
+</svg>

package/lib/assets/img/svg/logo_with_text.svg

@@ -0,0 +1,25 @@
+<svg width="156" height="24" viewBox="0 0 156 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M2.53725 5.07449C3.93853 5.07449 5.07449 3.93853 5.07449 2.53725C5.07449 1.13596 3.93853 0 2.53725 0C1.13596 0 0 1.13596 0 2.53725C0 3.93853 1.13596 5.07449 2.53725 5.07449Z" fill="#6332AC"/>
+  <path d="M11.9788 5.07449C13.3801 5.07449 14.516 3.93853 14.516 2.53725C14.516 1.13596 13.3801 0 11.9788 0C10.5775 0 9.44153 1.13596 9.44153 2.53725C9.44153 3.93853 10.5775 5.07449 11.9788 5.07449Z" fill="#4DCBCB"/>
+  <path d="M21.4628 5.07449C22.8641 5.07449 24 3.93853 24 2.53725C24 1.13596 22.8641 0 21.4628 0C20.0615 0 18.9255 1.13596 18.9255 2.53725C18.9255 3.93853 20.0615 5.07449 21.4628 5.07449Z" fill="#154AC5"/>
+  <path d="M2.53725 14.5168C3.93853 14.5168 5.07449 13.3809 5.07449 11.9796C5.07449 10.5783 3.93853 9.44232 2.53725 9.44232C1.13596 9.44232 0 10.5783 0 11.9796C0 13.3809 1.13596 14.5168 2.53725 14.5168Z" fill="#0C389D"/>
+  <path d="M11.9788 14.5168C13.3801 14.5168 14.516 13.3809 14.516 11.9796C14.516 10.5783 13.3801 9.44232 11.9788 9.44232C10.5775 9.44232 9.44153 10.5783 9.44153 11.9796C9.44153 13.3809 10.5775 14.5168 11.9788 14.5168Z" fill="#4C12A1"/>
+  <path d="M21.4628 14.5168C22.8641 14.5168 24 13.3809 24 11.9796C24 10.5783 22.8641 9.44232 21.4628 9.44232C20.0615 9.44232 18.9255 10.5783 18.9255 11.9796C18.9255 13.3809 20.0615 14.5168 21.4628 14.5168Z" fill="#008D8D"/>
+  <path d="M2.53725 24C3.93853 24 5.07449 22.8641 5.07449 21.4628C5.07449 20.0615 3.93853 18.9255 2.53725 18.9255C1.13596 18.9255 0 20.0615 0 21.4628C0 22.8641 1.13596 24 2.53725 24Z" fill="#00B9B9"/>
+  <path d="M11.9788 24C13.3801 24 14.516 22.8641 14.516 21.4628C14.516 20.0615 13.3801 18.9255 11.9788 18.9255C10.5775 18.9255 9.44153 20.0615 9.44153 21.4628C9.44153 22.8641 10.5775 24 11.9788 24Z" fill="#3A66CA"/>
+  <path d="M21.4628 24C22.8641 24 24 22.8641 24 21.4628C24 20.0615 22.8641 18.9255 21.4628 18.9255C20.0615 18.9255 18.9255 20.0615 18.9255 21.4628C18.9255 22.8641 20.0615 24 21.4628 24Z" fill="#3A0B80"/>
+  <path d="M43.3829 11.8957C43.3829 13.7675 42.8838 15.1817 41.8439 16.1384C40.8041 17.1366 39.3483 17.5941 37.3933 17.5941H34.2322V6.36371H37.7261C39.5146 6.36371 40.8872 6.86284 41.8855 7.81951C42.8838 8.77617 43.3829 10.1488 43.3829 11.8957ZM41.4696 11.9373C41.4696 9.23371 40.2217 7.90269 37.6845 7.90269H36.1039V16.0552H37.3933C40.097 16.0552 41.4696 14.6826 41.4696 11.9373Z" fill="#434B59"/>
+  <path d="M45.2551 17.5941V6.36371H47.0852V17.5941H45.2551Z" fill="#434B59"/>
+  <path d="M52.9083 11.5214L55.5703 6.40527H57.5669L53.8234 13.2683V17.6357H51.9932V13.3515L48.2498 6.40527H50.2463L52.9083 11.5214Z" fill="#434B59"/>
+  <path d="M71.6252 11.8957C71.6252 13.7675 71.126 15.1817 70.0862 16.1384C69.0463 17.1366 67.5905 17.5941 65.6356 17.5941H62.4744V6.36371H65.9683C67.7569 6.36371 69.1295 6.86284 70.1278 7.81951C71.126 8.77617 71.6252 10.1488 71.6252 11.8957ZM69.7118 11.9373C69.7118 9.23371 68.464 7.90269 65.9267 7.90269H64.3462V16.0552H65.6356C68.3392 16.0552 69.7118 14.6826 69.7118 11.9373Z" fill="#434B59"/>
+  <path d="M77.1157 17.7601C75.7847 17.7601 74.7449 17.3858 73.9962 16.5955C73.2475 15.8052 72.8731 14.7654 72.8731 13.3927C72.8731 12.0201 73.2059 10.8971 73.913 10.1068C74.6201 9.31651 75.5351 8.90057 76.783 8.90057C78.0308 8.90057 78.7795 9.23333 79.445 9.94043C80.1105 10.6059 80.4017 11.5626 80.4017 12.7688V13.7255H74.7448C74.7448 14.5574 74.9944 15.1813 75.4104 15.6388C75.8263 16.0964 76.4086 16.3043 77.1989 16.3043C77.9892 16.3043 78.1556 16.2627 78.6131 16.1796C79.0291 16.0964 79.5282 15.93 80.0273 15.722V17.1778C79.5698 17.3858 79.1538 17.5522 78.6963 17.6354C78.2388 17.7185 77.7396 17.7601 77.1573 17.7601H77.1157ZM76.783 10.3148C76.2006 10.3148 75.7431 10.4812 75.4104 10.8555C75.0776 11.2298 74.8696 11.729 74.7864 12.4361H78.6547C78.6547 11.729 78.4883 11.1883 78.1556 10.8555C77.8228 10.4812 77.3653 10.3148 76.783 10.3148Z" fill="#434B59"/>
+  <path d="M87.7639 15.1813C87.7639 16.0132 87.4728 16.6371 86.8488 17.0946C86.2249 17.5521 85.393 17.7601 84.27 17.7601C83.147 17.7601 82.2319 17.5937 81.5248 17.261V15.6804C82.523 16.1379 83.4381 16.3875 84.3116 16.3875C85.1851 16.3875 85.9754 16.0547 85.9754 15.3892C85.9754 14.7237 85.9338 15.0149 85.809 14.8485C85.6842 14.7237 85.4762 14.5574 85.1851 14.391C84.8939 14.2246 84.5196 14.0582 84.0204 13.8503C83.0222 13.4759 82.3983 13.1016 82.0239 12.7272C81.6912 12.3529 81.5248 11.8537 81.5248 11.2714C81.5248 10.6891 81.8159 9.98199 82.3983 9.56605C82.9806 9.15011 83.7709 8.94214 84.8107 8.94214C85.8506 8.94214 86.7657 9.15011 87.6391 9.56605L87.0568 10.9387C86.1417 10.5643 85.3514 10.3563 84.7275 10.3563C83.7709 10.3563 83.3133 10.6475 83.3133 11.1882C83.3133 11.729 83.4381 11.6874 83.6877 11.8537C83.9372 12.0201 84.478 12.3113 85.3099 12.6024C86.017 12.8936 86.5161 13.1432 86.8488 13.3511C87.1816 13.5591 87.3896 13.8503 87.5559 14.1414C87.7223 14.4326 87.8055 14.8069 87.8055 15.1813H87.7639Z" fill="#434B59"/>
+  <path d="M89.0953 6.86258C89.0953 6.52983 89.1785 6.28026 89.3449 6.11389C89.5113 5.94751 89.7608 5.86432 90.0936 5.86432C90.4263 5.86432 90.6759 5.94751 90.8423 6.11389C91.0087 6.28026 91.0919 6.52983 91.0919 6.86258C91.0919 7.19533 91.0087 7.40331 90.8423 7.56968C90.6759 7.73606 90.4263 7.81925 90.0936 7.81925C89.7608 7.81925 89.5113 7.73606 89.3449 7.56968C89.1785 7.40331 89.0953 7.15374 89.0953 6.86258ZM91.0087 17.5939H89.2201V9.10867H91.0087V17.5939Z" fill="#434B59"/>
+  <path d="M100.242 9.10852V10.1068L98.7864 10.3563C98.9112 10.5227 99.036 10.7723 99.1192 11.0219C99.2024 11.2714 99.244 11.5626 99.244 11.8537C99.244 12.7272 98.9528 13.4343 98.3289 13.9334C97.705 14.4326 96.8731 14.6821 95.8333 14.6821C94.7934 14.6821 95.3341 14.6821 95.0846 14.6405C94.7102 14.8901 94.5022 15.1813 94.5022 15.4724C94.5022 15.7636 94.5854 15.8052 94.7934 15.93C94.9598 16.0132 95.2925 16.0963 95.7917 16.0963H97.2891C98.2457 16.0963 98.9528 16.3043 99.4104 16.6787C99.8679 17.053 100.159 17.6353 100.159 18.4256C100.159 19.2159 99.7431 20.131 98.9528 20.6717C98.1625 21.2124 96.9979 21.462 95.5005 21.462C94.0031 21.462 93.4624 21.254 92.8385 20.8381C92.2146 20.4221 91.9234 19.8398 91.9234 19.0911C91.9234 18.3424 92.0898 18.1345 92.4225 17.7601C92.7553 17.3858 93.2128 17.1362 93.7951 17.0114C93.5456 16.9282 93.3376 16.7619 93.2128 16.5123C93.0464 16.3043 92.9633 16.0548 92.9633 15.8052C92.9633 15.5556 93.0464 15.2229 93.2128 15.0149C93.3792 14.8069 93.6704 14.5574 94.0031 14.3494C93.5456 14.1414 93.2128 13.8503 92.9217 13.4343C92.6305 13.0184 92.5057 12.5192 92.5057 11.9369C92.5057 11.0219 92.7969 10.3148 93.3792 9.77403C93.9615 9.2333 94.7934 9.02533 95.8749 9.02533C96.9563 9.02533 96.374 9.02533 96.6235 9.06692C96.8731 9.06692 97.0811 9.15011 97.2059 9.15011H100.159L100.242 9.10852ZM93.5872 18.9248C93.5872 19.2991 93.7535 19.6319 94.1279 19.8398C94.4606 20.0478 94.9598 20.1726 95.6253 20.1726C96.6235 20.1726 97.3306 20.0478 97.8298 19.7566C98.3289 19.4655 98.5369 19.0911 98.5369 18.6336C98.5369 18.1761 98.4121 18.0097 98.1209 17.8433C97.8714 17.6769 97.3722 17.5937 96.6651 17.5937H95.2925C94.7934 17.5937 94.3774 17.7185 94.0447 17.9681C93.7535 18.2177 93.5872 18.5504 93.5872 18.9663V18.9248ZM94.3359 11.8537C94.3359 12.3945 94.4606 12.8104 94.7518 13.1016C95.043 13.3927 95.4173 13.5175 95.9164 13.5175C96.9563 13.5175 97.497 12.9768 97.497 11.8537C97.497 10.7307 97.3722 10.8555 97.1227 10.5643C96.8731 10.2732 96.4572 10.1068 95.958 10.1068C95.4589 10.1068 95.043 10.2732 94.7518 10.5643C94.5022 10.8555 94.3359 11.313 94.3359 11.8537Z" fill="#434B59"/>
+  <path d="M108.81 17.5937H106.98V12.3529C106.98 11.6874 106.855 11.1882 106.564 10.8971C106.273 10.6059 105.899 10.3979 105.316 10.3979C104.734 10.3979 103.985 10.6059 103.653 11.0634C103.32 11.521 103.112 12.2697 103.112 13.3511V17.5937H101.323V9.10852H102.738L102.987 10.2316H103.07C103.32 9.81562 103.694 9.52446 104.152 9.27489C104.609 9.06692 105.15 8.94214 105.732 8.94214C107.77 8.94214 108.81 9.98199 108.81 12.0617V17.5937Z" fill="#434B59"/>
+  <path d="M121.456 14.5578C121.456 15.556 121.081 16.3463 120.374 16.9286C119.667 17.511 118.669 17.8021 117.379 17.8021C116.09 17.8021 115.05 17.5941 114.26 17.2198V15.4728C114.759 15.7224 115.3 15.8888 115.882 16.0552C116.464 16.2215 117.005 16.2631 117.504 16.2631C118.211 16.2631 118.752 16.1383 119.126 15.8472C119.501 15.556 119.625 15.1817 119.625 14.7241C119.625 14.2666 119.459 13.9339 119.168 13.6427C118.877 13.3515 118.211 13.0188 117.213 12.6028C116.173 12.1869 115.466 11.7294 115.05 11.1886C114.634 10.6479 114.426 10.024 114.426 9.2753C114.426 8.52661 114.759 7.61153 115.424 7.07081C116.09 6.53008 117.005 6.28052 118.086 6.28052C119.168 6.28052 120.249 6.53008 121.289 6.98762L120.707 8.48501C119.709 8.06907 118.835 7.8611 118.045 7.8611C117.254 7.8611 117.005 7.98588 116.672 8.23545C116.381 8.48501 116.215 8.81776 116.215 9.2753C116.215 9.73284 116.256 9.81603 116.381 10.024C116.506 10.232 116.714 10.4399 117.005 10.6063C117.296 10.7727 117.795 11.0223 118.544 11.355C119.376 11.6878 119.958 12.0205 120.374 12.3117C120.748 12.6028 121.04 12.9356 121.206 13.3099C121.372 13.6843 121.456 14.1418 121.456 14.641V14.5578Z" fill="#434B59"/>
+  <path d="M127.237 17.7601C126.156 17.7601 125.324 17.3858 124.742 16.5955H124.617C124.7 17.3026 124.742 17.7601 124.742 17.8849V21.3788H122.953V9.10852H124.409C124.409 9.27489 124.534 9.64924 124.658 10.2316H124.742C125.324 9.35808 126.156 8.94214 127.279 8.94214C128.402 8.94214 129.15 9.31649 129.774 10.1068C130.398 10.8971 130.648 11.9369 130.648 13.3511C130.648 14.7653 130.357 15.8052 129.733 16.5955C129.15 17.3858 128.319 17.7601 127.237 17.7601ZM126.821 10.4395C126.114 10.4395 125.573 10.6475 125.241 11.0634C124.908 11.4794 124.742 12.1449 124.742 13.06V13.3095C124.742 14.3494 124.908 15.0981 125.241 15.5556C125.573 16.0132 126.114 16.2627 126.863 16.2627C127.612 16.2627 127.986 16.0132 128.319 15.514C128.651 15.0149 128.818 14.2662 128.818 13.3095C128.818 12.3529 128.651 11.6458 128.319 11.1466C127.986 10.6475 127.487 10.3979 126.821 10.3979V10.4395Z" fill="#434B59"/>
+  <path d="M137.593 17.5937L137.219 16.4291H137.177C136.762 16.9282 136.346 17.3026 135.93 17.469C135.514 17.6353 134.973 17.7601 134.349 17.7601C133.725 17.7601 132.852 17.5521 132.394 17.0946C131.937 16.6371 131.687 16.0132 131.687 15.1813C131.687 14.3494 132.02 13.6423 132.644 13.1847C133.268 12.7272 134.266 12.4776 135.638 12.4361H137.094V11.9369C137.094 11.3962 136.969 10.9803 136.72 10.7307C136.47 10.4811 136.054 10.3147 135.555 10.3147C135.056 10.3147 134.682 10.3979 134.307 10.5227C133.892 10.6475 133.517 10.8139 133.143 10.9803L132.56 9.69083C133.018 9.44127 133.517 9.27489 134.058 9.15011C134.599 9.02533 135.139 8.94214 135.597 8.94214C136.678 8.94214 137.51 9.1917 138.051 9.64924C138.592 10.1068 138.883 10.8555 138.883 11.8537V17.5937H137.593ZM134.89 16.3875C135.555 16.3875 136.054 16.2211 136.47 15.8468C136.886 15.4724 137.053 14.9733 137.053 14.3078V13.5591H135.971C135.139 13.6423 134.515 13.7671 134.099 14.0166C133.684 14.2662 133.517 14.6405 133.517 15.1813C133.517 15.722 133.642 15.8468 133.85 16.0547C134.058 16.2627 134.432 16.3459 134.848 16.3459L134.89 16.3875Z" fill="#434B59"/>
+  <path d="M144.332 17.7601C143.042 17.7601 142.086 17.3858 141.42 16.6371C140.755 15.8884 140.422 14.8069 140.422 13.3927C140.422 11.9785 140.755 10.8555 141.462 10.1068C142.169 9.35808 143.167 8.94214 144.498 8.94214C145.829 8.94214 146.204 9.10852 146.911 9.44127L146.37 10.8971C145.621 10.6059 144.956 10.4395 144.498 10.4395C143.042 10.4395 142.294 11.3962 142.294 13.3511C142.294 15.3061 142.46 15.0149 142.834 15.514C143.209 16.0132 143.75 16.2211 144.457 16.2211C145.164 16.2211 146.037 16.0132 146.744 15.6388V17.2194C146.412 17.4274 146.079 17.5521 145.704 17.6353C145.33 17.7185 144.914 17.7601 144.373 17.7601H144.332Z" fill="#434B59"/>
+  <path d="M151.819 17.7601C150.488 17.7601 149.448 17.3858 148.699 16.5955C147.951 15.8052 147.576 14.7654 147.576 13.3927C147.576 12.0201 147.909 10.8971 148.616 10.1068C149.323 9.31651 150.238 8.90057 151.486 8.90057C152.734 8.90057 153.483 9.23333 154.148 9.94043C154.814 10.6059 155.105 11.5626 155.105 12.7688V13.7255H149.448C149.448 14.5574 149.698 15.1813 150.114 15.6388C150.529 16.0964 151.112 16.3043 151.902 16.3043C152.692 16.3043 152.859 16.2627 153.316 16.1796C153.732 16.0964 154.231 15.93 154.731 15.722V17.1778C154.273 17.3858 153.857 17.5522 153.399 17.6354C152.942 17.7185 152.443 17.7601 151.86 17.7601H151.819ZM151.486 10.3148C150.904 10.3148 150.446 10.4812 150.114 10.8555C149.781 11.2298 149.573 11.729 149.49 12.4361H153.358C153.358 11.729 153.192 11.1883 152.859 10.8555C152.526 10.5227 152.068 10.3148 151.486 10.3148Z" fill="#434B59"/>
+</svg>

package/lib/catalog/factories/wall-factory.js

@@ -27,11 +27,11 @@ var STYLE_LINE = {
   // strokeWidth:1
 };
 var STYLE_INTERIOR_LINE = {
-  strokeWidth: 2,
+  strokeWidth: 1,
   stroke: SharedStyle.INTERIOR_LINE.unselected
 };
 var STYLE_INTERIOR_LINE_SELECTED = {
-  strokeWidth: 4,
+  strokeWidth: 2,
   stroke: SharedStyle.INTERIOR_LINE.selected,
   fill: SharedStyle.INTERIOR_LINE.selected,
   rx: '2px'
@@ -224,9 +224,9 @@ function WallFactory(name, info, textures) {
       })));
       return !element.selected ? /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("polygon", {
         points: "".concat(x1, ",").concat(y1, " ").concat(related0x, ",").concat(related0y, " ").concat(related1x, ",").concat(related1y, " ").concat(x2, ",").concat(y2),
-        fill: "#CFD8DC"
-        // fillRule="evenodd"
-      }), /*#__PURE__*/_react["default"].createElement("line", {
+        fill: "url(#pat)",
+        fillRule: "evenodd"
+      }), outwall, /*#__PURE__*/_react["default"].createElement("line", {
         x1: x1,
         y1: y1,
         x2: x2,
@@ -234,9 +234,9 @@ function WallFactory(name, info, textures) {
         style: STYLE_INTERIOR_LINE
       })) : /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("polygon", {
         points: "".concat(x1, ",").concat(y1, " ").concat(related0x, ",").concat(related0y, " ").concat(related1x, ",").concat(related1y, " ").concat(x2, ",").concat(y2),
-        fill: "#CFD8DC"
-        // fillRule="evenodd"
-      }), /*#__PURE__*/_react["default"].createElement("line", {
+        fill: "url(#pat)",
+        fillRule: "evenodd"
+      }), outwall, /*#__PURE__*/_react["default"].createElement("line", {
         x1: x1,
         y1: y1,
         x2: x2,