@crystaldesign/diva-web-planner-react 26.8.0-beta.1 → 26.8.0-beta.10

package/build/esm/index-0fa4a916.js

@@ -0,0 +1,140 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { s as styleInject, u as useViewHandler, G as GenericToolTip, P as PricePreview } from './index-b6c3b206.js';
+import classnames from 'classnames';
+import { observer } from 'mobx-react-lite';
+import { useState } from 'react';
+import MetaData from './index-8ea3df37.js';
+import InfoIcon from './index-7a0d9890.js';
+import { useHover, useLayer } from 'react-laag';
+import { useDivaCore } from '@crystaldesign/diva-core';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/objectWithoutProperties';
+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 'react-switch';
+import 'react-countup';
+
+var articleItem = "article-item-eh-j4";
+var wcVCodexText = "wcVCodexText-MyIlQ";
+var sel = "sel-84QKb";
+var imageWrapper = "imageWrapper-gvsu5";
+var wcImage = "wcImage-GYOFl";
+var titleWrapper = "titleWrapper-noaB3";
+var title = "title-79bZq";
+var mobile = "mobile-V-kG0";
+var tablet = "tablet-SBmhr";
+var wcArticleSize = "wcArticleSize--au3o";
+var css_248z = "/*Size Normal */\n\n.article-item-eh-j4 {\n  border-radius: calc(var(--globalBorderRadius));\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.article-item-eh-j4:active,\n.article-item-eh-j4:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.wcVCodexText-MyIlQ {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n  color: white;\n  display: none;\n  text-align: center;\n}\n\n.article-item-eh-j4:hover .wcVCodexText-MyIlQ,\n.sel-84QKb .wcVCodexText-MyIlQ {\n  display: block;\n}\n\n.imageWrapper-gvsu5 {\n  border-radius: calc(var(--globalBorderRadius));\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n.article-item-eh-j4:hover .imageWrapper-gvsu5 {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n.sel-84QKb.article-item-eh-j4:hover .imageWrapper-gvsu5 {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.sel-84QKb .imageWrapper-gvsu5 {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.wcImage-GYOFl {\n  width: calc(100% - 8px);\n  border: 4px white solid;\n  background-color: #fff;\n  border-radius: calc(var(--globalBorderRadius));\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  -o-object-fit: contain;\n     object-fit: contain;\n  background-color: #fff;\n  transition: border 0.3s ease;\n  aspect-ratio: 1/1;\n}\n.sel-84QKb .wcImage-GYOFl {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.hexColor-LvQOl {\n  width: 80px;\n  height: 80px;\n}\n\n.titleWrapper-noaB3 {\n  display: flex;\n  justify-content: center;\n  overflow: visible;\n  max-height: 42px;\n}\n\n.title-79bZq {\n  text-align: center;\n  width: 100%;\n  height: 48px;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  font-size: 14px;\n  line-height: 16px;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 3;\n  transition: height 0.3s ease-out;\n}\n\n.mobile-V-kG0:not(.tablet-SBmhr) .title-79bZq {\n  font-size: 12px;\n  line-height: 14px;\n}\n\n.article-item-eh-j4:hover .title-79bZq,\n.article-item-eh-j4:focus .title-79bZq {\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  -webkit-line-clamp: 30;\n  height: 72px;\n  z-index: 200;\n  background-color: var(--settingsBackgroundColor);\n  border-bottom-left-radius: var(--globalBorderRadius);\n  border-bottom-right-radius: var(--globalBorderRadius);\n  transition: height 0.3s ease-in;\n}\n\n.article-item-eh-j4 .wcArticleSize--au3o {\n  bottom: 0px;\n  padding-bottom: 3px;\n  left: 0px;\n  padding-left: 4px;\n  padding-right: 4px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  font-size: 11px;\n  line-height: 17px;\n  color: #6f6f6f;\n  z-index: 50;\n  position: absolute;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 1;\n  width: calc(100% - 8px);\n  transition: opacity 0.3s ease;\n  background-color: rgba(255, 255, 255, 0.85);\n  border-bottom-left-radius: var(--globalBorderRadius);\n  border-bottom-right-radius: var(--globalBorderRadius);\n}\n\n.mobile-V-kG0:not(.tablet-SBmhr).article-item-eh-j4 .wcArticleSize--au3o {\n  font-size: 10px;\n  line-height: 12px;\n}\n\n.sel-84QKb .wcArticleSize--au3o {\n  bottom: 4px;\n  padding-bottom: 0px;\n  left: 4px;\n  padding-left: 4px;\n  padding-right: 4px;\n  width: calc(100% - 16px);\n  border-bottom-left-radius: calc(var(--globalBorderRadius) - 2px);\n  border-bottom-right-radius: calc(var(--globalBorderRadius) - 2px);\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 Article = function Article(_ref) {
+  var _viewHandler$settings, _renderLayer, _item$longDescription;
+  var itemP = _ref.item,
+    paletteId = _ref.paletteId;
+  var item = itemP;
+  var viewHandler = useViewHandler();
+  var _useDivaCore = useDivaCore(),
+    _useDivaCore$state = _useDivaCore.state,
+    _useDivaCore$state$di = _useDivaCore$state.dimensions,
+    isMobile = _useDivaCore$state$di.isMobile,
+    isTablet = _useDivaCore$state$di.isTablet,
+    hidePrices = _useDivaCore$state.hidePrices;
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    metaDataVisible = _useState2[0],
+    setMetaDataVisible = _useState2[1];
+  var onClick = function onClick() {
+    viewHandler.paletteViewHandler.clickedOnPlannerPalette(item, paletteId);
+  };
+
+  /* tool tip stuff*/
+  var triggerProps = {};
+  var layerProps = {};
+  var renderLayer = undefined;
+  var isOver = false;
+  var hoverProps = {};
+  var hover = useHover({
+    delayEnter: 1500,
+    hideOnScroll: true
+  });
+  var tooltip = useLayer({
+    isOpen: hover[0],
+    auto: true,
+    placement: viewHandler.getViewConfig().tooltipPosition || 'left-center'
+  });
+  if (!isMobile && !isTablet && !viewHandler.getViewConfig().hideTooltip && !item.contentItemId) {
+    isOver = hover[0];
+    hoverProps = hover[1];
+    triggerProps = tooltip.triggerProps;
+    layerProps = tooltip.layerProps;
+    renderLayer = tooltip.renderLayer;
+  }
+  var isSelected = item.sel && ((_viewHandler$settings = viewHandler.settingsState.addElementSelected) === null || _viewHandler$settings === void 0 ? void 0 : _viewHandler$settings.mode) != 'add';
+  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread(_objectSpread({
+    id: item.codex,
+    className: classnames(articleItem, isSelected ? sel : undefined, viewHandler.getIsInMobileView() ? mobile : undefined, viewHandler.uiState.isTablet ? tablet : undefined),
+    onClick: onClick
+  }, triggerProps), hoverProps), {}, {
+    children: [/*#__PURE__*/jsxs("div", {
+      className: classnames(imageWrapper),
+      children: [viewHandler.getViewConfig().showOptionCodexInOptionHeader && /*#__PURE__*/jsx("div", {
+        className: classnames(wcVCodexText),
+        children: item.articleCodex
+      }), item.image && /*#__PURE__*/jsx("img", {
+        className: classnames(wcImage),
+        src: item.image.replace('_gal', '').replace('_low', '')
+      }), item.contentItemId && /*#__PURE__*/jsx(InfoIcon, {
+        item: item,
+        style: {
+          top: -6,
+          bottom: 'unset',
+          right: -7
+        }
+      }, item.codex), /*#__PURE__*/jsx("div", {
+        className: classnames(wcArticleSize),
+        children: item.sizeInfo
+      })]
+    }), /*#__PURE__*/jsx("div", {
+      className: titleWrapper,
+      children: /*#__PURE__*/jsx("div", {
+        className: title,
+        dangerouslySetInnerHTML: {
+          __html: item.title
+        }
+      })
+    }), isOver && ((_renderLayer = renderLayer) === null || _renderLayer === void 0 ? void 0 : _renderLayer(/*#__PURE__*/jsx(GenericToolTip, {
+      text: (_item$longDescription = item.longDescription) !== null && _item$longDescription !== void 0 ? _item$longDescription : item.title,
+      desciption: metaDataVisible,
+      codex: item.articleCodex,
+      image: item.image,
+      layerProps: layerProps,
+      price: item.price
+    }, item.codex))), /*#__PURE__*/jsx(MetaData, {
+      style: {
+        position: 'relative',
+        "float": 'left',
+        display: 'none'
+      },
+      metaData: item.metaData,
+      visible: [metaDataVisible, setMetaDataVisible]
+    }, item.codex), item.priceInfo !== undefined && !hidePrices && /*#__PURE__*/jsx(PricePreview, {
+      price: item.price
+    })]
+  }));
+};
+var FaceLift = observer(Article);
+
+export { FaceLift as default };

package/build/esm/index-1170ec77.js

@@ -0,0 +1,53 @@
+import { c as usePlannerUIHandler } from './index-b6c3b206.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 '@crystaldesign/diva-core';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/helpers/objectWithoutProperties';
+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 'react-switch';
+import 'react-countup';
+
+var AVR = function AVR(_ref) {
+  var rect = _ref.rect,
+    item = _ref.item,
+    onElement = _ref.onElement,
+    plannerUIProps = _ref.plannerUIProps;
+  var plannerUIHandler = usePlannerUIHandler();
+  var iconIsSelected = plannerUIHandler.getDPUIISSelected(item);
+  var rotation = (item.rotOfElement ? item.rotOfElement : 0) + (item.iconRotDeg ? item.iconRotDeg : 0);
+  return /*#__PURE__*/jsx("div", {
+    ref: function ref(elem) {
+      return onElement(elem);
+    },
+    onClick: function onClick() {
+      var _item$clickFunction;
+      plannerUIHandler.setDPUISelectionChanged(item, !iconIsSelected);
+      (_item$clickFunction = item.clickFunction) === null || _item$clickFunction === void 0 || _item$clickFunction.call(item, item.setId, Number(item.elementId), item.dpId, !iconIsSelected, undefined);
+    },
+    style: {
+      left: rect.left + 'px',
+      top: rect.top + 'px',
+      transform: 'rotate(' + rotation + 'deg)'
+    },
+    className: classnames(plannerUIProps.classes.buttonGeneral, plannerUIProps.classes.dockingPoint.AVR.avr, iconIsSelected ? plannerUIProps.classes.dockingPoint.AVR.avrSel : undefined),
+    children: item.posNr
+  });
+};
+var AVR$1 = observer(AVR);
+
+export { AVR$1 as default };

package/build/esm/index-11c5ea45.js

@@ -0,0 +1,69 @@
+import { s as styleInject, u as useViewHandler } from './index-b6c3b206.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/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/helpers/objectWithoutProperties';
+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 'react-switch';
+import 'react-countup';
+
+var paletteItem = "palette-item-nXICy";
+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.palette-item-nXICy {\n  border-radius: var(--globalBorderRadius);\n  margin: 0.2125rem;\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.palette-item-nXICy:active {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n.palette-item-nXICy: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  .palette-item-nXICy {\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-1217ad82.js

@@ -0,0 +1,48 @@
+import './index-b6c3b206.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 '@crystaldesign/diva-core';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/helpers/objectWithoutProperties';
+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 'react-switch';
+import 'react-countup';
+
+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-122045b3.js

@@ -0,0 +1,101 @@
+import { s as styleInject, u as useViewHandler, P as PricePreview } from './index-b6c3b206.js';
+import 'react';
+import classnames from 'classnames';
+import Option from './index-7733e21a.js';
+import { useTranslation } from '@crystaldesign/diva-core';
+import InfoIcon from './index-7a0d9890.js';
+import ReverseCheck from './index-16ebfa8b.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import 'mobx-react-lite';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/helpers/objectWithoutProperties';
+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 'react-switch';
+import 'react-countup';
+import './index.module-8f8d1ed7.js';
+import './index.module-031c75e1.js';
+import './index-85aea608.js';
+import 'react-laag';
+import './index-8ea3df37.js';
+import '@mui/icons-material/Block';
+import '@mui/icons-material/Warning';
+
+var container = "container-GW-AX";
+var sel = "sel-jrQj2";
+var titleContainer = "title-container-W41FT";
+var title = "title-FojkZ";
+var subTitle = "sub-title-RJrKO";
+var ccConstructionWarning = "ccConstructionWarning-8h9KH";
+var css_248z = ".container-GW-AX {\n  position: relative;\n  box-sizing: border-box;\n  border: 2px solid #e8e9ed;\n  border-radius: 6px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.container-GW-AX.sel-jrQj2 {\n  border: 2px solid var(--secondaryColor);\n}\n\n.container-GW-AX img {\n  width: 100%;\n\n  -o-object-fit: contain;\n\n     object-fit: contain;\n}\n\n.title-container-W41FT {\n  height: 30px;\n  color: #4b4b4b;\n  background: #f2f2f2;\n}\n.title-FojkZ,\n.sub-title-RJrKO {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  height: 1.2em;\n  text-align: right;\n  margin: 0 3px;\n}\n\n.title-FojkZ {\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  font-weight: 600;\n  font-size: 13px;\n  line-height: 15px;\n}\n\n.sub-title-RJrKO {\n  -webkit-line-clamp: 1;\n  white-space: nowrap;\n  font-size: 9px;\n  line-height: 12px;\n  font-weight: 300;\n}\n\n.ccConstructionWarning-8h9KH {\n  display: block;\n  height: 30px;\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 64 64%22%3E%3Cdefs%3E%3ClinearGradient gradientTransform%3D%22matrix(1.31117 0 0 1.30239 737.39 159.91)%22 gradientUnits%3D%22userSpaceOnUse%22 id%3D%220%22 y2%3D%22-.599%22 x2%3D%220%22 y1%3D%2245.47%22%3E%3Cstop stop-color%3D%22%23ffc515%22%2F%3E%3Cstop offset%3D%221%22 stop-color%3D%22%23ffd55b%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg transform%3D%22matrix(.85714 0 0 .85714-627.02-130.8)%22%3E%3Cpath d%3D%22m797.94 212.01l-25.607-48c-.736-1.333-2.068-2.074-3.551-2.074-1.483 0-2.822.889-3.569 2.222l-25.417 48c-.598 1.185-.605 2.815.132 4 .737 1.185 1.921 1.778 3.404 1.778h51.02c1.483 0 2.821-.741 3.42-1.926.747-1.185.753-2.667.165-4%22 fill%3D%22url(%230)%22%2F%3E%3Cpath d%3D%22m-26.309 18.07c-1.18 0-2.135.968-2.135 2.129v12.82c0 1.176.948 2.129 2.135 2.129 1.183 0 2.135-.968 2.135-2.129v-12.82c0-1.176-.946-2.129-2.135-2.129zm0 21.348c-1.18 0-2.135.954-2.135 2.135 0 1.18.954 2.135 2.135 2.135 1.181 0 2.135-.954 2.135-2.135 0-1.18-.952-2.135-2.135-2.135z%22 transform%3D%22matrix(1.05196 0 0 1.05196 796.53 161.87)%22 fill%3D%22%23000%22 stroke%3D%22%2340330d%22 fill-opacity%3D%22.75%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n  width: 30px;\n  background-repeat: no-repeat;\n  background-size: contain;\n  padding: 0;\n  position: absolute;\n  z-index: 888;\n  top: 0;\n  right: 0;\n}\n";
+styleInject(css_248z);
+
+var OptionJungle = function OptionJungle(_ref) {
+  var _item$text, _item$text2;
+  var itemP = _ref.item,
+    paletteId = _ref.paletteId;
+    _ref.type;
+  var item = itemP;
+  var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  if (item.layout == 'TEXT' || !viewHandler.uiState.isInMobileView) return /*#__PURE__*/jsx(Option, {
+    item: item,
+    paletteId: paletteId
+  });
+  var header = (_item$text = item.text) === null || _item$text === void 0 ? void 0 : _item$text.split(/,(.+)/)[0];
+  var subText = (_item$text2 = item.text) === null || _item$text2 === void 0 ? void 0 : _item$text2.split(/,(.+)/)[1];
+  if (!subText) {
+    var _item$text3, _item$text4;
+    header = (_item$text3 = item.text) === null || _item$text3 === void 0 ? void 0 : _item$text3.split(/\((.+)/)[0];
+    subText = (_item$text4 = item.text) === null || _item$text4 === void 0 || (_item$text4 = _item$text4.split(/\((.+)/)[1]) === null || _item$text4 === void 0 ? void 0 : _item$text4.replace(')', '');
+  }
+  var onClick = function onClick() {
+    viewHandler.paletteViewHandler.clickedOnConfigPalette(item, undefined, paletteId);
+  };
+  return /*#__PURE__*/jsxs("div", {
+    id: item.codex,
+    className: classnames(container, item.sel ? sel : undefined),
+    onClick: onClick,
+    children: [/*#__PURE__*/jsx("img", {
+      style: {
+        maxHeight: viewHandler.settingsState.settingsWidth / 3
+      },
+      src: item.image,
+      title: item.text + (item.freeText ? item.freeText : '')
+    }), /*#__PURE__*/jsxs("div", {
+      className: titleContainer,
+      children: [/*#__PURE__*/jsx("div", {
+        className: classnames(title),
+        children: header
+      }), subText && /*#__PURE__*/jsx("div", {
+        className: classnames(subTitle),
+        children: subText
+      })]
+    }), item.contentItemId && /*#__PURE__*/jsx(InfoIcon, {
+      item: item
+    }, item.codex), item.disabledByConstructionRule && /*#__PURE__*/jsx("div", {
+      className: classnames(ccConstructionWarning),
+      title: t('configurator.' + item.disabledByConstructionRule)
+    }), item.pricePreviewPromise !== undefined && /*#__PURE__*/jsx(PricePreview, {
+      asyncPricePreview: item.pricePreviewPromise,
+      sel: item.sel
+    }), item.checkForReversingChanges !== undefined && /*#__PURE__*/jsx(ReverseCheck, {
+      item: item,
+      paletteId: paletteId
+    })]
+  });
+};
+
+export { OptionJungle as default };

package/build/esm/index-125c2d42.js

@@ -0,0 +1,81 @@
+import { s as styleInject, u as useViewHandler } from './index-b6c3b206.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/defineProperty';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/helpers/objectWithoutProperties';
+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 'react-switch';
+import 'react-countup';
+
+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,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAYAAAD0eNT6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAADGRJREFUeNrs3S9zI0cawOHZlMCwCAoOFDtBsTM09LGw+FjgfoNLvkFgoI8tNDR02EIfMxwo6DAxX3e5r24rf1aypJF65n2eqi6DrKORZkr9m56R9eH19bUBAGL5IAAAQAAAAAIAABAAAIAAAAAEAAAgAAAAAQAACAAAQAAAAAIAABAAAIAAAAAEAAAgAAAAAQAACAAAQAAAgAAAAAQAACAAAAABAAAIAABAAAAAAgAAEAAAgAAAAAQAACAAAAABAAAIAABAAAAAAgAAEAAAgAAAAAEAAAgAAEAAAAACAAAQAACAAAAABAAAIAAAAAEAAAgAAEAAAAACAAAQAACAAAAABAAAIAAAAAEAAAIAABAAAIAAAAAEAAAgAAAAAQAACAAAQAAAAAIAABAAAIAAAAAEAAAgAAAAAQAACAAAQAAAAAIAAASAVwEABAAAIAAAAAEAAAgAAEAAAAACAAAQAACAAAAABAAAIAAAAAEAAAgAAEAAAAACAAAQAACAAAAAASAAAEAAAAACAAAQAACAAAAA4gVA95X/tklj6+UFgGkEwCqNdRqLPf99X2KgL0MUAMCIAiBP+DfvmPj/ylMZvZceAOoOgHkaP6TRnvBxcwA8lNUBAKDCALhtvn69/xif03hsXBoAgKoCIJ/9fxx4G/IqwKc0XuwOAKgjALqyAjC0vAJw17gkAABn8U0l29GW0FjYJQAQJwC+jIDWbgGAOAHwZQQAAIECIMuXAa7tGgCIFQBZ/muDnd0DALECoLEKAAAxAyBfCljZRQAQKwCyK7sIAOIFwNwqAADECwCrAAAQNADyKkBnVwFArADIXAYAgIABsLSrACBeALQiAADiBYBVAAAQAABAlADIlwEWdhkAxAoAqwAAEDQAOrsMAOIFgEsAABAwANwHAAABA8AqAAAEDYC53QYA8QKgs9sAwAoAACAAAIApBkDmRkAACBgArV0HAPECoLPrACBeAAAAAQPAPQAAEDAA3AMAAAEDAAAIGAAuAQBAwABwCQAAAgYAACAAAIAoAeA+AAAIGADuAwCAgAEAAAgAAEAAAAACAAAQAAAgAAAAAQAACAAAQAAAAAIAABAAAIAAAAAEAAAgAAAAAQAACAAAQAAAAAIAADjczEsAAKMyLyPbpLEVAAAwTV0aqzSWabS/+28vaTyl8fk9MSAAAKBeizSuSwB8bUXgKo11GndlVWAn9wAAQJ3yGf/tjsn/S2359wsBAADjnfxvmj8u9+8bATt/TwAAQJ2T/6Hy5L8WAAAwHosjJ///EQAAMBL5zP27E/6/FgIAAOp31fz/8/2nigABAAAVy2fr63M+oAAAgMu7PvcDCgAAuKyu2f+z/gIAACbi6hIPKgAA4HIWlzj7FwAAcFnrSz2wAACAy8gf01sKAACI5c++2lcAAECAALgYAQAA53fR5X8BAAABz/4FAAAIAADgTDoBAACx5D/+0156IwQAAJzXsoaNEAAAcF6dAACAeBYCAADiTf5tDRsiAAAg2Nm/AACA8+oEAADEMxcAAGAFQAAAwMQtatoYAQAA5zGvaWMEAABYAQAABAAAcCptTRsjAADgPDoBAADO/gUAAEzcorYNEgAAYAUAALACAABMkgAAgOF1AgAAEAAAEMC8tg0SAAAgAACACAQAAAxrUeNGCQAAGFZb40YJAAAISAAAgBUAAODE3AMAAAgAAEAAAMAkuQcAAAJyDwAAIAAAAAEAAAgAAEAAAMBI+RQAAATkUwAAgAAAAAQAACAAAAABAAAIAABAAAAAAgAAEAAAgAAAAAHgJQCAeGaBn3v+coZlGl0ac4cCAMU2jb6MjQCYjjzZX6WxcowD8BeW5WeOgMfyUwCM2LpM/q1jG4A9dGncpvGcxn1ZHZiESPcA3KRxbfIH4MAVgdspzSFRAiBP/pb8ATjGYkoRECEAliZ/AE4YATcCoH7tVHYUAFWdWC4FQN3WjWv+AJzelQCom6V/AIawKEMAVLpz/IEfAIYy6ssAUw6AzrEJgHkmXgC49g+AeSZgAADAkNwDAAAIAABAAAAAAgAAEAAAgAAAAAQAACAAAAABAAAIAABAAADAoDYCoE7Pjk0AzDPxAiCX2ZPjE4ABvKTxecxPYDbxHXSfxjaNtWMVgBPpv5hfBEDFHtJ4bEb+tY0AVHPm/zKFJzILssO2pdgAgManAABAAAAAAgAAEAAAgAAAAAQAACAAAAABAAAIAABAAAAAAgAAEAAAwKnNAj7nrnn7ZsDW7gdgD5syXqb0pKIEQJ7sr9JYmfgBOFDfvH3F/GYKTybCJYB8tv9DGmuTPwBH6Mp8shIA4zjzv01j7rgF4ERu0lgKgLpdO+sHYKAIGPX8MuUAyGf9K8coAANox74KMOUA6ByfAAxIAFS8AgAAQ1kIAACIZ9QnmgIAAAISAAAgAAAAAQAACAAAQAAAAAIAABAAAIAAAAAEAAAgAAAAAQAACAAAQAAAAAIAABAAAIAAAAAEAAAgAABAAAAAAgAA+IpeANRp49gEYEAvAqBOz2lsHZ8ADORJANTrwfEJwAD6xiWA6uvsyXEKwAnlS8yfxv4kItwEeJ/GZ8crACc6879rJnCJeRZkhz2UCLhKo0tj7hgGYE/bMvHne8sms6o8C7QDX8pqAACE5+8AAIAAAAAEAAAgAAAAAQAACAAAQAAAAAIAABAAAIAAAAAEAAAgAACA04r0ZUD5GwBv01g1b98ICAD7emzevlDOtwGOzI9p/MvxC8CB/l7mkV/TuGnevmF21CJcArgz+QNwwhDom7dVZQFQ+Zn/945XAE7o2+btcoAAqFSus4+OUwAGWgm4EQB1uimVBgBDuBUAdeocmwCYZ+IFAAAM6W8CAAAQAACAAAAABAAAIAAAAAEAAAgAAEAAAAACAAAQAACAAAAABAAAIAAAQAAAAAIAABAAAIAAAAAEAAAgAAAAAQAACAAAQAAAAAIAABAAAIAAAAAEAAAgAAAAAQAACAAAQAAAgAAAAAQAACAAAAABAAAIAABAAAAAAgAAEAAAgAAAAAQAACAAAAABAAAIAABAAAAAAgAAEAAAMIDfBAAAxPMkAOp079gEQADEC4C8Y351fAIwkJ8FQL0+Oj4BGMBPafQCoO5VgH82I79RA4Cq/DuNH8f+JCLcBHiXxqrsMAA41H/S+Ecat1N4MrMgO60vO+xjiQEAeO880k/pCc2C7cCXNB4dxwBE5+8AAIAAAAAEAAAgAAAAAQAACAAAQAAAAAIAAKjHzEuw0zKNxYG/+5zGxksIMJiuDO/RAuCk8sT/3RG/v07jl+btLxACMMx7dHvEe/Rd1AhwCWD32f8x8kE59zICDPYe3R7x+21z+AqvAJg4Z+4A9eq9zwsAAQAAAkBEAIAAEAAA3l//XC8AcGAAOMESAACAAOAwvZcAoFqhVxAEgAMEIOqJlgDAAQKAAEA8ACAAwtsKAIBqbS70uwLAwQXASE/StpFfOAEAAAKAE7N6AGAFQAAEnMS3Xj6Aat+j3QOASRwAAYB4AEAAhHfMR/ncAwAwrN57tACoMQAAqJebAAEAAcBpWP4HOI9DVmrD36O1KwD6ps4l8JfmvF+12zu4ACYVAOFP0vZZAXiocLsfHO8AMGwAPKdxX9E235dtqp0VAADvt9nTBR5z50r5N+/Y+LvmvMvuv9eXbbjUC/le7gEAOI/NmX7nUA9nfrwcRJ92/aPZARPwPI1lGm0ai/JzqCewKT+fm8vei+CjgABWDY55rF/SWJV5czHgXLUpJ8o7n9+H19dXh8FueWfdviN2tiWWrAIAeI+ukgDY37yMfSvMqgGA92gBAAAIAABAAAAAAgAAEAAAgAAAAAQAACAAAAABAAAIAABAAACAAAAABAAAIAAAAAEAAAgAAEAAAAACAAAQAACAAAAABAAAIAAAAAEAAAgAAEAAAAACAAAQAACAAAAAAQAACAAAQAAAAAIAABAAAIAAAAAEAAAgAAAAAQAACAAAQAAAAAIAABAAAIAAAAAEAAAgAAAAAQAAAgAAEAAAgAAAAAQAACAAAAABAAAIAABAAAAAAgAAEAAAgAAAAAQAACAAAAABAAAIAABAAAAAAgAABIAAAAABAAAIAABAAAAAAgAAEAAAgAAAAAQAACAAAAABAAAIAABAAAAAAgAAEAAAgAAAAAQAACAAAAABAAACAAAQAACAAAAABAAAIAAAAAEAAAgAAEAAAAACAAAQAACAAAAABAAAcKT/CjAABkE1koHB+y0AAAAASUVORK5CYII=');\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 };