@crystaldesign/diva-web-planner-react 25.13.0-beta.21 → 25.13.0-beta.23

package/build/esm/index-ad4c0cdb.js

@@ -0,0 +1,46 @@
+import './index-f895d7dd.js';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import 'react';
+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 '@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 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+
+var BoxCopy = function BoxCopy(_ref) {
+  var rect = _ref.rect,
+    item = _ref.item,
+    plannerUIProps = _ref.plannerUIProps,
+    invertLeftRight = _ref.invertLeftRight;
+  return /*#__PURE__*/jsx("div", {
+    onClick: function onClick() {
+      var _item$clickFunction;
+      (_item$clickFunction = item.clickFunction) === null || _item$clickFunction === void 0 || _item$clickFunction.call(item, item.setId, Number(item.elementId), {
+        x: item.type == 'BoxCopyLeft' ? -1 : item.type == 'BoxCopyRight' ? 1 : 0,
+        y: item.type == 'BoxCopyTop' ? 1 : 0,
+        z: 0
+      });
+    },
+    style: {
+      left: rect.left + '%',
+      top: 100 - rect.top + '%'
+    },
+    className: classnames(plannerUIProps.classes.buttonGeneral, plannerUIProps.classes.copy.BoxPlannerCopy.copyGlobal, item.type == 'BoxCopyLeft' ? invertLeftRight ? plannerUIProps.classes.copy.BoxPlannerCopy.copyRight : plannerUIProps.classes.copy.BoxPlannerCopy.copyLeft : undefined, item.type == 'BoxCopyTop' ? plannerUIProps.classes.copy.BoxPlannerCopy.copyTop : undefined, item.type == 'BoxCopyRight' ? invertLeftRight ? plannerUIProps.classes.copy.BoxPlannerCopy.copyLeft : plannerUIProps.classes.copy.BoxPlannerCopy.copyRight : undefined)
+  });
+};
+var BoxCopy$1 = observer(BoxCopy);
+
+export { BoxCopy$1 as default };

package/build/esm/index-ae8773b8.js

@@ -0,0 +1,118 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { s as styleInject, u as useViewHandler } from './index-f895d7dd.js';
+import 'react';
+import InfoIcon from './index-6791a979.js';
+import { useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
+import { observer } from 'mobx-react-lite';
+import SummaryOptionTree from './index-026a5157.js';
+import classnames from 'classnames';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var tabgroupWrapper = "tabgroup-wrapper-4aobO";
+var mobile = "mobile-WRdEu";
+var tablet = "tablet-hQxkY";
+var tabgroupTitle = "tabgroup-title-1R284";
+var optionWrapper = "option-wrapper-pmVYq";
+var optionItem = "option-item-zmiHX";
+var subItemsWrapper = "sub-items-wrapper-B8kl2";
+var imageWrapper = "image-wrapper-egqGk";
+var image = "image-jeC--";
+var imagePlaceholder = "image-placeholder-gM-z9";
+var isDefined = "is-defined-d2h6S";
+var optionContent = "option-content-j3aZy";
+var optionTitleWrapper = "option-title-wrapper-9zVs5";
+var posNrClass = "pos-nr-class-Cbb-Q";
+var big = "big-zXYUG";
+var posNrWrapper = "pos-nr-wrapper-h63sR";
+var optionTitle = "option-title-ErJ-u";
+var optionDescription = "option-description-WL9GJ";
+var optionButton = "option-button-0C2Fa";
+var priceWrapper = "price-wrapper-mlLK5";
+var css_248z = ".tabgroup-wrapper-4aobO {\n  display: flex;\n  flex-direction: column;\n  border-radius: calc(var(--globalBorderRadius) * 4);\n  padding: 8px;\n  margin-bottom: 10px;\n  color: var(--secondaryColor);\n  border: 1px solid rgb(230, 230, 230);\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY).tabgroup-wrapper-4aobO {\n  gap: 6px;\n  padding: 6px;\n  margin-bottom: 8px;\n}\n\n.tabgroup-title-1R284 {\n  font-weight: 300;\n  font-size: 14px;\n  margin-left: 6px;\n}\n\n.option-wrapper-pmVYq {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.option-item-zmiHX {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  padding: 8px;\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .option-item-zmiHX {\n  gap: 12px;\n  padding: 6px;\n}\n\n.sub-items-wrapper-B8kl2 {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  border: 1px solid #e5e7eb;\n  border-radius: calc(var(--globalBorderRadius) * 2);\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .sub-items-wrapper-B8kl2 {\n  gap: 8px;\n}\n\n.sub-items-wrapper-B8kl2 .sub-items-wrapper-B8kl2 {\n  padding: 8px;\n  border-radius: calc(var(--globalBorderRadius));\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .sub-items-wrapper-B8kl2 .sub-items-wrapper-B8kl2 {\n  padding: 6px;\n}\n\n.sub-items-wrapper-B8kl2 .tabgroup-wrapper-4aobO {\n  margin-bottom: 0px;\n  border: 0px solid transparent;\n  padding-top: 0px;\n}\n\n.image-wrapper-egqGk {\n  width: 48px;\n  height: 48px;\n  position: relative;\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .image-wrapper-egqGk {\n  width: 40px;\n  height: 40px;\n}\n\n.image-jeC-- {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  border-radius: var(--globalBorderRadius);\n}\n\n.image-placeholder-gM-z9 {\n  width: 100%;\n  height: 100%;\n  background-color: #f3f4f6;\n  border-radius: var(--globalBorderRadius);\n}\n\n.is-defined-d2h6S {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2212%22 height%3D%2212%22 viewBox%3D%220 0 12 12%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E  %3Ccircle cx%3D%226%22 cy%3D%226%22 r%3D%226%22 fill%3D%22%2310B981%22%2F%3E  %3Cpath d%3D%22M3.5 6L5 7.5L8.5 4%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-size: 14px;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-color: transparent;\n  width: 14px;\n  height: 14px;\n  position: absolute;\n  bottom: -5px;\n  right: -8px;\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .is-defined-d2h6S {\n  width: 12px;\n  height: 12px;\n  background-size: 12px;\n  bottom: -4px;\n  right: -7px;\n}\n\n.option-content-j3aZy {\n  flex: 1;\n}\n\n.option-title-wrapper-9zVs5 {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-bottom: 6px;\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .option-title-wrapper-9zVs5 {\n  gap: 4px;\n  margin-bottom: 4px;\n}\n\n.pos-nr-class-Cbb-Q {\n  font-size: 10px;\n  font-weight: 600;\n  border-radius: 16px;\n  border: 1px solid var(--primaryColor);\n  color: var(--secondaryColor);\n  width: 14px;\n  height: 14px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--primaryColor);\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .pos-nr-class-Cbb-Q {\n  font-size: 8px;\n  width: 12px;\n  height: 12px;\n}\n\n.pos-nr-class-Cbb-Q.big-zXYUG {\n  width: 24px;\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .pos-nr-class-Cbb-Q.big-zXYUG {\n  width: 20px;\n}\n\n.pos-nr-wrapper-h63sR {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .pos-nr-class-Cbb-Q {\n  gap: 2px;\n}\n\n.option-title-ErJ-u {\n  font-weight: 300;\n  font-size: 14px;\n}\n\n.option-description-WL9GJ {\n  color: #6b7280;\n  font-size: 14px;\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .option-title-ErJ-u,\n.mobile-WRdEu:not(.tablet-hQxkY) .option-description-WL9GJ {\n  font-size: 12px;\n}\n\n.option-button-0C2Fa {\n  padding: 6px;\n  border-radius: 6px;\n  border: 1px solid transparent;\n  cursor: pointer;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2217%22 height%3D%2218%22 viewBox%3D%220 0 17 18%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M16.043 2.6653L14.9536 1.5645C14.0535 0.654099 12.5866 0.654099 11.6856 1.5645L1.88323 11.4709C1.82148 11.5333 1.77635 11.6101 1.7526 11.6949L0.300686 16.8317C0.249228 17.0133 0.299895 17.2077 0.431311 17.3413C0.529478 17.4405 0.660103 17.4933 0.794686 17.4933C0.842186 17.4933 0.889686 17.4869 0.935603 17.4733L6.0189 16.0053C6.10281 15.9813 6.1796 15.9357 6.24135 15.8733L16.043 5.9677C16.48 5.5269 16.7199 4.9405 16.7199 4.3165C16.7199 3.6925 16.48 3.1061 16.043 2.6653ZM5.60802 15.0453L1.54123 16.2189L2.70339 12.1101L10.5971 4.1333L13.5017 7.0685L5.60802 15.0453ZM15.317 5.2341L14.2277 6.3349L11.3231 3.3997L12.4124 2.2989C12.9127 1.7933 13.7274 1.7941 14.2285 2.2989L15.3178 3.3997C15.5609 3.6445 15.6939 3.9709 15.6939 4.3173C15.6931 4.6629 15.5593 4.9885 15.317 5.2341Z%22 fill%3D%22%236F6F6F%22%2F%3E%3C%2Fsvg%3E\");\n  background-size: 16px;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-color: transparent;\n  width: 16px;\n  height: 16px;\n  transition: border 0.2s ease-in-out;\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .option-button-0C2Fa {\n  padding: 4px;\n  border-radius: 4px;\n  width: 14px;\n  height: 14px;\n}\n\n.option-button-0C2Fa:hover {\n  border: 1px solid #e5e7eb;\n}\n\n.price-wrapper-mlLK5 {\n  display: flex;\n  align-items: center;\n  font-size: 12px;\n}\n\n.mobile-WRdEu:not(.tablet-hQxkY) .price-wrapper-mlLK5 {\n  font-size: 10px;\n}\n";
+styleInject(css_248z);
+
+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 OptionItem = function OptionItem(_ref) {
+  var _option$summaryItems, _option$targetArticle;
+  var option = _ref.option;
+  var viewHandler = useViewHandler();
+  var _useDivaCore = useDivaCore(),
+    hidePrices = _useDivaCore.state.hidePrices;
+  var subItems = Object.values((_option$summaryItems = option.summaryItems) !== null && _option$summaryItems !== void 0 ? _option$summaryItems : {});
+  return /*#__PURE__*/jsxs("div", {
+    className: subItemsWrapper,
+    children: [/*#__PURE__*/jsxs("div", {
+      className: classnames(optionItem),
+      children: [/*#__PURE__*/jsxs("div", {
+        className: imageWrapper,
+        children: [option.image ? /*#__PURE__*/jsx("img", {
+          src: option.image,
+          alt: option.title,
+          className: image
+        }) : /*#__PURE__*/jsx("div", {
+          className: imagePlaceholder
+        }), option.isDefined && /*#__PURE__*/jsx("div", {
+          className: isDefined
+        }), (option.contentItemId || option.optionContentItemId) && /*#__PURE__*/jsx(InfoIcon, {
+          style: {
+            position: 'absolute',
+            top: -7,
+            right: -7,
+            '--infoIconSize': '14px'
+          },
+          item: _objectSpread(_objectSpread({}, option), {}, {
+            contentItemId: option.contentItemId || option.optionContentItemId
+          })
+        })]
+      }), /*#__PURE__*/jsxs("div", {
+        className: optionContent,
+        children: [/*#__PURE__*/jsx("div", {
+          className: optionTitleWrapper,
+          children: /*#__PURE__*/jsx("div", {
+            className: optionTitle,
+            dangerouslySetInnerHTML: {
+              __html: (option.quantity ? option.quantity + 'x ' : '') + option.title
+            }
+          })
+        }), /*#__PURE__*/jsx("div", {
+          className: optionDescription,
+          dangerouslySetInnerHTML: {
+            __html: option.description
+          }
+        }), !!option.price && !hidePrices && /*#__PURE__*/jsx("div", {
+          className: priceWrapper,
+          children: /*#__PURE__*/jsx("div", {
+            children: DivaUtils.formatPrice(option.price, viewHandler.productState.priceFormat)
+          })
+        })]
+      }), /*#__PURE__*/jsx("div", {
+        className: posNrWrapper,
+        children: !!((_option$targetArticle = option.targetArticlePosNrs) !== null && _option$targetArticle !== void 0 && _option$targetArticle.length) && !option.includesAllPosNrs && option.targetArticlePosNrs.map(function (posNr) {
+          return /*#__PURE__*/jsx("div", {
+            className: classnames(posNrClass, posNr.toString().length >= 2 && big),
+            children: posNr
+          });
+        })
+      }), /*#__PURE__*/jsx("button", {
+        className: optionButton,
+        onClick: function onClick() {
+          window.lastNavigationType = 'SUMMARY_PALETTE';
+          viewHandler.paletteViewHandler.clickedOnSummaryPalette(option);
+        }
+      })]
+    }), !!subItems.length && subItems.map(function (item, index) {
+      return /*#__PURE__*/jsx(SummaryOptionTree, {
+        item: item
+      }, index);
+    })]
+  });
+};
+var OptionItem$1 = observer(OptionItem);
+
+var index = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  'default': OptionItem$1
+});
+
+export { OptionItem$1 as O, tablet as a, tabgroupTitle as b, index as i, mobile as m, optionWrapper as o, tabgroupWrapper as t };

package/build/esm/index-ae976117.js

@@ -0,0 +1,91 @@
+import { s as styleInject, u as useViewHandler } from './index-f895d7dd.js';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import RoomRound from './index-da1a1f38.js';
+import classnames from 'classnames';
+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 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+
+var roomItem = "roomItem-Uuc6r";
+var roomItemSel = "roomItem-sel-ePWgY";
+var mobile = "mobile-gsjDz";
+var selectionWrapper = "selectionWrapper-osHpS";
+var roomItemContainer = "roomItem-container-3jH8Z";
+var viewItemContainer = "viewItem-container-OlPAR";
+var tablet = "tablet--t8lH";
+var css_248z = ".roomItem-Uuc6r {\n  width: 70px;\n  height: 70px;\n  background-color: #fff;\n  opacity: 0.8;\n  background-repeat: no-repeat;\n  background-position: center;\n  border-radius: 50%;\n  background-size: 62%;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2242%22 height%3D%2235%22 viewBox%3D%220 0 42 35%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M11.6329 26.5973L1 33.4896V1.48962L11.6329 4.93578M11.6329 26.5973V4.93578M11.6329 26.5973H21.2532M11.6329 4.93578H41V26.5973H30.3671M21.2532 26.5973V11.8281H30.3671V26.5973M21.2532 26.5973H30.3671%22 stroke%3D%22%234A4543%22 stroke-width%3D%223%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  transition: background-color 0.2s ease-in-out;\n  opacity: 0.8;\n  border: 1px solid #ddd;\n  position: absolute;\n  left: 29px;\n}\n.roomItem-sel-ePWgY {\n  background-color: rgba(217,217,217,0.66667);\n}\n.mobile-gsjDz.roomItem-Uuc6r {\n  width: 32px;\n  height: 32px;\n  display: block;\n  position: relative;\n  left: auto;\n  left: initial;\n  bottom: auto;\n  bottom: initial;\n}\n\n.selectionWrapper-osHpS {\n  position: relative;\n  overflow: visible;\n  width: 100%;\n  height: 100%;\n}\n\n.roomItem-container-3jH8Z {\n  position: absolute;\n  bottom: 74px;\n  left: 0px;\n  z-index: 700;\n  min-width: 300px;\n  overflow-y: auto;\n  overflow-x: visible;\n  /*hide scrollbar*/\n  -ms-overflow-style: none;\n  scrollbar-width: none; /* Firefox */\n}\n.roomItem-container-3jH8Z::-webkit-scrollbar {\n  display: none;\n}\n\n.viewItem-container-OlPAR {\n  position: absolute;\n  display: flex;\n  bottom: -2px;\n  left: 86px;\n  z-index: 700;\n  flex-direction: row;\n  overflow-y: visible;\n  overflow-x: auto;\n}\n\n.mobile-gsjDz.roomItem-container-3jH8Z {\n  bottom: 38px;\n  left: -6px;\n}\n\n.tablet--t8lH.roomItem-container-3jH8Z {\n  bottom: 52px;\n  left: -2px;\n}\n\n.mobile-gsjDz.viewItem-container-OlPAR {\n  display: none;\n}\n";
+styleInject(css_248z);
+
+var RoomListSelection = function RoomListSelection(_ref) {
+  var _viewHandler$productS;
+  var style = _ref.style;
+  var viewHandler = useViewHandler();
+  var rooms = viewHandler.paletteViewHandler.getRoomList();
+  var views = viewHandler.paletteViewHandler.getRoomViewList();
+  if (!viewHandler.uiState.ViewConfig.roomListInProduct || !viewHandler.settingsState.roomListInitialized || !viewHandler.productState.doShowRenderImage && !viewHandler.productState.doShow3DComb || viewHandler.settingsState.infoBoxContent || viewHandler.uiState.isMobileLandscape) return /*#__PURE__*/jsx(Fragment, {});
+  var divSize = (_viewHandler$productS = viewHandler.productState.planner3DImageSvgArea) === null || _viewHandler$productS === void 0 ? void 0 : _viewHandler$productS.getBoundingClientRect();
+  var stopPropagation = function stopPropagation(e) {
+    e.stopPropagation();
+  };
+  return /*#__PURE__*/jsx(Fragment, {
+    children: /*#__PURE__*/jsx("div", {
+      id: "room-list-selection",
+      "data-test-id": "room-list-selection",
+      className: classnames(roomItem, viewHandler.productState.roomListExpanded ? roomItemSel : undefined, viewHandler.uiState.isInMobileView ? mobile : undefined, viewHandler.uiState.isTablet ? tablet : undefined),
+      onClick: function onClick() {
+        viewHandler.productState.setRoomListExpanded(!viewHandler.productState.roomListExpanded);
+      },
+      onMouseDown: stopPropagation,
+      onTouchStart: stopPropagation,
+      style: style,
+      children: viewHandler.productState.roomListExpanded && /*#__PURE__*/jsxs("div", {
+        className: selectionWrapper,
+        children: [/*#__PURE__*/jsx("div", {
+          "data-test-id": "room-selection-expanded",
+          id: "views-selection-expanded",
+          style: {
+            maxHeight: 'calc(' + (divSize === null || divSize === void 0 ? void 0 : divSize.height) + 'px - 80px)'
+          },
+          className: classnames(roomItemContainer, viewHandler.uiState.isInMobileView ? mobile : undefined, viewHandler.uiState.isTablet ? tablet : undefined),
+          children: rooms.map(function (item) {
+            return /*#__PURE__*/jsx(RoomRound, {
+              item: item,
+              from: viewHandler.settingsState.roomListInitialized
+            }, item.codex);
+          })
+        }), /*#__PURE__*/jsx("div", {
+          id: "rooms-selection-expanded",
+          style: {
+            maxWidth: 'calc(' + (divSize === null || divSize === void 0 ? void 0 : divSize.width) + 'px - 100px)'
+          },
+          className: classnames(viewItemContainer, viewHandler.uiState.isInMobileView ? mobile : undefined),
+          children: views.map(function (item) {
+            return /*#__PURE__*/jsx(RoomRound, {
+              item: item,
+              from: viewHandler.settingsState.roomListInitialized,
+              isVP: true
+            }, item.codex);
+          })
+        })]
+      })
+    })
+  });
+};
+var index = observer(RoomListSelection);
+
+export { index as default };

package/build/esm/index-b045ff09.js

@@ -0,0 +1,43 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { s as styleInject } from './index-f895d7dd.js';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import VerticalTabGroupItemStandard from './index-4c2a8f06.js';
+import { jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/slicedToArray';
+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';
+
+var verticalItemPoligon = "verticalItemPoligon-uLIgs";
+var wcActiveStep = "wcActiveStep-Cjjc7";
+var wcVisitedStep = "wcVisitedStep-Syo-H";
+var wcStepIcon = "wcStepIcon-oKNsW";
+var css_248z = ".verticalItemPoligon-uLIgs {\n  fill: #f5f5f5;\n  stroke: #f5f5f5;\n}\n.verticalItemPoligon-uLIgs:hover {\n  stroke: #cca663;\n  stroke-width: 2px;\n}\n.verticalItemPoligon-uLIgs.wcActiveStep-Cjjc7 {\n  stroke: #cca663;\n  color: #cca663;\n}\n.verticalItemPoligon-uLIgs.wcVisitedStep-Syo-H {\n  color: #a1a1a1;\n}\n\n.verticalItemPoligon-uLIgs.wcActiveStep-Cjjc7:hover {\n  stroke: #d6b781;\n}\n\n.verticalItemPoligon-uLIgs:hover,\n.verticalItemPoligon-uLIgs.wcVisitedStep-Syo-H:hover {\n  color: #e1e1e1;\n}\n\n.wcStepIcon-oKNsW {\n  display: block;\n  background-color: black;\n  background-position: center center;\n  width: 42px;\n  height: 42px;\n  margin: auto;\n  -webkit-mask-size: contain;\n  -webkit-mask-repeat: no-repeat;\n}\n\n.wcActiveStep-Cjjc7 .wcStepIcon-oKNsW {\n  background-color: #cca663;\n}\n.wcVisitedStep-Syo-H .wcStepIcon-oKNsW {\n  background-color: #a1a1a1;\n}\n";
+styleInject(css_248z);
+
+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 VerticalTabGroupItemFree = function VerticalTabGroupItemFree(props) {
+  return /*#__PURE__*/jsx(VerticalTabGroupItemStandard, _objectSpread(_objectSpread({}, props), {}, {
+    wcVisitedStepClass: wcVisitedStep,
+    wcActiveStepClass: wcActiveStep,
+    verticalItemPoligonClass: verticalItemPoligon,
+    wcStepIconClass: wcStepIcon
+  }));
+};
+var index = observer(VerticalTabGroupItemFree);
+
+export { index as default };

package/build/esm/index-b09860a6.js

@@ -0,0 +1,79 @@
+import { s as styleInject, u as useViewHandler } from './index-f895d7dd.js';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import { useRef, useEffect } from 'react';
+import { useTranslation } from '@crystaldesign/diva-core';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+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 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+
+var verticalItem = "verticalItem-DL7kR";
+var wcSpan = "wcSpan-SGrw1";
+var wcActiveStep = "wcActiveStep-LFT0Y";
+var wcVisitedStep = "wcVisitedStep-w5-CK";
+var wcStepIcon = "wcStepIcon-5Mxjr";
+var topper = "topper-XFq0y";
+var mattress = "mattress-zfGff";
+var headboard = "headboard-QsV0o";
+var footboard = "footboard-3Nr3X";
+var feets = "feets-9AzFg";
+var box = "box-ybfVL";
+var view360 = "view-360-unCQb";
+var ruler = "ruler-4MXXq";
+var fabric = "fabric-XLNF3";
+var cubeBlackBig = "cube-black-big-tVSjM";
+var cubeBlack = "cube-black-V8RGB";
+var euro = "euro-cxqk6";
+var lattenrost = "lattenrost-etCyo";
+var stern = "stern-RZnZt";
+var favorit = "favorit-zEueg";
+var gallery = "gallery-VpB-j";
+var css_248z = ".verticalItem-DL7kR {\n  background-image: none;\n  text-align: center;\n  vertical-align: top;\n  zoom: 1;\n  background-color: var(--primaryColor);\n  box-sizing: content-box;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.3);\n  height: 75px;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 66%;\n  transition: filter 0.25s ease-out, color 0.25s ease-out;\n}\n\n.wcSpan-SGrw1 {\n  height: 3.5rem;\n  text-align: center;\n  display: block;\n  padding-top: 15px;\n  color: #fefefe;\n  font-size: 0.8125rem;\n  font-weight: 100;\n  line-height: 1;\n  letter-spacing: inherit;\n  -webkit-font-smoothing: unset;\n  -webkit-text-stroke: 0px;\n}\n\n.wcActiveStep-LFT0Y .wcStepNum-fh-Gu {\n  color: var(--primaryColor);\n  font-weight: 700;\n}\n.wcVisitedStep-w5-CK .wcStepNum-fh-Gu {\n  background-repeat: no-repeat;\n  background-position: center center;\n  color: transparent;\n}\n\n.verticalItem-DL7kR.wcActiveStep-LFT0Y {\n  filter: brightness(1.1);\n}\n\n.verticalItem-DL7kR:hover {\n  cursor: pointer;\n  filter: brightness(1.05);\n}\n.verticalItem-DL7kR.wcActiveStep-LFT0Y {\n  filter: brightness(1.1);\n}\n.verticalItem-DL7kR.wcActiveStep-LFT0Y:hover {\n  filter: brightness(1.15);\n}\n\n.wcStepIcon-5Mxjr {\n  display: block;\n  background-position: center center;\n  width: 42px;\n  height: 42px;\n  margin: auto;\n  -webkit-mask-size: contain;\n  mask-size: contain;\n  -webkit-mask-repeat: no-repeat;\n  mask-repeat: no-repeat;\n}\n\n.topper-XFq0y {\n  background-image: url('data:image/png;base64,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');\n  background-position: 50% 30%;\n}\n.mattress-zfGff {\n  background-image: url('data:image/png;base64,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');\n  background-position: 50% 30%;\n}\n.headboard-QsV0o {\n  background-image: url('data:image/png;base64,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');\n  background-position: 50% 30%;\n}\n.footboard-3Nr3X {\n  background-image: url('data:image/png;base64,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');\n  background-position: 50% 30%;\n}\n.feets-9AzFg {\n  background-image: url('data:image/png;base64,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');\n  background-position: 50% 25%;\n}\n.box-ybfVL {\n  background-image: url('data:image/png;base64,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');\n  background-position: 50% 30%;\n}\n\n.view-360-unCQb {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2242%22 height%3D%2242%22 viewBox%3D%220 0 3400 3400%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E  %3Cpath    fill%3D%22white%22    transform%3D%22scale(1%2C-1) translate(450%2C-2600)%22    strokeWidth%3D%221%22    d%3D%22M500 1300q-41 0 -70.5 29.5t-29.5 70.5v700q0 41 29.5 70.5t70.5 29.5h1500q41 0 70.5 -29.5t29.5 -70.5v-700q0 -41 -29.5 -70.5t-70.5 -29.5h-1500zM600 1500h300v500h-300v-100h200v-100h-200v-100h200v-100h-200v-100zM1000 1500h300v400h-200v100h-100v-500z M1400 1500h300v500h-300v-500zM1800 1800h200v200h-200v-200zM1880 1880v40h40v-40h-40zM1500 1600v300h100v-300h-100zM1101 1600v200h100v-200h-100zM1078 62q-22 -17 -41 -17q-17 0 -27 14.5t-10 40.5v297q-230 8 -425.5 50.5t-336.5 111t-241 158t-148.5 192.5 t-48.5 214q0 163 130 291.5t370 211.5v-116q-143 -58 -221.5 -131t-78.5 -153q0 -85 71.5 -160.5t200 -132.5t317 -93.5t411.5 -43.5v304q0 26 10 40.5t27 14.5q19 0 41 -17l594 -476q32 -25 32 -62t-32 -62zM1949 467q-5 -1 -10 -1q-17 0 -28 11.5t-11 29.5v319 q0 14 6.5 27t17.5 22.5t24 13.5q110 32 203.5 67.5t174.5 78.5t127.5 92t46.5 99q0 74 -79 142.5t-221 124.5v116q114 -39 204 -88t157 -109t103 -133.5t36 -155.5q0 -105 -57.5 -209t-156.5 -191t-238.5 -154.5t-298.5 -101.5z%22%2F%3E%3C%2Fsvg%3E\");\n}\n.ruler-4MXXq .wcSpan-SGrw1 {\n  padding-top: 12px;\n}\n\n.ruler-4MXXq {\n  height: 90px;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2242%22 height%3D%2242%22 viewBox%3D%220 0 3400 3400%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E  %3Cpath    fill%3D%22white%22    transform%3D%22scale(1%2C-1) translate(450%2C-2600)%22    strokeWidth%3D%221%22    d%3D%22M-50 400q-21 0 -35.5 14.5t-14.5 35.5v1350h100v-1000h100v1000h100v-600h100v600h100v-600h100v600h100v-600h100v600h100v-600h100v600h100v-1000h100v1000h100v-600h100v600h100v-600h100v600h100v-600h100v600h100v-600h100v600h100v-1000h100v1000h100v-600h100v600 h100v-600h100v600h100v-1350q0 -21 -14.5 -35.5t-35.5 -14.5h-2600z%22%2F%3E%3C%2Fsvg%3E\");\n  background-position: center 25%;\n}\n.fabric-XLNF3 {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2242%22 height%3D%2242%22 viewBox%3D%220 0 3400 3400%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E  %3Cpath    fill%3D%22white%22    transform%3D%22scale(1%2C-1) translate(450%2C-2600)%22    strokeWidth%3D%221%22    d%3D%22M250 150l-300 300l250 250l-250 250l250 250l-250 250l250 250l-250 250l300 300l250 -250l250 250l250 -250l250 250l250 -250l250 250l250 -250l250 250l300 -300l-250 -250l250 -250l-250 -250l250 -250l-250 -250l250 -250l-300 -300l-250 250l-250 -250l-250 250 l-250 -250l-250 250l-250 -250l-250 250z%22    %2F%3E%3C%2Fsvg%3E\");\n  background-position: 50% 40%;\n}\n.cube-black-big-tVSjM {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2242%22 height%3D%2242%22 viewBox%3D%220 0 3400 3400%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E  %3Cpath    fill%3D%22white%22    transform%3D%22scale(1%2C-1) translate(450%2C-2600)%22    strokeWidth%3D%221%22    d%3D%22M100 1700q-25 0 -38.5 8t-13.5 22q0 18 23 41l558 558q29 29 79.5 50t91.5 21h1425q25 0 38.5 -8t13.5 -22q0 -18 -23 -41l-558 -558q-29 -29 -79.5 -50t-91.5 -21h-1425zM1771 71q-23 -23 -41 -23q-9 0 -16 6t-10.5 17.5t-3.5 28.5v1425q0 20 5.5 44.5t15 47t22.5 43.5 t28 36l558 558q23 23 41 23q14 0 22 -13.5t8 -38.5v-1425q0 -41 -21 -91.5t-50 -79.5zM100 0q-41 0 -70.5 29.5t-29.5 70.5v1400q0 41 29.5 70.5t70.5 29.5h1400q41 0 70.5 -29.5t29.5 -70.5v-1400q0 -41 -29.5 -70.5t-70.5 -29.5h-1400z%22  %2F%3E%3C%2Fsvg%3E\");\n  background-position: center 25%;\n  height: 90px;\n}\n\n.cube-black-V8RGB {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2242%22 height%3D%2242%22 viewBox%3D%220 0 3400 3400%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E  %3Cpath    fill%3D%22white%22    transform%3D%22scale(1%2C-1) translate(450%2C-2600)%22    strokeWidth%3D%221%22    d%3D%22M100 1700q-25 0 -38.5 8t-13.5 22q0 18 23 41l558 558q29 29 79.5 50t91.5 21h1425q25 0 38.5 -8t13.5 -22q0 -18 -23 -41l-558 -558q-29 -29 -79.5 -50t-91.5 -21h-1425zM1771 71q-23 -23 -41 -23q-9 0 -16 6t-10.5 17.5t-3.5 28.5v1425q0 20 5.5 44.5t15 47t22.5 43.5 t28 36l558 558q23 23 41 23q14 0 22 -13.5t8 -38.5v-1425q0 -41 -21 -91.5t-50 -79.5zM100 0q-41 0 -70.5 29.5t-29.5 70.5v1400q0 41 29.5 70.5t70.5 29.5h1400q41 0 70.5 -29.5t29.5 -70.5v-1400q0 -41 -29.5 -70.5t-70.5 -29.5h-1400z%22  %2F%3E%3C%2Fsvg%3E\");\n  background-position: 50% 40%;\n}\n.euro-cxqk6 {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2242%22 height%3D%2242%22 viewBox%3D%220 0 3400 3400%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E  %3Cpath    fill%3D%22white%22    transform%3D%22scale(1%2C-1) translate(450%2C-2600)%22    strokeWidth%3D%221%22    d%3D%22M1429 21q-134 0 -256 39t-220 109t-178 167.5t-136.5 214t-90.5 249.5h-388l80 300h263q0 8 -0.5 21t-0.5 26.5v25.5v19.5v7.5h-342l80 300h300q80 377 309.5 583t579.5 206q125 0 240 -34t214 -100.5t176 -160.5t126.5 -220.5t64.5 -273.5h-402q-10 74 -48 144 t-93.5 123t-128.5 85t-149 32q-97 0 -168 -18t-130 -61.5t-99 -118.5t-66 -186h674l-80 -300h-642q-1 0 -1 -7.5v-19.5t0.5 -25.5t1 -26.5t0.5 -21h621l-80 -300h-482q17 -44 36.5 -83.5t44.5 -78t53.5 -70t63.5 -58.5t73.5 -45.5t84.5 -29t95 -10.5q187 0 293.5 123 t130.5 352h402q-16 -187 -82.5 -348.5t-172 -279t-253.5 -184.5t-318 -67z%22  %2F%3E%3C%2Fsvg%3E\");\n  background-position: 50% 35%;\n}\n\n.lattenrost-etCyo {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2242%22 height%3D%2242%22 viewBox%3D%220 0 3400 3400%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E  %3Cpath    fill%3D%22white%22    transform%3D%22scale(1%2C-1) translate(450%2C-2600)%22    strokeWidth%3D%221%22   d%3D%22M1903 400l-3 1550v150h-1400v250q0 20 16.5 35t37.5 15h1596q21 0 35.5 -14.5t14.5 -35.5v-1900q0 -21 -14.5 -35.5t-35.5 -14.5h-247zM150 0q-21 0 -35.5 14.5t-14.5 35.5v1900q0 21 14.5 35.5t35.5 14.5h1650v-1950q0 -21 -14.5 -35.5t-35.5 -14.5h-1600z%22   %2F%3E%3C%2Fsvg%3E\");\n  background-position: 50% 40%;\n}\n\n.stern-RZnZt {\n  background-size: 55%;\n  background-position: 50% 40%;\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 22.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3Csvg version%3D%221.1%22 id%3D%22Ebene_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 260 305%22 style%3D%22enable-background%3Anew 0 0 260 305%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cstyle type%3D%22text%2Fcss%22%3E%09.st0%7Bfill%3A%23FEFFFF%3B%7D%3C%2Fstyle%3E%3Cpath class%3D%22st0%22 d%3D%22M56%2C236.5l74-228l74%2C228L10%2C95.5h240%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.favorit-zEueg {\n  background-size: 53%;\n  background-position: 50% 30%;\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 %3F%3E%3C!-- Generator%3A Adobe Illustrator 19.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 526.673 526.673%22 style%3D%22enable-background%3Anew 0 0 526.673 526.673%3B fill%3A%23fff%22 xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%09%09%3Cpath d%3D%22M526.673%2C204.221l-195.529-7.76L263.337%2C12.885l-67.798%2C183.577L0%2C204.221l153.635%2C121.202l-53.048%2C188.365%09%09%09l162.75-108.664l162.75%2C108.664l-53.048-188.365L526.673%2C204.221z M392.683%2C467.808l-129.346-86.356L133.99%2C467.808%09%09%09l42.163-149.692L54.058%2C221.779l155.404-6.163l53.875-145.885l53.885%2C145.885l155.394%2C6.163l-122.096%2C96.337L392.683%2C467.808z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n\n.gallery-VpB-j {\n  background-size: 42%;\n  background-position: center 20%;\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\n.gallery-VpB-j .wcSpan-SGrw1 {\n  padding-top: 3px;\n}\n";
+styleInject(css_248z);
+
+var VerticalTabGroupItemSerious = function VerticalTabGroupItemSerious(_ref) {
+  var tabGroup = _ref.tabGroup;
+    _ref.height;
+  var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var tabGroupItemRef = useRef(null);
+  var curTabGroup = viewHandler.tabGroupState.curTabGroup;
+  useEffect(function () {
+    viewHandler.tabGroupState.setTabGroupItems(tabGroup.key, tabGroupItemRef.current);
+  }, [tabGroupItemRef]);
+  var onTabGroupClick = function onTabGroupClick(tabGroup) {
+    window.lastNavigationType = 'TABGROUP_BY_POS_NR';
+    viewHandler.tabGroupState.navigateToTabgroupByPosNr(+tabGroup.posNr);
+    if (tabGroup.key == 'PRODUCTS') viewHandler.clearPrice();else viewHandler.divaWebPlanner.updatePriceInView();
+  };
+  return /*#__PURE__*/jsx("div", {
+    ref: tabGroupItemRef,
+    onClick: function onClick() {
+      return onTabGroupClick(tabGroup);
+    },
+    className: classnames(verticalItem, tabGroup.title == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.title) && tabGroup.posNr == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.posNr) ? wcActiveStep : undefined, viewHandler.tabGroupAlreadyVisited(tabGroup) && !(tabGroup.title == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.title) && tabGroup.posNr == (curTabGroup === null || curTabGroup === void 0 ? void 0 : curTabGroup.posNr)) ? wcVisitedStep : undefined, ['Fuß', 'Feet'].includes(tabGroup.title) ? feets : undefined, ['Matratze', 'Mattress'].includes(tabGroup.title) ? mattress : undefined, ['Planen', 'Planning'].includes(tabGroup.title) ? view360 : undefined, ['Fußteil', 'Footboard'].includes(tabGroup.title) ? footboard : undefined, ['Kopfteil', 'Headboard'].includes(tabGroup.title) ? headboard : undefined, ['Kissen', 'Cushions'].includes(tabGroup.title) ? cubeBlack : undefined, ['Zubehör', 'Accessories'].includes(tabGroup.title) ? cubeBlack : undefined, ['Bezug', 'Cover'].includes(tabGroup.title) ? fabric : undefined, ['Lattenrost', 'Frame'].includes(tabGroup.title) ? lattenrost : undefined, ['Bettart und Grösse', 'Bed type and size'].includes(tabGroup.title) ? ruler : undefined, ['Sternebett', 'Star bed'].includes(tabGroup.title) ? stern : undefined, tabGroup.title == 'Topper' ? topper : undefined, tabGroup.title == 'Box' ? box : undefined, tabGroup.title == 'Summary' ? euro : undefined, tabGroup.title == 'ZUSATZARTIKEL' ? cubeBlackBig : undefined, tabGroup.title == 'Promoted' ? favorit : undefined, tabGroup.title == 'Products' ? gallery : undefined),
+    children: /*#__PURE__*/jsxs("span", {
+      className: wcSpan,
+      children: [/*#__PURE__*/jsx("div", {
+        className: wcStepIcon
+      }), t('configurator.' + tabGroup.title, tabGroup.title)]
+    })
+  });
+};
+var index = observer(VerticalTabGroupItemSerious);
+
+export { index as default };