@crystaldesign/diva-web-planner-react 25.2.0-beta.29 → 25.2.0-beta.3

package/build/esm/index-a632a3d6.js

@@ -0,0 +1,193 @@
+import { s as styleInject, u as useViewHandler } from './index-54d6be58.js';
+import { useEffect } from 'react';
+import Inputbox from './index-7c01cd74.js';
+import Settings from './index-0dab4cab.js';
+import TabGroup from './index-105e3f95.js';
+import { observer } from 'mobx-react-lite';
+import classnames from 'classnames';
+import Toolbar from './index-4be559e1.js';
+import NavigationButtons from './index-d6c5bfe4.js';
+import ContentItemWrapper from './index-f80751ba.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@crystaldesign/diva-core';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import '@babel/runtime/helpers/objectDestructuringEmpty';
+import './index-3c792bc2.js';
+import './index-01ad7965.js';
+import './index-35729e4f.js';
+import './index-1ae6504b.js';
+import './index-33896c97.js';
+import 'react-laag';
+import './index-1899615f.js';
+import './index-85e0c17a.js';
+import './index-6e7d2e26.js';
+import 'sift';
+import './index-893a769b.js';
+import './index-c2b40da3.js';
+import './index-b17ae86a.js';
+import './index-f3ea2c52.js';
+import './index.module-c9bef34d.js';
+import './index-0a9d8acb.js';
+import 'react-switch';
+import './index-c03688e1.js';
+import './index-b1bbf24a.js';
+import './index-76540bad.js';
+import 'react-dropdown';
+import './index-22116f95.js';
+import './index-4c37fb0e.js';
+import './index-427c31f9.js';
+import './index-9f28f4ae.js';
+import '@crystaldesign/content-box';
+import './index-77bf4fb4.js';
+import './index-c7877768.js';
+import './index-de4443e9.js';
+import './index-c7b63c12.js';
+import './index-389d80c2.js';
+import './index-53bad72b.js';
+import './index-5a445d18.js';
+import './index-b86dea91.js';
+import './index-a16b98a4.js';
+import './index-eb5a3153.js';
+import './index-b8ce8d4e.js';
+import './index-30ed765c.js';
+import './index-dc69a4ef.js';
+import './index-d3d41f67.js';
+import './index-3e8b4332.js';
+import './index-f4315d1b.js';
+import './index.module-41ad8591.js';
+import './index-1201d944.js';
+import './index-1ce3bddb.js';
+import './index-ef41ed48.js';
+import './index-f8e7e5bd.js';
+import './index-19259082.js';
+import './index-6a54ffdf.js';
+import './index-00a7d828.js';
+import './index.module-c7b58886.js';
+import './index-200f3876.js';
+import './index-4bc2c14a.js';
+import './index-5aa48ea0.js';
+import './index-9d8f56bf.js';
+import './index-dfa1268a.js';
+import './index-06f59306.js';
+import './index-e6679386.js';
+import './index-a9c48c48.js';
+import './index-4107ccbe.js';
+import './index-abd8235b.js';
+import './index.module-68abd2fb.js';
+import './index-e4a5e93e.js';
+import './index-200ea2e9.js';
+import './index-b78ab032.js';
+import 'react-collapsible';
+import './index-ca5b842f.js';
+import './index-58b45dd3.js';
+import './index.module-c366b1b2.js';
+import 'react-json-view-lite';
+import './react-json-viewer-2727fd1e.js';
+import './index-13ac87b6.js';
+import './index.module-647452f7.js';
+import './index-6d77513f.js';
+import 'jsoneditor';
+import './index-49cd7943.js';
+import './index-6e674e15.js';
+import './index-3972858e.js';
+import './index-cecb799a.js';
+import './index-c619c45e.js';
+import './index.module-a64e419b.js';
+import './index-5494ec64.js';
+import './index-9a4ddc1b.js';
+import './index-d2d77306.js';
+import './index-0ba0bd53.js';
+import './index.module-e4f2f454.js';
+import './index-39223845.js';
+import './index-fa9ac66f.js';
+import './DecisionVizualizer-a664574e.js';
+import './index-f4794981.js';
+import './index-cb160b4f.js';
+import './index-ad90ce17.js';
+import './index-7ecfb824.js';
+import './index-89b5cdd0.js';
+import './CatalogProperties-98fb06db.js';
+import './ArticleProperties-8e9c06cd.js';
+import './OptionProperties-be3cd073.js';
+import './OptionValueProperties-16d4172a.js';
+import 'react-select';
+import '@crystaldesign/content-item';
+import 'react-draggable';
+
+var wcConfigurator = "wcConfigurator-XqlAg";
+var wcConfiguratorSteps = "wc-configurator-steps-KdP9s";
+var mobile = "mobile-PPTgR";
+var wcConfiguratorSettings = "wc-configurator-Settings-dVmBR";
+var wcConfiguratorSettingsActions = "wcConfigurator-settings-actions-yVOyu";
+var css_248z = ".wcConfigurator-XqlAg {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.wcConfigurator-XqlAg *,\n.wcConfigurator-XqlAg *::before,\n.wcConfigurator-XqlAg *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.wc-configurator-steps-KdP9s {\n  height: 56px;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  margin: 0 8px;\n}\n.mobile-PPTgR .wc-configurator-steps-KdP9s {\n  height: 40px;\n}\n\n.wc-configurator-Settings-dVmBR {\n  height: calc(100% - 56px - 42px - 40px);\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n.mobile-PPTgR .wc-configurator-Settings-dVmBR {\n  height: calc(100% - 40px - 42px - 40px);\n}\n\n.wcConfigurator-settings-actions-yVOyu {\n  height: 40px;\n  z-index: 1001;\n}\n";
+styleInject(css_248z);
+
+var Wysiwyg = function Wysiwyg(props) {
+  var viewHandler = useViewHandler();
+  useEffect(function () {
+    viewHandler.layoutRendered = true;
+    viewHandler.initCSSVariablesObj(cssVariables);
+  }, []);
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsxs("div", {
+      ref: function ref(configuratorRef) {
+        return viewHandler.uiState.setConfiguratorRef(configuratorRef);
+      },
+      style: {
+        pointerEvents: viewHandler.uiState.configuratorDisabled ? 'none' : undefined
+      },
+      hidden: viewHandler.uiState.configuratorHidden,
+      id: "wcConfigurator",
+      className: classnames(wcConfigurator, viewHandler.getIsInMobileView() ? mobile : undefined),
+      children: [/*#__PURE__*/jsx(TabGroup, {
+        className: wcConfiguratorSteps
+      }), /*#__PURE__*/jsx(Settings, {
+        className: wcConfiguratorSettings
+      }), /*#__PURE__*/jsx(NavigationButtons, {
+        className: wcConfiguratorSettingsActions,
+        showBackButtonText: true
+      }), /*#__PURE__*/jsx(Toolbar, {}), viewHandler.settingsState.contentItemId && /*#__PURE__*/jsx(ContentItemWrapper, {
+        id: viewHandler.settingsState.contentItemId,
+        startPos: "right"
+      })]
+    }), viewHandler.settingsState.inputBoxVisible && /*#__PURE__*/jsx(Inputbox, {})]
+  });
+};
+var cssVariables = {
+  '--primaryColor': '#df2927',
+  '--secondaryColor': '#404040',
+  '--thirdColor': '#8a8a8a',
+  '--globalBorderRadius': '3px',
+  '--galleryItemRadius': '3px',
+  '--articlePosNrRadius': '3px',
+  '--articlePosNrSize': '20.8px',
+  '--articlePosNrFontSize': '16px',
+  '--settingsBackgroundColor': '#fefefe',
+  '--settingsScrollerPaddingTopBottom': '30px',
+  '--settingsScrollerPaddingRight': '30px',
+  '--settingsScrollerPaddingLeft': '30px',
+  '--tabGroupBackground': 'var(--thirdColor)',
+  '--foldArrowMarginRight': '16px',
+  '--configuratorActionWidthForthBackSpacer': '0.1rem',
+  '--configuratorActionForthWidth': 'calc(50% - calc(var(--configuratorActionWidthForthBackSpacer) / 2) - 2px)',
+  '--configuratorActionBackWidth': 'calc(50% - calc(var(--configuratorActionWidthForthBackSpacer) / 2) - 2px)',
+  '--lineHeight1': '36.8px',
+  '--fontWeight1': '600',
+  '--boxShadowHover': '0px 1px 4px rgba(0, 0, 0, 0.15)',
+  '--boxShadowActive': '0px 1px 4px rgba(0, 0, 0, 0.3)',
+  '--itemsMargin': '0.3125rem'
+};
+var index = observer(Wysiwyg);
+
+export { cssVariables, index as default };

package/build/esm/index-a9c48c48.js

@@ -0,0 +1,62 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
+import { u as useViewHandler } from './index-54d6be58.js';
+import { observer } from 'mobx-react-lite';
+import { useState, useEffect } from 'react';
+import { useTranslation } from '@crystaldesign/diva-core';
+import { jsxs, jsx } from 'react/jsx-runtime';
+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';
+
+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 TabSearch = function TabSearch(_ref) {
+  var props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    search = _useState2[0],
+    setSearch = _useState2[1];
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var viewHandler = useViewHandler();
+  useEffect(function () {
+    var searchGotResetted = !!viewHandler.tabGroupState.filterTabgroup && !search;
+    viewHandler.tabGroupState.setFilterTabgroup(search && search !== '' ? search : undefined);
+    if (searchGotResetted) {
+      setTimeout(function () {
+        return viewHandler.tabGroupState.scrollToCurTabgroup();
+      }, 200);
+    }
+  }, [search]);
+  useEffect(function () {
+    if (viewHandler.tabGroupState.filterTabgroup === undefined && search) {
+      setSearch('');
+    }
+  }, [viewHandler.tabGroupState.filterTabgroup]);
+  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
+    children: [/*#__PURE__*/jsx("input", {
+      value: search,
+      type: "text",
+      onChange: function onChange(e) {
+        return setSearch(e.target.value);
+      },
+      placeholder: t('filter.global')
+    }), !!search && /*#__PURE__*/jsx("div", {
+      onClick: function onClick() {
+        return setSearch('');
+      }
+    })]
+  }));
+};
+var TabSearch$1 = observer(TabSearch);
+
+export { TabSearch$1 as default };

package/build/esm/index-ab0276f2.js

@@ -0,0 +1,38 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { s as styleInject, u as useViewHandler } from './index-54d6be58.js';
+import 'react';
+import BasketActionStandard from './index-d757c205.js';
+import { observer } from 'mobx-react-lite';
+import { jsx } from 'react/jsx-runtime';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@crystaldesign/diva-core';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import 'classnames';
+
+var wcCheckoutButtonText = "wcCheckoutButtonText-bETEx";
+var wcCheckoutButtonPrice = "wcCheckoutButtonPrice-iT78h";
+var css_248z = ".wcCheckoutButtonText-bETEx {\n  float: left;\n  margin-left: 10%;\n  font-size: 14px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  font-weight: 300;\n}\n\n.wcCheckoutButtonPrice-iT78h {\n  float: right;\n  margin-right: 100px;\n  font-size: 14px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  font-weight: 300;\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 BasketActionGold = function BasketActionGold(props) {
+  var viewHandler = useViewHandler();
+  return /*#__PURE__*/jsx(BasketActionStandard, _objectSpread(_objectSpread({}, props), {}, {
+    buttonTextClassName: wcCheckoutButtonText,
+    buttonPriceClassName: wcCheckoutButtonPrice,
+    price: viewHandler.productState.formatedCurSetPrice
+  }));
+};
+var index = observer(BasketActionGold);
+
+export { index as default };

package/build/esm/index-abd8235b.js

@@ -0,0 +1,149 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
+import { s as styleInject, u as useViewHandler } from './index-54d6be58.js';
+import 'react';
+import { w as wholeWrapper, n as notExpanded } from './index.module-68abd2fb.js';
+import TabGroups from './index-e4a5e93e.js';
+import TabGroupOptions from './index-200ea2e9.js';
+import { observer } from 'mobx-react-lite';
+import ProduktDetails from './index-b78ab032.js';
+import Collapsible from 'react-collapsible';
+import Price from './index-ca5b842f.js';
+import classnames from 'classnames';
+import JsonViewer from './index-58b45dd3.js';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@crystaldesign/diva-core';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import './index.module-c366b1b2.js';
+import 'react-json-view-lite';
+import './react-json-viewer-2727fd1e.js';
+
+var menuPoint = "menu-point-Bz5zM";
+var collapsibleHeader = "collapsibleHeader-lzT9Y";
+var tabGroupWrapper = "tab-group-wrapper-mSLB-";
+var css_248z = ".menu-point-Bz5zM {\n  font-size: 22px;\n  padding: 0px 0px;\n  padding: 10px 0;\n  background-color: var(--primaryColor);\n  border-bottom: 1px solid;\n  width: 100%;\n  text-align: center;\n  margin-left: 0px;\n  color: white;\n  font-weight: 600;\n}\n.collapsibleHeader-lzT9Y {\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  text-align: center;\n  background-color: #bbbbbb;\n  color: black;\n  border-radius: 5px;\n  margin: 5% 1% 1% 1%;\n  transition: background-color 0.3s;\n  padding: 1% 0%;\n  cursor: pointer;\n}\n.collapsibleHeader-lzT9Y:hover {\n  background-color: var(--primaryColor);\n  color: white;\n}\n.tab-group-wrapper-mSLB- {\n  width: 90%;\n  margin-left: 4%;\n  background-color: white;\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 OptionTree = function OptionTree(_ref) {
+  var _articles$viewHandler, _hiddenOptions$tabGro, _articles$Object$keys, _articles$Object$keys2;
+  var props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
+  var viewHandler = useViewHandler();
+  var configTree = viewHandler.tabGroupState.allTabGroups;
+  var articles = viewHandler.divaWebPlanner.getDivaArticles();
+  if (!articles) return /*#__PURE__*/jsx(Fragment, {});
+  var hiddenOptions = viewHandler.divaWebPlanner.getHiddenOptions();
+  var article = (_articles$viewHandler = articles[viewHandler.settingsState.getSelectedBasketIds[0]]) !== null && _articles$viewHandler !== void 0 ? _articles$viewHandler : articles[Object.keys(articles)[0]];
+  var tree = Object.values(configTree);
+  var hiddenTree = Object.values((_hiddenOptions$tabGro = hiddenOptions === null || hiddenOptions === void 0 ? void 0 : hiddenOptions.tabGroups) !== null && _hiddenOptions$tabGro !== void 0 ? _hiddenOptions$tabGro : {});
+  var canClick = false;
+  tree = tree.filter(function (item) {
+    return item.type == 'OPTION';
+  });
+  var CollapsibleProps = {
+    open: true,
+    easing: 'ease-in',
+    transitionTime: 200
+  };
+  if (!article) {
+    canClick = true;
+  }
+  var mat3D = (_articles$Object$keys = articles[Object.keys(articles)[0]]) === null || _articles$Object$keys === void 0 || (_articles$Object$keys2 = _articles$Object$keys.getPlannerConfigData) === null || _articles$Object$keys2 === void 0 ? void 0 : _articles$Object$keys2.call(_articles$Object$keys, {}).config;
+  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
+    className: classnames(wholeWrapper, notExpanded, props.className),
+    children: [/*#__PURE__*/jsx("a", {
+      className: menuPoint,
+      children: "Options \xDCbersicht"
+    }), /*#__PURE__*/jsx(Collapsible, _objectSpread(_objectSpread({
+      trigger: /*#__PURE__*/jsx("div", {
+        className: collapsibleHeader,
+        children: "Produktdetails"
+      })
+    }, CollapsibleProps), {}, {
+      triggerDisabled: canClick,
+      children: !canClick && /*#__PURE__*/jsx(ProduktDetails, {})
+    })), /*#__PURE__*/jsx(Collapsible, _objectSpread(_objectSpread({
+      trigger: /*#__PURE__*/jsx("div", {
+        className: collapsibleHeader,
+        children: "Preise"
+      })
+    }, CollapsibleProps), {}, {
+      triggerDisabled: canClick,
+      children: /*#__PURE__*/jsx(Price, {})
+    })), /*#__PURE__*/jsx(Collapsible, _objectSpread(_objectSpread({
+      trigger: /*#__PURE__*/jsx("div", {
+        className: collapsibleHeader,
+        children: "Optionsbaum"
+      })
+    }, CollapsibleProps), {}, {
+      triggerDisabled: canClick,
+      children: /*#__PURE__*/jsx("div", {
+        className: tabGroupWrapper,
+        children: tree.map(function (tabGroup) {
+          return /*#__PURE__*/jsxs("div", {
+            children: [/*#__PURE__*/jsx(TabGroups, {
+              tabGroup: tabGroup
+            }), /*#__PURE__*/jsx("div", {
+              children: Object.values(tabGroup.options).map(function (options) {
+                return /*#__PURE__*/jsx(TabGroupOptions, {
+                  tabGroupOption: options,
+                  basketId: article.basketId
+                }, options.codex);
+              })
+            })]
+          }, tabGroup.key);
+        })
+      })
+    })), /*#__PURE__*/jsx(Collapsible, _objectSpread(_objectSpread({
+      trigger: /*#__PURE__*/jsx("div", {
+        className: collapsibleHeader,
+        children: "Versteckte Optionen"
+      })
+    }, CollapsibleProps), {}, {
+      triggerDisabled: canClick,
+      children: /*#__PURE__*/jsx("div", {
+        className: tabGroupWrapper,
+        children: hiddenTree.map(function (tabGroup) {
+          return /*#__PURE__*/jsxs("div", {
+            children: [/*#__PURE__*/jsx(TabGroups, {
+              tabGroup: tabGroup
+            }), /*#__PURE__*/jsx("div", {
+              children: Object.values(tabGroup.options).map(function (options) {
+                return /*#__PURE__*/jsx(TabGroupOptions, {
+                  tabGroupOption: options,
+                  basketId: article.basketId
+                }, options.codex);
+              })
+            })]
+          }, tabGroup.key);
+        })
+      })
+    })), /*#__PURE__*/jsx(Collapsible, _objectSpread(_objectSpread({
+      trigger: /*#__PURE__*/jsx("div", {
+        className: collapsibleHeader,
+        children: "3D MAT"
+      })
+    }, CollapsibleProps), {}, {
+      triggerDisabled: canClick,
+      children: mat3D && /*#__PURE__*/jsx(JsonViewer, {
+        isExpanded: true,
+        collapsed: 5,
+        json: mat3D
+      })
+    }))]
+  }));
+};
+var OptionTree$1 = observer(OptionTree);
+
+export { OptionTree$1 as default };

package/build/esm/index-abfbac37.js

@@ -0,0 +1,75 @@
+import { s as styleInject, u as useViewHandler } from './index-54d6be58.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/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+
+var 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,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAYAAAD0eNT6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAADGxJREFUeNrs3S1z40YcwGFdx8DsDM1O0KyCYWd4rIaFgWXNR+hHKCxryg4GBgYedFmgygxdZubuTtSZm75cfLZlr/R/npmdgHuJbe14f1op8Zv9fl8BALG8EQAAIAAAAAEAAAgAAEAAAAACAAAQAACAAAAABAAAIAAAAAEAAAgAAEAAAAACAAAQAACAAAAABAAAIAAAQAAAAAIAABAAAIAAAAAEAAAgAAAAAQAACAAAQAAAAAIAABAAAIAAAAAEAAAgAAAAAQAACAAAQAAAgAAAAAQAACAAAAABAAAIAABAAAAAAgAAEAAAgAAAAAQAACAAAAABAAAIAABAAAAAAgAAEAAAgAAAAAEAAAgAAEAAAAACAAAQAACAAAAABAAAIAAAAAEAAAgAAEAAAAACAAAQAACAAAAABAAAIAAAAAEAAALAqwAAAgAAEAAAgAAAAAQAACAAAAABAAAIAABAAAAAAgAAEAAAgAAAAAQAACAAAAABAAAIAABAAACAABAAACAAAAABAAAIAABAAAAA8QKg/sKfbdLYeXkBYBwB0KRxk8b8wL/fdjHQdkMUAMCAAiAv+KuvWPj/z7obrZceAMoOgFkaP6QxPeP3zQHw2O0OAAAFBsBt9eXr/af4lMZT5dIAABQVAPns/67nx5B3AT6msXU4AKCMAKi7HYC+5R2A+8olAQC4iG8KeRzTLjTmDgkAxAmAzyNg6rAAQJwA+DwCAIBAAZDlywAfHBoAiBUAWf5tg7XDAwCxAqCyCwAAMQMgXwpoHCIAiBUA2dIhAoB4ATCzCwAA8QLALgAABA2AvAtQO1QAECsAMpcBACBgACwcKgCIFwBTEQAA8QLALgAACAAAIEoA5MsAc4cMAGIFgF0AAAgaALVDBgDxAsAlAAAIGADuAwCAgAFgFwAAggbAzGEDgHgBUDtsAGAHAAAQAADAGAMgcyMgAAQMgKlDBwDxAqB26AAgXgAAAAEDwD0AABAwANwDAAABAwAACBgALgEAQMAAcAkAAAIGAAAgAACAKAHgPgAACBgA7gMAgIABAAAIAABAAAAAAgAAEAAAIAAAAAEAAAgAAEAAAAACAAAQAACAAAAABAAAIAAAAAEAAAgAAEAAAAACAAA43sRLAACDUncjW6exFQAAME7LNG7TWKXx9h9/9kca92n8/DUx8Ga/379WGbeFvhj5ybbmBAAj1nQL+/sD/u6fXSisD/mP3QMAAGXKJ+BPBy7+Vbcz8NRFgwAAgIEu/r9W/97uPzQCZgIAAIa5+B8rR8CdAACA4WhOXPz/JgAAYCDytv3Dmf6vt9Ur9wIIAAAow09pvDtzUAgAAChYPlv/8ZLfUAAAwPX9fOlvKAAA4LqW1eE/6y8AAGAkfrrGNxUAAHA9zTXO/gUAAFzX3bW+sQAAgOvIP6a3EgAAEMt/fbSvAACAAAFwNQIAAC4vb/9/JwAAwNm/AAAAASAAAGBslgIAAGLJv/zn7bUfhAAAgMtalfAgBAAAXNZSAABAPI0AAIB4i//bEh6IAACAYGf/AgAALmspAAAgnloAAEA87wUAAMTSlPRgBAAAXEYtAADADoAAAAABIAAAYIxmAgAA4nlf0oMRAAAQ7OxfAADAZTSlPSABAAB2AAAAOwAAwCgJAADo31IAAAACAAACqAUAAMTzTgAAAAIAAEauKfFBCQAA6NesxAclAAAgIAEAAHYAAIAzcw8AACAAAAABAACj5B4AAAjIPQAAgAAAAAQAACAAAAABAAAD5acAACCgbwUAACAAAAABAAAIAABAAAAAAgAAEAAAgAAAAAQAACAAAEAAAADhTAI/92kaizTqqtAPagDgKnZptN3YCIDxyIv9Mo3GHAfgfyy6rzkCnrqvAmDAbrrFf2puA3CAOo3bNJ7TeOh2B0Yh0j0AqzQ+WPwBOHJH4HZMa0iUAMiLvy1/AE4xH1MERAiAhcUfgDNGwEoAlG86lgMFQFEnlgsBULabyjV/AM5vKQDKZusfgD7MuyEACj04fsEPAH0Z9GWAMQdAbW4CYJ2JFwCu/QNgnQkYAADQJ/cAAAACAAAQAACAAAAABAAAIAAAAAEAAAgAAEAAAAACAAAQAADQq40AKNOzuQmAdSZeAOQyW5ufAPRgm8anIT+BycgP0EMauzRuzFUAzqT9bH0RAAV7TOOpGvjHNgJQzJn/dgxPZBLkgO26YgMAKj8FAAACAAAQAACAAAAABAAAIAAAAAEAAAgAAEAAAAACAAAQAACAAAAAzm0S8DnX1csnA04dfgAOsOnGdkxPKkoA5MV+mUZj4QfgSG318hHzmzE8mQiXAPLZ/g9p3Fj8AThB3a0njQAYxpn/bRoz8xaAM1mlsRAAZfvgrB+AniJg0OvLmAMgn/U35igAPZgOfRdgzAFQm58A9EgAFLwDAAB9mQsAAIhn0CeaAgAAAhIAACAAAAABAAAIAABAAAAAAgAAEAAAgAAAAAQAACAAAAABAAAIAABAAAAAAgAAEAAAgAAAAAQAACAAAEAAAAACAAD4glYAlGljbgLQo60AKNNzGjvzE4CerAVAuR7NTwB60FYuARRfZ2vzFIAzypeYPw79SUS4CfAhjU/mKwBnOvO/r0ZwiXkS5IA9dhGwTKNOY2YOA3CgXbfw53vLRrOrPAl0ALfdbgAAhOf3AACAAAAABAAAIAAAAAEAAAgAAEAAAAACAAAQAACAAAAABAAAIAAAgPOK9GFA0zSaNOaVTwME4Ou01cunAW4EwLAsuwEAx6i7dSSHwMfq5SOCBy3CJYCVxR+AM4bAXfWyqywACj/zb8xXAM4oL/7fC4CyD9CNeQpATzsBCwFQpkU1gi0aAIo16B3mMQeAO/0BsM4EDAAA6NNcAAAAAgAAEAAAgAAAAAQAACAAAAABAAAIAABAAAAAAgAAEAAAgAAAAAQAAAgAAEAAAAACAAAQAACAAAAABAAAIAAAAAEAAAgAAEAAAAACAAAQAACAAAAABAAAIAAAAAEAAAgAABAAAIAAAAAEAAAgAAAAAQAACAAAQAAAAAIAABAAAIAAAAAEAAAgAAAAAQAACAAAQAAAAAIAAHqwEwAAEM9GAJTp2dwEQADEC4B8YFrzE4CefBIA5Xo0PwHowVMaWwFQ9i7AQzXwGzUAKMq6C4BBmwQ5UG0ayzQa8xaAE04q88I/invMJkEO2rbbCciXBObmMABHrCPbMT2hSbADuKvcGAgAfg8AAAgAAEAAAAACAAAQAACAAAAABAAAIAAAgIJMvASvWlTH//bA/OsiN15CgN7U3fAeLQDOKi/835/w72/S+KUa2a+PBCjsPXp6wnv0fdQIcAng9bP/U+RJOfMyAvT2Hj094d9Pq8CfDyMAvsyZO0C5Wu/zAkAAAIAAEBEAIAAEAID31//WCgBMDAAnWAIAABAAHKf1EgAUK/QOggAwQQCinmgJAEwQAAQA4gEAARDeTgAAFGtzpX8rAEwuAAZ6kraL/MIJAAAQAJyZ3QMAOwACIOAivvPyART7Hu0eACziAAgAxAMAAiC8U36Uzz0AAP1qvUcLgBIDAIByuQkQABAAnIftf4DLOGanNvw9Wq8FQFuVuQW+rS77UbutyQUwqgAIf5J2yA7AY4GP+9F8B4B+A+A5jYeCHvND95hKZwcAwPtt9tsVvucfaTydGgDZOo376rLb7v/Udo9hfYXvbXsJoFybC/2bY92l8fsFv9+faaxe+0uTIxbgWRqLNKZpzLuvfRXdpvv6XF33XgQ/Cghg1+CUNaRJ47b72vR4ovz3Cfur69ab/X5vGrxu3h246VdMrHu7AADeo0slAA4368ahtWfXAMB7tAAAAAQAACAAAAABAAAIAABAAAAAAgAAEAAAgAAAAAQAACAAAEAAAAACAAAQAACAAAAABAAAIAAAAAEAAAgAAEAAAAACAAAQAACAAAAABAAAIAAAAAEAAAgAAEAAAIAAAAAEAAAgAAAAAQAACAAAQAAAAAIAABAAAIAAAAAEAAAgAAAAAQAACAAAQAAAAAIAABAAAIAAAAABAAAIAABAAAAAAgAAEAAAgAAAAAQAACAAAAABAAAIAABAAAAAAgAAEAAAgAAAAAQAACAAAAABAAACQAAAgAAAAAQAACAAAAABAAAIAABAAAAAAgAAEAAAgAAAAAQAACAAAAABAAAIAABAAAAAAgAAEAAAgAAAAAEAAAgAAEAAAAACAAAQAACAAAAABAAAIAAAAAEAAAgAAEAAAAACAAA40V8CDAAuQ0RNna/ZGQAAAABJRU5ErkJggg==');\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) {
+    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 };