@crystaldesign/diva-web-planner-react 24.12.0-beta.10 → 24.12.0-beta.16

package/build/esm/index-e1154b26.js

@@ -0,0 +1,148 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
+import { s as styleInject, u as useViewHandler } from './index-2cafc9c7.js';
+import 'react';
+import { w as wholeWrapper, n as notExpanded } from './index.module-e494a1ac.js';
+import TabGroups from './index-235796c0.js';
+import TabGroupOptions from './index-9d0bc245.js';
+import { observer } from 'mobx-react-lite';
+import ProduktDetails from './index-43afc167.js';
+import Collapsible from 'react-collapsible';
+import Price from './index-f020a270.js';
+import classnames from 'classnames';
+import JsonViewer from './index-cf3f2b9e.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-ca21cd77.js';
+import 'react-json-view';
+
+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-e1800cc1.js

@@ -0,0 +1,61 @@
+import { s as styleInject } from './index-2cafc9c7.js';
+import 'react';
+import { useTranslation } from '@crystaldesign/diva-core';
+import { observer } from 'mobx-react-lite';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+
+var shelfPlannerContainerHorizontal = "shelfPlannerContainerHorizontal-zUcmv";
+var shelfPlannerContainerVertical = "shelfPlannerContainerVertical-3jwdx";
+var accessoires = "accessoires-ExU9-";
+var expanded = "expanded-qqANx";
+var shelfGrid = "shelfGrid-VM2OD";
+var shelfGridBorder = "shelfGridBorder-DyInR";
+var shelfPlannerContainerRtv = "shelfPlannerContainerRtv-OFMK-";
+var accessoireContainer = "accessoireContainer-Ht6lL";
+var selectedElement = "selectedElement-e8fZe";
+var info = "info-Kfwx2";
+var warning = "warning-1klI4";
+var configHeaderWrapper = "config-header-wrapper-ycLDr";
+var name = "name-4YnN5";
+var closeButton = "closeButton-kL18z";
+var css_248z = ".shelfPlannerContainerHorizontal-zUcmv {\n  display: flex;\n  width: 100%;\n}\n\n.shelfPlannerContainerVertical-3jwdx {\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n}\n\n.shelfPlannerContainerHorizontal-zUcmv .accessoires-ExU9- {\n  width: 60%;\n}\n\n.shelfPlannerContainerVertical-3jwdx .accessoires-ExU9- {\n  width: 100%;\n  height: 60%;\n}\n\n.expanded-qqANx.shelfPlannerContainerHorizontal-zUcmv .shelfGrid-VM2OD {\n  width: 34%;\n}\n\n.shelfPlannerContainerHorizontal-zUcmv .shelfGrid-VM2OD {\n  width: 40%;\n  padding-right: 10px;\n}\n\n.shelfPlannerContainerVertical-3jwdx .shelfGrid-VM2OD {\n  width: 100%;\n  height: 40%;\n  padding: 0 0;\n  margin: 10px 0;\n}\n\n.shelfPlannerContainerHorizontal-zUcmv .shelfGridBorder-DyInR {\n  border-top: solid #c7c7c7 1px;\n  /* border-bottom: solid #c7c7c7 1px; */\n  border-left: solid #c7c7c7 1px;\n  border-right: solid #c7c7c7 1px;\n  border-radius: 3px;\n}\n.shelfPlannerContainerVertical-3jwdx .shelfGridBorder-DyInR {\n  border-left: solid #c7c7c7 1px;\n  border-right: solid #c7c7c7 1px;\n  border-radius: 3px;\n  display: contents;\n}\n.expanded-qqANx.shelfPlannerContainerHorizontal-zUcmv .accessoires-ExU9- {\n  width: 66%;\n}\n\n.shelfPlannerContainerVertacal-rU1lK.shelfPlannerContainerRtv-OFMK- .accessoires-ExU9-,\n.shelfPlannerContainerHorizontal-zUcmv.shelfPlannerContainerRtv-OFMK- .accessoires-ExU9- {\n  width: 100%;\n}\n\n.row-JYcIF:first-child {\n  padding-right: 10px;\n}\n\n.shelfPlannerContainerHorizontal-zUcmv .accessoireContainer-Ht6lL {\n  height: 100%;\n  overflow: auto;\n}\n\n.selectedElement-e8fZe {\n  width: 100%;\n  height: 75px;\n  margin-bottom: 5px;\n}\n\n.info-Kfwx2 {\n  height: 75px;\n  overflow: auto;\n}\n\n.selectedElement-e8fZe img {\n  width: 100px;\n  float: left;\n  height: 75px;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.warning-1klI4 {\n  color: red;\n  padding-bottom: 1rem;\n}\n.config-header-wrapper-ycLDr {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  cursor: pointer;\n}\n\n.name-4YnN5 {\n  font-size: 18px;\n  transition: font-size 0.3s ease;\n}\n\n.closeButton-kL18z {\n  width: 50px;\n  height: 50px;\n  background: center / 35% no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%2212%22 height%3D%2222%22 viewBox%3D%220 0 12 22%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M11 1L1 11L11 21%22 stroke%3D%22%234F4F4F%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  transition: background-size 0.3s ease, background-image 0.3s ease;\n}\n\n.config-header-wrapper-ycLDr:hover .closeButton-kL18z {\n  background: center / 40% no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%2212%22 height%3D%2222%22 viewBox%3D%220 0 12 22%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M11 1L1 11L11 21%22 stroke%3D%22%233f3f3f%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.config-header-wrapper-ycLDr:hover .name-4YnN5 {\n  font-size: 20px;\n}\n";
+styleInject(css_248z);
+
+var index = function index(_ref) {
+  var selAccItem = _ref.selAccItem;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/jsx(Fragment, {
+    children: selAccItem ? /*#__PURE__*/jsxs("div", {
+      className: selectedElement,
+      children: [/*#__PURE__*/jsx("img", {
+        src: selAccItem.image
+      }), /*#__PURE__*/jsxs("div", {
+        className: info,
+        children: [t('configurator.REGALPLANER_CHOOSE_SPACE_1') + ' ', /*#__PURE__*/jsx("b", {
+          dangerouslySetInnerHTML: {
+            __html: selAccItem.name
+          }
+        }), ' ' + t('configurator.REGALPLANER_CHOOSE_SPACE_2') + ' ', /*#__PURE__*/jsx("b", {
+          children: selAccItem.cellSize
+        }), t('configurator.REGALPLANER_CHOOSE_SPACE_3')]
+      })]
+    }) : /*#__PURE__*/jsxs("div", {
+      className: selectedElement,
+      children: [/*#__PURE__*/jsx("img", {
+        src: "data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
+      }), /*#__PURE__*/jsx("div", {
+        className: info,
+        children: t('configurator.REGALPLANER_CHOOSE_FIRST_ARTICLE')
+      })]
+    })
+  });
+};
+var SelectedAcc = observer(index);
+
+var index$1 = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  'default': SelectedAcc
+});
+
+export { SelectedAcc as S, shelfPlannerContainerHorizontal as a, shelfPlannerContainerVertical as b, shelfGrid as c, shelfGridBorder as d, expanded as e, accessoires as f, configHeaderWrapper as g, closeButton as h, accessoireContainer as i, index$1 as j, name as n, shelfPlannerContainerRtv as s, warning as w };

package/build/esm/index-e1b05d64.js

@@ -0,0 +1,154 @@
+import { s as styleInject, u as useViewHandler } from './index-2cafc9c7.js';
+import classnames from 'classnames';
+import DockFilter from './index-f5e8bfbb.js';
+import RALFilter from './index-e288178e.js';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
+import Searchbar from './index-a850eb91.js';
+import ToggleHeader from './index-6709c16e.js';
+import NumberInput from './index-a6b6c4f9.js';
+import InfoButton from './index-3a3cc868.js';
+import PDFButton from './index-abe996c7.js';
+import SummaryVariantButton from './index-bce06837.js';
+import SelectedOpv from './index-4b897a4b.js';
+import InfoIcon from './index-a4badaba.js';
+import { jsx, Fragment, 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';
+import '@babel/runtime/helpers/objectDestructuringEmpty';
+import './index-a1eb7268.js';
+import 'react-dropdown';
+import './index-f32d4860.js';
+import './index-6673b39b.js';
+import '@crystaldesign/content-box';
+import './index-97aa8611.js';
+import './index-1dfc6fda.js';
+import 'react-switch';
+import './index-3d048ea6.js';
+import 'react-laag';
+import './index-004a0740.js';
+import './index-ae605f66.js';
+
+var headerWrapper = "header-wrapper-qVEmI";
+var wcConfiguratorSettingsHeaderTitle = "wcConfigurator-settings-header-title--CcUK";
+var wcConfiguratorSettingsHeaderPrice = "wcConfigurator-settings-header-price-UmViW";
+var scroller = "scroller-jdhnI";
+var wcConfigItemHeader = "wcConfigItem-Header-JEANn";
+var minExpanded = "min-expanded-kEE9N";
+var landscape = "landscape-DHu2r";
+var portrait = "portrait-8Z7gh";
+var quantity = "quantity-GKJLF";
+var iconsContainer = "icons-container-DbfdO";
+var css_248z = ".wcConfigurator-settings-header--UZPU {\n  height: 100%;\n  position: relative;\n  width: 100%;\n}\n\n.header-wrapper-qVEmI {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  justify-content: space-between;\n}\n\n.wcConfigurator-settings-header-title--CcUK {\n  width: auto;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  color: var(--secondaryColor);\n  margin-top: 10px;\n  float: left;\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\n.wcConfigurator-settings-header-price-UmViW {\n  width: auto;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  color: var(--secondaryColor);\n  margin-top: 10px;\n  float: right;\n}\n\n.scroller-jdhnI .wcConfigurator-settings-header-title--CcUK {\n  max-width: calc(100% - 51.2px);\n  margin: 8px 0px;\n}\n\n.scroller-jdhnI .wcConfigurator-settings-header-title--CcUK.wcFilterIsVisible-S9QKu {\n  max-width: calc(50% - 19.2px);\n}\n\n.wcConfigurator-settings-header-Filters-Container-hi62D {\n  width: 100%;\n  float: left;\n}\n.wcConfigItem-Header-JEANn {\n  border-radius: 0 !important;\n  border-radius: initial !important;\n}\n.wcConfigItem-Header-JEANn {\n  /* width: calc(100% - 32px); */\n  margin-top: 8px;\n  margin-right: 8px;\n  height: -moz-fit-content;\n  height: fit-content;\n  min-height: 40px;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n}\n.min-expanded-kEE9N.wcConfigItem-Header-JEANn {\n  overflow: hidden;\n}\n\n:not(.scroller-jdhnI).wcConfigItem-Header-JEANn {\n  margin-left: var(--settingsScrollerPaddingLeft);\n  margin-right: var(--settingsScrollerPaddingRight);\n}\n\n.landscape-DHu2r.wcConfigItem-Header-JEANn,\n.portrait-8Z7gh.wcConfigItem-Header-JEANn {\n  min-height: 40px;\n}\n\n.landscape-DHu2r.scroller-jdhnI header,\n.portrait-8Z7gh.scroller-jdhnI header {\n  min-height: 40px;\n}\n\n.quantity-GKJLF {\n  max-width: 200px;\n  float: left;\n  padding-top: 12px;\n  padding-left: 20%;\n}\n\n.icons-container-DbfdO {\n  display: flex;\n  align-items: center;\n  float: right;\n  position: relative;\n  margin-top: 5px;\n  flex-grow: 2;\n  justify-content: flex-end;\n  max-width: 100%;\n}\n";
+styleInject(css_248z);
+
+var SettingsItemHeader = function SettingsItemHeader(_ref) {
+  var _viewHandler$getViewC, _item$selectedElement, _item$selectedElement2, _item$selectedElement3;
+  var isSettingsHeader = _ref.isSettingsHeader,
+    specialElement1 = _ref.specialElement1,
+    specialElement2 = _ref.specialElement2,
+    item = _ref.item,
+    isInScroller = _ref.isInScroller,
+    _ref$titleClass = _ref.titleClass,
+    titleClass = _ref$titleClass === void 0 ? wcConfiguratorSettingsHeaderTitle : _ref$titleClass,
+    _ref$containerClass = _ref.containerClass,
+    containerClass = _ref$containerClass === void 0 ? wcConfigItemHeader : _ref$containerClass;
+  var viewHandler = useViewHandler();
+  var _useDivaCore = useDivaCore(),
+    hidePrices = _useDivaCore.state.hidePrices;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var FilterTypeComponentMap = {
+    DockFilter: !viewHandler.settingsState.plannerReplaceMode ? DockFilter : function () {
+      return /*#__PURE__*/jsx(Fragment, {});
+    },
+    RAL: !viewHandler.uiState.ViewConfig.hideRalColorFilter ? RALFilter : function () {
+      return /*#__PURE__*/jsx(Fragment, {});
+    },
+    None: function None() {
+      return /*#__PURE__*/jsx(Fragment, {});
+    }
+  };
+  var PaletteComponent = FilterTypeComponentMap[item.filterComponent ? item.filterComponent : 'None'];
+  var doShowSearchbar = item.searchVisible && !isSettingsHeader && !viewHandler.uiState.ViewConfig.hideSearchBar && !item.isRenderedNotInSettingPalette;
+  var doShowFilter = item.filterVisible && !isSettingsHeader && item.filterComponent;
+  var title = isSettingsHeader || item.type == 'TOGGLE' ? t('configurator.' + viewHandler.settingsState.paletteHeaderStepName, viewHandler.settingsState.paletteHeaderStepName) : t('configurator.' + item.name, item.name);
+  if (item.isMultiselect) {
+    title = title + ' (' + t('configurator.isMultiselect') + ')';
+  }
+  if ((_viewHandler$getViewC = viewHandler.getViewConfig()) !== null && _viewHandler$getViewC !== void 0 && _viewHandler$getViewC.showOptionCodexInOptionHeader) title = title + (item.optionCodex ? ' (' + item.optionCodex + ')' : '');
+  return /*#__PURE__*/jsx("div", {
+    className: classnames(containerClass, viewHandler.uiState.isMobilePortrait ? portrait : undefined, viewHandler.uiState.isMobileLandscape ? landscape : undefined, viewHandler.uiState.configSettingsIsMinExpanded ? minExpanded : undefined, isInScroller ? scroller : undefined),
+    children: /*#__PURE__*/jsxs("div", {
+      onClick: function onClick(e) {
+        return e.stopPropagation();
+      },
+      className: headerWrapper,
+      children: [/*#__PURE__*/jsxs("div", {
+        className: titleClass,
+        children: [/*#__PURE__*/jsx("span", {
+          "data-test-id": "settingsItemHeaderTitle",
+          children: title
+        }), !isSettingsHeader && item.measureUnit && /*#__PURE__*/jsx(NumberInput, {
+          item: item
+        })]
+      }), item.quantity !== undefined && !isSettingsHeader && /*#__PURE__*/jsxs("div", {
+        className: classnames(quantity),
+        children: [" ", t('configurator.quantity', 'Anzahl') + ': ' + item.quantity, "x"]
+      }), !hidePrices && !isSettingsHeader && item.price !== undefined && /*#__PURE__*/jsx("div", {
+        className: wcConfiguratorSettingsHeaderPrice,
+        children: item.price
+      }), /*#__PURE__*/jsxs("div", {
+        className: iconsContainer,
+        children: [specialElement1, item.type == 'TOGGLE_HEADER' && /*#__PURE__*/jsx(ToggleHeader, {
+          item: item
+        }), doShowSearchbar && /*#__PURE__*/jsx(Searchbar, {
+          isInScroller: isInScroller,
+          item: item,
+          doShowFilter: !!doShowFilter
+        }, item.configStepKey), doShowFilter && /*#__PURE__*/jsx(PaletteComponent, {
+          id: item.id
+        }), /*#__PURE__*/jsx(SummaryVariantButton, {
+          item: item
+        }), !isSettingsHeader && (item === null || item === void 0 || (_item$selectedElement = item.selectedElements) === null || _item$selectedElement === void 0 || (_item$selectedElement = _item$selectedElement[0]) === null || _item$selectedElement === void 0 ? void 0 : _item$selectedElement.pdfUrl) && /*#__PURE__*/jsx(PDFButton, {
+          pdfUrl: item.selectedElements[0].pdfUrl
+        }), !isSettingsHeader && /*#__PURE__*/jsx(Fragment, {
+          children: (_item$selectedElement2 = item.selectedElements) !== null && _item$selectedElement2 !== void 0 && (_item$selectedElement2 = _item$selectedElement2[0]) !== null && _item$selectedElement2 !== void 0 && _item$selectedElement2.url ? /*#__PURE__*/jsx(InfoButton, {
+            id: item.id,
+            selectedElement: item.selectedElements[0],
+            openUrl: true
+          }) : item.optionContentItemId ? /*#__PURE__*/jsx(InfoIcon, {
+            item: {
+              contentItemId: item.optionContentItemId,
+              codex: item.configStepKey
+            },
+            style: {
+              bottom: 'calc(50% - 10px)'
+            },
+            size: 24
+          }) : !isSettingsHeader && viewHandler.uiState.isInMobileView && (item === null || item === void 0 || (_item$selectedElement3 = item.selectedElements) === null || _item$selectedElement3 === void 0 ? void 0 : _item$selectedElement3.length) && viewHandler.getViewConfig().infoButton && /*#__PURE__*/jsx(InfoButton, {
+            id: item.id,
+            selectedElement: item.selectedElements[0]
+          })
+        }), specialElement2]
+      }), item.selectedElements && item.isMultiselect && /*#__PURE__*/jsx(SelectedOpv, {
+        item: item,
+        selectedElements: item.selectedElements
+      })]
+    })
+  });
+};
+var SettingsItemHeader$1 = observer(SettingsItemHeader);
+
+export { SettingsItemHeader$1 as default };

package/build/esm/index-e288178e.js

@@ -0,0 +1,113 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
+import { s as styleInject, u as useViewHandler } from './index-2cafc9c7.js';
+import { observer } from 'mobx-react-lite';
+import { useEffect } from 'react';
+import RalDropdownFilter from './index-a1eb7268.js';
+import SlideFilter from './index-6673b39b.js';
+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 'react-dropdown';
+import 'classnames';
+import './index-f32d4860.js';
+import '@crystaldesign/content-box';
+import './index-97aa8611.js';
+
+var css_248z = "#wcConfigurator .Dropdown-root {\n  position: relative;\n}\n\n#wcConfigurator .Dropdown-control {\n  position: relative;\n  overflow: hidden;\n  background-color: white;\n  border: 1px solid #ccc;\n  border-radius: 2px;\n  box-sizing: border-box;\n  color: #333;\n  cursor: default;\n  outline: none;\n  padding: 4px 24px 4px 10px;\n  transition: all 200ms ease;\n}\n\n#wcConfigurator .Dropdown-control:hover {\n  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);\n}\n\n#wcConfigurator .Dropdown-arrow {\n  border-color: #999 transparent transparent;\n  border-style: solid;\n  border-width: 5px 5px 0;\n  content: ' ';\n  display: block;\n  height: 0;\n  margin-top: -ceil(2.5);\n  position: absolute;\n  right: 10px;\n  top: 14px;\n  width: 0;\n}\n\n#wcConfigurator .is-open .Dropdown-arrow {\n  border-color: transparent transparent #999;\n  border-width: 0 5px 5px;\n}\n\n#wcConfigurator .Dropdown-menu {\n  background-color: white;\n  border: 1px solid #ccc;\n  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);\n  box-sizing: border-box;\n  margin-top: -1px;\n  max-height: 200px;\n  overflow-y: auto;\n  position: absolute;\n  top: 100%;\n  width: 100%;\n  z-index: 1000;\n  -webkit-overflow-scrolling: touch;\n}\n\n#wcConfigurator .Dropdown-menu .Dropdown-group > .Dropdown-title {\n  padding: 8px 10px;\n  color: rgba(51, 51, 51, 1);\n  font-weight: 300;\n  text-transform: capitalize;\n}\n\n#wcConfigurator .Dropdown-option {\n  box-sizing: border-box;\n  color: rgba(51, 51, 51, 0.8);\n  cursor: pointer;\n  display: block;\n  padding: 8px 10px;\n}\n\n#wcConfigurator .Dropdown-option:last-child {\n  border-bottom-right-radius: 2px;\n  border-bottom-left-radius: 2px;\n}\n\n#wcConfigurator .Dropdown-option:hover {\n  background-color: #f2f9fc;\n  color: #333;\n}\n\n#wcConfigurator .Dropdown-option.is-selected {\n  background-color: #f2f9fc;\n  color: #333;\n}\n\n#wcConfigurator .Dropdown-noresults {\n  box-sizing: border-box;\n  color: #ccc;\n  cursor: default;\n  display: block;\n  padding: 8px 10px;\n}\n";
+styleInject(css_248z);
+
+var defaultColorFilters = [{
+  rgb: '#CC3300',
+  text: 'red'
+}, {
+  rgb: '#FF8C00',
+  text: 'orange'
+}, {
+  rgb: '#E1C699',
+  text: 'beige'
+}, {
+  rgb: '#330000',
+  text: 'brown'
+}, {
+  rgb: '#F0E68C',
+  text: 'yellow'
+}, {
+  rgb: '#006633',
+  text: 'green'
+}, {
+  rgb: '#3333FF',
+  text: 'blue'
+}, {
+  rgb: '#6633FF',
+  text: 'violet'
+}, {
+  rgb: '#CCCCCC',
+  text: 'grey'
+}, {
+  rgb: '#000000',
+  text: 'black'
+}, {
+  rgb: '#eeeeee',
+  text: 'white'
+}, {
+  rgb: '#eeeeee',
+  text: 'else'
+}];
+
+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 RalFilter = function RalFilter(_ref) {
+  var props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
+  var viewHandler = useViewHandler();
+  var palette = viewHandler.settingsState.itemPalettes.get(props.id);
+  var visibleColorItems = [];
+  var deleteCurValue = function deleteCurValue() {
+    viewHandler.paletteViewHandler.onSelectFilter(props.id, '', 'RAL');
+  };
+  useEffect(function () {
+    if (palette && !(palette !== null && palette !== void 0 && palette.deleteCurFilter)) palette.deleteCurFilter = deleteCurValue;
+  }, [palette]);
+  palette === null || palette === void 0 || palette.groups.map(function (group) {
+    return group.items.map(function (itemP) {
+      var _item$colorGroups;
+      var item = itemP;
+      if (!((_item$colorGroups = item.colorGroups1) !== null && _item$colorGroups !== void 0 && _item$colorGroups.length)) return;
+      var colorGroups = [item.colorGroups1, item.colorGroups2, item.colorGroups3];
+      var _loop = function _loop() {
+        var groups = colorGroups[i];
+        var group = defaultColorFilters.find(function (group) {
+          return group.text === groups;
+        });
+        if (group && !visibleColorItems.find(function (i) {
+          return i.text === groups;
+        })) {
+          visibleColorItems.push(group);
+        }
+      };
+      for (var i = 0; i < colorGroups.length; i++) {
+        _loop();
+      }
+    });
+  });
+  if (viewHandler.uiState.isInMobileView && viewHandler.getViewConfig().ralFilter) return /*#__PURE__*/jsx(SlideFilter, _objectSpread({
+    deleteCurValue: deleteCurValue,
+    visibleColorItems: visibleColorItems
+  }, props));else return /*#__PURE__*/jsx(RalDropdownFilter, _objectSpread({
+    deleteCurValue: deleteCurValue,
+    visibleColorItems: visibleColorItems
+  }, props));
+};
+var RALFilter = observer(RalFilter);
+
+export { RALFilter as default };

package/build/esm/index-e46a2aa4.js

@@ -0,0 +1,27 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import './index-2cafc9c7.js';
+import 'react';
+import DynamicMultiRender from 'react-dynamic-multi-render';
+import { jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@crystaldesign/diva-core';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import 'mobx-react-lite';
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var BarrierActions = function BarrierActions(props) {
+  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
+    componentName: "GlobalElements/BarrierActions"
+  }));
+};
+
+export { BarrierActions as default };

package/build/esm/index-e484bd8c.js

@@ -0,0 +1,69 @@
+import { s as styleInject, u as useViewHandler } from './index-2cafc9c7.js';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import classnames from 'classnames';
+import { useTranslation } from '@crystaldesign/diva-core';
+import PriceSumm from './index-6248b00a.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 '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+
+var wcConfiguratorAction = "wcConfigurator-action-iR7Ru";
+var actionWrapper = "action-wrapper-TYqko";
+var wcConfiguratorActionButton = "wcConfigurator-action-button-3hCIo";
+var wcCheckoutButtonText = "wcCheckoutButtonText-ac0CJ";
+var mobile = "mobile-wwCj2";
+var icon = "icon-WhJgC";
+var wcBookmarkIcon = "wcBookmarkIcon-rO-Z7";
+var wcConsulationIcon = "wcConsulationIcon-moUm6";
+var css_248z = ".wcConfigurator-action-iR7Ru {\n  background: rgba(242.2, 242.2, 242.2, 0.9);\n  transition: width 0.2s ease-in-out;\n  display: flex;\n  gap: 2%;\n}\n.action-wrapper-TYqko {\n  width: 100%;\n}\n\n.wcConfigurator-action-button-3hCIo {\n  background-color: var(--primaryColor);\n  background-color: var(--saveButton, var(--primaryColor));\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--saveButton, var(--primaryColor)) solid;\n  border-radius: var(--globalBorderRadius);\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  line-height: var(--lineHeight1);\n  font-weight: var(--fontWeight1);\n  height: calc(100% - 2px);\n  font-size: 14px;\n  color: white;\n  -webkit-text-stroke: 0px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n  cursor: pointer;\n  transition: box-shadow 0.3s;\n}\n\n.wcConfigurator-action-button-3hCIo:hover {\n  box-shadow: 0px 1px 4px #707070;\n}\n\n.wcConfigurator-settings-actions-isOnFirstStepDisabled--eOou .wcConfigurator-action-button-3hCIo {\n  pointer-events: none;\n  background-color: #c25353;\n  border-color: #c25353;\n}\n\n.wcCheckoutButtonPrice-ne06W {\n  float: right;\n  margin-right: 10%;\n}\n.wcCheckoutButtonIcon-9fAmS {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2222%22 viewBox%3D%220 0 24 22%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1 1H3.70647C4.17122 1 4.57471 1.32018 4.68031 1.77277L5.66667 6M5.66667 6L7.81969 15.2272C7.92529 15.6798 8.32878 16 8.79353 16H19.7192C20.1781 16 20.5781 15.6877 20.6894 15.2425L22.6894 7.24253C22.8472 6.61139 22.3698 6 21.7192 6H5.66667Z%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Ccircle cx%3D%2210%22 cy%3D%2220%22 r%3D%221.25%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Ccircle cx%3D%2218%22 cy%3D%2220%22 r%3D%221.25%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-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  width: 50%;\n  height: 50%;\n  transform: translate(-50%, -50%);\n  left: 50%;\n  top: 50%;\n  position: absolute;\n}\n\n.landscape-2ux1a .wcConfigurator-action-iR7Ru {\n  /*auser In die Zusammenfassung wird ausgeblendet*/\n  display: none;\n}\n.landscape-2ux1a .wcConfigurator-Settings-hidden-fR5wC.wcConfigurator-settings-actions-isOnLastStep-LzEID .wcConfigurator-action-iR7Ru {\n  display: none;\n}\n\n.landscape-2ux1a .wcConfigurator-action-iR7Ru .wcConfigurator-action-button-3hCIo {\n  line-height: var(--configuratorActionHeight);\n}\n.wcConfigurator-action-button-3hCIo .wcCheckoutButtonText-ac0CJ {\n  margin-top: 0px;\n}\n\n.landscape-2ux1a .wcConfigurator-action-button-3hCIo .wcCheckoutButtonText-ac0CJ,\n.portrait-8hnRF .wcConfigurator-action-button-3hCIo .wcCheckoutButtonText-ac0CJ {\n  margin-top: 0px;\n}\n\n.wcCheckoutButtonText-ac0CJ {\n  float: left;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n\n.mobile-wwCj2 .action-wrapper-TYqko {\n  display: flex;\n  justify-content: flex-end;\n  width: 38px;\n}\n\n.mobile-wwCj2 .wcConfigurator-action-button-3hCIo {\n  background: no-repeat url('data:image/jpeg;base64,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') center center;\n  background-size: 126%;\n  border-radius: 3px;\n  cursor: pointer;\n  height: 40px;\n  width: 40px;\n  z-index: 300;\n  border: 0px solid black;\n}\n\n.icon-WhJgC {\n  cursor: pointer;\n  border: solid 1px;\n  width: 38px;\n  height: 38px;\n  background-position: 50%;\n  background-size: contain;\n  background-repeat: no-repeat;\n  transition: background 0.4s, box-shadow 0.3s;\n  border-radius: 3px;\n}\n\n.icon-WhJgC:hover {\n  box-shadow: 0px 1px 4px #707070;\n}\n\n.wcBookmarkIcon-rO-Z7 {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2240%22 viewBox%3D%220 -960 960 960%22 width%3D%2240%22%3E%3Cpath d%3D%22M220-154.667V-750q0-30.905 22.189-53.35 22.188-22.445 53.606-22.445h368.41q31.418 0 53.606 22.445Q740-780.905 740-750v595.333L480-265.744 220-154.667Z%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.wcBookmarkIcon-rO-Z7:hover {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2240%22 viewBox%3D%220 -960 960 960%22 width%3D%2240%22%3E%3Cpath d%3D%22M220-154.667V-750q0-30.905 22.246-53.35 22.247-22.445 53.549-22.445h368.41q31.302 0 53.549 22.445Q740-780.905 740-750v595.333L480-265.744 220-154.667Zm51.179-77.948L480-321.824l208.821 89.209V-750q0-9.231-7.693-16.923-7.692-7.693-16.923-7.693h-368.41q-9.231 0-16.923 7.693-7.693 7.692-7.693 16.923v517.385Zm0-542.001h417.642-417.642Z%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.wcConsulationIcon-moUm6 {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2240%22 viewBox%3D%220 -960 960 960%22 width%3D%2240%22%3E%3Cpath d%3D%22M479.871-389.846q-13.589 0-24.115-10.655-10.525-10.654-10.525-24.243 0-13.589 10.654-24.115 10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.589-10.654 24.115-10.654 10.526-24.244 10.526Zm-160 0q-13.589 0-24.115-10.655-10.525-10.654-10.525-24.243 0-13.589 10.654-24.115 10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.589-10.654 24.115-10.654 10.526-24.244 10.526Zm320 0q-13.589 0-24.115-10.655-10.525-10.654-10.525-24.243 0-13.589 10.654-24.115 10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.589-10.654 24.115-10.654 10.526-24.244 10.526ZM479.871-236q-13.589 0-24.115-10.654-10.525-10.655-10.525-24.244t10.654-24.115q10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.59-10.654 24.115Q493.461-236 479.871-236Zm-160 0q-13.589 0-24.115-10.654-10.525-10.655-10.525-24.244t10.654-24.115q10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.59-10.654 24.115Q333.461-236 319.871-236Zm320 0q-13.589 0-24.115-10.654-10.525-10.655-10.525-24.244t10.654-24.115q10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.59-10.654 24.115Q653.461-236 639.871-236Zm-425.41 136q-31.302 0-53.548-22.246-22.246-22.247-22.246-53.549v-537.231q0-31.302 22.246-53.548 22.246-22.247 53.548-22.247h57.385v-80.41h55.539v80.41h308.307v-80.41h52.975v80.41h56.872q31.301 0 53.548 22.247 22.246 22.246 22.246 53.548v537.231q0 31.302-22.246 53.549Q776.84-100 745.539-100H214.461Zm0-51.179h531.078q9.23 0 16.923-7.693 7.692-7.692 7.692-16.923v-376H189.846v376q0 9.231 7.692 16.923 7.692 7.693 16.923 7.693Z%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.wcConsulationIcon-moUm6:hover {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2240%22 viewBox%3D%220 -960 960 960%22 width%3D%2240%22%3E%3Cpath d%3D%22M214.461-100q-31.302 0-53.548-22.246-22.246-22.247-22.246-53.549v-537.231q0-31.302 22.246-53.548 22.246-22.247 53.548-22.247h57.385v-80.41h55.539v80.41h308.307v-80.41h52.975v80.41h56.872q31.301 0 53.548 22.247 22.246 22.246 22.246 53.548v537.231q0 31.302-22.246 53.549Q776.84-100 745.539-100H214.461Zm0-51.179h531.078q9.23 0 16.923-7.693 7.692-7.692 7.692-16.923v-376H189.846v376q0 9.231 7.692 16.923 7.692 7.693 16.923 7.693Zm-24.615-451.795h580.308v-110.052q0-9.231-7.692-16.923-7.693-7.692-16.923-7.692H214.461q-9.231 0-16.923 7.692-7.692 7.692-7.692 16.923v110.052Zm0 0v-134.667 134.667Zm290.025 213.128q-13.589 0-24.115-10.655-10.525-10.654-10.525-24.243 0-13.589 10.654-24.115 10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.589-10.654 24.115-10.654 10.526-24.244 10.526Zm-160 0q-13.589 0-24.115-10.655-10.525-10.654-10.525-24.243 0-13.589 10.654-24.115 10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.589-10.654 24.115-10.654 10.526-24.244 10.526Zm320 0q-13.589 0-24.115-10.655-10.525-10.654-10.525-24.243 0-13.589 10.654-24.115 10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.589-10.654 24.115-10.654 10.526-24.244 10.526ZM479.871-236q-13.589 0-24.115-10.654-10.525-10.655-10.525-24.244t10.654-24.115q10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.59-10.654 24.115Q493.461-236 479.871-236Zm-160 0q-13.589 0-24.115-10.654-10.525-10.655-10.525-24.244t10.654-24.115q10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.59-10.654 24.115Q333.461-236 319.871-236Zm320 0q-13.589 0-24.115-10.654-10.525-10.655-10.525-24.244t10.654-24.115q10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.59-10.654 24.115Q653.461-236 639.871-236Z%22%2F%3E%3C%2Fsvg%3E\");\n}\n";
+styleInject(css_248z);
+
+var BasketActionRalph = function BasketActionRalph(_ref) {
+  var _ref$buttonTextClassN = _ref.buttonTextClassName,
+    buttonTextClassName = _ref$buttonTextClassN === void 0 ? wcCheckoutButtonText : _ref$buttonTextClassN,
+    containerClassName = _ref.containerClassName;
+  var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/jsxs("div", {
+    className: classnames(wcConfiguratorAction, containerClassName, viewHandler.getIsInMobileView() ? mobile : undefined),
+    children: [!viewHandler.getIsInMobileView() && /*#__PURE__*/jsxs(Fragment, {
+      children: [viewHandler.eventIsManagedByClient('onRequestConsulation') && /*#__PURE__*/jsx("div", {
+        className: classnames(icon, wcConsulationIcon),
+        title: t('configurator.consulation'),
+        onClick: viewHandler.productState.onRequestConsulation
+      }), viewHandler.eventIsManagedByClient('onSave') && /*#__PURE__*/jsx("div", {
+        className: classnames(icon, wcBookmarkIcon),
+        title: t('configurator.bookmark'),
+        onClick: viewHandler.productState.onClickSave2
+      })]
+    }), viewHandler.getIsInMobileView() && /*#__PURE__*/jsx(PriceSumm, {}), /*#__PURE__*/jsx("div", {
+      className: actionWrapper,
+      children: /*#__PURE__*/jsx("div", {
+        className: classnames(wcConfiguratorActionButton),
+        onClick: function onClick() {
+          return viewHandler.actionButtonState.onClickAddToBasket();
+        },
+        id: "wcConfigurator-action-tobasket",
+        children: !viewHandler.getIsInMobileView() && /*#__PURE__*/jsx("div", {
+          className: buttonTextClassName,
+          children: t('configurator.ADD_TO_BASKET')
+        })
+      })
+    })]
+  });
+};
+var index = observer(BasketActionRalph);
+
+export { index as default };