kitchen-simulator 11.28.0 → 11.28.2

package/es/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/es/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/es/catalog/utils/exporter.js

@@ -24,6 +24,8 @@ export default function (_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,
@@ -150,6 +152,8 @@ export default function (_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/es/catalog/utils/item-loader.js

@@ -62,6 +62,7 @@ export function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corn
   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();
@@ -182,6 +183,8 @@ export function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corn
     }
     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;
@@ -269,17 +272,19 @@ export function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corn
       transform: "rotate(".concat(rotation, ")")
     }, /*#__PURE__*/React.createElement("g", {
       transform: "translate(".concat(-newWidth / 2 - padding_width, ",").concat(-newDepth / 2 - padding_depth, ")")
+    }, /*#__PURE__*/React.createElement("g", {
+      transform: isMirrored ? "translate(".concat(paddedWidth, ", 0) scale(-1, 1)") : undefined
     }, /*#__PURE__*/React.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.createElement("rect", {
       x: "".concat(padding_width),
       y: "".concat(padding_depth),
@@ -291,7 +296,7 @@ export function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corn
         opacity: 0.7,
         postion: 'relative'
       }
-    }), /*#__PURE__*/React.createElement("g", {
+    })), /*#__PURE__*/React.createElement("g", {
       transform: "translate(".concat(padding_width, ",").concat(padding_depth, ")")
     }, txtContent)), element.category === 'cabinet' && /*#__PURE__*/React.createElement("g", {
       visibility: isWarningCabinet(element) ? 'visible' : 'hidden'
@@ -314,6 +319,8 @@ export function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corn
       transform: "rotate(".concat(rotation, ")")
     }, /*#__PURE__*/React.createElement("g", {
       transform: "translate(".concat(-newWidth / 2, ",").concat(-newDepth / 2, ")")
+    }, /*#__PURE__*/React.createElement("g", {
+      transform: isMirrored ? "translate(".concat(newWidth, ", 0) scale(-1, 1)") : undefined
     }, newDepth > 15 ? [/*#__PURE__*/React.createElement("rect", {
       key: "base",
       x: "0",
@@ -332,7 +339,7 @@ export function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corn
       width: newWidth,
       height: newDepth,
       style: style
-    }), txtContent)));
+    })), txtContent)));
   }
   return rendered;
 }
@@ -388,6 +395,7 @@ export function render3DItem(element, layer, scene, sizeinfo, structure_json, is
   if (element.doorStyle.constructor !== Map) {
     element = element.set('doorStyle', 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++) {
@@ -478,9 +486,10 @@ export function render3DItem(element, layer, scene, sizeinfo, structure_json, is
     newAltitude = 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);
@@ -551,7 +560,8 @@ export function render3DItem(element, layer, scene, sizeinfo, structure_json, is
       // 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/es/class/item.js

@@ -8,13 +8,14 @@ import { convert } from "../utils/convert-units-lite";
 import { Group, Hole, Layer } from "./export";
 import { GeometryUtils, IDBroker, MoldingUtils, NameGenerator } from "../utils/export";
 import { fromJS, Map } from 'immutable';
-import { DOORSTYLE_SCOPE_ALL, DOORSTYLE_SCOPE_MULTIPLE, DOORSTYLE_SCOPE_SINGLE, INSTALLATION_SUFFIX_TYPE, INTERNAL_EVENT_DRAW_ELEMENT, MODE_DRAGGING_ITEM, MODE_DRAGGING_ITEM_3D, MODE_DRAWING_ITEM, MODE_DRAWING_ITEM_3D, MODE_IDLE, MODE_IDLE_3D, MODE_ROTATING_ITEM, MODE_ROTATING_ITEM_3D, MOLDING_LOCATIONS } from "../constants";
+import { DOORSTYLE_SCOPE_ALL, DOORSTYLE_SCOPE_MULTIPLE, DOORSTYLE_SCOPE_SINGLE, INSTALLATION_SUFFIX_TYPE, INTERNAL_EVENT_DRAW_ELEMENT, INTERNAL_EVENT_MIRROR_ELEMENT, MODE_DRAGGING_ITEM, MODE_DRAGGING_ITEM_3D, MODE_DRAWING_ITEM, MODE_DRAWING_ITEM_3D, MODE_IDLE, MODE_IDLE_3D, MODE_ROTATING_ITEM, MODE_ROTATING_ITEM_3D, MOLDING_LOCATIONS } from "../constants";
 import { debugUtil, updatePayloadOfInternalEvent } from "../utils/helper";
 import { isUndefined } from 'util';
 import { hasMoldingLayout } from "../utils/molding";
 import { getInstallationSuffix, isEmpty } from "../components/viewer2d/utils";
 import { historyPush } from "../utils/history";
 import { toJSIfNeeded } from "../shared/objects/immutable";
+import { canMirrorCabinet } from "../shared/domain/cabinet-mirror";
 import { isWarningCabinet } from "../shared/domain/cabinet-warning";
 var allItemRect;
 var allItemSnap;
@@ -80,6 +81,8 @@ var Item = /*#__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,
@@ -108,7 +111,8 @@ var Item = /*#__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');
@@ -640,6 +644,32 @@ var Item = /*#__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 (isUndefined(item) || !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 = updatePayloadOfInternalEvent(mirroredItem, layer);
+        onInternalEvent({
+          type: INTERNAL_EVENT_MIRROR_ELEMENT,
+          value: jsElement
+        });
+      }
+      return {
+        updatedState: state
+      };
+    }
   }, {
     key: "storeDistArray",
     value: function storeDistArray(state, layerID, itemID, distArray) {