kitchen-simulator 11.28.0 → 11.28.2

package/lib/assets/img/svg/wizardstep/detail_view.svg

@@ -1,87 +1,87 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="17"
-   height="14"
-   id="svg91951"
-   version="1.1"
-   inkscape:version="0.48.4 r9939"
-   sodipodi:docname="New document 3">
-  <defs
-     id="defs91953" />
-  <sodipodi:namedview
-     id="base"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageopacity="0.0"
-     inkscape:pageshadow="2"
-     inkscape:zoom="22.197802"
-     inkscape:cx="8"
-     inkscape:cy="8"
-     inkscape:current-layer="layer1"
-     showgrid="true"
-     inkscape:grid-bbox="true"
-     inkscape:document-units="px"
-     inkscape:window-width="1920"
-     inkscape:window-height="1017"
-     inkscape:window-x="-8"
-     inkscape:window-y="-8"
-     inkscape:window-maximized="1" />
-  <metadata
-     id="metadata91956">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <g
-     id="layer1"
-     inkscape:label="Layer 1"
-     inkscape:groupmode="layer"
-     transform="translate(0,-2)">
-    <path
-       style="fill:none;stroke:#4c12a1;stroke-width:1.9992758;stroke-linecap:round;stroke-linejoin:round"
-       inkscape:connector-curvature="0"
-       d="M 4.999831,2.9996402 H 16.000362"
-       id="path28763" />
-    <path
-       style="fill:none;stroke:#4c12a1;stroke-width:1.9992758;stroke-linecap:round;stroke-linejoin:round"
-       inkscape:connector-curvature="0"
-       d="M 4.999831,8.9950062 H 16.000362"
-       id="path28765" />
-    <path
-       style="fill:none;stroke:#4c12a1;stroke-width:1.9992758;stroke-linecap:round;stroke-linejoin:round"
-       inkscape:connector-curvature="0"
-       d="M 4.999831,14.990372 H 16.000362"
-       id="path28767" />
-    <path
-       style="fill:none;stroke:#4c12a1;stroke-width:1.9992758;stroke-linecap:round;stroke-linejoin:round"
-       inkscape:connector-curvature="0"
-       d="m 0.9996379,2.9996402 v 0.00999"
-       id="path28769" />
-    <path
-       style="fill:none;stroke:#4c12a1;stroke-width:1.9992758;stroke-linecap:round;stroke-linejoin:round"
-       inkscape:connector-curvature="0"
-       d="m 0.9996379,8.9950062 v 0.00999"
-       id="path28771" />
-    <path
-       style="fill:none;stroke:#4c12a1;stroke-width:1.9992758;stroke-linecap:round;stroke-linejoin:round"
-       inkscape:connector-curvature="0"
-       d="m 0.9996379,14.990372 v 0.01"
-       id="path28773" />
-  </g>
-</svg>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="17"
+   height="14"
+   id="svg91951"
+   version="1.1"
+   inkscape:version="0.48.4 r9939"
+   sodipodi:docname="New document 3">
+  <defs
+     id="defs91953" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="22.197802"
+     inkscape:cx="8"
+     inkscape:cy="8"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:document-units="px"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata91956">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     transform="translate(0,-2)">
+    <path
+       style="fill:none;stroke:#4c12a1;stroke-width:1.9992758;stroke-linecap:round;stroke-linejoin:round"
+       inkscape:connector-curvature="0"
+       d="M 4.999831,2.9996402 H 16.000362"
+       id="path28763" />
+    <path
+       style="fill:none;stroke:#4c12a1;stroke-width:1.9992758;stroke-linecap:round;stroke-linejoin:round"
+       inkscape:connector-curvature="0"
+       d="M 4.999831,8.9950062 H 16.000362"
+       id="path28765" />
+    <path
+       style="fill:none;stroke:#4c12a1;stroke-width:1.9992758;stroke-linecap:round;stroke-linejoin:round"
+       inkscape:connector-curvature="0"
+       d="M 4.999831,14.990372 H 16.000362"
+       id="path28767" />
+    <path
+       style="fill:none;stroke:#4c12a1;stroke-width:1.9992758;stroke-linecap:round;stroke-linejoin:round"
+       inkscape:connector-curvature="0"
+       d="m 0.9996379,2.9996402 v 0.00999"
+       id="path28769" />
+    <path
+       style="fill:none;stroke:#4c12a1;stroke-width:1.9992758;stroke-linecap:round;stroke-linejoin:round"
+       inkscape:connector-curvature="0"
+       d="m 0.9996379,8.9950062 v 0.00999"
+       id="path28771" />
+    <path
+       style="fill:none;stroke:#4c12a1;stroke-width:1.9992758;stroke-linecap:round;stroke-linejoin:round"
+       inkscape:connector-curvature="0"
+       d="m 0.9996379,14.990372 v 0.01"
+       id="path28773" />
+  </g>
+</svg>

package/lib/assets/img/svg/wizardstep/tile_view.svg

@@ -1,95 +1,95 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="18"
-   height="18"
-   id="svg91993"
-   version="1.1"
-   inkscape:version="0.48.4 r9939"
-   sodipodi:docname="New document 5">
-  <defs
-     id="defs91995">
-    <clipPath
-       id="clip69_0_1">
-      <rect
-         style="fill:#ffffff"
-         y="0"
-         x="0"
-         id="rect47253"
-         transform="translate(352,835.725)"
-         height="24"
-         width="24" />
-    </clipPath>
-  </defs>
-  <sodipodi:namedview
-     id="base"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageopacity="0.0"
-     inkscape:pageshadow="2"
-     inkscape:zoom="16"
-     inkscape:cx="15.73047"
-     inkscape:cy="11.433004"
-     inkscape:current-layer="layer1"
-     showgrid="true"
-     inkscape:grid-bbox="true"
-     inkscape:document-units="px"
-     inkscape:window-width="1920"
-     inkscape:window-height="1017"
-     inkscape:window-x="-8"
-     inkscape:window-y="-8"
-     inkscape:window-maximized="1" />
-  <metadata
-     id="metadata91998">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <g
-     id="layer1"
-     inkscape:label="Layer 1"
-     inkscape:groupmode="layer"
-     transform="translate(0,-14)">
-    <g
-       transform="translate(-355,-824.725)"
-       style="fill:none"
-       id="g3633"
-       clip-path="url(#clip69_0_1)">
-      <path
-         id="path3635"
-         d="m 356,840.725 c 0,-0.265 0.105,-0.519 0.293,-0.707 0.187,-0.188 0.442,-0.293 0.707,-0.293 h 4 c 0.265,0 0.52,0.105 0.707,0.293 0.188,0.188 0.293,0.442 0.293,0.707 v 4 c 0,0.265 -0.105,0.52 -0.293,0.707 -0.187,0.188 -0.442,0.293 -0.707,0.293 h -4 c -0.265,0 -0.52,-0.105 -0.707,-0.293 C 356.105,845.245 356,844.99 356,844.725 v -4 z"
-         inkscape:connector-curvature="0"
-         style="stroke:#4c12a1;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" />
-      <path
-         id="path3637"
-         d="m 366,840.725 c 0,-0.265 0.105,-0.519 0.293,-0.707 0.187,-0.188 0.442,-0.293 0.707,-0.293 h 4 c 0.265,0 0.52,0.105 0.707,0.293 0.188,0.188 0.293,0.442 0.293,0.707 v 4 c 0,0.265 -0.105,0.52 -0.293,0.707 -0.187,0.188 -0.442,0.293 -0.707,0.293 h -4 c -0.265,0 -0.52,-0.105 -0.707,-0.293 C 366.105,845.245 366,844.99 366,844.725 v -4 z"
-         inkscape:connector-curvature="0"
-         style="stroke:#4c12a1;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" />
-      <path
-         id="path3639"
-         d="m 356,850.725 c 0,-0.265 0.105,-0.519 0.293,-0.707 0.187,-0.188 0.442,-0.293 0.707,-0.293 h 4 c 0.265,0 0.52,0.105 0.707,0.293 0.188,0.188 0.293,0.442 0.293,0.707 v 4 c 0,0.265 -0.105,0.52 -0.293,0.707 -0.187,0.188 -0.442,0.293 -0.707,0.293 h -4 c -0.265,0 -0.52,-0.105 -0.707,-0.293 C 356.105,855.245 356,854.99 356,854.725 v -4 z"
-         inkscape:connector-curvature="0"
-         style="stroke:#4c12a1;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" />
-      <path
-         id="path3641"
-         d="m 366,850.725 c 0,-0.265 0.105,-0.519 0.293,-0.707 0.187,-0.188 0.442,-0.293 0.707,-0.293 h 4 c 0.265,0 0.52,0.105 0.707,0.293 0.188,0.188 0.293,0.442 0.293,0.707 v 4 c 0,0.265 -0.105,0.52 -0.293,0.707 -0.187,0.188 -0.442,0.293 -0.707,0.293 h -4 c -0.265,0 -0.52,-0.105 -0.707,-0.293 C 366.105,855.245 366,854.99 366,854.725 v -4 z"
-         inkscape:connector-curvature="0"
-         style="stroke:#4c12a1;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" />
-    </g>
-  </g>
-</svg>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="18"
+   height="18"
+   id="svg91993"
+   version="1.1"
+   inkscape:version="0.48.4 r9939"
+   sodipodi:docname="New document 5">
+  <defs
+     id="defs91995">
+    <clipPath
+       id="clip69_0_1">
+      <rect
+         style="fill:#ffffff"
+         y="0"
+         x="0"
+         id="rect47253"
+         transform="translate(352,835.725)"
+         height="24"
+         width="24" />
+    </clipPath>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="16"
+     inkscape:cx="15.73047"
+     inkscape:cy="11.433004"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:document-units="px"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata91998">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     transform="translate(0,-14)">
+    <g
+       transform="translate(-355,-824.725)"
+       style="fill:none"
+       id="g3633"
+       clip-path="url(#clip69_0_1)">
+      <path
+         id="path3635"
+         d="m 356,840.725 c 0,-0.265 0.105,-0.519 0.293,-0.707 0.187,-0.188 0.442,-0.293 0.707,-0.293 h 4 c 0.265,0 0.52,0.105 0.707,0.293 0.188,0.188 0.293,0.442 0.293,0.707 v 4 c 0,0.265 -0.105,0.52 -0.293,0.707 -0.187,0.188 -0.442,0.293 -0.707,0.293 h -4 c -0.265,0 -0.52,-0.105 -0.707,-0.293 C 356.105,845.245 356,844.99 356,844.725 v -4 z"
+         inkscape:connector-curvature="0"
+         style="stroke:#4c12a1;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" />
+      <path
+         id="path3637"
+         d="m 366,840.725 c 0,-0.265 0.105,-0.519 0.293,-0.707 0.187,-0.188 0.442,-0.293 0.707,-0.293 h 4 c 0.265,0 0.52,0.105 0.707,0.293 0.188,0.188 0.293,0.442 0.293,0.707 v 4 c 0,0.265 -0.105,0.52 -0.293,0.707 -0.187,0.188 -0.442,0.293 -0.707,0.293 h -4 c -0.265,0 -0.52,-0.105 -0.707,-0.293 C 366.105,845.245 366,844.99 366,844.725 v -4 z"
+         inkscape:connector-curvature="0"
+         style="stroke:#4c12a1;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" />
+      <path
+         id="path3639"
+         d="m 356,850.725 c 0,-0.265 0.105,-0.519 0.293,-0.707 0.187,-0.188 0.442,-0.293 0.707,-0.293 h 4 c 0.265,0 0.52,0.105 0.707,0.293 0.188,0.188 0.293,0.442 0.293,0.707 v 4 c 0,0.265 -0.105,0.52 -0.293,0.707 -0.187,0.188 -0.442,0.293 -0.707,0.293 h -4 c -0.265,0 -0.52,-0.105 -0.707,-0.293 C 356.105,855.245 356,854.99 356,854.725 v -4 z"
+         inkscape:connector-curvature="0"
+         style="stroke:#4c12a1;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" />
+      <path
+         id="path3641"
+         d="m 366,850.725 c 0,-0.265 0.105,-0.519 0.293,-0.707 0.187,-0.188 0.442,-0.293 0.707,-0.293 h 4 c 0.265,0 0.52,0.105 0.707,0.293 0.188,0.188 0.293,0.442 0.293,0.707 v 4 c 0,0.265 -0.105,0.52 -0.293,0.707 -0.187,0.188 -0.442,0.293 -0.707,0.293 h -4 c -0.265,0 -0.52,-0.105 -0.707,-0.293 C 366.105,855.245 366,854.99 366,854.725 v -4 z"
+         inkscape:connector-curvature="0"
+         style="stroke:#4c12a1;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" />
+    </g>
+  </g>
+</svg>

package/lib/catalog/utils/exporter.js

@@ -31,6 +31,8 @@ function _default(_ref) {
     obj_property = _ref.obj_property,
     outlineSVGData = _ref.outlineSVGData,
     cds = _ref.cds,
+    can_be_mirrored = _ref.can_be_mirrored,
+    mirrored = _ref.mirrored,
     _ref$width_unit = _ref.width_unit,
     width_unit = _ref$width_unit === void 0 ? 'in' : _ref$width_unit,
     _ref$height_unit = _ref.height_unit,
@@ -157,6 +159,8 @@ function _default(_ref) {
     img: base,
     obj: obj_property,
     cds: cds,
+    can_be_mirrored: can_be_mirrored,
+    mirrored: mirrored,
     structure_json: structure_json,
     ccdf_list: ccdf_list,
     width_unit: widthUnit,

package/lib/catalog/utils/item-loader.js

@@ -76,6 +76,7 @@ function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corner, sha
   var x = element.x,
     y = element.y,
     rotation = element.rotation;
+  var isMirrored = element.mirrored === true;
   var el_DSN = 'el_DSN',
     doorStylesKeys = [];
   var _element = element.toJS();
@@ -196,6 +197,8 @@ function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corner, sha
     }
     var padding_width = padding * newWidth / svg_width;
     var padding_depth = padding * newDepth / svg_depth;
+    var paddedWidth = newWidth + 2 * padding_width;
+    var paddedDepth = newDepth + 2 * padding_depth;
 
     // offset of the warning icons(by default, show the icons with width direction and if depth is bigger than width, show with depth direction.)
     var transX = svg_width < svg_depth ? 0 : 10;
@@ -283,17 +286,19 @@ function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corner, sha
       transform: "rotate(".concat(rotation, ")")
     }, /*#__PURE__*/_react["default"].createElement("g", {
       transform: "translate(".concat(-newWidth / 2 - padding_width, ",").concat(-newDepth / 2 - padding_depth, ")")
+    }, /*#__PURE__*/_react["default"].createElement("g", {
+      transform: isMirrored ? "translate(".concat(paddedWidth, ", 0) scale(-1, 1)") : undefined
     }, /*#__PURE__*/_react["default"].createElement("image", {
       preserveAspectRatio: "none",
       style: {
         pointerEvents: 'none'
       },
       href: svg_url,
-      width: "".concat(newWidth + 2 * padding_width),
-      height: "".concat(newDepth + 2 * padding_depth),
+      width: "".concat(paddedWidth),
+      height: "".concat(paddedDepth),
       transform: "scale(1, -1)",
       x: "0",
-      y: "".concat(-newDepth - 2 * padding_depth)
+      y: "".concat(-paddedDepth)
     }), /*#__PURE__*/_react["default"].createElement("rect", {
       x: "".concat(padding_width),
       y: "".concat(padding_depth),
@@ -305,7 +310,7 @@ function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corner, sha
         opacity: 0.7,
         postion: 'relative'
       }
-    }), /*#__PURE__*/_react["default"].createElement("g", {
+    })), /*#__PURE__*/_react["default"].createElement("g", {
       transform: "translate(".concat(padding_width, ",").concat(padding_depth, ")")
     }, txtContent)), element.category === 'cabinet' && /*#__PURE__*/_react["default"].createElement("g", {
       visibility: (0, _cabinetWarning.isWarningCabinet)(element) ? 'visible' : 'hidden'
@@ -328,6 +333,8 @@ function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corner, sha
       transform: "rotate(".concat(rotation, ")")
     }, /*#__PURE__*/_react["default"].createElement("g", {
       transform: "translate(".concat(-newWidth / 2, ",").concat(-newDepth / 2, ")")
+    }, /*#__PURE__*/_react["default"].createElement("g", {
+      transform: isMirrored ? "translate(".concat(newWidth, ", 0) scale(-1, 1)") : undefined
     }, newDepth > 15 ? [/*#__PURE__*/_react["default"].createElement("rect", {
       key: "base",
       x: "0",
@@ -346,7 +353,7 @@ function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corner, sha
       width: newWidth,
       height: newDepth,
       style: style
-    }), txtContent)));
+    })), txtContent)));
   }
   return rendered;
 }
@@ -402,6 +409,7 @@ function render3DItem(element, layer, scene, sizeinfo, structure_json, is_corner
   if (element.doorStyle.constructor !== _immutable.Map) {
     element = element.set('doorStyle', (0, _immutable.fromJS)(element.doorStyle));
   }
+  var isMirrored = element.mirrored === true;
   if (element.doorStyle.toJS().handle_gltf !== '') {
     // Check element has doorHandle
     for (var i = 1; i < 10; i++) {
@@ -492,9 +500,10 @@ function render3DItem(element, layer, scene, sizeinfo, structure_json, is_corner
     newAltitude = (0, _convertUnitsLite.convert)(newAltitude).from(newUnit).to(scene.unit);
     var _element = element.toJS();
     if (!_element.doorStyle.doorStyles.is_euro_cds) {
-      object1.scale.set(100 * newWidth / sizeinfo.width, 100 * newHeight / sizeinfo.height, 100 * newDepth / sizeinfo.depth);
+      var scaleX = 100 * newWidth / sizeinfo.width;
+      object1.scale.set(isMirrored ? -scaleX : scaleX, 100 * newHeight / sizeinfo.height, 100 * newDepth / sizeinfo.depth);
     } else {
-      object1.scale.set(100, 100, 100);
+      object1.scale.set(isMirrored ? -100 : 100, 100, 100);
     }
     // Normalize the origin of the object
     var boundingBox = GeomUtils.baseBox3FromObject(object1);
@@ -565,7 +574,8 @@ function render3DItem(element, layer, scene, sizeinfo, structure_json, is_corner
       // save object transform info///
       var scalevec = new Three.Vector3(object1.scale.x, object1.scale.y, object1.scale.z);
       var posVec = new Three.Vector3(object1.position.x, object1.position.y, object1.position.z);
-      object.scale.set(1 * newWidth / sizeinfo.width, 1 * newHeight / sizeinfo.height, 1 * newDepth / sizeinfo.depth);
+      var selectedScaleX = 1 * newWidth / sizeinfo.width;
+      object.scale.set(isMirrored ? -selectedScaleX : selectedScaleX, 1 * newHeight / sizeinfo.height, 1 * newDepth / sizeinfo.depth);
       object1.position.set(0, 0, 0);
       object1.rotation.set(0, 0, 0);
 

package/lib/class/item.js

@@ -20,6 +20,7 @@ var _molding = require("../utils/molding");
 var _utils = require("../components/viewer2d/utils");
 var _history = require("../utils/history");
 var _immutable2 = require("../shared/objects/immutable");
+var _cabinetMirror = require("../shared/domain/cabinet-mirror");
 var _cabinetWarning = require("../shared/domain/cabinet-warning");
 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) { (0, _defineProperty2["default"])(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; }
@@ -87,6 +88,8 @@ var Item = exports["default"] = /*#__PURE__*/function () {
         category: state.catalog.getIn(['elements', type, 'type']),
         layoutpos: state.catalog.getIn(['elements', type, 'info', 'layoutpos']),
         cabinet_category: state.catalog.getIn(['elements', type, 'obj']).toJS().cabinet_category,
+        can_be_mirrored: state.catalog.getIn(['elements', type, 'can_be_mirrored']),
+        mirrored: state.catalog.getIn(['elements', type, 'mirrored']),
         type: type,
         height: height,
         width: width,
@@ -115,7 +118,8 @@ var Item = exports["default"] = /*#__PURE__*/function () {
         if (isDuplication && refItem) {
           var _refItem$ccdf, _refItem$get, _refItem$properties, _refItem$properties$g;
           item = item.merge({
-            doorStyle: refItem.doorStyle
+            doorStyle: refItem.doorStyle,
+            mirrored: refItem.mirrored === true
           });
           // When duplicating, preserve the instance-selected CCDF from the source cabinet.
           var refCcdf = (_refItem$ccdf = refItem === null || refItem === void 0 ? void 0 : refItem.ccdf) !== null && _refItem$ccdf !== void 0 ? _refItem$ccdf : refItem === null || refItem === void 0 || (_refItem$get = refItem.get) === null || _refItem$get === void 0 ? void 0 : _refItem$get.call(refItem, 'ccdf');
@@ -647,6 +651,32 @@ var Item = exports["default"] = /*#__PURE__*/function () {
         updatedState: state
       };
     }
+  }, {
+    key: "toggleItemMirror",
+    value: function toggleItemMirror(state, layerID, itemID) {
+      var mirrored = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
+      var onInternalEvent = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
+      var item = state.getIn(['scene', 'layers', layerID, 'items', itemID]);
+      if ((0, _util.isUndefined)(item) || !(0, _cabinetMirror.canMirrorCabinet)(item)) {
+        return {
+          updatedState: state
+        };
+      }
+      var layer = state.getIn(['scene', 'layers', layerID]);
+      var nextMirrored = typeof mirrored === 'boolean' ? mirrored : item.mirrored !== true;
+      var mirroredItem = item.set('mirrored', nextMirrored);
+      state = state.setIn(['scene', 'layers', layerID, 'items', itemID, 'mirrored'], nextMirrored);
+      if (onInternalEvent) {
+        var jsElement = (0, _helper.updatePayloadOfInternalEvent)(mirroredItem, layer);
+        onInternalEvent({
+          type: _constants.INTERNAL_EVENT_MIRROR_ELEMENT,
+          value: jsElement
+        });
+      }
+      return {
+        updatedState: state
+      };
+    }
   }, {
     key: "storeDistArray",
     value: function storeDistArray(state, layerID, itemID, distArray) {