@crystaldesign/diva-web-planner-react 24.9.0 → 24.9.1-rc.1

package/build/esm/{index-901b2290.js → index-43b966dd.js}

@@ -1,4 +1,4 @@
-import { a as usePlannerUIHandler } from './index-0f4d6158.js';
+import { a as usePlannerUIHandler } from './index-41a51e84.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-1361a0ca.js → index-43df972f.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-0f4d6158.js';
+import { s as styleInject } from './index-41a51e84.js';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { useState, useRef, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/{index-70435f1a.js → index-4587f46b.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-0f4d6158.js';
+import { s as styleInject, u as useViewHandler } from './index-41a51e84.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { useState, useEffect } from 'react';
 import classnames from 'classnames';

package/build/esm/{index-5753e812.js → index-466383d9.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-0f4d6158.js';
+import { s as styleInject, u as useViewHandler } from './index-41a51e84.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-b7cb5c5d.js → index-47ec2741.js}

@@ -1,10 +1,10 @@
-import { u as useViewHandler } from './index-0f4d6158.js';
+import { u as useViewHandler } from './index-41a51e84.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
-import { p as paletteItem, w as wcSize, a as wcSizeNormal, b as wcImage, t as textContainer, c as wcConfiguratorSettingsTitle } from './index.module-2c659ab2.js';
-import IsActive from './index-e5f9524f.js';
+import { p as paletteItem, w as wcSize, a as wcSizeNormal, b as wcImage, t as textContainer, c as wcConfiguratorSettingsTitle } from './index.module-b18f607d.js';
+import IsActive from './index-b33559e8.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-3eeb87ce.js → index-47f20e71.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler, a as usePlannerUIHandler } from './index-0f4d6158.js';
+import { s as styleInject, u as useViewHandler, a as usePlannerUIHandler } from './index-41a51e84.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/{index-f0ba6138.js → index-48989ae7.js}

@@ -1,19 +1,19 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-0f4d6158.js';
+import { s as styleInject, u as useViewHandler } from './index-41a51e84.js';
 import React, { useState, useEffect, Suspense } from 'react';
 import { observer } from 'mobx-react-lite';
 import sift from 'sift';
-import TextBox from './index-1f08220e.js';
-import ItemVariant from './index-a459bba2.js';
-import SettingsPaletteGroup from './index-6aed90c0.js';
-import ToggleOption from './index-e0138002.js';
-import GroupDropdown from './index-c3105350.js';
-import PromotedProducts from './index-94c4ff95.js';
-import ToggleName from './index-64bc25a5.js';
-import ProductList from './index-e05f90c9.js';
-import itemPaletteTypeComponentMap from './index-ff0ac3b8.js';
-import ItemWrapper from './index-3b769969.js';
+import TextBox from './index-235c035c.js';
+import ItemVariant from './index-c21ec55b.js';
+import SettingsPaletteGroup from './index-62c9f188.js';
+import ToggleOption from './index-ec9d3f17.js';
+import GroupDropdown from './index-0f300920.js';
+import PromotedProducts from './index-b84961dd.js';
+import ToggleName from './index-da22aa44.js';
+import ProductList from './index-97387e8e.js';
+import itemPaletteTypeComponentMap from './index-eb519261.js';
+import ItemWrapper from './index-1bf8b581.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 
 var collapsableInner = "collapsable-inner-YPvJa";
@@ -23,10 +23,10 @@ styleInject(css_248z);
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ShelfPlanner = /*#__PURE__*/React.lazy(function () {
-  return import('./index-806e5da1.js');
+  return import('./index-7d535fb7.js');
 });
 var DoorPlanner = /*#__PURE__*/React.lazy(function () {
-  return import('./index-5aed5d99.js');
+  return import('./index-be931e32.js');
 });
 var SettingsPaletteItem = function SettingsPaletteItem(_ref) {
   var _viewHandler$uiState$, _settingsSizes$gapDef, _settingsSizes$sizeDe, _viewHandler$uiState$2, _item$groups$;

package/build/esm/{index-2a86a4cb.js → index-499e28c1.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-0f4d6158.js';
+import './index-41a51e84.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-08c4f753.js → index-49c59a0a.js}

@@ -1,10 +1,10 @@
-import { u as useViewHandler } from './index-0f4d6158.js';
+import { u as useViewHandler } from './index-41a51e84.js';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
-import { w as wcNav3DToolbar, s as settingsHidden, l as landscape, p as portrait, a as wcZoomIn, b as wcZoomOut, c as wcViews, d as wcFullScreen, e as wc3DDimLine, f as wc3DGridPlannerMode, A as ArQrCodeIcon } from './index-3d22ffbb.js';
+import { w as wcNav3DToolbar, s as settingsHidden, l as landscape, p as portrait, a as wcZoomIn, b as wcZoomOut, c as wcViews, d as wcFullScreen, e as wc3DDimLine, f as wc3DGridPlannerMode, A as ArQrCodeIcon } from './index-09f86065.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import ProductRoomList from './index-295d348a.js';
+import ProductRoomList from './index-9fc8309a.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -19,9 +19,9 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'react-laag';
-import './index-5ecc3488.js';
+import './index-32fe2a49.js';
 import 'react-qr-code';
-import './index-6a102ac2.js';
+import './index-36a758bd.js';
 
 var NavBar = function NavBar() {
   var viewHandler = useViewHandler();

package/build/esm/{index-f4dcd070.js → index-4a3db2f7.js}

@@ -1,10 +1,10 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-0f4d6158.js';
+import { s as styleInject, u as useViewHandler } from './index-41a51e84.js';
 import { useRef, useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import RealTimeRenderer from '@crystaldesign/real-time-viewer';
-import { A as ArQrCodeIcon } from './index-3d22ffbb.js';
+import { A as ArQrCodeIcon } from './index-09f86065.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -18,10 +18,10 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'react-laag';
-import './index-5ecc3488.js';
+import './index-32fe2a49.js';
 import 'react-qr-code';
 import 'classnames';
-import './index-6a102ac2.js';
+import './index-36a758bd.js';
 
 var qrWrapper = "qr-wrapper-HRio6";
 var css_248z$1 = ".qr-wrapper-HRio6 {\n  z-index: 500;\n  margin: 0;\n  position: absolute;\n  bottom: 60px;\n  left: 14px;\n}\n";

package/build/esm/{index-c94f5e07.js → index-4b01ca93.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-0f4d6158.js';
+import { s as styleInject, u as useViewHandler } from './index-41a51e84.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import classnames from 'classnames';

package/build/esm/{index-55cc45a5.js → index-4c845cc0.js}

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

package/build/esm/{index-d1aa9572.js → index-4d229a63.js}

@@ -1,7 +1,7 @@
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-0f4d6158.js';
+import { s as styleInject, u as useViewHandler } from './index-41a51e84.js';
 import { useRef, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';

package/build/esm/{index-fa1924fb.js → index-4d7d9c6f.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-0f4d6158.js';
+import { s as styleInject, u as useViewHandler } from './index-41a51e84.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
-import { g as getIconOfTabGroup } from './IconHandler-ce77b79d.js';
+import { g as getIconOfTabGroup } from './IconHandler-b7ba2604.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-ca13f54b.js → index-4d823134.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-0f4d6158.js';
+import './index-41a51e84.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ActionNavigation from './index-1a70c175.js';
+import ActionNavigation from './index-e0563951.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-74e7e21e.js → index-4fbbdb7a.js}

@@ -1,8 +1,8 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { u as useViewHandler } from './index-0f4d6158.js';
+import { u as useViewHandler } from './index-41a51e84.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
-import { r as reactJson, a as reactJsonExpanded } from './index.module-4b06bc63.js';
+import { r as reactJson, a as reactJsonExpanded } from './index.module-27d3d760.js';
 import classnames from 'classnames';
 import ReactJson from 'react-json-view';
 import { jsx, Fragment } from 'react/jsx-runtime';

package/build/esm/{index-f906e4fe.js → index-53b8812d.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-0f4d6158.js';
+import { s as styleInject } from './index-41a51e84.js';
 import { useState, useEffect } from 'react';
-import Toggle from './index-32b83db4.js';
+import Toggle from './index-84f276ab.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
 var wrapper = "wrapper-i5mp2";

package/build/esm/{index-0f52fb6b.js → index-543e920a.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-0f4d6158.js';
+import { s as styleInject, u as useViewHandler } from './index-41a51e84.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-6d26c453.js → index-54e256dc.js}

@@ -2,7 +2,7 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-0f4d6158.js';
+import { s as styleInject, u as useViewHandler } from './index-41a51e84.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
 import { ContentBoxComponent } from '@crystaldesign/content-box';

package/build/esm/{index-a21b2321.js → index-56de201a.js}

@@ -1,4 +1,4 @@
-import './index-0f4d6158.js';
+import './index-41a51e84.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-d2a10b85.js → index-5a76e37c.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-0f4d6158.js';
+import './index-41a51e84.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-765a2f4d.js → index-5afba8ae.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-0f4d6158.js';
+import { s as styleInject, u as useViewHandler } from './index-41a51e84.js';
 import 'react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-2e79651f.js → index-5b80a8fc.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-0f4d6158.js';
+import './index-41a51e84.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-6f9f9c15.js → index-5d365f21.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-0f4d6158.js';
+import { s as styleInject, u as useViewHandler } from './index-41a51e84.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-978bee5f.js → index-5e113409.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-0f4d6158.js';
+import { s as styleInject, u as useViewHandler } from './index-41a51e84.js';
 import { useRef, useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';

package/build/esm/{index-b0e57ff3.js → index-5e3e8390.js}

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-0f4d6158.js';
+import { s as styleInject } from './index-41a51e84.js';
 import 'react';
-import SettingsItemHeader from './index-663a7d47.js';
+import SettingsItemHeader from './index-140836bb.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -17,31 +17,31 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'mobx-react-lite';
 import 'classnames';
-import './index-a3193241.js';
-import './index-376d8c9e.js';
+import './index-747fa9cc.js';
+import './index-3e7bd0d5.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-124f3516.js';
+import './index-921055ef.js';
 import 'react-dropdown';
-import './index-8e0997b7.js';
-import './index-a93732dd.js';
+import './index-fff75034.js';
+import './index-edb890f7.js';
 import '@crystaldesign/content-box';
-import './index-e46e852f.js';
-import './index-7579bd26.js';
-import './index-d08d6f36.js';
-import './index-32b83db4.js';
+import './index-3e2ea25f.js';
+import './index-24dddb80.js';
+import './index-bbf8222b.js';
+import './index-84f276ab.js';
 import 'react-switch';
-import './index-ad263e92.js';
-import './index-7e807ae6.js';
-import './index-294047e7.js';
-import './index-d2f28dad.js';
-import './index.module-a01abf66.js';
-import './index-d66207b4.js';
-import './index-33f96c9e.js';
-import './index-79351be0.js';
+import './index-1c1c1228.js';
+import './index-1b6f5291.js';
+import './index-aff14e9c.js';
+import './index-a20e4ed2.js';
+import './index.module-4e6b1494.js';
+import './index-809d8bf3.js';
+import './index-83522912.js';
+import './index-9ef7600b.js';
 import 'react-laag';
-import './index-dd39d0ab.js';
-import './index-4bc5d7b5.js';
-import './index-70435f1a.js';
+import './index-096b82d7.js';
+import './index-afce2523.js';
+import './index-4587f46b.js';
 
 var settingsHeaderContainer = "settingsHeaderContainer-K1WNg";
 var settingsHeaderTitle = "settingsHeaderTitle-q5bnF";

package/build/esm/{index-fd601105.js → index-5ed04df9.js}

@@ -1,10 +1,10 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-0f4d6158.js';
+import './index-41a51e84.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
-import ArticleOverview from './index-e72d9acc.js';
-import SVGViewer from './index-52b479b6.js';
+import ArticleOverview from './index-cf3d6fa5.js';
+import SVGViewer from './index-6a9d5809.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -18,14 +18,14 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index.module-e5fe815b.js';
-import './index.module-4b06bc63.js';
+import './index.module-aa721e6a.js';
+import './index.module-27d3d760.js';
 import 'classnames';
-import './index.module-3a747ef2.js';
+import './index.module-cf29d2cc.js';
 import 'react-collapsible';
-import './index-81ed2559.js';
-import './index.module-24948e75.js';
-import './index-6e3ebb21.js';
+import './index-92af8b9d.js';
+import './index.module-7306674f.js';
+import './index-3849f95d.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-b314d400.js → index-616ca2e6.js}

@@ -1,11 +1,11 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-0f4d6158.js';
+import { s as styleInject, u as useViewHandler } from './index-41a51e84.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import ProductHeaderFunction from './index-8cb8b8cf.js';
-import CreateCache from './index-b6215742.js';
+import ProductHeaderFunction from './index-6fbff2e4.js';
+import CreateCache from './index-b626d6cb.js';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -19,7 +19,7 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index.module-d4fad0a3.js';
+import './index.module-1d404348.js';
 
 var wrapper = "wrapper-y4VmL";
 var wcConfiguratorProductHeader = "wcConfiguratorProductHeader-W1oWZ";

package/build/esm/{index-68de691d.js → index-62199475.js}

@@ -1,10 +1,10 @@
 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-0f4d6158.js';
+import { s as styleInject, u as useViewHandler } from './index-41a51e84.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
-import StepInfo from './index-616b5235.js';
+import StepInfo from './index-d8e1d3c1.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-6aed90c0.js → index-62c9f188.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-0f4d6158.js';
+import './index-41a51e84.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-c795d7a1.js → index-65aa04f5.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-0f4d6158.js';
+import { s as styleInject } from './index-41a51e84.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-e9ea32b5.js → index-66889a25.js}

@@ -1,10 +1,10 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-0f4d6158.js';
+import { u as useViewHandler } from './index-41a51e84.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-cbbabc72.js';
-import Arrow from './index-8e0997b7.js';
+import { w as wrapper, d as dropdownRoot, a as dropdownControl } from './index.module-219d7452.js';
+import Arrow from './index-fff75034.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-17bd6217.js → index-67fce386.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-0f4d6158.js';
+import { s as styleInject, u as useViewHandler } from './index-41a51e84.js';
 import { observer } from 'mobx-react-lite';
 import { useEffect } from 'react';
 import classnames from 'classnames';

package/build/esm/{index-5ce7c858.js → index-67fd3a60.js}

@@ -1,9 +1,9 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-0f4d6158.js';
+import './index-41a51e84.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ArticleOverview from './index-e72d9acc.js';
-import JsonViewer from './index-74e7e21e.js';
+import ArticleOverview from './index-cf3d6fa5.js';
+import JsonViewer from './index-4fbbdb7a.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -17,10 +17,10 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index.module-e5fe815b.js';
-import './index.module-4b06bc63.js';
+import './index.module-aa721e6a.js';
+import './index.module-27d3d760.js';
 import 'classnames';
-import './index.module-3a747ef2.js';
+import './index.module-cf29d2cc.js';
 import 'react-collapsible';
 import 'react-json-view';
 

package/build/esm/{index-d46c97ca.js → index-688eeab0.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler } from './index-0f4d6158.js';
+import { u as useViewHandler } from './index-41a51e84.js';
 import 'react';
 import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';
-import ShelfDeleteButton from './index-fe67f889.js';
+import ShelfDeleteButton from './index-e6739b5e.js';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-d0e0beb5.js → index-68fdc33e.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-0f4d6158.js';
+import './index-41a51e84.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-52b479b6.js → index-6a9d5809.js}

@@ -1,8 +1,8 @@
-import './index-0f4d6158.js';
+import './index-41a51e84.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import SVGOverview from './index-81ed2559.js';
-import SVGSourceViewer from './index-6e3ebb21.js';
+import SVGOverview from './index-92af8b9d.js';
+import SVGSourceViewer from './index-3849f95d.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -17,7 +17,7 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index.module-24948e75.js';
+import './index.module-7306674f.js';
 import 'classnames';
 
 var index = function index(props) {

package/build/esm/{index-e0cd9c13.js → index-6ee1901d.js}

@@ -1,5 +1,5 @@
 import _typeof from '@babel/runtime/helpers/typeof';
-import { s as styleInject } from './index-0f4d6158.js';
+import { s as styleInject } from './index-41a51e84.js';
 import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
 import 'react';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';

package/build/esm/{index-8cb8b8cf.js → index-6fbff2e4.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-0f4d6158.js';
+import './index-41a51e84.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-915fc03a.js → index-6fe21a51.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-0f4d6158.js';
+import './index-41a51e84.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-a3193241.js → index-747fa9cc.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-0f4d6158.js';
+import { s as styleInject, u as useViewHandler } from './index-41a51e84.js';
 import 'react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-b33968e5.js → index-7899f8d9.js}

@@ -3,7 +3,7 @@ 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-0f4d6158.js';
+import { s as styleInject, u as useViewHandler } from './index-41a51e84.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';