@crystaldesign/diva-web-planner-react 24.10.0-beta.2 → 24.10.0-beta.21

package/build/esm/{index-57772afa.js → index-c8cdb22f.js}

@@ -1,11 +1,12 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-7a7f03dd.js';
+import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
+import { s as styleInject, u as useViewHandler } from './index-77e10fb9.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
-import SettingsHeaderContainer from './index-4b4b024c.js';
-import { S as SettingsItem } from './index-1e13b3d7.js';
+import SettingsHeaderContainer from './index-296e3622.js';
+import { S as SettingsItem } from './index-1e74a2a5.js';
 import classnames from 'classnames';
-import TotalPrice from './index-ae6cc1f0.js';
+import TotalPrice from './index-bb7ef4f6.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -19,59 +20,58 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index-e1320f3e.js';
-import './index-ce01940f.js';
-import './index-dac6c444.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-5fe71382.js';
+import './index-f92eaac0.js';
+import './index-7a84f8b3.js';
+import './index-c4bb1e72.js';
+import './index-1dbe8bc3.js';
 import 'react-laag';
-import './index-be3a3cc7.js';
+import './index-e43623bf.js';
 import 'sift';
-import './index-a200d60c.js';
-import './index-b57b1400.js';
-import './index-fd4d6af5.js';
-import './index-f075122b.js';
-import './index.module-10043adb.js';
-import './index-a1c03c38.js';
+import './index-28b3a85c.js';
+import './index-884095fa.js';
+import './index-01e30bce.js';
+import './index-c48e0af4.js';
+import './index.module-76c5874c.js';
+import './index-6baf55c5.js';
 import 'react-switch';
-import './index-a6d98013.js';
-import './index-12c488c8.js';
+import './index-58817133.js';
+import './index-dff479bd.js';
 import 'react-dropdown';
-import './index-8ef00344.js';
-import './index-2345308f.js';
-import './index-70be06bf.js';
-import './index-c2b5262a.js';
+import './index-38cadf74.js';
+import './index-6d56e5a5.js';
+import './index-8f8c8d0b.js';
+import './index-17f8d841.js';
 import '@crystaldesign/content-box';
-import './index-36195851.js';
-import './index-0d580082.js';
-import './index-3cde6b0c.js';
-import './index-8aac99ae.js';
-import './index-d466a1c3.js';
+import './index-df3fd1e7.js';
+import './index-a69178b8.js';
+import './index-85fc390a.js';
+import './index-bda652ec.js';
+import './index-9c0e4539.js';
 import '@crystaldesign/products-component';
-import './index-9aa51878.js';
-import './index-0be965cc.js';
-import './index-6ec98d59.js';
-import './index-9a14ef6d.js';
-import './index-ac31c727.js';
-import './index-c9388aaa.js';
-import './index-b36d3187.js';
-import './index-3c964c2f.js';
-import './index-3f513c51.js';
-import './index-7b74999f.js';
-import './index-0f10df6d.js';
-import './index-4a732256.js';
-import './index-077be7e1.js';
-import './index.module-abdd6dcc.js';
-import './index-094d3785.js';
-import './index-6c06754d.js';
-import './index-12c80a4c.js';
-import './index-51381896.js';
-import './index-09045728.js';
-import './index-a1d33b21.js';
-import './index-271ec245.js';
-import './index.module-28580ce4.js';
-import './index-9924f40a.js';
-import './index-35cb77c0.js';
+import './index-9bbc7329.js';
+import './index-1137783e.js';
+import './index-27bdda3c.js';
+import './index-c13aee51.js';
+import './index-bc41564d.js';
+import './index-ebd084fc.js';
+import './index-e532232f.js';
+import './index-cc15e296.js';
+import './index-dbae8eb6.js';
+import './index-bda24741.js';
+import './index-c5a096bb.js';
+import './index-5b973d5a.js';
+import './index-464cfc43.js';
+import './index.module-5944cc90.js';
+import './index-c7d1583a.js';
+import './index-2d1b3d86.js';
+import './index-e6d4b550.js';
+import './index-dcabb032.js';
+import './index-47264fe0.js';
+import './index-6eacebfa.js';
+import './index-9cbf0465.js';
+import './index.module-ec8647fe.js';
+import './index-d18e5dc8.js';
+import './index-d0f60635.js';
 
 var wcConfiguratorSettingsScroller = "wcConfigurator-settings-scroller-TbzP8";
 var expanded = "expanded-r-uGX";
@@ -81,34 +81,28 @@ styleInject(css_248z);
 
 var SettingsScroller = function SettingsScroller(_ref) {
   var _viewHandler$tabGroup, _viewHandler$tabGroup2;
-  var itemPalettes = _ref.itemPalettes,
-    isInSubTabGroupContainer = _ref.isInSubTabGroupContainer;
+  _objectDestructuringEmpty(_ref);
   var viewHandler = useViewHandler();
   var settingsScrollerElement = useRef(null);
   var itemPalettesArr = [];
   var pairWithOptionsToGroup = {};
   useEffect(function () {
-    if (settingsScrollerElement.current && !isInSubTabGroupContainer) {
+    if (settingsScrollerElement.current) {
       viewHandler.settingsState.setScrollerElement(settingsScrollerElement.current);
       return viewHandler.uiState.setUpSettingsScrollEvent(settingsScrollerElement.current);
     }
     return function () {};
   }, [settingsScrollerElement]);
   var style = {};
-  if (isInSubTabGroupContainer) {
-    style.overflowY = 'unset';
-    style.width = 'calc(100% - var(--settingsScrollerPaddingLeft) - var(--settingsScrollerPaddingRight))';
-    style.display = 'inline-block';
-  }
   if (viewHandler.uiState.isInMobileView || viewHandler.settingsState.forceSettingsHeaderInScrollContainer) {
     style.height = '100%';
   } else {
     var _viewHandler$settings, _viewHandler$settings2;
     style.height = 'calc(100% - ' + ((_viewHandler$settings = (_viewHandler$settings2 = viewHandler.settingsState.settingsHeaderElement) === null || _viewHandler$settings2 === void 0 ? void 0 : _viewHandler$settings2.getBoundingClientRect().height) !== null && _viewHandler$settings !== void 0 ? _viewHandler$settings : 0) + 'px)';
   }
-  for (var key in itemPalettes) {
-    var paletteId = Number(key);
-    var itemPalette = itemPalettes[key];
+  for (var i = 0; i < viewHandler.settingsState.itemPaletteArr.length; i++) {
+    var itemPalette = viewHandler.settingsState.itemPaletteArr[i][1];
+    var paletteId = Number(itemPalette.id);
     var groupName = itemPalette.pairWithOptionsToGroup;
     if (groupName && itemPalette.visible) {
       if (!pairWithOptionsToGroup[groupName]) pairWithOptionsToGroup[groupName] = [];
@@ -121,7 +115,7 @@ var SettingsScroller = function SettingsScroller(_ref) {
     className: classnames(wcConfiguratorSettingsScroller, viewHandler.uiState.configSettingsIsExpanded ? expanded : undefined, viewHandler.uiState.configSettingsIsMinExpanded ? minExpanded : undefined),
     id: "wcConfigurator-settings-scroller",
     ref: settingsScrollerElement,
-    children: [!isInSubTabGroupContainer && (viewHandler.uiState.isInMobileView || viewHandler.settingsState.forceSettingsHeaderInScrollContainer) && /*#__PURE__*/jsx(SettingsHeaderContainer, {
+    children: [(viewHandler.uiState.isInMobileView || viewHandler.settingsState.forceSettingsHeaderInScrollContainer) && /*#__PURE__*/jsx(SettingsHeaderContainer, {
       isScroller: true
     }, (_viewHandler$tabGroup = (_viewHandler$tabGroup2 = viewHandler.tabGroupState.curTabGroup) === null || _viewHandler$tabGroup2 === void 0 ? void 0 : _viewHandler$tabGroup2.key) !== null && _viewHandler$tabGroup !== void 0 ? _viewHandler$tabGroup : 0), /*#__PURE__*/jsxs("div", {
       children: [itemPalettesArr.map(function (_ref2) {

package/build/esm/{index-38d3c407.js → index-ca097f9e.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-7a7f03dd.js';
+import './index-77e10fb9.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-3c964c2f.js → index-cc15e296.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-7a7f03dd.js';
+import './index-77e10fb9.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-dec3fa3d.js → index-cc449a5c.js}

@@ -1,6 +1,6 @@
-import { s as styleInject } from './index-7a7f03dd.js';
+import { s as styleInject } from './index-77e10fb9.js';
 import 'react';
-import OrbitInteractionStandard from './index-ace0ca16.js';
+import OrbitInteractionStandard from './index-dbc7db8a.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-b13da69e.js → index-ce29b8c9.js}

@@ -1,4 +1,4 @@
-import { a as usePlannerUIHandler } from './index-7a7f03dd.js';
+import { a as usePlannerUIHandler } from './index-77e10fb9.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-35cb77c0.js → index-d0f60635.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-7a7f03dd.js';
+import { s as styleInject, u as useViewHandler } from './index-77e10fb9.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import classnames from 'classnames';

package/build/esm/{index-dcf734ee.js → index-d1347197.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-7a7f03dd.js';
+import { u as useViewHandler } from './index-77e10fb9.js';
 import { useState } from 'react';
 import classnames from 'classnames';
 import { Vector2 } from '@crystaldesign/web-planner-logic';

package/build/esm/{index-9924f40a.js → index-d18e5dc8.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-7a7f03dd.js';
+import { s as styleInject, u as useViewHandler } from './index-77e10fb9.js';
 import 'react';
 import classnames from 'classnames';
-import StepInfo from './index-12c80a4c.js';
-import SettingsHeader from './index-e1320f3e.js';
-import ReplaceSwitch from './index-35cb77c0.js';
+import StepInfo from './index-e6d4b550.js';
+import SettingsHeader from './index-f92eaac0.js';
+import ReplaceSwitch from './index-d0f60635.js';
 import { observer } from 'mobx-react-lite';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-c06c8cbb.js → index-d39fd43c.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-7a7f03dd.js';
+import { u as useViewHandler } from './index-77e10fb9.js';
 import { useState } from 'react';
 import { observer } from 'mobx-react-lite';
-import { s as svgWrapper } from './index.module-a9105a15.js';
+import { s as svgWrapper } from './index.module-2cb033b7.js';
 import classnames from 'classnames';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-e172408b.js → index-d4282d6e.js}

@@ -1,9 +1,9 @@
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { a as usePlannerUIHandler } from './index-7a7f03dd.js';
+import { a as usePlannerUIHandler } from './index-77e10fb9.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import Outline3D from './index-3a7ff8ea.js';
-import ItemsContainer from './index-abcbe0af.js';
+import Outline3D from './index-3971fdbf.js';
+import ItemsContainer from './index-d83cb318.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-54e39b3a.js';
-import './index-857c7497.js';
-import './index-b95f9c15.js';
-import './index-5e030fc2.js';
-import './index-b66345d0.js';
-import './index-b34397bf.js';
-import './index-b766e2a9.js';
-import './index-b13da69e.js';
-import './index-1c8a2f2b.js';
-import './index-8a13f6ad.js';
-import './index-dcf734ee.js';
+import './index-3bccaa6d.js';
+import './index-74695f8d.js';
+import './index-bf446ed7.js';
+import './index-8f7a3a82.js';
+import './index-f6fc9fae.js';
+import './index-faae2953.js';
+import './index-fe67fcdf.js';
+import './index-ce29b8c9.js';
+import './index-c0c7833c.js';
+import './index-69be2201.js';
+import './index-d1347197.js';
 import 'react-draggable';
-import './index-bbf76589.js';
-import './index-27eaf52c.js';
-import './index-217d109c.js';
+import './index-36d8d782.js';
+import './index-59e86ac6.js';
+import './index-78bfd015.js';
 
 var PlannerUI = function PlannerUI(_ref) {
   var plannerUIProps = _ref.plannerUIProps;

package/build/esm/{index-0fea1400.js → index-d63d86cb.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-7a7f03dd.js';
+import { s as styleInject, u as useViewHandler } from './index-77e10fb9.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import classnames from 'classnames';

package/build/esm/{index-62c2ee46.js → index-d7d7d3fa.js}

@@ -1,11 +1,11 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-7a7f03dd.js';
+import { s as styleInject, u as useViewHandler } from './index-77e10fb9.js';
 import classnames from 'classnames';
-import Toggle from './index-a1c03c38.js';
+import Toggle from './index-6baf55c5.js';
 import { useState, useEffect } from 'react';
 import Dropdown from 'react-dropdown';
-import BasketActionSerious from './index-7e7b195c.js';
+import BasketActionSerious from './index-c71b0506.js';
 import { observer } from 'mobx-react-lite';
 import { useTranslation, DivaUtils } from '@crystaldesign/diva-core';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/{index-abcbe0af.js → index-d83cb318.js}

@@ -1,23 +1,23 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { a as usePlannerUIHandler, u as useViewHandler } from './index-7a7f03dd.js';
+import { a as usePlannerUIHandler, u as useViewHandler } from './index-77e10fb9.js';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import AVL from './index-54e39b3a.js';
-import AVR from './index-857c7497.js';
-import Outline from './index-b95f9c15.js';
-import RotationClockwise from './index-5e030fc2.js';
-import RotationCounterClockwise from './index-b66345d0.js';
-import Trash from './index-b34397bf.js';
-import { u as useDockingPointPositioning, I as ItemsDPAccContainer } from './index-b766e2a9.js';
+import AVL from './index-3bccaa6d.js';
+import AVR from './index-74695f8d.js';
+import Outline from './index-bf446ed7.js';
+import RotationClockwise from './index-8f7a3a82.js';
+import RotationCounterClockwise from './index-f6fc9fae.js';
+import Trash from './index-faae2953.js';
+import { u as useDockingPointPositioning, I as ItemsDPAccContainer } from './index-fe67fcdf.js';
 import { Vector2 } from '@crystaldesign/web-planner-logic';
-import PosNr from './index-1c8a2f2b.js';
-import BoxCopy from './index-8a13f6ad.js';
-import Move3DGrid from './index-dcf734ee.js';
-import Rotation3DGrid from './index-bbf76589.js';
+import PosNr from './index-c0c7833c.js';
+import BoxCopy from './index-69be2201.js';
+import Move3DGrid from './index-d1347197.js';
+import Rotation3DGrid from './index-36d8d782.js';
 import { getLogger } from '@crystaldesign/diva-core';
 import { DivaError } from '@crystaldesign/diva-utils';
-import ElementCopy from './index-27eaf52c.js';
-import DistanceToGround from './index-217d109c.js';
+import ElementCopy from './index-59e86ac6.js';
+import DistanceToGround from './index-78bfd015.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -29,7 +29,7 @@ import '@babel/runtime/helpers/createClass';
 import '@babel/runtime/helpers/toConsumableArray';
 import 'mobx';
 import 'classnames';
-import './index-b13da69e.js';
+import './index-ce29b8c9.js';
 import 'react-draggable';
 
 function usePosNrPositioning(_ref) {

package/build/esm/{index-3f513c51.js → index-dbae8eb6.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-7a7f03dd.js';
+import './index-77e10fb9.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-29acc72e.js → index-dbb7ee32.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-7a7f03dd.js';
+import { s as styleInject, u as useViewHandler } from './index-77e10fb9.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-ace0ca16.js → index-dbc7db8a.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-7a7f03dd.js';
+import { s as styleInject, u as useViewHandler } from './index-77e10fb9.js';
 import { useState, useEffect } from 'react';
 import OrbitControlElement from 'react-3d-cube-interaction';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-47b34ced.js → index-dc528ab0.js}

@@ -1,9 +1,9 @@
-import { u as useViewHandler } from './index-7a7f03dd.js';
+import { u as useViewHandler } from './index-77e10fb9.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import Collapsible from 'react-collapsible';
-import ConfigStep from './index-0fea1400.js';
-import Header from './index-2c9d5b4f.js';
+import ConfigStep from './index-d63d86cb.js';
+import Header from './index-5743cd66.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-51381896.js → index-dcabb032.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-7a7f03dd.js';
+import { s as styleInject, u as useViewHandler } from './index-77e10fb9.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import IsActive from './index-094d3785.js';
-import InfoIcon from './index-a6d98013.js';
+import IsActive from './index-c7d1583a.js';
+import InfoIcon from './index-58817133.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-36195851.js → index-df3fd1e7.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-7a7f03dd.js';
+import { s as styleInject, u as useViewHandler } from './index-77e10fb9.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import classnames from 'classnames';

package/build/esm/{index-12c488c8.js → index-dff479bd.js}

@@ -1,12 +1,12 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-7a7f03dd.js';
+import { s as styleInject } from './index-77e10fb9.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
 import Dropdown from 'react-dropdown';
-import RALFilter from './index-8ef00344.js';
-import Searchbar from './index-0d580082.js';
-import Arrow from './index-70be06bf.js';
+import RALFilter from './index-38cadf74.js';
+import Searchbar from './index-a69178b8.js';
+import Arrow from './index-8f8c8d0b.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -21,10 +21,10 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-2345308f.js';
-import './index-c2b5262a.js';
+import './index-6d56e5a5.js';
+import './index-17f8d841.js';
 import '@crystaldesign/content-box';
-import './index-36195851.js';
+import './index-df3fd1e7.js';
 
 var container = "container-sQHMr";
 var dropdownRoot = "Dropdown-root-elxKM";
@@ -116,7 +116,8 @@ var GroupDropdown = function GroupDropdown(_ref) {
         actDropdownValue = options[indexOfSelGroup];
         indexOfActGroup = indexOfSelGroup;
       } else if (indexOfSelGroup >= 0) {
-        actDropdownValue = options[indexOfSelGroup].items[indexOfSelGroupItem];
+        var _options$indexOfSelGr;
+        actDropdownValue = (_options$indexOfSelGr = options[indexOfSelGroup]) === null || _options$indexOfSelGr === void 0 || (_options$indexOfSelGr = _options$indexOfSelGr.items) === null || _options$indexOfSelGr === void 0 ? void 0 : _options$indexOfSelGr[indexOfSelGroupItem];
         var index = indexOfSelGroupItem;
         for (var _i = 0; _i < options.length && _i < indexOfSelGroup; _i++) {
           index = index + options[_i].items.length;

package/build/esm/{index-ca624089.js → index-e2012d5f.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-7a7f03dd.js';
+import { s as styleInject, u as useViewHandler } from './index-77e10fb9.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import classnames from 'classnames';
@@ -21,7 +21,7 @@ var wcConfiguratorAction = "wcConfigurator-action-1kRvz";
 var wcConfiguratorActionButton = "wcConfigurator-action-Button-uCk2M";
 var wcCheckoutButtonPrice = "wcCheckoutButtonPrice-S5Uqm";
 var wcCheckoutButtonText = "wcCheckoutButtonText-AKaeu";
-var css_248z = ".wcConfigurator-action-1kRvz {\n  background: rgba(242.2, 242.2, 242.2, 0.9);\n  transition: width 0.2s ease-in-out;\n}\n\n.wcConfigurator-action-Button-uCk2M {\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\n  -webkit-text-stroke: 0px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n}\n\n.wcConfigurator-action-Button-uCk2M:hover {\n  cursor: pointer;\n  transition: box-shadow 0.3s;\n\n  box-shadow: 0px 1px 4px #707070;\n}\n\n.wcConfigurator-settings-actions-isOnFirstStepDisabled-4PqCh .wcConfigurator-action-Button-uCk2M {\n  pointer-events: none;\n  background-color: #c25353;\n  border-color: #c25353;\n}\n\n.wcCheckoutButtonPrice-S5Uqm {\n  float: right;\n  margin-right: 10%;\n}\n.wcCheckoutButtonIcon-6TJQ5 {\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-1LGy8 .wcConfigurator-action-1kRvz {\n  /*auser In die Zusammenfassung wird ausgeblendet*/\n  display: none;\n}\n.landscape-1LGy8 .wcConfigurator-Settings-hidden-kvVds.wcConfigurator-settings-actions-isOnLastStep-BV9rP .wcConfigurator-action-1kRvz {\n  display: none;\n}\n\n.landscape-1LGy8 .wcConfigurator-action-1kRvz .wcConfigurator-action-Button-uCk2M {\n  line-height: var(--configuratorActionHeight);\n}\n.wcConfigurator-action-Button-uCk2M .wcCheckoutButtonText-AKaeu {\n  margin-top: 0px;\n}\n\n.landscape-1LGy8 .wcConfigurator-action-Button-uCk2M .wcCheckoutButtonText-AKaeu,\n.portrait-ySRAg .wcConfigurator-action-Button-uCk2M .wcCheckoutButtonText-AKaeu {\n  margin-top: 0px;\n}\n\n.wcCheckoutButtonText-AKaeu {\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";
+var css_248z = ".wcConfigurator-action-1kRvz {\n  background: rgba(242.2, 242.2, 242.2, 0.9);\n  transition: width 0.2s ease-in-out;\n}\n\n.wcConfigurator-action-Button-uCk2M {\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  flex-grow: 1;\n  -webkit-text-stroke: 0px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n}\n\n.wcConfigurator-action-Button-uCk2M:hover {\n  cursor: pointer;\n  transition: box-shadow 0.3s;\n\n  box-shadow: 0px 1px 4px #707070;\n}\n\n.wcConfigurator-settings-actions-isOnFirstStepDisabled-4PqCh .wcConfigurator-action-Button-uCk2M {\n  pointer-events: none;\n  background-color: #c25353;\n  border-color: #c25353;\n}\n\n.wcCheckoutButtonPrice-S5Uqm {\n  float: right;\n  margin-right: 10%;\n}\n.wcCheckoutButtonIcon-6TJQ5 {\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-1LGy8 .wcConfigurator-action-1kRvz {\n  /*auser In die Zusammenfassung wird ausgeblendet*/\n  display: none;\n}\n.landscape-1LGy8 .wcConfigurator-Settings-hidden-kvVds.wcConfigurator-settings-actions-isOnLastStep-BV9rP .wcConfigurator-action-1kRvz {\n  display: none;\n}\n\n.landscape-1LGy8 .wcConfigurator-action-1kRvz .wcConfigurator-action-Button-uCk2M {\n  line-height: var(--configuratorActionHeight);\n}\n.wcConfigurator-action-Button-uCk2M .wcCheckoutButtonText-AKaeu {\n  margin-top: 0px;\n}\n\n.landscape-1LGy8 .wcConfigurator-action-Button-uCk2M .wcCheckoutButtonText-AKaeu,\n.portrait-ySRAg .wcConfigurator-action-Button-uCk2M .wcCheckoutButtonText-AKaeu {\n  margin-top: 0px;\n}\n\n.wcCheckoutButtonText-AKaeu {\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";
 styleInject(css_248z);
 
 var BasketActionStandard = function BasketActionStandard(_ref) {

package/build/esm/{index-386be014.js → index-e2cfa326.js}

@@ -1,7 +1,7 @@
-import { s as styleInject, u as useViewHandler } from './index-7a7f03dd.js';
+import { s as styleInject, u as useViewHandler } from './index-77e10fb9.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
-import ToolContainer from './index-a02e399c.js';
+import ToolContainer from './index-8b21c7c5.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -17,47 +17,47 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-c0108746.js';
-import './index.module-70994389.js';
-import './index-0f7e6123.js';
-import './index-7d4b990f.js';
+import './index-075076a1.js';
+import './index.module-5323d538.js';
+import './index-0eccd809.js';
+import './index-b62476c0.js';
 import 'classnames';
-import './index-5ad53931.js';
+import './index-72c919a6.js';
 import 'react-collapsible';
-import './index-65292a5b.js';
-import './index-f822cd12.js';
-import './index.module-5a389956.js';
+import './index-0924bcb0.js';
+import './index-b3fca0bd.js';
+import './index.module-a24ee580.js';
 import 'react-json-view';
-import './index-75a3e82f.js';
-import './index.module-1b2ce477.js';
-import './index-5c82a352.js';
+import './index-5bdbf7cd.js';
+import './index.module-45212bcf.js';
+import './index-271e44d7.js';
 import 'jsoneditor';
-import './index-7cc6e08d.js';
-import './index-6ebfd486.js';
-import './index-50ec7095.js';
-import './index-bc74aa99.js';
-import './index-210c8d11.js';
-import './index.module-a9105a15.js';
-import './index-c06c8cbb.js';
-import './index-c85fe957.js';
-import './index-d8e03af5.js';
-import './index-af97dbeb.js';
+import './index-967f9e9d.js';
+import './index-75fe7570.js';
+import './index-8074f041.js';
+import './index-46db8646.js';
+import './index-fe64f4b4.js';
+import './index.module-2cb033b7.js';
+import './index-d39fd43c.js';
+import './index-5657175d.js';
+import './index-f79dd824.js';
+import './index-0584a8a9.js';
 import 'react-dropdown';
-import './index.module-bbfcb8a9.js';
-import './index-70be06bf.js';
-import './index-252f4346.js';
-import './index-e9c8ba1b.js';
-import './index-e5ffef2f.js';
-import './index-9446bf90.js';
-import './index-db4e8028.js';
-import './index-2bbea819.js';
-import './index-53007d13.js';
-import './index-a1c03c38.js';
+import './index.module-fa7a9c23.js';
+import './index-8f8c8d0b.js';
+import './index-69902d26.js';
+import './index-628f9315.js';
+import './index-a13e5886.js';
+import './index-31b4222a.js';
+import './index-5b35b234.js';
+import './index-5cce2cdc.js';
+import './index-69b3550b.js';
+import './index-6baf55c5.js';
 import 'react-switch';
-import './CatalogProperties-6ab07b96.js';
-import './ArticleProperties-59d57d35.js';
-import './OptionProperties-964682f0.js';
-import './OptionValueProperties-9acaa68b.js';
+import './CatalogProperties-f7a7c07e.js';
+import './ArticleProperties-b01fdd70.js';
+import './OptionProperties-7c8eb3b6.js';
+import './OptionValueProperties-1dfb623f.js';
 import 'react-select';
 
 var container = "container-43rJg";