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

package/build/esm/index-d10e24a9.js

@@ -0,0 +1,204 @@
+import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
+import { s as styleInject, u as useViewHandler } from './index-55a00321.js';
+import classnames from 'classnames';
+import { useEffect } from 'react';
+import Inputbox from './index-c8138fed.js';
+import Product from './index-3461bd0f.js';
+import Settings from './index-cdd30aa9.js';
+import TabGroup from './index-09a66432.js';
+import NavigationButtons from './index-ef6eee59.js';
+import { useDivaCore } from '@crystaldesign/diva-core';
+import BasketActionStandard from './index-9aa75522.js';
+import { observer } from 'mobx-react-lite';
+import BasketMobile from './index-248b2514.js';
+import ProgressBar from './index-431713cd.js';
+import BarrierActions from './index-3bcba752.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';
+import './index-d429e9c9.js';
+import './index-4fddbdcf.js';
+import './index-8b62cbc0.js';
+import './index-6c1b1c10.js';
+import './index-2864d8c8.js';
+import 'react-laag';
+import './index-4e2c321c.js';
+import './index-755f13d4.js';
+import './index-6fd34e03.js';
+import 'sift';
+import './index-fd1b09ee.js';
+import './index-0b335ec1.js';
+import './index-71949045.js';
+import './index-c5d8597e.js';
+import './index.module-efd74c2e.js';
+import './index-d1bbc09b.js';
+import 'react-switch';
+import './index-11f9a0ec.js';
+import './index-622dae07.js';
+import './index-5998cbab.js';
+import 'react-dropdown';
+import './index-a1a8f940.js';
+import './index-d9347281.js';
+import './index-1e49cf4d.js';
+import './index-daf3e29b.js';
+import '@crystaldesign/content-box';
+import './index-1e516734.js';
+import './index-edde2797.js';
+import './index-ed21696e.js';
+import './index-87b43e02.js';
+import './index-45145d7c.js';
+import '@crystaldesign/product-detail-page';
+import '@crystaldesign/products-component';
+import './index-7224dbdd.js';
+import './index-3ff08b3e.js';
+import './index-e01d306f.js';
+import './index-1e3f7e25.js';
+import './index-487e6c7e.js';
+import './index-6c86a521.js';
+import './index-230186b1.js';
+import './index-394b9bcb.js';
+import './index-18225eca.js';
+import './index-2dec31ed.js';
+import './index-0fa22fb8.js';
+import './index-845f12fe.js';
+import './index-4c506248.js';
+import './index.module-cf261244.js';
+import './index-52f04965.js';
+import './index-a605f7df.js';
+import './index-67580079.js';
+import './index-b591141e.js';
+import './index-674ee541.js';
+import './index-fb93b95f.js';
+import './index-708eb185.js';
+import './index.module-7e5580bd.js';
+import './index-c5ceb6da.js';
+import './index-dac4e348.js';
+import './index-6ec0a07d.js';
+import './index-3467d80f.js';
+import './index-667886e8.js';
+import './index-5e780ee3.js';
+import './index-83b536b0.js';
+import './index-89e8472e.js';
+
+var wcConfigurator = "wcConfigurator-YOuy8";
+var landscape = "landscape-EyFBs";
+var portrait = "portrait-XiOPl";
+var wcConfiguratorProduct = "wcConfigurator-product-Ovdqk";
+var minExpanded = "min-expanded-aFvtw";
+var wcConfiguratorSettingsWrapper = "wc-configurator-settings-wrapper-ymkif";
+var expanded = "expanded-LXnio";
+var maxExpanded = "max-expanded-Q2hOy";
+var wcConfiguratorSettings = "wcConfigurator-settings-OLzdK";
+var wcConfiguratorSteps = "wcConfigurator-steps-1--dZ";
+var closeButtonVisible = "close-button-visible-y3GY8";
+var wcConfiguratorSettingsActions = "wcConfigurator-settings-actions-xqcr5";
+var wcConfiguratorAction = "wcConfigurator-action-ycd5b";
+var foldedup = "foldedup-Qqnox";
+var settingsHidden = "settings-hidden-NnHMW";
+var burgerVisible = "burger-visible-AFcf0";
+var isOnLastStep = "isOnLastStep-eAWSY";
+var progressBar = "progressBar-Izqk1";
+var actionOnTop = "action-on-top-UqyK5";
+var css_248z = ".wcConfigurator-YOuy8 {\n  position: relative;\n\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\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-YOuy8 *,\n.wcConfigurator-YOuy8 *::before,\n.wcConfigurator-YOuy8 *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.wcConfigurator-YOuy8.landscape-EyFBs {\n  height: 100%;\n  width: 100%;\n}\n\n.wcConfigurator-YOuy8.portrait-XiOPl {\n  height: 100%;\n  width: 100%;\n}\n\n/******************************************Product*******************************************/\n\n.wcConfigurator-product-Ovdqk {\n  position: absolute;\n  width: 63%;\n  max-width: calc(100% - 564px);\n  left: 0px;\n  top: 0;\n  height: 100%;\n}\n.min-expanded-aFvtw .wcConfigurator-product-Ovdqk {\n  width: calc(100% - 128px - 16px);\n  max-width: none;\n  max-width: initial;\n}\n\n.wc-configurator-settings-wrapper-ymkif {\n  position: absolute;\n  z-index: 600;\n  height: calc(100% - 32px);\n  width: calc(37% - 16px);\n  min-width: 550px;\n  right: 0;\n  padding: 16px 16px 16px 0;\n  background-color: var(--settingsBackgroundColor);\n  transition: width 0.45s;\n  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);\n}\n\n.expanded-LXnio .wc-configurator-settings-wrapper-ymkif {\n  width: 70%;\n}\n\n.min-expanded-aFvtw .wc-configurator-settings-wrapper-ymkif {\n  width: calc(128px);\n  min-width: 0;\n  min-width: initial;\n}\n.max-expanded-Q2hOy .wc-configurator-settings-wrapper-ymkif {\n  width: calc(100% - 16px);\n  z-index: 801;\n}\n\n/**************************************ConfigPalette***************************************/\n.wcConfigurator-settings-OLzdK {\n  position: absolute;\n  width: calc(100% - 128px - 4px - 16px);\n\n  transition:\n    height 0.45s,\n    top 0.45s;\n  overflow-y: hidden;\n  overflow-x: hidden;\n  overflow: visible;\n  z-index: 100;\n  right: calc(128px + 4px + 16px);\n  top: 16px;\n  height: calc(100% - 32px - 4px - 50px);\n}\n\n/**************************************TabGroup********************************************/\n\n.wcConfigurator-steps-1--dZ {\n  position: absolute;\n  z-index: 300;\n  right: 16px;\n  top: 16px;\n  height: calc(100% - 32px - 4px - 50px);\n  width: 128px;\n}\n.close-button-visible-y3GY8 .wcConfigurator-steps-1--dZ {\n  top: 80px;\n  height: calc(100% - 32px - 4px - 50px - 64px);\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.wcConfigurator-settings-actions-xqcr5 {\n  position: absolute;\n  width: calc(100% - 128px - 4px - 16px);\n  height: 50px;\n  right: calc(128px + 4px + 16px);\n  bottom: 16px;\n  z-index: 200;\n}\n\n.min-expanded-aFvtw .wcConfigurator-settings-actions-xqcr5 {\n  overflow: hidden;\n}\n\n/*************************************Basket Button****************************************/\n.wcConfigurator-action-ycd5b {\n  position: absolute;\n  width: 128px;\n  height: 50px;\n  right: 16px;\n  bottom: 16px;\n  z-index: 200;\n}\n\n/****************************************Settings- Expanded *******************************/\n.expanded-LXnio .wcConfigurator-settings-OLzdK,\n.max-expanded-Q2hOy .wcConfigurator-settings-OLzdK,\n.expanded-LXnio .wcConfigurator-settings-actions-xqcr5,\n.max-expanded-Q2hOy .wcConfigurator-settings-actions-xqcr5 {\n  width: calc(100% - 128px - 16px - 4px);\n}\n\n.wcConfigurator-YOuy8.portrait-XiOPl,\n.landscape-EyFBs.wcConfigurator-YOuy8 {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n}\n/*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.landscape-EyFBs .wcConfigurator-product-Ovdqk {\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-EyFBs .wcConfigurator-settings-OLzdK {\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-EyFBs .wcConfigurator-steps-1--dZ {\n  display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.landscape-EyFBs .wcConfigurator-settings-actions-xqcr5 {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.landscape-EyFBs .wcConfigurator-action-ycd5b {\n  display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.portrait-XiOPl .wcConfigurator-product-Ovdqk {\n  top: 50px;\n  left: 0;\n  height: 40%;\n  width: 100%;\n  max-width: none;\n  max-width: initial;\n}\n\n.portrait-XiOPl.foldedup-Qqnox .wcConfigurator-product-Ovdqk {\n  z-index: 1;\n}\n\n.portrait-XiOPl.settings-hidden-NnHMW .wcConfigurator-product-Ovdqk {\n  height: calc(100% - 50px);\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.portrait-XiOPl .wcConfigurator-settings-OLzdK {\n  left: 0px;\n  top: calc(40% + 50px);\n  height: calc(60% - 50px - var(--configuratorActionHeight) - 6px);\n  width: 100%;\n}\n\n.portrait-XiOPl.settings-hidden-NnHMW .wcConfigurator-settings-OLzdK {\n  top: 100%;\n}\n\n.portrait-XiOPl.foldedup-Qqnox .wcConfigurator-settings-OLzdK {\n  top: 2.5rem;\n  height: calc(100% - 50px);\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.portrait-XiOPl .wcConfigurator-steps-1--dZ {\n  position: absolute;\n  left: 0px;\n  top: 0;\n  width: calc(100% - 50px);\n  height: 50px;\n}\n\n.portrait-XiOPl .wcConfigurator-steps-1--dZ.burger-visible-AFcf0 {\n  left: 50px;\n  width: calc(100% - 50px - 50px);\n}\n\n.portrait-XiOPl.foldedup-Qqnox .wcConfigurator-steps-1--dZ {\n  top: 0px;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.portrait-XiOPl .wcConfigurator-settings-actions-xqcr5 {\n  bottom: 0px;\n  width: calc(100% - 10px);\n\n  height: calc(var(--configuratorActionHeight) - 5px);\n  margin: 0 5px 5px 5px;\n  padding-top: 0px;\n  right: 0px;\n}\n.portrait-XiOPl.isOnLastStep-eAWSY .wcConfigurator-settings-actions-xqcr5,\n.portrait-XiOPl.settings-hidden-NnHMW .wcConfigurator-settings-actions-xqcr5 {\n  display: none !important;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.portrait-XiOPl .wcConfigurator-action-ycd5b,\n.portrait-XiOPl.settings-hidden-NnHMW .wcConfigurator-action-ycd5b {\n  display: none;\n}\n\n.portrait-XiOPl.isOnLastStep-eAWSY .wcConfigurator-action-ycd5b {\n  right: 0px;\n  bottom: 0px;\n  width: calc(100% - 10px);\n\n  height: calc(var(--configuratorActionHeight) - 5px);\n  margin: 0 5px 5px 5px;\n  padding-top: 0px;\n  display: block;\n}\n\n.portrait-XiOPl .progressBar-Izqk1 {\n  position: absolute;\n  width: 100%;\n  height: 4px;\n  top: 50px;\n  left: 0;\n  z-index: 1000;\n  display: flex;\n}\n\n/*********************Basket Button-- Mobile Portrait onTop *********************************/\n\n.action-on-top-UqyK5 {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 50px;\n  height: 50px;\n  background: no-repeat 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\") center center var(--primaryColor);\n  background-size: 37%;\n  z-index: 300;\n}\n\n.landscape-EyFBs,\n.portrait-XiOPl {\n  --configuratorActionHeight: 50px;\n}\n\n.wcConfigurator-YOuy8 ::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n.wcConfigurator-YOuy8 ::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n.wcConfigurator-YOuy8 ::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n";
+styleInject(css_248z);
+
+var Standard = function Standard(_ref) {
+  _objectDestructuringEmpty(_ref);
+  var viewHandler = useViewHandler();
+  var _useDivaCore = useDivaCore(),
+    _useDivaCore$state = _useDivaCore.state,
+    headerInfos = _useDivaCore$state.headerInfos,
+    isFullscreenComponent = _useDivaCore$state.isFullscreenComponent;
+  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.uiState.configSettingsIsExpanded ? expanded : undefined, viewHandler.uiState.configSettingsIsFoldedUp ? foldedup : undefined, viewHandler.uiState.isMobileLandscape ? landscape : undefined, viewHandler.uiState.isMobilePortrait ? portrait : undefined, viewHandler.uiState.configSettingsIsHidden ? settingsHidden : undefined, viewHandler.uiState.configSettingsIsMinExpanded ? minExpanded : undefined, viewHandler.uiState.configSettingsIsMaxExpanded ? maxExpanded : undefined, viewHandler.actionButtonState.isOnLastStep ? isOnLastStep : undefined, isFullscreenComponent ? closeButtonVisible : undefined),
+      children: [/*#__PURE__*/jsx(Product, {
+        className: wcConfiguratorProduct
+      }), !viewHandler.uiState.isInMobileView && /*#__PURE__*/jsxs("div", {
+        className: wcConfiguratorSettingsWrapper,
+        children: [/*#__PURE__*/jsx(TabGroup, {
+          className: wcConfiguratorSteps
+        }), /*#__PURE__*/jsx(Settings, {
+          className: wcConfiguratorSettings
+        }), /*#__PURE__*/jsx(NavigationButtons, {
+          className: wcConfiguratorSettingsActions
+        }), /*#__PURE__*/jsx(BasketActionStandard, {
+          containerClassName: wcConfiguratorAction
+        })]
+      }), viewHandler.uiState.isInMobileView && /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx(TabGroup, {
+          className: classnames(wcConfiguratorSteps, headerInfos.onlyBurgerVisibles || isFullscreenComponent ? burgerVisible : undefined),
+          showCloseButtonInMobile: isFullscreenComponent ? 'left' : undefined
+        }), viewHandler.uiState.isInMobileView && /*#__PURE__*/jsx(ProgressBar, {
+          className: progressBar
+        }), /*#__PURE__*/jsx(Settings, {
+          className: wcConfiguratorSettings
+        }), /*#__PURE__*/jsx(NavigationButtons, {
+          className: classnames(wcConfiguratorSettingsActions)
+        }), /*#__PURE__*/jsx(BasketActionStandard, {
+          containerClassName: wcConfiguratorAction
+        }), /*#__PURE__*/jsx(BasketMobile, {
+          className: actionOnTop
+        })]
+      })]
+    }), /*#__PURE__*/jsx(BarrierActions, {}), viewHandler.settingsState.inputBoxVisible && /*#__PURE__*/jsx(Inputbox, {})]
+  });
+};
+var cssVariables = {
+  '--primaryColor': '#d60084',
+  '--secondaryColor': '#4b4b4b',
+  '--thirdColor': '#e5e5e5; ',
+  '--globalBorderRadius': '3px',
+  '--articlePosNrRadius': '50%',
+  '--articlePosNrSize': '1.5rem',
+  '--articlePosNrFontSize': '1.1rem',
+  '--galleryItemRadius': '50%',
+  '--galleryItemRowCount': '5',
+  '--galleryItemMargin': '0.5%',
+  '--galleryItemRowCountSmall': '6',
+  '--galleryItemMarginSmall': '0.3%',
+  '--galleryItemBorder': '0px',
+  '--galleryItemBorderColor': '#e8e9ed',
+  '--galleryItemBorderSelColor': 'var(--secondaryColor)',
+  '--galleryItemBorderHoverColor': 'var(--thirdColor)',
+  '--lineHeight1': '20.8px',
+  '--fontWeight1': '300',
+  '--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',
+  '--tabGroupBackground': 'unset',
+  '--settingsBackgroundColor': 'rgba(248, 248, 248, 0.9)',
+  '--settingsScrollerPaddingTopBottom': '0px',
+  '--settingsScrollerPaddingRight': '5px',
+  '--settingsScrollerPaddingLeft': '5px',
+  '--foldArrowMarginRight': 'calc(50% - 8px)',
+  '--configuratorActionHeight': '50px',
+  '--configuratorActionWidthForthBackSpacer': '6px',
+  '--configuratorActionForthWidth': 'calc((100% - 53px) - (var(--configuratorActionWidthForthBackSpacer) / 2))',
+  '--configuratorActionBackWidth': 'calc(53px - (var(--configuratorActionWidthForthBackSpacer) / 2))'
+};
+var index = observer(Standard);
+
+export { index as default };

package/build/esm/{index-94d07cef.js → index-d1bbc09b.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-61f77f6a.js';
+import { s as styleInject } from './index-55a00321.js';
 import classnames from 'classnames';
 import 'react';
 import Switch from 'react-switch';

package/build/esm/{index-c9d91cc7.js → index-d368ae55.js}

@@ -1,14 +1,14 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-61f77f6a.js';
+import { u as useViewHandler } from './index-55a00321.js';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import { w as wrapper, t as tabs, s as sel, a as selectionWrapper, b as selectionText, c as selection, T as Table } from './index-d3d3a9e4.js';
+import { w as wrapper, t as tabs, s as sel, a as selectionWrapper, b as selectionText, c as selection, T as Table } from './index-c54132ad.js';
 import classnames from 'classnames';
-import properties from './CatalogProperties-26551ccb.js';
-import properties$1 from './ArticleProperties-2cbc8e6c.js';
-import properties$2 from './OptionProperties-bc8d0582.js';
-import properties$3 from './OptionValueProperties-27688a58.js';
+import properties from './CatalogProperties-7550a02e.js';
+import properties$1 from './ArticleProperties-3478aad9.js';
+import properties$2 from './OptionProperties-5327ab40.js';
+import properties$3 from './OptionValueProperties-b42aa2b7.js';
 import Select from 'react-select';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -22,7 +22,7 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index-94d07cef.js';
+import './index-d1bbc09b.js';
 import 'react-switch';
 
 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-b2f37268.js → index-d429e9c9.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-61f77f6a.js';
+import { s as styleInject, u as useViewHandler } from './index-55a00321.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import SettingsHeader from './index-1f178c88.js';
-import SettingsConfigSingle from './index-af138de7.js';
-import SettingsPosNr from './index-ec59f9c3.js';
+import SettingsHeader from './index-4fddbdcf.js';
+import SettingsConfigSingle from './index-8b62cbc0.js';
+import SettingsPosNr from './index-6c1b1c10.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -20,9 +20,9 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-8510a419.js';
+import './index-2864d8c8.js';
 import 'react-laag';
-import './index-746c4159.js';
+import './index-4e2c321c.js';
 
 var wcConfiguratorSettingsFoldConfSettings = "wcConfigurator-settings-FoldConfSettings-hZych";
 var landscape = "landscape-LFbXM";

package/build/esm/{index-c3f20022.js → index-d4445cad.js}

@@ -1,7 +1,7 @@
-import { u as useViewHandler } from './index-61f77f6a.js';
+import { u as useViewHandler } from './index-55a00321.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
-import { w as wcFunctionsToolbar, b as wcFunctionsContainer, d as wcIcon, n as wcResetIcon } from './index.module-f2b07d24.js';
+import { w as wcFunctionsToolbar, b as wcFunctionsContainer, d as wcIcon, n as wcResetIcon } from './index.module-6c2b82f9.js';
 import { useTranslation } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-4408a6a6.js → index-d572bf18.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-61f77f6a.js';
+import { s as styleInject, u as useViewHandler } from './index-55a00321.js';
 import classnames from 'classnames';
 import { useRef } from 'react';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-0c89bd37.js → index-d5dfa22b.js}

@@ -1,9 +1,9 @@
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { a as usePlannerUIHandler } from './index-61f77f6a.js';
+import { a as usePlannerUIHandler } from './index-55a00321.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import Outline3D from './index-019e7c57.js';
-import ItemsContainer from './index-ba866954.js';
+import Outline3D from './index-3bd7510a.js';
+import ItemsContainer from './index-50782d86.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -18,21 +18,21 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'classnames';
-import './index-6feed264.js';
-import './index-5c03668f.js';
-import './index-8e8b8e96.js';
-import './index-6afafc1c.js';
-import './index-1ead0799.js';
-import './index-8203309d.js';
-import './index-9567773c.js';
-import './index-49d2dd0b.js';
-import './index-91e6c251.js';
-import './index-aa147d93.js';
-import './index-aaa9a2f1.js';
+import './index-000bdb57.js';
+import './index-6c4b445d.js';
+import './index-5c58822d.js';
+import './index-61d2e985.js';
+import './index-0455ef32.js';
+import './index-52c5b486.js';
+import './index-4d3f2029.js';
+import './index-4a690359.js';
+import './index-9a08aa98.js';
+import './index-ae6c3a31.js';
+import './index-be53d030.js';
 import 'react-draggable';
-import './index-cd898cbd.js';
-import './index-b84285ed.js';
-import './index-2aa482a7.js';
+import './index-ed9fbbcb.js';
+import './index-40ca3b5e.js';
+import './index-3aec35cb.js';
 
 var PlannerUI = function PlannerUI(_ref) {
   var plannerUIProps = _ref.plannerUIProps;

package/build/esm/{index-b29d291b.js → index-d66dbe89.js}

@@ -1,18 +1,18 @@
-import { s as styleInject, u as useViewHandler } from './index-61f77f6a.js';
+import { s as styleInject, u as useViewHandler } from './index-55a00321.js';
 import classnames from 'classnames';
-import DockFilter from './index-c736bb6e.js';
-import RALFilter from './index-1f107d71.js';
+import DockFilter from './index-52f95a32.js';
+import RALFilter from './index-a1a8f940.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
-import Searchbar from './index-72199a77.js';
-import ToggleHeader from './index-8badd8a1.js';
-import NumberInput from './index-fceb61ad.js';
-import InfoButton from './index-f36bd01f.js';
-import PDFButton from './index-23323e04.js';
-import SummaryVariantButton from './index-efd87f6f.js';
-import SelectedOpv from './index-5f618f41.js';
-import InfoIcon from './index-99b4e827.js';
+import Searchbar from './index-edde2797.js';
+import ToggleHeader from './index-bae52b9d.js';
+import NumberInput from './index-2a34663e.js';
+import InfoButton from './index-209262c8.js';
+import PDFButton from './index-c48a42e3.js';
+import SummaryVariantButton from './index-78f4c3d6.js';
+import SelectedOpv from './index-3b3c5d2c.js';
+import InfoIcon from './index-11f9a0ec.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -27,19 +27,19 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-14e63cba.js';
+import './index-d9347281.js';
 import 'react-dropdown';
-import './index-4aa148db.js';
-import './index-221f47c7.js';
+import './index-1e49cf4d.js';
+import './index-daf3e29b.js';
 import '@crystaldesign/content-box';
-import './index-6ee9ff67.js';
-import './index-94d07cef.js';
+import './index-1e516734.js';
+import './index-d1bbc09b.js';
 import 'react-switch';
-import './index-76df6fb1.js';
+import './index-ee364353.js';
 import 'react-laag';
-import './index-b0835efd.js';
-import './index-6f5dd0b0.js';
-import './index-44a9ed96.js';
+import './index-487e6c7e.js';
+import './index-622dae07.js';
+import './index-1e3f7e25.js';
 
 var headerWrapper = "header-wrapper-qVEmI";
 var wcConfiguratorSettingsHeaderTitle = "wcConfigurator-settings-header-title--CcUK";

package/build/esm/{index-7c1b713d.js → index-d89b3e52.js}

@@ -3,10 +3,10 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { u as useViewHandler } from './index-61f77f6a.js';
+import { u as useViewHandler } from './index-55a00321.js';
 import { useState, useEffect } from 'react';
-import { n as notExpanded } from './index.module-cfd534b7.js';
-import { s as scrollable, h as header, t as table, c as column } from './index.module-4dbdd7c0.js';
+import { n as notExpanded } from './index.module-a234241d.js';
+import { s as scrollable, h as header, t as table, c as column } from './index.module-19e6c227.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { DivaUtils } from '@crystaldesign/diva-core';

package/build/esm/{index-285e6f06.js → index-d90fdd9a.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-61f77f6a.js';
+import './index-55a00321.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-14e63cba.js → index-d9347281.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-61f77f6a.js';
+import { s as styleInject, u as useViewHandler } from './index-55a00321.js';
 import 'react';
 import Dropdown from 'react-dropdown';
 import { useTranslation } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import Arrow from './index-4aa148db.js';
+import Arrow from './index-1e49cf4d.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-67ed60f4.js → index-dac4e348.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-61f77f6a.js';
+import { s as styleInject, u as useViewHandler } from './index-55a00321.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import classnames from 'classnames';

package/build/esm/{index-221f47c7.js → index-daf3e29b.js}

@@ -1,8 +1,8 @@
-import { s as styleInject, u as useViewHandler } from './index-61f77f6a.js';
+import { s as styleInject, u as useViewHandler } from './index-55a00321.js';
 import 'react';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
 import { observer } from 'mobx-react-lite';
-import FilterItem from './index-6ee9ff67.js';
+import FilterItem from './index-1e516734.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-ab197653.js → index-de2c403f.js}

@@ -1,10 +1,10 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-61f77f6a.js';
+import { u as useViewHandler } from './index-55a00321.js';
 import classnames from 'classnames';
 import { useState, useEffect } from 'react';
 import Dropdown from 'react-dropdown';
-import { w as wrapper, d as dropdownRoot, a as dropdownControl } from './index.module-8e762388.js';
-import Arrow from './index-4aa148db.js';
+import { w as wrapper, d as dropdownRoot, a as dropdownControl } from './index.module-6e989cd2.js';
+import Arrow from './index-1e49cf4d.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-6779350d.js → index-df7f1f72.js}

@@ -1,5 +1,5 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-61f77f6a.js';
+import { s as styleInject, u as useViewHandler } from './index-55a00321.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-604d64a1.js → index-e01d306f.js}

@@ -1,14 +1,14 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-61f77f6a.js';
+import { s as styleInject, u as useViewHandler } from './index-55a00321.js';
 import classnames from 'classnames';
 import { useHover, useLayer } from 'react-laag';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import MetaData from './index-44a9ed96.js';
-import GenericToolTip from './index-b0835efd.js';
-import InfoIcon from './index-99b4e827.js';
+import MetaData from './index-1e3f7e25.js';
+import GenericToolTip from './index-487e6c7e.js';
+import InfoIcon from './index-11f9a0ec.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -20,7 +20,7 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index-6f5dd0b0.js';
+import './index-622dae07.js';
 
 var articleItem = "ArticleItem-2xa9z";
 var sel = "sel-3vhEw";

package/build/esm/{index-c0e702bb.js → index-e095252a.js}

@@ -3,9 +3,9 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-61f77f6a.js';
+import { s as styleInject, u as useViewHandler } from './index-55a00321.js';
 import { useState, useEffect } from 'react';
-import { n as notExpanded } from './index.module-cfd534b7.js';
+import { n as notExpanded } from './index.module-a234241d.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { DivaUtils } from '@crystaldesign/diva-core';

package/build/esm/{index-2c1f6013.js → index-e1718716.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-61f77f6a.js';
+import { s as styleInject, u as useViewHandler } from './index-55a00321.js';
 import QRCode from 'react-qr-code';
 import { observer } from 'mobx-react-lite';
 import React, { useRef, useEffect } from 'react';

package/build/esm/{index-f2c9529d.js → index-e271bb0f.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-61f77f6a.js';
+import './index-55a00321.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-1df54546.js → index-e77c251e.js}

@@ -1,8 +1,8 @@
-import { s as styleInject } from './index-61f77f6a.js';
+import { s as styleInject } from './index-55a00321.js';
 import 'react';
-import { w as wcBoxPlannerAddElement, a as wcBoxPlannerAddElementLeft, b as wcBoxPlannerAddElementTop, c as wcBoxPlannerAddElementRight, d as wcPlanner3DRot, e as wcPlanner3DMove, f as wcPlannerDistanceToGround, g as wcPlannerArrowDistanceToGround } from './index.module-125aadef.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-2969d68a.js';
-import PlannerUI from './index-0c89bd37.js';
+import { w as wcBoxPlannerAddElement, a as wcBoxPlannerAddElementLeft, b as wcBoxPlannerAddElementTop, c as wcBoxPlannerAddElementRight, d as wcPlanner3DRot, e as wcPlanner3DMove, f as wcPlannerDistanceToGround, g as wcPlannerArrowDistanceToGround } from './index.module-9e38f996.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-626596e5.js';
+import PlannerUI from './index-d5dfa22b.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
@@ -19,23 +19,23 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'mobx-react-lite';
-import './index-019e7c57.js';
-import './index-ba866954.js';
-import './index-6feed264.js';
-import './index-5c03668f.js';
-import './index-8e8b8e96.js';
-import './index-6afafc1c.js';
-import './index-1ead0799.js';
-import './index-8203309d.js';
-import './index-9567773c.js';
-import './index-49d2dd0b.js';
-import './index-91e6c251.js';
-import './index-aa147d93.js';
-import './index-aaa9a2f1.js';
+import './index-3bd7510a.js';
+import './index-50782d86.js';
+import './index-000bdb57.js';
+import './index-6c4b445d.js';
+import './index-5c58822d.js';
+import './index-61d2e985.js';
+import './index-0455ef32.js';
+import './index-52c5b486.js';
+import './index-4d3f2029.js';
+import './index-4a690359.js';
+import './index-9a08aa98.js';
+import './index-ae6c3a31.js';
+import './index-be53d030.js';
 import 'react-draggable';
-import './index-cd898cbd.js';
-import './index-b84285ed.js';
-import './index-2aa482a7.js';
+import './index-ed9fbbcb.js';
+import './index-40ca3b5e.js';
+import './index-3aec35cb.js';
 
 var wcPlannerButton = "wcPlannerButton-7VWLs";
 var mobile = "mobile-JpBZv";

package/build/esm/{index-70bf7ed1.js → index-eaa31cff.js}

@@ -1,4 +1,4 @@
-import './index-61f77f6a.js';
+import './index-55a00321.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-a8c57977.js → index-eb1ed09e.js}

@@ -1,7 +1,7 @@
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-61f77f6a.js';
+import { s as styleInject, u as useViewHandler } from './index-55a00321.js';
 import { useRef, useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import JSONEditor from 'jsoneditor';