@crystaldesign/diva-web-planner-react 24.15.0-beta.4 → 24.15.0-beta.40

package/build/esm/index-ae01aa5f.js

@@ -0,0 +1,64 @@
+import { s as styleInject, u as useViewHandler } from './index-879da067.js';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import { useTranslation } from '@crystaldesign/diva-core';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+
+var paletteItem = "PaletteItem-jutHc";
+var imageWrapper = "imageWrapper--38qX";
+var sel = "sel-wpwWJ";
+var imageBackground = "imageBackground-qOQQh";
+var wcImage = "wcImage-e8f7s";
+var title = "title-63pJt";
+var textHover = "textHover-nhN12";
+var css_248z = "/*Size Normal */\n\n.PaletteItem-jutHc {\n  border-radius: var(--globalBorderRadius);\n  margin: calc(var(--itemsMargin) - 0.1rem);\n  position: relative;\n  float: left;\n  width: 96px;\n  height: 96px;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n}\n\n.PaletteItem-jutHc:active {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n.PaletteItem-jutHc:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.imageWrapper--38qX {\n  border-radius: 50%;\n  border: 1px transparent solid;\n  width: 94px;\n  height: 94px;\n  transition: 0.15s ease;\n  border-style: double;\n}\n.imageWrapper--38qX:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n}\n.sel-wpwWJ .imageWrapper--38qX:hover,\n.small-bg43M.sel-wpwWJ .imageWrapper--38qX:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n}\n.sel-wpwWJ .imageWrapper--38qX,\n.small-bg43M.sel-wpwWJ .imageWrapper--38qX {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.imageBackground-qOQQh {\n  border-radius: 50%;\n  border: 4px white solid;\n  width: 86px;\n  height: 86px;\n  transition: 0.15s ease;\n  background-color: #c2c2c2;\n}\n\n.sel-wpwWJ .imageBackground-qOQQh,\n.imageWrapper--38qX:hover {\n  background-color: #404040;\n}\n\n.sel-wpwWJ .imageBackground-qOQQh {\n  border: 4px var(--primaryColor) solid;\n}\n\n.wcImage-e8f7s {\n  width: 100%;\n  height: 86px;\n  border-radius: 50%;\n  background-size: cover;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n.sel-wpwWJ .wcImage-e8f7s,\n.small-bg43M.sel-wpwWJ .wcImage-e8f7s,\n.imageWrapper--38qX:hover .wcImage-e8f7s {\n  opacity: 0.5;\n}\n\n.title-63pJt {\n  text-align: center;\n  width: 100%;\n  font-size: 14px;\n  line-height: 96px;\n  display: none;\n  position: absolute;\n  top: 0;\n  z-index: 400;\n  color: #fff;\n  font-weight: 600;\n}\n\n.imageWrapper--38qX:hover .title-63pJt,\n.textHover-nhN12,\n.sel-wpwWJ .title-63pJt {\n  display: block;\n}\n\n@media all and (max-width: 1800px) {\n  .PaletteItem-jutHc {\n    width: 81px;\n    height: 81px;\n  }\n  .imageWrapper--38qX {\n    width: 79px;\n    height: 79px;\n  }\n  .imageBackground-qOQQh {\n    width: 71px;\n    height: 71px;\n  }\n  .wcImage-e8f7s {\n    height: 71px;\n  }\n  .title-63pJt {\n    line-height: 81px;\n    font-size: 12px;\n  }\n}\n";
+styleInject(css_248z);
+
+var Room = function Room(_ref) {
+  var itemP = _ref.item,
+    from = _ref.from;
+  var item = itemP;
+  var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/jsx("div", {
+    className: paletteItem,
+    onClick: function onClick() {
+      return viewHandler.paletteViewHandler.clickedOnStaticRoomPalette(item, !!from);
+    },
+    children: /*#__PURE__*/jsx("div", {
+      className: classnames(item.sel ? sel : undefined),
+      children: /*#__PURE__*/jsxs("div", {
+        className: classnames(imageWrapper),
+        children: [/*#__PURE__*/jsx("div", {
+          className: classnames(imageBackground),
+          children: /*#__PURE__*/jsx("div", {
+            className: wcImage,
+            style: {
+              backgroundImage: "url(".concat(item.url, ")")
+            }
+          })
+        }), /*#__PURE__*/jsx("div", {
+          className: classnames(title, !item.url ? textHover : undefined),
+          children: t('configurator.' + item.N)
+        })]
+      })
+    })
+  });
+};
+var RoomSerious = observer(Room);
+
+export { RoomSerious as default };

package/build/esm/index-ae5d39e3.js

@@ -0,0 +1,161 @@
+import { s as styleInject } from './index-879da067.js';
+import 'react';
+import { w as wcBoxPlannerAddElement, a as wcBoxPlannerAddElementLeft, b as wcBoxPlannerAddElementTop, c as wcBoxPlannerAddElementRight, d as wcPlanner3DRot, e as wcPlanner3DMove, f as wcPlannerDistanceToGround, g as wcPlannerArrowDistanceToGround } from './index.module-88cf98c7.js';
+import { w as wcUi2DOutlineDraggable, a as wcUi2DOutlineDraggableActive, b as wcUi2DOutlineSelectable, c as wc3DOutlineSvg, d as wc3DOutlinePolygon, e as wc3DOutlinePolygonContours, f as wc3DOutlinePolygonContoursSel } from './index.module-a09ab5da.js';
+import PlannerUI from './index-2c7321c9.js';
+import { useDivaCore } from '@crystaldesign/diva-core';
+import classnames from 'classnames';
+import { jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import 'mobx-react-lite';
+import './index-8aceb7ac.js';
+import './index-09805cce.js';
+import './index-6338c3c5.js';
+import './index-d9b987b6.js';
+import './index-a364c4c8.js';
+import './index-ae91060c.js';
+import './index-fa14240a.js';
+import './index-85711e44.js';
+import './index-3c29492f.js';
+import './index-670c4407.js';
+import './index-9f8a8c8a.js';
+import './index-73cba5e2.js';
+import './index-d0357907.js';
+import 'react-draggable';
+import './index-d0425a41.js';
+import './index-467dd9c6.js';
+import './index-193d1734.js';
+
+var wcPlannerButton = "wcPlannerButton-7VWLs";
+var mobile = "mobile-JpBZv";
+var css_248z$6 = ".wcPlannerButton-7VWLs {\n  position: absolute;\n  background-repeat: no-repeat;\n  transition: background-image 0.2s ease-in-out;\n  --globalSize: 28px;\n  --posNrSize: var(--globalSize) --trashSize: var(--globalSize);\n  --rotSize: 35px;\n  --copySize: var(--globalSize);\n  --fontSize: 26px;\n  --copyArrowSize: 40px;\n}\n.mobile-JpBZv {\n  --globalSize: 18px;\n  --fontSize: 17px;\n  --rotSize: 18px;\n  --copyArrowSize: var(--globalSize);\n}\n";
+styleInject(css_248z$6);
+
+var wcUi2DDpAvl = "wcUI2D_DP_AVL-w776P";
+var wcUi2DDpAvlSel = "wcUI2D_DP_AVL_SEL-zCEhK";
+var css_248z$5 = "/*.wcPlannerButton {\n  position: absolute;\n  background-repeat: no-repeat;\n  -webkit-transition: background-image 0.2s ease-in-out;\n  transition: background-image 0.2s ease-in-out;\n}\n*/\n\n.wcUI2D_DP_AVL-w776P {\n  border-radius: 0px !important;\n}\n\n.wcUI2D_DP_AVL-w776P {\n  height: 50px;\n  width: 50px;\n  background-color: rgba(0, 0, 0, 0);\n  background-size: 20px;\n\n  background-position: center right;\n  background-position-x: 26px;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2214%22 height%3D%2225%22 viewBox%3D%220 0 14 25%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1.47657 13.1203C1.15196 12.7895 0.989658 12.6242 0.989658 12.4198C0.989658 12.2154 1.15196 12.0501 1.47657 11.7193L11.8254 1.17541C12.5534 0.433651 12.9174 0.0627729 13.2282 0.189821C13.5391 0.316868 13.5391 0.836538 13.5391 1.87588L13.5391 22.9637C13.5391 24.0031 13.5391 24.5227 13.2282 24.6498C12.9174 24.7768 12.5534 24.4059 11.8254 23.6642L1.47657 13.1203Z%22 fill%3D%22%234A4A4A%22%2F%3E%3C%2Fsvg%3E\");\n  cursor: pointer;\n  transform-origin: top left;\n  z-index: 263;\n}\n\n.wcUI2D_DP_AVL_SEL-zCEhK {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2214%22 height%3D%2225%22 viewBox%3D%220 0 14 25%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1.14125 13.1203C0.816636 12.7895 0.654331 12.6242 0.654331 12.4198C0.654331 12.2154 0.816636 12.0501 1.14125 11.7193L11.4901 1.17541C12.2181 0.433651 12.5821 0.0627729 12.8929 0.189821C13.2037 0.316868 13.2037 0.836538 13.2037 1.87588L13.2037 22.9637C13.2037 24.0031 13.2037 24.5227 12.8929 24.6498C12.5821 24.7768 12.2181 24.4059 11.4901 23.6642L1.14125 13.1203Z%22 fill%3D%22%23272727%22%2F%3E%3C%2Fsvg%3E\") !important;\n}\n";
+styleInject(css_248z$5);
+
+var wcUi2DDpAvr = "wcUI2D_DP_AVR-oYj8A";
+var wcUi2DDpAvrSel = "wcUI2D_DP_AVR_SEL-XRrsh";
+var css_248z$4 = ".wcUI2D_DP_AVR-oYj8A {\n  border-radius: 0px !important;\n}\n\n.wcUI2D_DP_AVR-oYj8A {\n  height: 50px;\n  width: 50px;\n  background-color: rgba(0, 0, 0, 0);\n  background-size: 20px;\n  background-position: center left;\n  background-position-x: 4px;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2214%22 height%3D%2225%22 viewBox%3D%220 0 14 25%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M13.0291 11.7193C13.3537 12.0501 13.516 12.2154 13.516 12.4198C13.516 12.6242 13.3537 12.7895 13.0291 13.1203L2.68029 23.6642C1.95226 24.4059 1.58825 24.7768 1.27743 24.6498C0.966613 24.5227 0.966613 24.0031 0.966613 22.9637L0.966614 1.87588C0.966614 0.836538 0.966614 0.316868 1.27743 0.18982C1.58825 0.0627725 1.95226 0.43365 2.68029 1.17541L13.0291 11.7193Z%22 fill%3D%22%234A4A4A%22%2F%3E%3C%2Fsvg%3E\");\n  cursor: pointer;\n  transform-origin: top left;\n  z-index: 263;\n}\n\n.wcUI2D_DP_AVR_SEL-XRrsh {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2214%22 height%3D%2225%22 viewBox%3D%220 0 14 25%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M12.6938 11.7193C13.0184 12.0501 13.1808 12.2154 13.1808 12.4198C13.1808 12.6242 13.0184 12.7895 12.6938 13.1203L2.34503 23.6642C1.617 24.4059 1.25298 24.7768 0.942164 24.6498C0.631346 24.5227 0.631346 24.0031 0.631347 22.9637L0.631347 1.87588C0.631348 0.836538 0.631348 0.316868 0.942165 0.18982C1.25298 0.0627725 1.617 0.43365 2.34503 1.17541L12.6938 11.7193Z%22 fill%3D%22%23272727%22%2F%3E%3C%2Fsvg%3E\") !important;\n}\n";
+styleInject(css_248z$4);
+
+var wcUi2DDpAvDocking = "wcUI2D_DP_AV_DOCKING-dykAB";
+var wcUi2DDpAvNotDocking = "wcUI2D_DP_AV_NOT_DOCKING-4AvG7";
+var wcUi2DDpAvNotDockingSel = "wcUI2D_DP_AV_NOT_DOCKING_SEL-vuwqN";
+var wcUi3DDpAvDocking = "wcUI3D_DP_AV_DOCKING--4iHA";
+var wcUi3DDpAvNotDocking = "wcUI3D_DP_AV_NOT_DOCKING-NwAjs";
+var wcUi3DDpAvNotDockingSel = "wcUI3D_DP_AV_NOT_DOCKING_SEL--PDLM";
+var css_248z$3 = ".wcUI2D_DP_AV_DOCKING-dykAB {\n  background-size: 100%;\n  background-position: center center;\n  border-radius: calc(var(--globalSize) * 0.5);\n  background-color: #f2f2f2;\n  height: 40px;\n  width: 40px;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2223%22 height%3D%2223%22 viewBox%3D%220 0 23 23%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M11.5618 22.3251C17.474 22.3251 22.2668 17.5323 22.2668 11.6201C22.2668 5.70789 17.474 0.9151 11.5618 0.9151C5.64957 0.9151 0.856781 5.70789 0.856781 11.6201C0.856781 17.5323 5.64957 22.3251 11.5618 22.3251Z%22 fill%3D%22%23F2F2F2%22%2F%3E%3Cpath d%3D%22M5.85678 11.715H17.4568%22 stroke%3D%22%234A4A4A%22 stroke-width%3D%222%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  cursor: pointer;\n  margin-top: calc(var(--globalSize) * -0.5);\n  margin-left: calc(var(--globalSize) * -0.5);\n  z-index: 263;\n}\n\n.wcUI2D_DP_AV_NOT_DOCKING-4AvG7 {\n  background-size: 100%;\n  background-position: center center;\n  border-radius: calc(var(--globalSize) * 0.5);\n  background-color: #f2f2f2;\n  height: var(--globalSize);\n  width: var(--globalSize);\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2222%22 height%3D%2222%22 viewBox%3D%220 0 22 22%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M11.1518 21.4198C17.064 21.4198 21.8568 16.627 21.8568 10.7148C21.8568 4.80262 17.064 0.00982666 11.1518 0.00982666C5.23957 0.00982666 0.446777 4.80262 0.446777 10.7148C0.446777 16.627 5.23957 21.4198 11.1518 21.4198Z%22 fill%3D%22%23F2F2F2%22%2F%3E%3Cpath d%3D%22M11.2469 5.00983V16.6098%22 stroke%3D%22%234A4A4A%22 stroke-width%3D%222%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M5.44678 10.8097H17.0468%22 stroke%3D%22%234A4A4A%22 stroke-width%3D%222%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  cursor: pointer;\n  margin-top: calc(var(--globalSize) * -0.5);\n  margin-left: calc(var(--globalSize) * -0.5);\n  z-index: 263;\n}\n.wcUI2D_DP_AV_NOT_DOCKING_SEL-vuwqN {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2223%22 height%3D%2222%22 viewBox%3D%220 0 23 22%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M11.5498 21.4198C17.4621 21.4198 22.2548 16.627 22.2548 10.7148C22.2548 4.80262 17.4621 0.00982666 11.5498 0.00982666C5.63764 0.00982666 0.844849 4.80262 0.844849 10.7148C0.844849 16.627 5.63764 21.4198 11.5498 21.4198Z%22 fill%3D%22%23DFDFDF%22%2F%3E%3Cpath d%3D%22M11.645 5.00983V16.6098%22 stroke%3D%22%234A4A4A%22 stroke-width%3D%222%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M5.84485 10.8097H17.4448%22 stroke%3D%22%234A4A4A%22 stroke-width%3D%222%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\") !important;\n  background-color: #dfdfdf !important;\n}\n\n.wcUI3D_DP_AV_DOCKING--4iHA {\n  background-size: 100%;\n  background-position: center center;\n  border-radius: calc(var(--globalSize) * 0.5);\n  background-color: #f2f2f2;\n  height: var(--globalSize);\n  width: var(--globalSize);\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2223%22 height%3D%2223%22 viewBox%3D%220 0 23 23%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M11.5618 22.3251C17.474 22.3251 22.2668 17.5323 22.2668 11.6201C22.2668 5.70789 17.474 0.9151 11.5618 0.9151C5.64957 0.9151 0.856781 5.70789 0.856781 11.6201C0.856781 17.5323 5.64957 22.3251 11.5618 22.3251Z%22 fill%3D%22%23F2F2F2%22%2F%3E%3Cpath d%3D%22M5.85678 11.715H17.4568%22 stroke%3D%22%234A4A4A%22 stroke-width%3D%222%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  cursor: pointer;\n  margin-top: calc(var(--globalSize) * -0.5);\n  margin-left: 0px;\n  z-index: 270;\n}\n.wcUI3D_DP_AV_NOT_DOCKING-NwAjs {\n  background-size: 100%;\n  background-position: center center;\n  border-radius: calc(var(--globalSize) * 0.5);\n  background-color: #f2f2f2;\n  height: var(--globalSize);\n  width: var(--globalSize);\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2222%22 height%3D%2222%22 viewBox%3D%220 0 22 22%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M11.1518 21.4198C17.064 21.4198 21.8568 16.627 21.8568 10.7148C21.8568 4.80262 17.064 0.00982666 11.1518 0.00982666C5.23957 0.00982666 0.446777 4.80262 0.446777 10.7148C0.446777 16.627 5.23957 21.4198 11.1518 21.4198Z%22 fill%3D%22%23F2F2F2%22%2F%3E%3Cpath d%3D%22M11.2469 5.00983V16.6098%22 stroke%3D%22%234A4A4A%22 stroke-width%3D%222%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M5.44678 10.8097H17.0468%22 stroke%3D%22%234A4A4A%22 stroke-width%3D%222%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  cursor: pointer;\n  margin-top: calc(var(--globalSize) * -0.5);\n  margin-left: 0px;\n  z-index: 270;\n}\n.wcUI3D_DP_AV_NOT_DOCKING_SEL--PDLM {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2223%22 height%3D%2222%22 viewBox%3D%220 0 23 22%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M11.5498 21.4198C17.4621 21.4198 22.2548 16.627 22.2548 10.7148C22.2548 4.80262 17.4621 0.00982666 11.5498 0.00982666C5.63764 0.00982666 0.844849 4.80262 0.844849 10.7148C0.844849 16.627 5.63764 21.4198 11.5498 21.4198Z%22 fill%3D%22%23DFDFDF%22%2F%3E%3Cpath d%3D%22M11.645 5.00983V16.6098%22 stroke%3D%22%234A4A4A%22 stroke-width%3D%222%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M5.84485 10.8097H17.4448%22 stroke%3D%22%234A4A4A%22 stroke-width%3D%222%22 stroke-miterlimit%3D%2210%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\") !important;\n  background-color: #dfdfdf !important;\n}\n";
+styleInject(css_248z$3);
+
+var wc2DRotClock = "wc2DRot_Clock-n78aC";
+var wc2DRotCounterClock = "wc2DRot_CounterClock-nWr4L";
+var css_248z$2 = ".wc2DRot_Clock-n78aC {\n  background-size: 100%;\n  width: var(--rotSize);\n  height: var(--rotSize);\n  background-position: center center;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2233%22 height%3D%2233%22 viewBox%3D%220 0 33 33%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M16.6421 32.4198C7.80553 32.4198 0.642092 25.2564 0.642092 16.4198C0.642092 7.58326 7.80553 0.419815 16.6421 0.419815C25.4786 0.419815 32.6421 7.58326 32.6421 16.4198C32.6421 25.2564 25.4786 32.4198 16.6421 32.4198Z%22 fill%3D%22%234A4A4A%22%2F%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M19.5435 10.5015C19.6332 10.5811 19.6332 10.7212 19.5435 10.8008L15.7327 14.1809C15.6036 14.2954 15.3999 14.2038 15.3999 14.0313V11.5247C12.5284 12.1012 10.3655 14.6372 10.3655 17.6785C10.3655 21.145 13.1757 23.9551 16.6422 23.9551C20.1087 23.9551 22.9188 21.145 22.9188 17.6785C22.9188 17.4576 23.0979 17.2785 23.3188 17.2785H24.3188C24.4249 17.2785 24.5267 17.3207 24.6017 17.3957C24.6767 17.4707 24.7188 17.5725 24.7188 17.6785C24.7188 22.1391 21.1028 25.7551 16.6422 25.7551C12.1816 25.7551 8.5655 22.1391 8.5655 17.6785C8.5655 13.6404 11.5292 10.2944 15.3999 9.69677V7.27096C15.3999 7.09849 15.6036 7.00689 15.7327 7.12134L19.5435 10.5015Z%22 fill%3D%22white%22%2F%3E%3C%2Fsvg%3E\");\n  cursor: pointer;\n  z-index: 260;\n  transform: translate(-50%, -50%);\n}\n.wc2DRot_CounterClock-nWr4L {\n  background-size: 100%;\n  width: var(--rotSize);\n  height: var(--rotSize);\n  background-position: center center;\n  cursor: pointer;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2233%22 height%3D%2233%22 viewBox%3D%220 0 33 33%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M16.6421 32.4198C25.4786 32.4198 32.6421 25.2564 32.6421 16.4198C32.6421 7.58326 25.4786 0.419815 16.6421 0.419815C7.80553 0.419815 0.64209 7.58326 0.64209 16.4198C0.64209 25.2564 7.80553 32.4198 16.6421 32.4198Z%22 fill%3D%22%234A4A4A%22%2F%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M13.7407 10.5015C13.6509 10.5811 13.6509 10.7212 13.7407 10.8008L17.5515 14.1809C17.6805 14.2954 17.8842 14.2038 17.8842 14.0313V11.5247C20.7557 12.1012 22.9187 14.6372 22.9187 17.6785C22.9187 21.145 20.1085 23.9551 16.642 23.9551C13.1755 23.9551 10.3654 21.145 10.3653 17.6785C10.3653 17.4576 10.1863 17.2785 9.96534 17.2785H8.96534C8.85925 17.2785 8.75751 17.3207 8.68249 17.3957C8.60748 17.4707 8.56534 17.5725 8.56534 17.6785C8.56539 22.1391 12.1814 25.7551 16.642 25.7551C21.1026 25.7551 24.7187 22.1391 24.7187 17.6785C24.7187 13.6404 21.755 10.2944 17.8842 9.69677V7.27096C17.8842 7.09849 17.6805 7.00689 17.5515 7.12134L13.7407 10.5015Z%22 fill%3D%22white%22%2F%3E%3C%2Fsvg%3E\");\n  z-index: 260;\n  transform: translate(-50%, -50%);\n}\n";
+styleInject(css_248z$2);
+
+var wcUiDel = "wcUI_Del-1Gwbv";
+var css_248z$1 = ".wcUI_Del-1Gwbv {\n  width: calc(var(--globalSize));\n  height: calc(var(--globalSize));\n  border-radius: 3px;\n  background: #dfdfdf;\n  background-repeat: no-repeat;\n  background-size: 54%;\n  text-align: center;\n  cursor: pointer;\n  background-position: center center;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2221%22 viewBox%3D%220 0 16 21%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M15.2784 3.0226H10.9717V2.08029C10.9717 1.35784 10.4151 0.72963 9.71198 0.72963H6.78229C6.10846 0.72963 5.52252 1.32643 5.52252 2.08029V3.0226H1.21588C0.981506 3.0226 0.776428 3.24248 0.776428 3.49376C0.776428 3.74505 0.981506 3.96492 1.21588 3.96492H2.18268V17.7542C2.18268 19.0734 3.17877 20.11 4.37994 20.11H12.1436C13.3741 20.11 14.3409 19.042 14.3409 17.7542V3.93351H15.3077C15.5714 3.93351 15.7764 3.71364 15.7764 3.46235C15.7764 3.17966 15.5421 3.0226 15.2784 3.0226ZM6.43073 2.08029C6.43073 1.829 6.6358 1.67195 6.78229 1.67195H9.71198C9.94635 1.67195 10.0928 1.86041 10.0928 2.08029V3.0226H6.43073V2.08029ZM13.462 17.7228C13.462 18.508 12.876 19.1363 12.1436 19.1363H4.37994C3.64752 19.1363 3.06158 18.508 3.06158 17.7228V3.96492H13.462V17.7228Z%22 fill%3D%22%234A4A4A%22%2F%3E%3Cpath d%3D%22M8.68658 6.82326V16.2464C8.68658 16.5291 8.5108 16.749 8.24713 16.749C7.98346 16.749 7.80768 16.5291 7.80768 16.2464V6.82326C7.80768 6.54056 8.04205 6.3521 8.24713 6.3521C8.48151 6.3521 8.68658 6.57197 8.68658 6.82326Z%22 fill%3D%22%234A4A4A%22%2F%3E%3Cpath d%3D%22M11.6456 6.82326V16.2464C11.6456 16.5291 11.4405 16.749 11.2061 16.749C10.9717 16.749 10.7667 16.5291 10.7667 16.2464V6.82326C10.7667 6.54056 10.9717 6.3521 11.2061 6.3521C11.4405 6.3521 11.6456 6.57197 11.6456 6.82326Z%22 fill%3D%22%234A4A4A%22%2F%3E%3Cpath d%3D%22M5.78619 6.82326V16.2464C5.78619 16.5291 5.58112 16.749 5.34674 16.749C5.11237 16.749 4.87799 16.5291 4.87799 16.2464V6.82326C4.87799 6.54056 5.08307 6.3521 5.31744 6.3521C5.55182 6.3521 5.78619 6.57197 5.78619 6.82326Z%22 fill%3D%22%234A4A4A%22%2F%3E%3C%2Fsvg%3E\");\n  z-index: 262;\n  transform: translate(-50%, -50%);\n}\n";
+styleInject(css_248z$1);
+
+var wcPlannerPosNr = "wcPlanner_PosNr-RBqyV";
+var posNrAcc = "posNrAcc-hNhyN";
+var wcPlannerPosNrSelected = "wcPlanner_PosNr_Selected-boByP";
+var wcPlannerPosNrSelectable = "wcPlanner_PosNr_Selectable-SoSIj";
+var wcPlannerPosNrSelectableArea = "wcPlanner_PosNr_Selectable_Area-jiYPo";
+var wcPlannerPosNrUnSelectable = "wcPlanner_PosNr_UnSelectable-5I9n1";
+var wcPlannerPosNrOnHover = "wcPlanner_PosNr_OnHover-pSfg2";
+var css_248z = ".wcPlanner_PosNr-RBqyV {\n  min-width: var(--globalSize);\n  height: var(--globalSize);\n  border-radius: 3px;\n  font-size: calc(var(--globalSize) * 0.7);\n  line-height: var(--globalSize);\n  text-align: center;\n  z-index: 262;\n  transform: translate(-50%, -50%);\n}\n\n.posNrAcc-hNhyN {\n  min-width: 20px;\n  height: 20px;\n  font-size: 12px;\n  line-height: 20px;\n  padding: 0 3px;\n}\n\n.wcPlanner_PosNr_Selected-boByP {\n  background: var(--primaryColor);\n  color: #ffffff;\n  box-shadow: none;\n}\n.wcPlanner_PosNr_Selectable-SoSIj {\n  background: #dfdfdf;\n  color: #4a4a4a;\n}\n.wcPlanner_PosNr_Selectable_Area-jiYPo {\n  width: 50px;\n  height: 50px;\n  position: absolute;\n  transform: translate(-25%, -25%);\n  background-color: rgba(100, 100, 100, 0);\n  cursor: pointer;\n}\n\n.wcPlanner_PosNr_UnSelectable-5I9n1 {\n  background: #dfdfdf;\n  color: rgb(175, 172, 172);\n  cursor: inherit;\n}\n\n.wcPlanner_PosNr_UnSelectable-5I9n1:hover {\n  background: #dfdfdf;\n}\n\n.wcPlanner_PosNr_OnHover-pSfg2 {\n  background-color: #a3a3a3;\n  transition: background-color 0.15s ease;\n}\n";
+styleInject(css_248z);
+
+var GoldenPlannerUI = function GoldenPlannerUI() {
+  var _useDivaCore = useDivaCore(),
+    isMobile = _useDivaCore.state.dimensions.isMobile;
+  var plannerUIProps = {
+    classes: {
+      buttonGeneral: classnames(wcPlannerButton, isMobile ? mobile : undefined),
+      dockingPoint: {
+        AVL: {
+          avl: wcUi2DDpAvl,
+          avlSel: wcUi2DDpAvlSel
+        },
+        AVR: {
+          avr: wcUi2DDpAvr,
+          avrSel: wcUi2DDpAvrSel
+        },
+        DPACC: {
+          dp2DAccDocking: wcUi2DDpAvDocking,
+          dp2DAccNotDocking: wcUi2DDpAvNotDocking,
+          dp2DAccNotDockingSel: wcUi2DDpAvNotDockingSel,
+          dp3DAccDocking: wcUi3DDpAvDocking,
+          dp3DAccNotDocking: wcUi3DDpAvNotDocking,
+          dp3DAccNotDockingSel: wcUi3DDpAvNotDockingSel
+        }
+      },
+      copy: {
+        BoxPlannerCopy: {
+          copyGlobal: wcBoxPlannerAddElement,
+          copyLeft: wcBoxPlannerAddElementLeft,
+          copyTop: wcBoxPlannerAddElementTop,
+          copyRight: wcBoxPlannerAddElementRight
+        },
+        ElementCopy: ''
+      },
+      outline: {
+        outline2D: {
+          draggable: wcUi2DOutlineDraggable,
+          draggableActive: wcUi2DOutlineDraggableActive,
+          selectable: wcUi2DOutlineSelectable
+        },
+        outline3D: {
+          outlineSVG: wc3DOutlineSvg,
+          outlinePolygon: wc3DOutlinePolygon,
+          outlinePolygonContours: wc3DOutlinePolygonContours,
+          outlinePolygonContoursSel: wc3DOutlinePolygonContoursSel
+        }
+      },
+      posNr: {
+        posNr: wcPlannerPosNr,
+        posNrAcc: posNrAcc,
+        posNrSelectable: wcPlannerPosNrSelectable,
+        posNrSelectableArea: wcPlannerPosNrSelectableArea,
+        posNrSelected: wcPlannerPosNrSelected,
+        posNrUnSelectable: wcPlannerPosNrUnSelectable,
+        posNrOnHover: wcPlannerPosNrOnHover
+      },
+      rotation: {
+        rotClock: wc2DRotClock,
+        rotCounterClock: wc2DRotCounterClock,
+        rot3DGrid: wcPlanner3DRot
+      },
+      move3DGrid: {
+        move3DGrid: wcPlanner3DMove
+      },
+      trash: {
+        boxplanner: '',
+        trashClass: wcUiDel
+      },
+      dimension: {
+        distanceToGround: wcPlannerDistanceToGround,
+        distanceToGroundIcon: wcPlannerArrowDistanceToGround
+      }
+    }
+  };
+  return /*#__PURE__*/jsx(PlannerUI, {
+    plannerUIProps: plannerUIProps
+  });
+};
+
+export { GoldenPlannerUI as default };

package/build/esm/index-ae91060c.js

@@ -0,0 +1,43 @@
+import './index-879da067.js';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import { jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@crystaldesign/diva-core';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+
+var RotationClockwise = function RotationClockwise(_ref) {
+  var item = _ref.item,
+    rect = _ref.rect,
+    onElement = _ref.onElement,
+    plannerUIProps = _ref.plannerUIProps;
+  return /*#__PURE__*/jsx("div", {
+    ref: function ref(elem) {
+      return onElement(elem);
+    },
+    onClick: function onClick() {
+      var _item$clickFunction;
+      (_item$clickFunction = item.clickFunction) === null || _item$clickFunction === void 0 || _item$clickFunction.call(item, item.setId, Number(item.elementId));
+    },
+    style: {
+      left: rect.left + 'px',
+      top: rect.top + 'px'
+    },
+    className: classnames(plannerUIProps.classes.rotation.rotClock, plannerUIProps.classes.buttonGeneral),
+    children: item.posNr
+  });
+};
+var RotationClockwise$1 = observer(RotationClockwise);
+
+export { RotationClockwise$1 as default };

package/build/esm/index-af4b71dc.js

@@ -0,0 +1,36 @@
+import { s as styleInject, u as useViewHandler } from './index-879da067.js';
+import classnames from 'classnames';
+import { toJS } from 'mobx';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import { jsx, Fragment } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@crystaldesign/diva-core';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import '@crystaldesign/web-planner-logic';
+
+var infoContainer = "info-container-7yeog";
+var mobile = "mobile-EMOn-";
+var css_248z = ".info-container-7yeog {\n  position: absolute;\n  top: 0;\n  right: 0;\n  background-color: rgba(248, 248, 248, 0.75);\n  z-index: 800;\n  width: 300px;\n}\n\n.mobile-EMOn-.info-container-7yeog {\n  bottom: 0;\n  left: 0;\n  top: auto;\n  top: initial;\n  width: 100%;\n}\n";
+styleInject(css_248z);
+
+var ProductInfo = function ProductInfo(props) {
+  var viewHandler = useViewHandler();
+  return /*#__PURE__*/jsx(Fragment, {
+    children: viewHandler.settingsState.infoBoxContent && /*#__PURE__*/jsx("div", {
+      className: classnames(infoContainer, viewHandler.uiState.isInMobileView ? mobile : undefined),
+      children: viewHandler.settingsState.infoBoxContent && toJS(viewHandler.settingsState.infoBoxContent.content)
+    })
+  });
+};
+var ProductInfo$1 = observer(ProductInfo);
+
+export { ProductInfo$1 as default };

package/build/esm/index-afce074e.js

@@ -0,0 +1,175 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { s as styleInject } from './index-879da067.js';
+import { useState } from 'react';
+import classnames from 'classnames';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@crystaldesign/diva-core';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import 'mobx-react-lite';
+
+var bmmenu = "bmmenu-i0FoF";
+var menuWide = "menuWide-Yv3p0";
+var backgroundImage = "background-Image-a-mnV";
+var header = "header-bQ84L";
+var treeIcon = "treeIcon-5qOPl";
+var pieceList = "piece-list-l97vC";
+var visible = "visible-yE-Az";
+var articleList = "article-list-c504K";
+var cataloganalysis = "cataloganalysis-lUvm6";
+var svgList = "svgList-jK7kq";
+var ekText = "ekText-cm5xg";
+var catalogMakueUp = "catalogMakueUp-Ruh3p";
+var rtvAnalyzer = "rtvAnalyzer-FgYqS";
+var css_248z = ".bmmenu-i0FoF {\n  width: 50px !important;\n}\n\n.bmmenu-i0FoF {\n  position: absolute;\n  gap: 30px;\n  display: flex;\n  flex-direction: column;\n  background: #19181d;\n  z-index: 800;\n  transition: width 0.3s ease-in-out, margin-left 0.3s;\n  --animation-delay: 0s;\n}\n\n.menuWide-Yv3p0 {\n  width: 250px !important;\n}\n\n.menuWide-Yv3p0 {\n  transition: width 0.3s ease-in-out;\n}\n.bmmenu-i0FoF p {\n  position: absolute;\n  left: 50px;\n  top: -10px;\n  font-size: 0px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n}\n.menuWide-Yv3p0 p {\n  width: auto;\n  width: initial;\n  color: #ffffff;\n  height: auto;\n  height: initial;\n  font-size: inherit;\n  transition: font-size 0s;\n  transition-delay: 0.1s;\n  color: rgb(255, 255, 255);\n  white-space: nowrap;\n  margin: 5%;\n}\n.menuWide-Yv3p0 p:hover {\n  color: rgb(255, 255, 255);\n  transition: color 0.3s;\n  cursor: pointer;\n}\n\n.background-Image-a-mnV {\n  width: 25px;\n  height: 25px;\n  background-size: 25px;\n  background-repeat: no-repeat;\n  transform: rotate(0deg);\n  transition: transform 0.3s;\n}\n.bmmenu-i0FoF button {\n  display: flex;\n  position: relative;\n  margin-top: 10px;\n  border-radius: 40px;\n  border-width: 0px;\n  background-color: rgba(0, 26, 255, 0);\n  transition: background-color var(--animation-delay) ease-in-out, color var(--animation-delay) ease-in-out;\n  margin: 0px 5px;\n  box-sizing: 1px;\n}\n.bmmenu-i0FoF button:hover {\n  background-color: white;\n  cursor: pointer;\n}\n.bmmenu-i0FoF > :first-child {\n  margin-top: 20px;\n}\n.menuWide-Yv3p0 button:hover p {\n  color: black;\n  transition: none 0s ease 0s;\n  transition: initial;\n}\n.bmmenu-i0FoF button:hover div {\n  background-color: black;\n  background-image: none;\n  background-image: initial;\n}\n\n.menuWide-Yv3p0 .header-bQ84L {\n  font-size: 20px !important;\n  transition: font-size 0.1s !important;\n  transition-delay: 0.1s !important;\n}\n\n.menuWide-Yv3p0 .header-bQ84L {\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  margin-top: 12px;\n  margin-left: 2px;\n  vertical-align: top;\n}\n.treeIcon-5qOPl {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 enable-background%3D%22new 0 0 24 24%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22 fill%3D%22%23FFFFFF%22%3E%3Cg%3E%3Crect fill%3D%22none%22 height%3D%2224%22 width%3D%2224%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cg%3E%3Cpath d%3D%22M20%2C3H4C2.9%2C3%2C2%2C3.9%2C2%2C5v14c0%2C1.1%2C0.9%2C2%2C2%2C2h16c1.1%2C0%2C2-0.9%2C2-2V5 C22%2C3.9%2C21.1%2C3%2C20%2C3z M20%2C19H4V5h16V19z%22 fill-rule%3D%22evenodd%22%2F%3E%3Cpolygon fill-rule%3D%22evenodd%22 points%3D%2219.41%2C10.42 17.99%2C9 14.82%2C12.17 13.41%2C10.75 12%2C12.16 14.82%2C15%22%2F%3E%3Crect fill-rule%3D%22evenodd%22 height%3D%222%22 width%3D%225%22 x%3D%225%22 y%3D%227%22%2F%3E%3Crect fill-rule%3D%22evenodd%22 height%3D%222%22 width%3D%225%22 x%3D%225%22 y%3D%2211%22%2F%3E%3Crect fill-rule%3D%22evenodd%22 height%3D%222%22 width%3D%225%22 x%3D%225%22 y%3D%2215%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n.bmmenu-i0FoF button:hover .treeIcon-5qOPl {\n  mask: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 enable-background%3D%22new 0 0 24 24%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22 fill%3D%22%23FFFFFF%22%3E%3Cg%3E%3Crect fill%3D%22none%22 height%3D%2224%22 width%3D%2224%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cg%3E%3Cpath d%3D%22M20%2C3H4C2.9%2C3%2C2%2C3.9%2C2%2C5v14c0%2C1.1%2C0.9%2C2%2C2%2C2h16c1.1%2C0%2C2-0.9%2C2-2V5 C22%2C3.9%2C21.1%2C3%2C20%2C3z M20%2C19H4V5h16V19z%22 fill-rule%3D%22evenodd%22%2F%3E%3Cpolygon fill-rule%3D%22evenodd%22 points%3D%2219.41%2C10.42 17.99%2C9 14.82%2C12.17 13.41%2C10.75 12%2C12.16 14.82%2C15%22%2F%3E%3Crect fill-rule%3D%22evenodd%22 height%3D%222%22 width%3D%225%22 x%3D%225%22 y%3D%227%22%2F%3E%3Crect fill-rule%3D%22evenodd%22 height%3D%222%22 width%3D%225%22 x%3D%225%22 y%3D%2211%22%2F%3E%3Crect fill-rule%3D%22evenodd%22 height%3D%222%22 width%3D%225%22 x%3D%225%22 y%3D%2215%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\") no-repeat center / contain;\n  -webkit-mask: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 enable-background%3D%22new 0 0 24 24%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22 fill%3D%22%23FFFFFF%22%3E%3Cg%3E%3Crect fill%3D%22none%22 height%3D%2224%22 width%3D%2224%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cg%3E%3Cpath d%3D%22M20%2C3H4C2.9%2C3%2C2%2C3.9%2C2%2C5v14c0%2C1.1%2C0.9%2C2%2C2%2C2h16c1.1%2C0%2C2-0.9%2C2-2V5 C22%2C3.9%2C21.1%2C3%2C20%2C3z M20%2C19H4V5h16V19z%22 fill-rule%3D%22evenodd%22%2F%3E%3Cpolygon fill-rule%3D%22evenodd%22 points%3D%2219.41%2C10.42 17.99%2C9 14.82%2C12.17 13.41%2C10.75 12%2C12.16 14.82%2C15%22%2F%3E%3Crect fill-rule%3D%22evenodd%22 height%3D%222%22 width%3D%225%22 x%3D%225%22 y%3D%227%22%2F%3E%3Crect fill-rule%3D%22evenodd%22 height%3D%222%22 width%3D%225%22 x%3D%225%22 y%3D%2211%22%2F%3E%3Crect fill-rule%3D%22evenodd%22 height%3D%222%22 width%3D%225%22 x%3D%225%22 y%3D%2215%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\") no-repeat center / contain;\n}\n.piece-list-l97vC {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22 fill%3D%22%23FFFFFF%22%3E%3Cpath d%3D%22M0 0h24v24H0V0z%22 fill%3D%22none%22%2F%3E%3Cpath d%3D%22M20 2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM8 20H4v-4h4v4zm0-6H4v-4h4v4zm0-6H4V4h4v4zm6 12h-4v-4h4v4zm0-6h-4v-4h4v4zm0-6h-4V4h4v4zm6 12h-4v-4h4v4zm0-6h-4v-4h4v4zm0-6h-4V4h4v4z%22%2F%3E%3C%2Fsvg%3E\");\n}\n.bmmenu-i0FoF button:hover .piece-list-l97vC {\n  mask: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22 fill%3D%22%23FFFFFF%22%3E%3Cpath d%3D%22M0 0h24v24H0V0z%22 fill%3D%22none%22%2F%3E%3Cpath d%3D%22M20 2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM8 20H4v-4h4v4zm0-6H4v-4h4v4zm0-6H4V4h4v4zm6 12h-4v-4h4v4zm0-6h-4v-4h4v4zm0-6h-4V4h4v4zm6 12h-4v-4h4v4zm0-6h-4v-4h4v4zm0-6h-4V4h4v4z%22%2F%3E%3C%2Fsvg%3E\") no-repeat center / contain;\n  -webkit-mask: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22 fill%3D%22%23FFFFFF%22%3E%3Cpath d%3D%22M0 0h24v24H0V0z%22 fill%3D%22none%22%2F%3E%3Cpath d%3D%22M20 2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM8 20H4v-4h4v4zm0-6H4v-4h4v4zm0-6H4V4h4v4zm6 12h-4v-4h4v4zm0-6h-4v-4h4v4zm0-6h-4V4h4v4zm6 12h-4v-4h4v4zm0-6h-4v-4h4v4zm0-6h-4V4h4v4z%22%2F%3E%3C%2Fsvg%3E\") no-repeat center / contain;\n}\n.visible-yE-Az {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22 fill%3D%22%23FFFFFF%22%3E%3Cpath d%3D%22M0 0h24v24H0V0z%22 fill%3D%22none%22%2F%3E%3Cpath d%3D%22M12 6c3.79 0 7.17 2.13 8.82 5.5C19.17 14.87 15.79 17 12 17s-7.17-2.13-8.82-5.5C4.83 8.13 8.21 6 12 6m0-2C7 4 2.73 7.11 1 11.5 2.73 15.89 7 19 12 19s9.27-3.11 11-7.5C21.27 7.11 17 4 12 4zm0 5c1.38 0 2.5 1.12 2.5 2.5S13.38 14 12 14s-2.5-1.12-2.5-2.5S10.62 9 12 9m0-2c-2.48 0-4.5 2.02-4.5 4.5S9.52 16 12 16s4.5-2.02 4.5-4.5S14.48 7 12 7z%22%2F%3E%3C%2Fsvg%3E\");\n}\n.bmmenu-i0FoF button:hover .visible-yE-Az {\n  mask: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22 fill%3D%22%23FFFFFF%22%3E%3Cpath d%3D%22M0 0h24v24H0V0z%22 fill%3D%22none%22%2F%3E%3Cpath d%3D%22M12 6c3.79 0 7.17 2.13 8.82 5.5C19.17 14.87 15.79 17 12 17s-7.17-2.13-8.82-5.5C4.83 8.13 8.21 6 12 6m0-2C7 4 2.73 7.11 1 11.5 2.73 15.89 7 19 12 19s9.27-3.11 11-7.5C21.27 7.11 17 4 12 4zm0 5c1.38 0 2.5 1.12 2.5 2.5S13.38 14 12 14s-2.5-1.12-2.5-2.5S10.62 9 12 9m0-2c-2.48 0-4.5 2.02-4.5 4.5S9.52 16 12 16s4.5-2.02 4.5-4.5S14.48 7 12 7z%22%2F%3E%3C%2Fsvg%3E\") no-repeat center / contain;\n  -webkit-mask: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22 fill%3D%22%23FFFFFF%22%3E%3Cpath d%3D%22M0 0h24v24H0V0z%22 fill%3D%22none%22%2F%3E%3Cpath d%3D%22M12 6c3.79 0 7.17 2.13 8.82 5.5C19.17 14.87 15.79 17 12 17s-7.17-2.13-8.82-5.5C4.83 8.13 8.21 6 12 6m0-2C7 4 2.73 7.11 1 11.5 2.73 15.89 7 19 12 19s9.27-3.11 11-7.5C21.27 7.11 17 4 12 4zm0 5c1.38 0 2.5 1.12 2.5 2.5S13.38 14 12 14s-2.5-1.12-2.5-2.5S10.62 9 12 9m0-2c-2.48 0-4.5 2.02-4.5 4.5S9.52 16 12 16s4.5-2.02 4.5-4.5S14.48 7 12 7z%22%2F%3E%3C%2Fsvg%3E\") no-repeat center / contain;\n}\n.article-list-c504K {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 enable-background%3D%22new 0 0 24 24%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22 fill%3D%22%23FFFFFF%22%3E%3Crect fill%3D%22none%22 height%3D%2224%22 width%3D%2224%22%2F%3E%3Cpath d%3D%22M22%2C11V3h-7v3H9V3H2v8h7V8h2v10h4v3h7v-8h-7v3h-2V8h2v3H22z M7%2C9H4V5h3V9z M17%2C15h3v4h-3V15z M17%2C5h3v4h-3V5z%22%2F%3E%3C%2Fsvg%3E\");\n}\n.bmmenu-i0FoF button:hover .article-list-c504K {\n  mask: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 enable-background%3D%22new 0 0 24 24%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22 fill%3D%22%23FFFFFF%22%3E%3Crect fill%3D%22none%22 height%3D%2224%22 width%3D%2224%22%2F%3E%3Cpath d%3D%22M22%2C11V3h-7v3H9V3H2v8h7V8h2v10h4v3h7v-8h-7v3h-2V8h2v3H22z M7%2C9H4V5h3V9z M17%2C15h3v4h-3V15z M17%2C5h3v4h-3V5z%22%2F%3E%3C%2Fsvg%3E\") no-repeat center / contain;\n  -webkit-mask: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 enable-background%3D%22new 0 0 24 24%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22 fill%3D%22%23FFFFFF%22%3E%3Crect fill%3D%22none%22 height%3D%2224%22 width%3D%2224%22%2F%3E%3Cpath d%3D%22M22%2C11V3h-7v3H9V3H2v8h7V8h2v10h4v3h7v-8h-7v3h-2V8h2v3H22z M7%2C9H4V5h3V9z M17%2C15h3v4h-3V15z M17%2C5h3v4h-3V5z%22%2F%3E%3C%2Fsvg%3E\") no-repeat center / contain;\n}\n.cataloganalysis-lUvm6 {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 enable-background%3D%22new 0 0 24 24%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22 fill%3D%22%23FFFFFF%22%3E%3Cg%3E%3Cpath d%3D%22M0%2C0h24v24H0V0z%22 fill%3D%22none%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cpolygon points%3D%226.23%2C20.23 8%2C22 18%2C12 8%2C2 6.23%2C3.77 14.46%2C12%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n.bmmenu-i0FoF button:hover .cataloganalysis-lUvm6 {\n  mask: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 enable-background%3D%22new 0 0 24 24%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22 fill%3D%22%23FFFFFF%22%3E%3Cg%3E%3Cpath d%3D%22M0%2C0h24v24H0V0z%22 fill%3D%22none%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cpolygon points%3D%226.23%2C20.23 8%2C22 18%2C12 8%2C2 6.23%2C3.77 14.46%2C12%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\") no-repeat center / contain;\n  -webkit-mask: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 enable-background%3D%22new 0 0 24 24%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22 fill%3D%22%23FFFFFF%22%3E%3Cg%3E%3Cpath d%3D%22M0%2C0h24v24H0V0z%22 fill%3D%22none%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cpolygon points%3D%226.23%2C20.23 8%2C22 18%2C12 8%2C2 6.23%2C3.77 14.46%2C12%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\") no-repeat center / contain;\n}\n.svgList-jK7kq {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 enable-background%3D%22new 0 0 24 24%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22 fill%3D%22%23FFFFFF%22%3E%3Cg%3E%3Crect fill%3D%22none%22 height%3D%2224%22 width%3D%2224%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cg%3E%3Cpath d%3D%22M6.36%2C18.78L6.61%2C21l1.62-1.54l2.77-7.6c-0.68-0.17-1.28-0.51-1.77-0.98L6.36%2C18.78z%22%2F%3E%3Cpath d%3D%22M14.77%2C10.88c-0.49%2C0.47-1.1%2C0.81-1.77%2C0.98l2.77%2C7.6L17.39%2C21l0.26-2.22L14.77%2C10.88z%22%2F%3E%3Cpath d%3D%22M15%2C8c0-1.3-0.84-2.4-2-2.82V3h-2v2.18C9.84%2C5.6%2C9%2C6.7%2C9%2C8c0%2C1.66%2C1.34%2C3%2C3%2C3S15%2C9.66%2C15%2C8z M12%2C9c-0.55%2C0-1-0.45-1-1 c0-0.55%2C0.45-1%2C1-1s1%2C0.45%2C1%2C1C13%2C8.55%2C12.55%2C9%2C12%2C9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n\n.bmmenu-i0FoF button:hover .svgList-jK7kq {\n  mask: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 enable-background%3D%22new 0 0 24 24%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22 fill%3D%22%23FFFFFF%22%3E%3Cg%3E%3Crect fill%3D%22none%22 height%3D%2224%22 width%3D%2224%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cg%3E%3Cpath d%3D%22M6.36%2C18.78L6.61%2C21l1.62-1.54l2.77-7.6c-0.68-0.17-1.28-0.51-1.77-0.98L6.36%2C18.78z%22%2F%3E%3Cpath d%3D%22M14.77%2C10.88c-0.49%2C0.47-1.1%2C0.81-1.77%2C0.98l2.77%2C7.6L17.39%2C21l0.26-2.22L14.77%2C10.88z%22%2F%3E%3Cpath d%3D%22M15%2C8c0-1.3-0.84-2.4-2-2.82V3h-2v2.18C9.84%2C5.6%2C9%2C6.7%2C9%2C8c0%2C1.66%2C1.34%2C3%2C3%2C3S15%2C9.66%2C15%2C8z M12%2C9c-0.55%2C0-1-0.45-1-1 c0-0.55%2C0.45-1%2C1-1s1%2C0.45%2C1%2C1C13%2C8.55%2C12.55%2C9%2C12%2C9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\") no-repeat center / contain;\n  -webkit-mask: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 enable-background%3D%22new 0 0 24 24%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 width%3D%2224px%22 fill%3D%22%23FFFFFF%22%3E%3Cg%3E%3Crect fill%3D%22none%22 height%3D%2224%22 width%3D%2224%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cg%3E%3Cpath d%3D%22M6.36%2C18.78L6.61%2C21l1.62-1.54l2.77-7.6c-0.68-0.17-1.28-0.51-1.77-0.98L6.36%2C18.78z%22%2F%3E%3Cpath d%3D%22M14.77%2C10.88c-0.49%2C0.47-1.1%2C0.81-1.77%2C0.98l2.77%2C7.6L17.39%2C21l0.26-2.22L14.77%2C10.88z%22%2F%3E%3Cpath d%3D%22M15%2C8c0-1.3-0.84-2.4-2-2.82V3h-2v2.18C9.84%2C5.6%2C9%2C6.7%2C9%2C8c0%2C1.66%2C1.34%2C3%2C3%2C3S15%2C9.66%2C15%2C8z M12%2C9c-0.55%2C0-1-0.45-1-1 c0-0.55%2C0.45-1%2C1-1s1%2C0.45%2C1%2C1C13%2C8.55%2C12.55%2C9%2C12%2C9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\") no-repeat center / contain;\n}\n\n.ekText-cm5xg {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 fill%3D%22%23FFFFFF%22 height%3D%2248%22 width%3D%2248%22%3E%3Cpath  d%3D%22M6 36v-3h36v3Zm0-10.5v-3h36v3ZM6 15v-3h36v3Z%22%2F%3E%3C%2Fsvg%3E\");\n}\n.bmmenu-i0FoF button:hover .ekText-cm5xg {\n  mask: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 fill%3D%22%23FFFFFF%22 height%3D%2248%22 width%3D%2248%22%3E%3Cpath  d%3D%22M6 36v-3h36v3Zm0-10.5v-3h36v3ZM6 15v-3h36v3Z%22%2F%3E%3C%2Fsvg%3E\") no-repeat center / contain;\n  -webkit-mask: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 fill%3D%22%23FFFFFF%22 height%3D%2248%22 width%3D%2248%22%3E%3Cpath  d%3D%22M6 36v-3h36v3Zm0-10.5v-3h36v3ZM6 15v-3h36v3Z%22%2F%3E%3C%2Fsvg%3E\") no-repeat center / contain;\n}\n\n.catalogMakueUp-Ruh3p {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22  fill%3D%22%23FFFFFF%22  height%3D%2248%22 width%3D%2248%22%3E%3Cpath d%3D%22m9.65 29.65-1.15-2.5L6 26l2.5-1.15 1.15-2.5 1.15 2.5L13.3 26l-2.5 1.15ZM16 41.45l-1.75-3.7-3.7-1.75 3.7-1.75 1.75-3.7 1.75 3.7 3.7 1.75-3.7 1.75Zm0-20-1.75-3.7-3.7-1.75 3.7-1.75 1.75-3.7 1.75 3.7 3.7 1.75-3.7 1.75ZM38 44q-6.05-2.5-9.775-8.125Q24.5 30.25 24.5 24q0-4.55 2.175-9.05Q28.85 10.45 32.6 7h-8.4V4H38v13.8h-3V8.85q-3.45 3.1-5.475 7.175Q27.5 20.1 27.5 24q0 5.05 2.9 9.7 2.9 4.65 7.6 7Z%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.bmmenu-i0FoF button:hover .catalogMakueUp-Ruh3p {\n  mask: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22  fill%3D%22%23FFFFFF%22  height%3D%2248%22 width%3D%2248%22%3E%3Cpath d%3D%22m9.65 29.65-1.15-2.5L6 26l2.5-1.15 1.15-2.5 1.15 2.5L13.3 26l-2.5 1.15ZM16 41.45l-1.75-3.7-3.7-1.75 3.7-1.75 1.75-3.7 1.75 3.7 3.7 1.75-3.7 1.75Zm0-20-1.75-3.7-3.7-1.75 3.7-1.75 1.75-3.7 1.75 3.7 3.7 1.75-3.7 1.75ZM38 44q-6.05-2.5-9.775-8.125Q24.5 30.25 24.5 24q0-4.55 2.175-9.05Q28.85 10.45 32.6 7h-8.4V4H38v13.8h-3V8.85q-3.45 3.1-5.475 7.175Q27.5 20.1 27.5 24q0 5.05 2.9 9.7 2.9 4.65 7.6 7Z%22%2F%3E%3C%2Fsvg%3E\") no-repeat center / contain;\n  -webkit-mask: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22  fill%3D%22%23FFFFFF%22  height%3D%2248%22 width%3D%2248%22%3E%3Cpath d%3D%22m9.65 29.65-1.15-2.5L6 26l2.5-1.15 1.15-2.5 1.15 2.5L13.3 26l-2.5 1.15ZM16 41.45l-1.75-3.7-3.7-1.75 3.7-1.75 1.75-3.7 1.75 3.7 3.7 1.75-3.7 1.75Zm0-20-1.75-3.7-3.7-1.75 3.7-1.75 1.75-3.7 1.75 3.7 3.7 1.75-3.7 1.75ZM38 44q-6.05-2.5-9.775-8.125Q24.5 30.25 24.5 24q0-4.55 2.175-9.05Q28.85 10.45 32.6 7h-8.4V4H38v13.8h-3V8.85q-3.45 3.1-5.475 7.175Q27.5 20.1 27.5 24q0 5.05 2.9 9.7 2.9 4.65 7.6 7Z%22%2F%3E%3C%2Fsvg%3E\") no-repeat center / contain;\n}\n\n.rtvAnalyzer-FgYqS {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224%22 viewBox%3D%220 -960 960 960%22 width%3D%2224%22%3E%3Cpath d%3D%22M440-183v-274L200-596v274l240 139Zm80 0 240-139v-274L520-457v274Zm-40-343 237-137-237-137-237 137 237 137ZM160-252q-19-11-29.5-29T120-321v-318q0-22 10.5-40t29.5-29l280-161q19-11 40-11t40 11l280 161q19 11 29.5 29t10.5 40v318q0 22-10.5 40T800-252L520-91q-19 11-40 11t-40-11L160-252Zm320-228Z%22 fill%3D%22%23FFFFFF%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.bmmenu-i0FoF button:hover .rtvAnalyzer-FgYqS {\n  mask: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224%22 viewBox%3D%220 -960 960 960%22 width%3D%2224%22%3E%3Cpath d%3D%22M440-183v-274L200-596v274l240 139Zm80 0 240-139v-274L520-457v274Zm-40-343 237-137-237-137-237 137 237 137ZM160-252q-19-11-29.5-29T120-321v-318q0-22 10.5-40t29.5-29l280-161q19-11 40-11t40 11l280 161q19 11 29.5 29t10.5 40v318q0 22-10.5 40T800-252L520-91q-19 11-40 11t-40-11L160-252Zm320-228Z%22 fill%3D%22%23FFFFFF%22%2F%3E%3C%2Fsvg%3E\") no-repeat center / contain;\n  -webkit-mask: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224%22 viewBox%3D%220 -960 960 960%22 width%3D%2224%22%3E%3Cpath d%3D%22M440-183v-274L200-596v274l240 139Zm80 0 240-139v-274L520-457v274Zm-40-343 237-137-237-137-237 137 237 137ZM160-252q-19-11-29.5-29T120-321v-318q0-22 10.5-40t29.5-29l280-161q19-11 40-11t40 11l280 161q19 11 29.5 29t10.5 40v318q0 22-10.5 40T800-252L520-91q-19 11-40 11t-40-11L160-252Zm320-228Z%22 fill%3D%22%23FFFFFF%22%2F%3E%3C%2Fsvg%3E\") no-repeat center / contain;\n}\n\n.menuWide-Yv3p0 button:first-of-type div:first-of-type {\n  transform: rotate(180deg);\n  transition: transform 0.3s;\n}\n";
+styleInject(css_248z);
+
+var _excluded = ["setCurrentWindowActive", "currentWindowActive"];
+var Sidebar = function Sidebar(_ref) {
+  var setCurrentWindowActive = _ref.setCurrentWindowActive,
+    currentWindowActive = _ref.currentWindowActive,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    menuState = _useState2[0],
+    setMenuState = _useState2[1];
+  return /*#__PURE__*/jsxs("div", {
+    className: classnames(bmmenu, menuState ? menuWide : undefined, props.className),
+    onMouseEnter: function onMouseEnter() {
+      return setMenuState(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return setMenuState(false);
+    },
+    children: [/*#__PURE__*/jsxs("button", {
+      onClick: function onClick() {
+        return setMenuState(!menuState);
+      },
+      children: [/*#__PURE__*/jsx("div", {
+        className: classnames(backgroundImage, cataloganalysis)
+      }), /*#__PURE__*/jsx("p", {
+        className: header,
+        children: "Catalog Analyser"
+      })]
+    }), /*#__PURE__*/jsxs("button", {
+      onClick: function onClick() {
+        setCurrentWindowActive('3D/2D');
+      },
+      children: [/*#__PURE__*/jsx("div", {
+        className: classnames(backgroundImage, visible)
+      }), /*#__PURE__*/jsx("p", {
+        children: "2D/3D"
+      })]
+    }), /*#__PURE__*/jsxs("button", {
+      onClick: function onClick() {
+        if (currentWindowActive == 'Options') setCurrentWindowActive('3D/2D');else setCurrentWindowActive('Options');
+      },
+      children: [/*#__PURE__*/jsx("div", {
+        className: classnames(backgroundImage, treeIcon)
+      }), /*#__PURE__*/jsx("p", {
+        children: "Options\xFCbersicht"
+      })]
+    }), /*#__PURE__*/jsxs("button", {
+      onClick: function onClick() {
+        if (currentWindowActive == 'PartList') setCurrentWindowActive('3D/2D');else setCurrentWindowActive('PartList');
+      },
+      children: [/*#__PURE__*/jsx("div", {
+        className: classnames(backgroundImage, pieceList)
+      }), /*#__PURE__*/jsx("p", {
+        children: "St\xFCckliste"
+      })]
+    }), /*#__PURE__*/jsxs("button", {
+      onClick: function onClick() {
+        if (currentWindowActive == 'PartListAnalyzer') setCurrentWindowActive('3D/2D');else setCurrentWindowActive('PartListAnalyzer');
+      },
+      children: [/*#__PURE__*/jsx("div", {
+        className: classnames(backgroundImage, pieceList)
+      }), /*#__PURE__*/jsx("p", {
+        children: "PartListAnalyzer"
+      })]
+    }), /*#__PURE__*/jsxs("button", {
+      onClick: function onClick() {
+        if (currentWindowActive == 'Artikelübersicht') setCurrentWindowActive('3D/2D');else setCurrentWindowActive('Artikelübersicht');
+      },
+      children: [/*#__PURE__*/jsx("div", {
+        className: classnames(backgroundImage, articleList)
+      }), /*#__PURE__*/jsx("p", {
+        children: "Artikel\xFCbersicht"
+      })]
+    }), /*#__PURE__*/jsxs("button", {
+      onClick: function onClick() {
+        if (currentWindowActive == 'ekText') setCurrentWindowActive('3D/2D');else setCurrentWindowActive('ekText');
+      },
+      children: [/*#__PURE__*/jsx("div", {
+        className: classnames(backgroundImage, ekText)
+      }), /*#__PURE__*/jsx("p", {
+        children: "EK-Text"
+      })]
+    }), /*#__PURE__*/jsxs("button", {
+      onClick: function onClick() {
+        if (currentWindowActive == 'SVGübersicht') setCurrentWindowActive('3D/2D');else setCurrentWindowActive('SVGübersicht');
+      },
+      children: [/*#__PURE__*/jsx("div", {
+        className: classnames(backgroundImage, svgList)
+      }), /*#__PURE__*/jsx("p", {
+        children: "SVG - \xDCbersicht"
+      })]
+    }), /*#__PURE__*/jsxs("button", {
+      onClick: function onClick() {
+        if (currentWindowActive == 'CatalogMakeup') setCurrentWindowActive('3D/2D');else setCurrentWindowActive('CatalogMakeup');
+      },
+      children: [/*#__PURE__*/jsx("div", {
+        className: classnames(backgroundImage, catalogMakueUp)
+      }), /*#__PURE__*/jsx("p", {
+        children: "Catalog Makeup"
+      })]
+    }), /*#__PURE__*/jsxs("button", {
+      onClick: function onClick() {
+        if (currentWindowActive == 'RTVAnalyzer') setCurrentWindowActive('3D/2D');else setCurrentWindowActive('RTVAnalyzer');
+      },
+      children: [/*#__PURE__*/jsx("div", {
+        className: classnames(backgroundImage, rtvAnalyzer)
+      }), /*#__PURE__*/jsx("p", {
+        children: "RTV Analyzer"
+      })]
+    }), /*#__PURE__*/jsxs("button", {
+      onClick: function onClick() {
+        setCurrentWindowActive('J3DEditor');
+      },
+      children: [/*#__PURE__*/jsx("div", {
+        className: classnames(backgroundImage, treeIcon)
+      }), /*#__PURE__*/jsx("p", {
+        children: "J3DEditor"
+      })]
+    }), /*#__PURE__*/jsxs("button", {
+      onClick: function onClick() {
+        setCurrentWindowActive('PropertiesEditor');
+      },
+      children: [/*#__PURE__*/jsx("div", {
+        className: classnames(backgroundImage, treeIcon)
+      }), /*#__PURE__*/jsx("p", {
+        children: "Properties Editor"
+      })]
+    }), /*#__PURE__*/jsxs("button", {
+      onClick: function onClick() {
+        setCurrentWindowActive('MaskEditor');
+      },
+      children: [/*#__PURE__*/jsx("div", {
+        className: classnames(backgroundImage, treeIcon)
+      }), /*#__PURE__*/jsx("p", {
+        children: "Mask Editor"
+      })]
+    })]
+  });
+};
+
+export { Sidebar as default };

package/build/esm/index-b1f98a68.js

@@ -0,0 +1,44 @@
+import './index-879da067.js';
+import 'react';
+import Default from './index-8be9e775.js';
+import { jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@crystaldesign/diva-core';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import 'mobx-react-lite';
+import 'classnames';
+import './index.module-7ecf295d.js';
+import 'react-laag';
+import './index-edaf28ad.js';
+import './index-33b802f7.js';
+import './index-8a4250a6.js';
+import './index-63e8648a.js';
+
+var GallerySerious = function GallerySerious(_ref) {
+  var item = _ref.item,
+    paletteId = _ref.paletteId,
+    paletteType = _ref.paletteType,
+    hidePricePreview = _ref.hidePricePreview;
+  var type = 'small';
+  if (paletteType === 'GAL_BIG') {
+    type = 'big';
+  }
+  return /*#__PURE__*/jsx(Default, {
+    item: item,
+    paletteId: paletteId,
+    type: type,
+    hidePricePreview: hidePricePreview
+  });
+};
+
+export { GallerySerious as default };

package/build/esm/index-b5040e2a.js

@@ -0,0 +1,27 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import './index-879da067.js';
+import 'react';
+import DynamicMultiRender from 'react-dynamic-multi-render';
+import { jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@crystaldesign/diva-core';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import 'mobx-react-lite';
+
+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; }
+var ItemVariant = function ItemVariant(props) {
+  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
+    componentName: "Settings/SettingsScroller/SettingsItem/ItemPalette/Options/Gallery"
+  }));
+};
+
+export { ItemVariant as default };