@crystaldesign/diva-web-planner-react 25.9.0-beta.1 → 25.9.0-beta.11

package/build/esm/index-3b55e13f.js

@@ -0,0 +1,32 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import './index-75136b70.js';
+import 'react';
+import DynamicMultiRender from 'react-dynamic-multi-render';
+import { jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/slicedToArray';
+import '@crystaldesign/diva-core';
+import 'mobx-react-lite';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+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 'classnames';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import '@crystaldesign/widget-contact-form';
+
+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 BarrierActions = function BarrierActions(props) {
+  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
+    componentName: "GlobalElements/BarrierActions"
+  }));
+};
+
+export { BarrierActions as default };

package/build/esm/index-3d8f99e5.js

@@ -0,0 +1,32 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import './index-75136b70.js';
+import 'react';
+import DynamicMultiRender from 'react-dynamic-multi-render';
+import { jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/slicedToArray';
+import '@crystaldesign/diva-core';
+import 'mobx-react-lite';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+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 'classnames';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import '@crystaldesign/widget-contact-form';
+
+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: "TabGroup/TabGroupHorizontal/item"
+  }));
+};
+
+export { ItemVariant as default };

package/build/esm/index-3e226050.js

@@ -0,0 +1,76 @@
+import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
+import { s as styleInject, u as useViewHandler } from './index-75136b70.js';
+import 'react';
+import { observer } from 'mobx-react-lite';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@crystaldesign/diva-core';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+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 'classnames';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import '@crystaldesign/widget-contact-form';
+
+var productDetailWrapper = "product-detail-wrapper-sb1Re";
+var left = "left-qcwue";
+var css_248z = ".product-detail-wrapper-sb1Re {\n  padding-top: 15px;\n  width: 90%;\n  margin-left: 4%;\n  height: 100%;\n  background-color: white;\n  padding-left: 5px;\n  padding-right: 5px;\n  overflow: auto;\n}\n.left-qcwue {\n  float: right;\n}\n";
+styleInject(css_248z);
+
+var ProduktDetails = function ProduktDetails(_ref) {
+  var _articles$viewHandler;
+  Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
+  var viewHandler = useViewHandler();
+  var articles = viewHandler.divaWebPlanner.getDivaArticles();
+  if (!articles) return /*#__PURE__*/jsx(Fragment, {});
+  var article = (_articles$viewHandler = articles[viewHandler.settingsState.getSelectedBasketIds[0]]) !== null && _articles$viewHandler !== void 0 ? _articles$viewHandler : articles[Object.keys(articles)[0]];
+  return /*#__PURE__*/jsxs("div", {
+    className: productDetailWrapper,
+    children: [/*#__PURE__*/jsx("a", {
+      children: "ArtNr:"
+    }), /*#__PURE__*/jsx("a", {
+      className: left,
+      children: article.configArticleCodex
+    }), /*#__PURE__*/jsx("br", {}), article.configArticleCodex != article.articleCodex && /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx("a", {
+        children: "ArtCodex:"
+      }), /*#__PURE__*/jsx("a", {
+        className: left,
+        children: article.articleCodex
+      })]
+    }), /*#__PURE__*/jsx("hr", {}), /*#__PURE__*/jsx("a", {
+      children: "Name:"
+    }), /*#__PURE__*/jsx("a", {
+      className: left,
+      children: article.catalogArticleName
+    }), /*#__PURE__*/jsx("hr", {}), /*#__PURE__*/jsx("a", {
+      children: "Ma\xDFe:"
+    }), /*#__PURE__*/jsx("a", {
+      className: left,
+      children: article.actSizeText
+    }), /*#__PURE__*/jsx("hr", {}), /*#__PURE__*/jsx("a", {
+      children: "Bestell-Nr:"
+    }), /*#__PURE__*/jsx("a", {
+      className: left,
+      children: article.retailArticleNr || article.typeNr
+    }), /*#__PURE__*/jsx("hr", {}), /*#__PURE__*/jsx("a", {
+      children: "Modell:"
+    }), /*#__PURE__*/jsx("a", {
+      className: left,
+      children: article.CatalogData.catalogName + ' (' + article.catalogCodex + ')'
+    }), /*#__PURE__*/jsx("hr", {})]
+  });
+};
+var ProduktDetails$1 = observer(ProduktDetails);
+
+export { ProduktDetails$1 as default };

package/build/esm/index-3fe687d6.js

@@ -0,0 +1,66 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { s as styleInject } from './index-75136b70.js';
+import { useTranslation } from '@crystaldesign/diva-core';
+import { useState, useRef, useEffect } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import 'mobx-react-lite';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+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 'classnames';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import '@crystaldesign/widget-contact-form';
+
+var wrapper = "wrapper-MPQ1D";
+var searchText = "search-text-h7Q58";
+var icon = "icon-yltss";
+var css_248z = ".wrapper-MPQ1D {\n  display: flex;\n  height: 100%;\n  align-items: center;\n}\n\n.search-text-h7Q58 {\n  width: 130px;\n  height: 30px;\n  line-height: 28px;\n  border-radius: 5px;\n  -webkit-tap-highlight-color: transparent;\n  outline: 0;\n  background-color: #fff;\n  padding: 0 1.6rem;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  position: relative;\n  border: 0;\n}\n\n.icon-yltss {\n  width: 36px;\n  height: 36px;\n  background: center / contain no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%2259%22 height%3D%2259%22 viewBox%3D%220 0 59 59%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M39.9163 41.38C40.3208 41.7844 40.9765 41.7844 41.3809 41.38C41.7854 40.9755 41.7854 40.3198 41.3809 39.9153L39.9163 41.38ZM36.851 27.5286C36.851 32.6767 32.6776 36.85 27.5296 36.85V38.9215C33.8216 38.9215 38.9224 33.8206 38.9224 27.5286H36.851ZM27.5296 36.85C22.3815 36.85 18.2081 32.6767 18.2081 27.5286H16.1367C16.1367 33.8206 21.2375 38.9215 27.5296 38.9215V36.85ZM18.2081 27.5286C18.2081 22.3805 22.3815 18.2072 27.5296 18.2072V16.1357C21.2375 16.1357 16.1367 21.2365 16.1367 27.5286H18.2081ZM27.5296 18.2072C32.6776 18.2072 36.851 22.3805 36.851 27.5286H38.9224C38.9224 21.2365 33.8216 16.1357 27.5296 16.1357V18.2072ZM41.3809 39.9153L35.5982 34.1325L34.1334 35.5972L39.9163 41.38L41.3809 39.9153Z%22 fill%3D%22%234F4F4F%22%2F%3E%3C%2Fsvg%3E\");\n  margin-left: 12px;\n  margin-right: 12px;\n}\n";
+styleInject(css_248z);
+
+var Search = function Search(_ref) {
+  var _ref$searchState = _slicedToArray(_ref.searchState, 2),
+    search = _ref$searchState[0],
+    setSearch = _ref$searchState[1];
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  var inputRef = useRef(null);
+  useEffect(function () {
+    if (value && value.length > 2) setSearch(value);else if ((search === null || search === void 0 ? void 0 : search.length) !== 0) {
+      setSearch(undefined);
+    }
+  }, [value]);
+  useEffect(function () {
+    if (!(search !== null && search !== void 0 && search.length)) setValue('');
+  }, [search]);
+  return /*#__PURE__*/jsxs("div", {
+    className: wrapper,
+    children: [/*#__PURE__*/jsx("input", {
+      ref: inputRef,
+      onChange: function onChange(e) {
+        return setValue(e.target.value);
+      },
+      type: 'text',
+      value: value,
+      className: searchText,
+      placeholder: t('filter.global')
+    }), /*#__PURE__*/jsx("div", {
+      className: icon
+    })]
+  });
+};
+
+export { Search as default };

package/build/esm/index-41a929c2.js

@@ -0,0 +1,32 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import './index-75136b70.js';
+import 'react';
+import DynamicMultiRender from 'react-dynamic-multi-render';
+import { jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/slicedToArray';
+import '@crystaldesign/diva-core';
+import 'mobx-react-lite';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+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 'classnames';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import '@crystaldesign/widget-contact-form';
+
+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 PlannerMsgContainer = function PlannerMsgContainer(props) {
+  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
+    componentName: "Product/ProductCenter/PlannerMsgContainer"
+  }));
+};
+
+export { PlannerMsgContainer as default };

package/build/esm/index-4209a58b.js

@@ -0,0 +1,48 @@
+import './index-75136b70.js';
+import 'react';
+import Default from './index-a826c07d.js';
+import { jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@crystaldesign/diva-core';
+import 'mobx-react-lite';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+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 'classnames';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import '@crystaldesign/widget-contact-form';
+import './index.module-4cbeb72c.js';
+import 'react-laag';
+import './index-bdab7c1f.js';
+import './index-d71c5c4c.js';
+import './index-47c0af4b.js';
+import './index-c84c0bf5.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-4229b779.js

@@ -0,0 +1,188 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { s as styleInject } from './index-75136b70.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 '@crystaldesign/diva-core';
+import 'mobx-react-lite';
+import '@babel/runtime/helpers/asyncToGenerator';
+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 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import '@crystaldesign/widget-contact-form';
+
+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 == 'DecisionAnalyzer') setCurrentWindowActive('3D/2D');else setCurrentWindowActive('DecisionAnalyzer');
+      },
+      children: [/*#__PURE__*/jsx("div", {
+        className: classnames(backgroundImage, pieceList)
+      }), /*#__PURE__*/jsx("p", {
+        children: "DecisionAnalyzer"
+      })]
+    }), /*#__PURE__*/jsxs("button", {
+      onClick: function onClick() {
+        if (currentWindowActive == 'PriceAnalyzer') setCurrentWindowActive('3D/2D');else setCurrentWindowActive('PriceAnalyzer');
+      },
+      children: [/*#__PURE__*/jsx("div", {
+        className: classnames(backgroundImage, pieceList)
+      }), /*#__PURE__*/jsx("p", {
+        children: "PriceAnalyzer"
+      })]
+    }), /*#__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 };