@crystaldesign/diva-web-planner-react 25.6.0-beta.18 → 25.6.0-beta.19

package/build/esm/{index-319e9463.js → index-5dedc0b5.js}

@@ -1,14 +1,14 @@
-import { s as styleInject, u as useViewHandler } from './index-6e9e311e.js';
+import { s as styleInject, u as useViewHandler } from './index-c05b0bee.js';
 import classnames from 'classnames';
 import { useEffect } from 'react';
-import Inputbox from './index-509efa60.js';
-import Product from './index-bb6c55df.js';
-import Settings from './index-e8e59842.js';
-import NavigationButtons from './index-ab7bee0e.js';
-import BasketAction from './index-54decdd8.js';
-import TabGroup from './index-cd795074.js';
+import Inputbox from './index-0a18bc30.js';
+import Product from './index-8623ed0e.js';
+import Settings from './index-ce4cc0d7.js';
+import NavigationButtons from './index-76093ec7.js';
+import BasketAction from './index-0a642198.js';
+import TabGroup from './index-b03cbbc9.js';
 import { observer } from 'mobx-react-lite';
-import BarrierActions from './index-4da396fc.js';
+import BarrierActions from './index-82c62c0c.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -23,83 +23,70 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
 import '@crystaldesign/widget-contact-form';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-899916d1.js';
-import './index-9a8b77ff.js';
-import './index-8c0a1665.js';
-import './index-9bf7f096.js';
-import './index-6c58b8b3.js';
+import './index-a758d079.js';
+import './index-169f9e5c.js';
+import './index-4803f16b.js';
+import './index-9c7c5fef.js';
+import './index-6fc9a0ad.js';
 import 'react-laag';
-import './index-eb5d7aca.js';
-import './index-978dccbe.js';
-import './index-6b29b801.js';
+import './index-8e9b6970.js';
+import './index-5e28ec42.js';
+import './index-3a596f95.js';
 import 'sift';
-import './index-3ac2688a.js';
-import './index-16a2dd32.js';
-import './index-04eda6d5.js';
-import './index-c5f2b579.js';
-import './index.module-0e5266b5.js';
-import './index-ac91926a.js';
+import './index-81106453.js';
+import './index-8e97f50a.js';
+import './index-07c552c3.js';
+import './index-a70485aa.js';
+import './index.module-01c106e6.js';
+import './index-5faa5186.js';
 import 'react-switch';
-import './index-42c09aa5.js';
-import './index-f3cbcf37.js';
-import './index-6e4553b0.js';
+import './index-67d5265b.js';
+import './index-1d6533e4.js';
+import './index-458ec119.js';
 import 'react-dropdown';
-import './index-f523bdc2.js';
-import './index-1b9212dd.js';
-import './index-a871fc84.js';
-import './index-4de435b8.js';
+import './index-25dd003d.js';
+import './index-288ac4c9.js';
+import './index-d7c1ced5.js';
+import './index-37ed85c7.js';
 import '@crystaldesign/content-box';
-import './index-48d13ff1.js';
-import './index-6745e1e0.js';
-import './index-b4b191ea.js';
-import './index-45d53c8b.js';
-import './index-18ac83c3.js';
-import './index-a9e79f78.js';
-import './index-f6ece8c5.js';
-import './index-e5d4b484.js';
-import './index-12dc69b0.js';
-import './index-a1f8cb7c.js';
-import './index-2a0d6cec.js';
-import './index-f45e9dac.js';
-import './index-dfa72338.js';
-import './index-b5f8e023.js';
-import './index-5324cf94.js';
-import './index-e4429b45.js';
-import './index.module-fb837c96.js';
-import './index-412db292.js';
-import './index-f4c39da6.js';
-import './index-60ebc64c.js';
-import './index-d203479b.js';
-import './index-ba3e4471.js';
-import './index-b76a2afb.js';
-import './index-108232de.js';
-import './index.module-647c4aff.js';
-import './index-af716026.js';
-import './index-c3b1d42a.js';
-import './index-b53b5ca1.js';
-import './index-e778eabb.js';
-import './index.module-1b875a60.js';
-import './index-d101fcdd.js';
-import './index-0bd68381.js';
-import './index-61eeff31.js';
-import './index.module-047ebff7.js';
-import './index-b28fcffa.js';
-import 'qrcode.react';
-import './index-7740ee3a.js';
-import './index-b4ba04ab.js';
-import './index-9c38d0ce.js';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import './index-7b045936.js';
-import './index-dd71f4e7.js';
-import './index-905f9d63.js';
-import './index-61bb09a3.js';
-import './index-1b4c91b6.js';
-import './index-0aac35fc.js';
-import './index-255d3ad6.js';
-import './index-394a6315.js';
+import './index-08b6dab8.js';
+import './index-aaf2a47f.js';
+import './index-9b1d00fc.js';
+import './index-01937eaf.js';
+import './index-53045137.js';
+import './index-816bc79d.js';
+import './index-a74d8355.js';
+import './index-f7100b29.js';
+import './index-45b2de6b.js';
+import './index-905abd4d.js';
+import './index-b1ba35bb.js';
+import './index-3cc083ea.js';
+import './index-d2d210b6.js';
+import './index-e25dabad.js';
+import './index-498bd373.js';
+import './index-50d8b3d5.js';
+import './index.module-8ef4fea8.js';
+import './index-2f993fee.js';
+import './index-9fb7117c.js';
+import './index-cf934184.js';
+import './index-90a5a8d8.js';
+import './index-b155895c.js';
+import './index-8febfc67.js';
+import './index-e2d69ecf.js';
+import './index.module-9232be04.js';
+import './index-43caa336.js';
+import './index-bfad67bf.js';
+import './index-02175f89.js';
+import './index-a4e7f38d.js';
+import './index-1f48d671.js';
+import './index-d6509d1f.js';
+import './index-ef488ee9.js';
+import './index-d425459c.js';
 
 var wcConfigurator = "wcConfigurator-XDqzc";
 var landscape = "landscape-h-sQZ";
@@ -113,7 +100,7 @@ var expanded = "expanded-Iylhn";
 var foldedup = "foldedup-NCdbS";
 var settingsHidden = "settings-hidden-T4ySb";
 var isOnLastStep = "isOnLastStep-mmqas";
-var css_248z = ".wcConfigurator-XDqzc {\n  position: relative;\n  height: calc(100% - 60px);\n  width: 100%;\n  margin: 30px 0;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\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\n.wcConfigurator-XDqzc *,\n.wcConfigurator-XDqzc *::before,\n.wcConfigurator-XDqzc *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.wcConfigurator-XDqzc.landscape-h-sQZ {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n.wcConfigurator-XDqzc.portrait-GHprw {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n/******************************************Product*******************************************/\n\n.wcConfigurator-product--JVWg {\n  position: absolute;\n  width: 69%;\n  top: calc(56px + 20px);\n  height: calc(100% - 56px - 20px);\n}\n\n/**************************************ConfigPalette***************************************/\n.wcConfigurator-settings-YxHjA {\n  position: absolute;\n  width: 31%;\n  overflow: visible;\n  z-index: 500;\n  right: 0px;\n  top: calc(56px + 20px);\n  height: calc(100% - 60px - 56px - 70px);\n  transition: width 0.2s ease-in-out;\n}\n\n/**************************************TabGroup********************************************/\n\n.wcConfigurator-steps-sGIVo {\n  position: absolute;\n  z-index: 300;\n  height: 56px;\n  width: 100%;\n  transition: width 0.2s ease-in-out;\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.wcConfigurator-settings-actions-M6Qsu {\n  position: absolute;\n  width: 31%;\n  height: 40px;\n  right: 0px;\n  bottom: calc(40px + 20px);\n  padding-top: 10px;\n  z-index: 500;\n  transition: width 0.2s ease-in-out;\n}\n\n/*************************************Basket Button****************************************/\n.wcConfigurator-action-EgrS- {\n  position: absolute;\n  width: 31%;\n  height: 40px;\n  right: 0px;\n  bottom: 0px;\n  padding-top: 20px;\n  z-index: 500;\n  transition: width 0.2s ease-in-out;\n}\n\n/****************************************Settings- Expanded *******************************/\n.expanded-Iylhn .wcConfigurator-settings-YxHjA,\n.expanded-Iylhn .wcConfigurator-action-EgrS-,\n.expanded-Iylhn .wcConfigurator-settings-actions-M6Qsu {\n  width: 62%;\n}\n\n.wcConfigurator-XDqzc.portrait-GHprw,\n.landscape-h-sQZ.wcConfigurator-XDqzc {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n}\n/*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.landscape-h-sQZ .wcConfigurator-product--JVWg {\n  width: 100%;\n  height: 100%;\n  top: 0px;\n  left: 0px;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.landscape-h-sQZ .wcConfigurator-settings-YxHjA {\n  display: none;\n}\n\n/*configuratorPalette wird nach unten aus dem Blickfeld geschoben*/\n/* .landscape.settings-hidden .wcConfigurator-settings {\n  top: 100%;\n} */\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.landscape-h-sQZ .wcConfigurator-steps-sGIVo {\n  display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.landscape-h-sQZ .wcConfigurator-settings-actions-M6Qsu {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.landscape-h-sQZ .wcConfigurator-action-EgrS- {\n  display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.portrait-GHprw .wcConfigurator-product--JVWg {\n  top: 0;\n  left: 0;\n  height: 48%;\n  width: 100%;\n}\n\n.portrait-GHprw.foldedup-NCdbS .wcConfigurator-product--JVWg {\n  z-index: 1;\n}\n\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-product--JVWg {\n  height: calc(100% - 40px);\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.portrait-GHprw .wcConfigurator-settings-YxHjA {\n  left: 0px;\n  top: calc(48% + 40px);\n  height: calc(52% - 40px - var(--configuratorActionHeight));\n  width: 100%;\n}\n\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-settings-YxHjA {\n  top: 100%;\n}\n\n.portrait-GHprw.foldedup-NCdbS .wcConfigurator-settings-YxHjA {\n  top: 2.5rem;\n  height: calc(100% - 40px);\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.portrait-GHprw .wcConfigurator-steps-sGIVo {\n  position: absolute;\n  left: 0px;\n  top: 48%;\n  width: 100%;\n  height: 40px;\n}\n\n.portrait-GHprw.foldedup-NCdbS .wcConfigurator-steps-sGIVo {\n  top: 0px;\n}\n\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-steps-sGIVo {\n  top: auto;\n  top: initial;\n  bottom: 0px;\n}\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.portrait-GHprw .wcConfigurator-settings-actions-M6Qsu {\n  bottom: 0px;\n  width: 100%;\n  height: var(--configuratorActionHeight);\n  padding-top: 0px;\n  right: 0px;\n}\n.portrait-GHprw.isOnLastStep-mmqas .wcConfigurator-settings-actions-M6Qsu,\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-settings-actions-M6Qsu {\n  display: none !important;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.portrait-GHprw .wcConfigurator-action-EgrS-,\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-action-EgrS- {\n  display: none;\n}\n\n.portrait-GHprw.isOnLastStep-mmqas .wcConfigurator-action-EgrS- {\n  right: 0px;\n  bottom: 0px;\n  width: 100%;\n  height: var(--configuratorActionHeight);\n  padding-top: 0px;\n  display: block;\n}\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n";
+var css_248z = ".wcConfigurator-XDqzc {\n  position: relative;\n  height: calc(100% - 60px);\n  width: 100%;\n  margin: 30px 0;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\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\n.wcConfigurator-XDqzc *,\n.wcConfigurator-XDqzc *::before,\n.wcConfigurator-XDqzc *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.wcConfigurator-XDqzc.landscape-h-sQZ {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n.wcConfigurator-XDqzc.portrait-GHprw {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n/******************************************Product*******************************************/\n\n.wcConfigurator-product--JVWg {\n  position: absolute;\n  width: 69%;\n  top: calc(56px + 20px);\n  height: calc(100% - 56px - 20px);\n}\n\n/**************************************ConfigPalette***************************************/\n.wcConfigurator-settings-YxHjA {\n  position: absolute;\n  width: 31%;\n  overflow: visible;\n  z-index: 500;\n  right: 0px;\n  top: calc(56px + 20px);\n  height: calc(100% - 60px - 56px - 70px);\n  transition: width 0.2s ease-in-out;\n}\n\n/**************************************TabGroup********************************************/\n\n.wcConfigurator-steps-sGIVo {\n  position: absolute;\n  z-index: 300;\n  height: 56px;\n  width: 100%;\n  transition: width 0.2s ease-in-out;\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.wcConfigurator-settings-actions-M6Qsu {\n  position: absolute;\n  width: 31%;\n  height: 40px;\n  right: 0px;\n  bottom: calc(40px + 20px);\n  padding-top: 10px;\n  z-index: 500;\n  transition: width 0.2s ease-in-out;\n}\n\n/*************************************Basket Button****************************************/\n.wcConfigurator-action-EgrS- {\n  position: absolute;\n  width: 31%;\n  height: 40px;\n  right: 0px;\n  bottom: 0px;\n  padding-top: 20px;\n  z-index: 500;\n  transition: width 0.2s ease-in-out;\n}\n\n/****************************************Settings- Expanded *******************************/\n.expanded-Iylhn .wcConfigurator-settings-YxHjA,\n.expanded-Iylhn .wcConfigurator-action-EgrS-,\n.expanded-Iylhn .wcConfigurator-settings-actions-M6Qsu {\n  width: 62%;\n}\n\n.wcConfigurator-XDqzc.portrait-GHprw,\n.landscape-h-sQZ.wcConfigurator-XDqzc {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n}\n/*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.landscape-h-sQZ .wcConfigurator-product--JVWg {\n  width: 100%;\n  height: 100%;\n  top: 0px;\n  left: 0px;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.landscape-h-sQZ .wcConfigurator-settings-YxHjA {\n  display: none;\n}\n\n/*configuratorPalette wird nach unten aus dem Blickfeld geschoben*/\n/* .landscape.settings-hidden .wcConfigurator-settings {\n  top: 100%;\n} */\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.landscape-h-sQZ .wcConfigurator-steps-sGIVo {\n  display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.landscape-h-sQZ .wcConfigurator-settings-actions-M6Qsu {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.landscape-h-sQZ .wcConfigurator-action-EgrS- {\n  display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.portrait-GHprw .wcConfigurator-product--JVWg {\n  top: 0;\n  left: 0;\n  height: 48%;\n  width: 100%;\n}\n\n.portrait-GHprw.foldedup-NCdbS .wcConfigurator-product--JVWg {\n  z-index: 1;\n}\n\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-product--JVWg {\n  height: calc(100% - 40px);\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.portrait-GHprw .wcConfigurator-settings-YxHjA {\n  left: 0px;\n  top: calc(48% + 40px);\n  height: calc(52% - 40px - var(--configuratorActionHeight));\n  width: 100%;\n}\n\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-settings-YxHjA {\n  top: 100%;\n}\n\n.portrait-GHprw.foldedup-NCdbS .wcConfigurator-settings-YxHjA {\n  top: 2.5rem;\n  height: calc(100% - 40px);\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.portrait-GHprw .wcConfigurator-steps-sGIVo {\n  position: absolute;\n  left: 0px;\n  top: 48%;\n  width: 100%;\n  height: 40px;\n}\n\n.portrait-GHprw.foldedup-NCdbS .wcConfigurator-steps-sGIVo {\n  top: 0px;\n}\n\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-steps-sGIVo {\n  top: auto;\n  top: initial;\n  bottom: 0px;\n}\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.portrait-GHprw .wcConfigurator-settings-actions-M6Qsu {\n  bottom: 0px;\n  width: 100%;\n  height: var(--configuratorActionHeight);\n  padding-top: 0px;\n  right: 0px;\n}\n.portrait-GHprw.isOnLastStep-mmqas .wcConfigurator-settings-actions-M6Qsu,\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-settings-actions-M6Qsu {\n  display: none !important;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.portrait-GHprw .wcConfigurator-action-EgrS-,\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-action-EgrS- {\n  display: none;\n}\n\n.portrait-GHprw.isOnLastStep-mmqas .wcConfigurator-action-EgrS- {\n  right: 0px;\n  bottom: 0px;\n  width: 100%;\n  height: var(--configuratorActionHeight);\n  padding-top: 0px;\n  display: flex;\n}\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n";
 styleInject(css_248z);
 
 var Gold = function Gold(props) {
@@ -141,9 +128,11 @@ var Gold = function Gold(props) {
       }), /*#__PURE__*/jsx(Settings, {
         className: wcConfiguratorSettings
       }), /*#__PURE__*/jsx(NavigationButtons, {
-        className: wcConfiguratorSettingsActions
+        className: wcConfiguratorSettingsActions,
+        showCheckoutButtons: viewHandler.uiState.isMobilePortrait
       }), /*#__PURE__*/jsx(BasketAction, {
-        containerClassName: wcConfiguratorAction
+        containerClassName: wcConfiguratorAction,
+        showCheckoutButtons: true
       })]
     }), viewHandler.settingsState.inputBoxVisible && /*#__PURE__*/jsx(Inputbox, {}), /*#__PURE__*/jsx(BarrierActions, {})]
   });
@@ -171,15 +160,11 @@ var cssVariables = {
   '--settingsScrollerPaddingLeft': '10px',
   '--tabGroupBackground': 'var(--thirdColor)',
   '--foldArrowMarginRight': '16px',
-  '--configuratorActionWidthForthBackSpacer': '0.1rem',
-  '--configuratorActionForthWidth': 'calc(50% - calc(0.05rem + 2px))',
-  '--configuratorActionBackWidth': 'calc(50% - calc(0.05rem + 2px))',
   '--configuratorActionHeight': '40px',
   '--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': '11.2px 0 0 0'
+  '--boxShadowActive': '0px 1px 4px rgba(0, 0, 0, 0.3)'
 };
 var index = observer(Gold);
 

package/build/esm/{index-978dccbe.js → index-5e28ec42.js}

@@ -1,12 +1,12 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-6e9e311e.js';
+import { s as styleInject, u as useViewHandler } from './index-c05b0bee.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
-import SettingsHeaderContainer from './index-899916d1.js';
-import { S as SettingsItem } from './index-6b29b801.js';
+import SettingsHeaderContainer from './index-a758d079.js';
+import { S as SettingsItem } from './index-3a596f95.js';
 import classnames from 'classnames';
-import TotalPrice from './index-905f9d63.js';
+import TotalPrice from './index-02175f89.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -20,73 +20,60 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
 import '@crystaldesign/widget-contact-form';
-import './index-9a8b77ff.js';
-import './index-8c0a1665.js';
-import './index-9bf7f096.js';
-import './index-6c58b8b3.js';
+import './index-169f9e5c.js';
+import './index-4803f16b.js';
+import './index-9c7c5fef.js';
+import './index-6fc9a0ad.js';
 import 'react-laag';
-import './index-eb5d7aca.js';
+import './index-8e9b6970.js';
 import 'sift';
-import './index-3ac2688a.js';
-import './index-16a2dd32.js';
-import './index-04eda6d5.js';
-import './index-c5f2b579.js';
-import './index.module-0e5266b5.js';
-import './index-ac91926a.js';
+import './index-81106453.js';
+import './index-8e97f50a.js';
+import './index-07c552c3.js';
+import './index-a70485aa.js';
+import './index.module-01c106e6.js';
+import './index-5faa5186.js';
 import 'react-switch';
-import './index-42c09aa5.js';
-import './index-f3cbcf37.js';
-import './index-6e4553b0.js';
+import './index-67d5265b.js';
+import './index-1d6533e4.js';
+import './index-458ec119.js';
 import 'react-dropdown';
-import './index-f523bdc2.js';
-import './index-1b9212dd.js';
-import './index-a871fc84.js';
-import './index-4de435b8.js';
+import './index-25dd003d.js';
+import './index-288ac4c9.js';
+import './index-d7c1ced5.js';
+import './index-37ed85c7.js';
 import '@crystaldesign/content-box';
-import './index-48d13ff1.js';
-import './index-6745e1e0.js';
-import './index-b4b191ea.js';
-import './index-45d53c8b.js';
-import './index-18ac83c3.js';
-import './index-a9e79f78.js';
-import './index-f6ece8c5.js';
-import './index-e5d4b484.js';
-import './index-12dc69b0.js';
-import './index-a1f8cb7c.js';
-import './index-2a0d6cec.js';
-import './index-f45e9dac.js';
-import './index-dfa72338.js';
-import './index-b5f8e023.js';
-import './index-5324cf94.js';
-import './index-e4429b45.js';
-import './index.module-fb837c96.js';
-import './index-412db292.js';
-import './index-f4c39da6.js';
-import './index-60ebc64c.js';
-import './index-d203479b.js';
-import './index-ba3e4471.js';
-import './index-b76a2afb.js';
-import './index-108232de.js';
-import './index.module-647c4aff.js';
-import './index-af716026.js';
-import './index-c3b1d42a.js';
-import './index-b53b5ca1.js';
-import './index-e778eabb.js';
-import './index.module-1b875a60.js';
-import './index-d101fcdd.js';
-import './index-0bd68381.js';
-import './index-61eeff31.js';
-import './index.module-047ebff7.js';
-import './index-b28fcffa.js';
-import 'qrcode.react';
-import './index-7740ee3a.js';
-import './index-b4ba04ab.js';
-import './index-9c38d0ce.js';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import './index-7b045936.js';
-import './index-dd71f4e7.js';
+import './index-08b6dab8.js';
+import './index-aaf2a47f.js';
+import './index-9b1d00fc.js';
+import './index-01937eaf.js';
+import './index-53045137.js';
+import './index-816bc79d.js';
+import './index-a74d8355.js';
+import './index-f7100b29.js';
+import './index-45b2de6b.js';
+import './index-905abd4d.js';
+import './index-b1ba35bb.js';
+import './index-3cc083ea.js';
+import './index-d2d210b6.js';
+import './index-e25dabad.js';
+import './index-498bd373.js';
+import './index-50d8b3d5.js';
+import './index.module-8ef4fea8.js';
+import './index-2f993fee.js';
+import './index-9fb7117c.js';
+import './index-cf934184.js';
+import './index-90a5a8d8.js';
+import './index-b155895c.js';
+import './index-8febfc67.js';
+import './index-e2d69ecf.js';
+import './index.module-9232be04.js';
+import './index-43caa336.js';
+import './index-bfad67bf.js';
 
 var wcConfiguratorSettingsScroller = "wcConfigurator-settings-scroller-TbzP8";
 var expanded = "expanded-r-uGX";

package/build/esm/{index-6bb4eebb.js → index-5ee51732.js}

@@ -1,18 +1,18 @@
-import { s as styleInject, u as useViewHandler } from './index-6e9e311e.js';
+import { s as styleInject, u as useViewHandler } from './index-c05b0bee.js';
 import classnames from 'classnames';
-import DockFilter from './index-8bbf0a4b.js';
-import RALFilter from './index-f523bdc2.js';
+import DockFilter from './index-268c7ab9.js';
+import RALFilter from './index-25dd003d.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
-import Searchbar from './index-6745e1e0.js';
-import ToggleHeader from './index-9d54f62d.js';
-import NumberInput from './index-10c206a7.js';
-import InfoButton from './index-eb1df88f.js';
-import PDFButton from './index-d7fbbff0.js';
-import SummaryVariantButton from './index-007e69f5.js';
-import SelectedOpv from './index-bc96103d.js';
-import InfoIcon from './index-42c09aa5.js';
+import Searchbar from './index-aaf2a47f.js';
+import ToggleHeader from './index-28d52fca.js';
+import NumberInput from './index-ac5f5aa9.js';
+import InfoButton from './index-82b355df.js';
+import PDFButton from './index-4b4391cf.js';
+import SummaryVariantButton from './index-e24835a1.js';
+import SelectedOpv from './index-8a5dbb02.js';
+import InfoIcon from './index-67d5265b.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -26,21 +26,24 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
 import '@crystaldesign/widget-contact-form';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-1b9212dd.js';
+import './index-288ac4c9.js';
 import 'react-dropdown';
-import './index-a871fc84.js';
-import './index-4de435b8.js';
+import './index-d7c1ced5.js';
+import './index-37ed85c7.js';
 import '@crystaldesign/content-box';
-import './index-48d13ff1.js';
-import './index-ac91926a.js';
+import './index-08b6dab8.js';
+import './index-5faa5186.js';
 import 'react-switch';
-import './index-b7ea8905.js';
+import './index-67d4514f.js';
 import 'react-laag';
-import './index-e5d4b484.js';
-import './index-f3cbcf37.js';
-import './index-f6ece8c5.js';
+import './index-f7100b29.js';
+import './index-1d6533e4.js';
+import './index-a74d8355.js';
 
 var headerWrapper = "header-wrapper-qVEmI";
 var wcConfiguratorSettingsHeaderTitle = "wcConfigurator-settings-header-title--CcUK";

package/build/esm/{index-2fc9916b.js → index-5ef811f3.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler } from './index-6e9e311e.js';
+import { u as useViewHandler } from './index-c05b0bee.js';
 import 'react';
 import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';
-import ShelfDeleteButton from './index-2a8f09c8.js';
+import ShelfDeleteButton from './index-3594034e.js';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -17,6 +17,10 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
+import 'classnames';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
 import '@crystaldesign/widget-contact-form';
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }

package/build/esm/{index-ac91926a.js → index-5faa5186.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-6e9e311e.js';
+import { s as styleInject } from './index-c05b0bee.js';
 import classnames from 'classnames';
 import 'react';
 import Switch from 'react-switch';
@@ -17,6 +17,9 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
 import '@crystaldesign/widget-contact-form';
 
 var toggleText = "toggle-text-xzNMI";

package/build/esm/{index-2df70221.js → index-6014cdcb.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-6e9e311e.js';
+import './index-c05b0bee.js';
 import { observer } from 'mobx-react-lite';
 import { createElement } from 'react';
-import Group from './index-9c338900.js';
+import Group from './index-4373a830.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@crystaldesign/diva-core';
@@ -16,11 +16,14 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import '@crystaldesign/widget-contact-form';
 import 'classnames';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import '@crystaldesign/widget-contact-form';
 import 'react-collapsible';
-import './index-42c09aa5.js';
-import './index-f3cbcf37.js';
+import './index-67d5265b.js';
+import './index-1d6533e4.js';
 
 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; }

package/build/esm/{index-126fdc1f.js → index-6188c318.js}

@@ -1,4 +1,4 @@
-import './index-6e9e311e.js';
+import './index-c05b0bee.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';
@@ -15,6 +15,10 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
+import 'classnames';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
 import '@crystaldesign/widget-contact-form';
 
 var PlannerUIVariant = function PlannerUIVariant() {

package/build/esm/{index-fc60f955.js → index-61f1d749.js}

@@ -1,5 +1,5 @@
-import { s as styleInject } from './index-6e9e311e.js';
-import ProductHeader from './index-d656b0bd.js';
+import { s as styleInject } from './index-c05b0bee.js';
+import ProductHeader from './index-6f1ec08b.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -16,11 +16,14 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import '@crystaldesign/widget-contact-form';
 import 'classnames';
-import './index-f6369525.js';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import '@crystaldesign/widget-contact-form';
+import './index-2e532fbe.js';
 import '@crystaldesign/content-box';
-import './index-280d44c0.js';
+import './index-d01ad73f.js';
 import '@crystaldesign/content-item';
 import 'react-draggable';
 

package/build/esm/{index-25caa9bc.js → index-62582ca2.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-6e9e311e.js';
+import './index-c05b0bee.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';
@@ -15,6 +15,10 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
+import 'classnames';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
 import '@crystaldesign/widget-contact-form';
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }

package/build/esm/{index-c1fa6e03.js → index-6518ef4f.js}

@@ -1,8 +1,8 @@
-import { s as styleInject } from './index-6e9e311e.js';
+import { s as styleInject } from './index-c05b0bee.js';
 import 'react';
-import { w as wcBoxPlannerAddElement, a as wcBoxPlannerAddElementLeft, b as wcBoxPlannerAddElementTop, c as wcBoxPlannerAddElementRight, h as wc2DRotClock, i as wc2DRotCounterClock, d as wcPlanner3DRot, e as wcPlanner3DMove, f as wcPlannerDistanceToGround, g as wcPlannerArrowDistanceToGround } from './index.module-04dc9329.js';
-import { w as wcUi2DOutlineDraggable, a as wcUi2DOutlineDraggableActive, b as wcUi2DOutlineSelectable, c as wc3DOutlineSvg, d as wc3DOutlinePolygon, e as wc3DOutlinePolygonContours, f as wc3DOutlinePolygonContoursSel } from './index.module-ed1bbeb8.js';
-import PlannerUI from './index-0fcda70a.js';
+import { w as wcBoxPlannerAddElement, a as wcBoxPlannerAddElementLeft, b as wcBoxPlannerAddElementTop, c as wcBoxPlannerAddElementRight, h as wc2DRotClock, i as wc2DRotCounterClock, d as wcPlanner3DRot, e as wcPlanner3DMove, f as wcPlannerDistanceToGround, g as wcPlannerArrowDistanceToGround } from './index.module-6d4a17e9.js';
+import { w as wcUi2DOutlineDraggable, a as wcUi2DOutlineDraggableActive, b as wcUi2DOutlineSelectable, c as wc3DOutlineSvg, d as wc3DOutlinePolygon, e as wc3DOutlinePolygonContours, f as wc3DOutlinePolygonContoursSel } from './index.module-685ffdc1.js';
+import PlannerUI from './index-75a90bcd.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
@@ -19,24 +19,27 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
 import '@crystaldesign/widget-contact-form';
-import './index-859021e9.js';
-import './index-ef667646.js';
-import './index-fd61b295.js';
-import './index-388a630e.js';
-import './index-fa2b23a4.js';
-import './index-032dac7f.js';
-import './index-e46d9107.js';
-import './index-2d851638.js';
-import './index-00f23dfb.js';
-import './index-1b55e107.js';
-import './index-3d5bf2e0.js';
-import './index-c5a532b2.js';
-import './index-c9909bc3.js';
+import './index-99ae4f1d.js';
+import './index-2da85b62.js';
+import './index-b21a5a95.js';
+import './index-c6366ccb.js';
+import './index-019c9c00.js';
+import './index-b8303e0f.js';
+import './index-cd7bbff5.js';
+import './index-1561dd11.js';
+import './index-ecb448d1.js';
+import './index-1eb8079c.js';
+import './index-b268c82b.js';
+import './index-4d344ef1.js';
+import './index-4622e672.js';
 import 'react-draggable';
-import './index-88fbd49b.js';
-import './index-2c2ebd07.js';
-import './index-97ddf2b9.js';
+import './index-840d3479.js';
+import './index-283dd2fd.js';
+import './index-224b2321.js';
 
 var wcPlannerButton = "wcPlannerButton-hPp4U";
 var mobile = "mobile-ZE7fr";