@crystaldesign/diva-web-planner-react 25.5.0-rc.23 → 25.5.0-rc.25

package/build/esm/{index-e94db577.js → index-f91ae121.js}

@@ -1,10 +1,11 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-bcde3532.js';
+import { u as useViewHandler, _ as _onClickCheckout, I as Icon } from './index-6db6c84f.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
+import { w as wcConfiguratorSettingsActions, i as isOnFirstStep, a as isOnFirstStepDisabled, b as isOnLastStep, v as vertical, p as portrait, l as landscape, d as container, e as button, f as back, c as checkoutButton, g as forth } from './index.module-a76d98f0.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/asyncToGenerator';
@@ -21,29 +22,17 @@ import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@crystaldesign/widget-contact-form';
 
-var wcConfiguratorSettingsActions = "wcConfigurator-settings-actions-7Gl-H";
-var container = "container-1HnE3";
-var vertical = "vertical-b9yq0";
-var button = "button-iKgxi";
-var back = "back-iTC3X";
-var forth = "forth-mornI";
-var isOnFirstStepDisabled = "isOnFirstStepDisabled--ZJX1";
-var isOnLastStep = "isOnLastStep-f7nk8";
-var isOnFirstStep = "isOnFirstStep-D7seC";
-var landscape = "landscape-RR2TR";
-var portrait = "portrait-XTm5H";
-var css_248z = "/*Navigaton Buttons*/\n.wcConfigurator-settings-actions-7Gl-H {\n  transition: width 0.2s ease-in-out;\n}\n\n.container-1HnE3 {\n  height: 100%;\n  font-weight: 300;\n  font-size: 14px;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  width: 100%;\n}\n.vertical-b9yq0 .container-1HnE3 {\n  line-height: var(--configuratorActionHeight);\n}\n\n.button-iKgxi {\n  border-radius: var(--globalBorderRadius);\n  height: 100%;\n  text-align: center;\n}\n\n.back-iTC3X {\n  border: 1px var(--secondaryColor) solid;\n  border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n  background-color: white;\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.forth-mornI {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  background-color: var(--navigateForth, var(--secondaryColor));\n  color: #ffffff;\n  color: var(--navigateForthFontColor, #ffffff);\n  float: right;\n  width: var(--configuratorActionForthWidth);\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.back-iTC3X:hover,\n.forth-mornI:hover {\n  cursor: pointer;\n  box-shadow: var(--boxShadowHover);\n}\n.forth-mornI svg {\n  transform: rotate(180deg);\n  position: absolute;\n  right: 16px;\n}\n\n.isOnFirstStepDisabled--ZJX1 .forth-mornI {\n  pointer-events: none;\n  background-color: #707070;\n  background-color: var(--navigateForth, #707070);\n  border-color: #707070;\n}\n\n.isOnLastStep-f7nk8 .back-iTC3X {\n  width: 100%;\n}\n\n.isOnLastStep-f7nk8 .forth-mornI {\n  display: none;\n}\n\n.isOnFirstStep-D7seC .back-iTC3X {\n  display: none;\n}\n\n.isOnFirstStep-D7seC .forth-mornI {\n  width: 100%;\n}\n\n.landscape-RR2TR .button-iKgxi,\n.portrait-XTm5H .button-iKgxi {\n  line-height: calc(var(--configuratorActionHeight) - 5px);\n  border-radius: var(--globalBorderRadius);\n}\n";
-styleInject(css_248z);
-
-var _excluded = ["className", "showBackButtonText", "backOverwrite", "forthOverwrite", "showNextButtonIcon"];
+var _excluded = ["className", "showBackButtonText", "backOverwrite", "forthOverwrite", "showNextButtonIcon", "showCheckoutButtons"];
 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 ActionNavigation = function ActionNavigation(_ref) {
+  var _viewHandler$getViewC;
   var className = _ref.className,
     showBackButtonText = _ref.showBackButtonText,
     backOverwrite = _ref.backOverwrite,
     forthOverwrite = _ref.forthOverwrite,
     showNextButtonIcon = _ref.showNextButtonIcon,
+    showCheckoutButtons = _ref.showCheckoutButtons,
     props = _objectWithoutProperties(_ref, _excluded);
   var viewHandler = useViewHandler();
   var _useTranslation = useTranslation(),
@@ -70,7 +59,19 @@ var ActionNavigation = function ActionNavigation(_ref) {
               strokeLinejoin: "round"
             })
           }), showBackButtonText && t('configurator.Back')]
-        }), /*#__PURE__*/jsxs("div", {
+        }), showCheckoutButtons && ((_viewHandler$getViewC = viewHandler.getViewConfig().checkout) === null || _viewHandler$getViewC === void 0 ? void 0 : _viewHandler$getViewC.buttons.map(function (b, index) {
+          if (!evalVisible(b, viewHandler)) return /*#__PURE__*/jsx(Fragment, {});
+          return /*#__PURE__*/jsx("div", {
+            className: checkoutButton,
+            onClick: function onClick() {
+              return _onClickCheckout(b, viewHandler, index, t);
+            },
+            children: /*#__PURE__*/jsx(Icon, {
+              checkoutButton: b,
+              size: 40
+            })
+          }, index);
+        })), /*#__PURE__*/jsxs("div", {
           className: classnames(button, forth, forthOverwrite),
           onClick: viewHandler.actionButtonState.onClickConfiguratorSettingsForth,
           id: "wcConfigurator-action-next",
@@ -94,5 +95,11 @@ var ActionNavigation = function ActionNavigation(_ref) {
   });
 };
 var ActionNavigation$1 = observer(ActionNavigation);
+var evalVisible = function evalVisible(button, viewHandler) {
+  var rule = button.visibleNavigatorFunction;
+  if (button.visibleRule && !eval(button.visibleRule)) return false;
+  if (rule === false || rule === undefined) return false;
+  return rule === true || viewHandler.uiState.isMobileLandscape && rule.includes('MOBILE_L') || viewHandler.uiState.isMobilePortrait && rule.includes('MOBILE_P') || !viewHandler.getIsInMobileView() && rule.includes('DESKTOP');
+};
 
 export { ActionNavigation$1 as default };

package/build/esm/{index-cb4ad328.js → index-faa26a84.js}

@@ -1,23 +1,23 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { a as usePlannerUIHandler, u as useViewHandler } from './index-bcde3532.js';
+import { a as usePlannerUIHandler, u as useViewHandler } from './index-6db6c84f.js';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import AVL from './index-bcf5b12c.js';
-import AVR from './index-27b5bf29.js';
-import Outline from './index-5d325da0.js';
-import RotationClockwise from './index-b007ff74.js';
-import RotationCounterClockwise from './index-8cb6237d.js';
-import Trash from './index-e0dfec47.js';
-import { u as useDockingPointPositioning, I as ItemsDPAccContainer } from './index-45dfe743.js';
+import AVL from './index-df7b72a5.js';
+import AVR from './index-bb558880.js';
+import Outline from './index-186cc883.js';
+import RotationClockwise from './index-76f4384c.js';
+import RotationCounterClockwise from './index-bc3d2fc5.js';
+import Trash from './index-e70c71eb.js';
+import { u as useDockingPointPositioning, I as ItemsDPAccContainer } from './index-fe29f8a8.js';
 import { Vector2 } from '@crystaldesign/web-planner-logic';
-import PosNr from './index-acfd7a40.js';
-import BoxCopy from './index-c6ba4d63.js';
-import Move3DGrid from './index-ce544e4e.js';
-import Rotation3DGrid from './index-b8f05f84.js';
+import PosNr from './index-fef3caca.js';
+import BoxCopy from './index-3136a381.js';
+import Move3DGrid from './index-5a2e70a8.js';
+import Rotation3DGrid from './index-f0ab271d.js';
 import { getLogger } from '@crystaldesign/diva-core';
 import { DivaError } from '@crystaldesign/diva-utils';
-import ElementCopy from './index-0a0c408c.js';
-import DistanceToGround from './index-888b050f.js';
+import ElementCopy from './index-a7e87ac2.js';
+import DistanceToGround from './index-f06dc207.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -33,7 +33,7 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@crystaldesign/widget-contact-form';
-import './index-3a2ead59.js';
+import './index-df5f4805.js';
 import 'react-draggable';
 
 function usePosNrPositioning(_ref) {

package/build/esm/{index-173c45ba.js → index-fb223e4b.js}

@@ -1,17 +1,17 @@
-import { u as useViewHandler } from './index-bcde3532.js';
+import { u as useViewHandler } from './index-6db6c84f.js';
 import { observer } from 'mobx-react-lite';
 import React, { Suspense } from 'react';
-import Planner2DGrid from './index-1548d563.js';
-import Planner3DImage from './index-ebf44700.js';
-import { w as wcConfiguratorProductCenter, p as portrait, l as landscape, s as settingsHidden, i as inGridVisible, f as fullscreen, a as wcConfiguratorArticleImage, c as center, b as foldback, d as foldbackLeft, e as foldup } from './index.module-192c408b.js';
+import Planner2DGrid from './index-617911b4.js';
+import Planner3DImage from './index-a461e15f.js';
+import { w as wcConfiguratorProductCenter, p as portrait, l as landscape, s as settingsHidden, i as inGridVisible, f as fullscreen, a as wcConfiguratorArticleImage, c as center, b as foldback, d as foldbackLeft, e as foldup } from './index.module-3dabecf8.js';
 import classnames from 'classnames';
-import Planner3DGrid from './index-584a04c6.js';
-import PlannerMsgContainer from './index-fa09e109.js';
-import PlannerUIVariant from './index-44e1260e.js';
-import RotateInfo from './index-b02af956.js';
-import PromotedOpvs from './index-3e7b0826.js';
-import OrbitInteraction from './index-185149d3.js';
-import MobileNavIcons from './index-a4858cf5.js';
+import Planner3DGrid from './index-49e796e9.js';
+import PlannerMsgContainer from './index-670904fa.js';
+import PlannerUIVariant from './index-737f3793.js';
+import RotateInfo from './index-4d2be0ff.js';
+import PromotedOpvs from './index-9c2df77a.js';
+import OrbitInteraction from './index-2f073980.js';
+import MobileNavIcons from './index-334d0063.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -30,20 +30,20 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@crystaldesign/widget-contact-form';
-import './index-7bc068e4.js';
-import './index-d5b6872b.js';
+import './index-b41fb9ca.js';
+import './index-3103126d.js';
 import '@crystaldesign/content-box';
-import './index-56ba704e.js';
+import './index-4ec63250.js';
 import 'react-laag';
-import './index-943a1113.js';
+import './index-b85cd069.js';
 import 'react-qr-code';
-import './index-d620668b.js';
+import './index-6e26a74d.js';
 
 var Planner3D = /*#__PURE__*/React.lazy(function () {
-  return import('./index-9ae35054.js');
+  return import('./index-3639aa7a.js');
 });
 var PlannerRTV = /*#__PURE__*/React.lazy(function () {
-  return import('./index-97151477.js');
+  return import('./index-77259579.js');
 });
 var ProductCenter = function ProductCenter(_ref) {
   var style = _ref.style,

package/build/esm/{index-ef6a60a0.js → index-fcafd1bc.js}

@@ -3,14 +3,14 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-bcde3532.js';
+import { s as styleInject, u as useViewHandler } from './index-6db6c84f.js';
 import { useState, useEffect } from 'react';
-import { n as notExpanded } from './index.module-914bf73e.js';
+import { n as notExpanded } from './index.module-368fd7f0.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { DivaUtils } from '@crystaldesign/diva-core';
-import './react-json-viewer-d8e4aafc.js';
-import { D as DecisionVisualization } from './DecisionVizualizer-68d23ba8.js';
+import './react-json-viewer-38821365.js';
+import { D as DecisionVisualization } from './DecisionVizualizer-4aa5d3b1.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-3c990880.js → index-fe0805f9.js}

@@ -4,15 +4,15 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { u as useViewHandler } from './index-bcde3532.js';
+import { u as useViewHandler } from './index-6db6c84f.js';
 import { useState, useEffect } from 'react';
-import { n as notExpanded } from './index.module-914bf73e.js';
-import { s as scrollable, h as header, f as filter, t as table, c as column, d as decision, D as DecisionVisualization } from './DecisionVizualizer-68d23ba8.js';
+import { n as notExpanded } from './index.module-368fd7f0.js';
+import { s as scrollable, h as header, f as filter, t as table, c as column, d as decision, D as DecisionVisualization } from './DecisionVizualizer-4aa5d3b1.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { DivaUtils } from '@crystaldesign/diva-core';
-import './react-json-viewer-d8e4aafc.js';
-import ArticleSelector from './index-dd2e869b.js';
+import './react-json-viewer-38821365.js';
+import ArticleSelector from './index-45296f54.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-45dfe743.js → index-fe29f8a8.js}

@@ -1,7 +1,7 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { a as usePlannerUIHandler } from './index-bcde3532.js';
+import { a as usePlannerUIHandler } from './index-6db6c84f.js';
 import { useState } from 'react';
-import DPACC from './index-3a2ead59.js';
+import DPACC from './index-df5f4805.js';
 import { Vector2 } from '@crystaldesign/web-planner-logic';
 import { jsx, Fragment } from 'react/jsx-runtime';
 

package/build/esm/{index-acfd7a40.js → index-fef3caca.js}

@@ -1,4 +1,4 @@
-import { u as useViewHandler } from './index-bcde3532.js';
+import { u as useViewHandler } from './index-6db6c84f.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-276b34c8.js → index-fffe7e92.js}

@@ -1,10 +1,10 @@
-import { s as styleInject, u as useViewHandler } from './index-bcde3532.js';
+import { s as styleInject, u as useViewHandler } from './index-6db6c84f.js';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import ArQrCodeIcon from './index-56ba704e.js';
-import ProductRoomList from './index-89331843.js';
+import ArQrCodeIcon from './index-4ec63250.js';
+import ProductRoomList from './index-dfdc12c2.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -23,9 +23,9 @@ import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@crystaldesign/widget-contact-form';
 import 'react-laag';
-import './index-943a1113.js';
+import './index-b85cd069.js';
 import 'react-qr-code';
-import './index-d620668b.js';
+import './index-6e26a74d.js';
 
 var wcNav3DToolbar = "wc_Nav3DToolbar-5t7Cu";
 var settingsHidden = "settings-hidden-xs6Vf";

package/build/esm/index.js

@@ -1,5 +1,5 @@
 import '@babel/runtime/helpers/defineProperty';
-export { W as WebPlannerReact, c as default } from './index-bcde3532.js';
+export { W as WebPlannerReact, c as default } from './index-6db6c84f.js';
 import 'react';
 import '@crystaldesign/diva-core';
 import 'react/jsx-runtime';

package/build/esm/{index.module-db6d2ff2.js → index.module-130fe97d.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-bcde3532.js';
+import { s as styleInject } from './index-6db6c84f.js';
 
 var row = "row-2sbo5";
 var colum = "colum-bfgmE";

package/build/esm/{index.module-ace22123.js → index.module-33e213b0.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-bcde3532.js';
+import { s as styleInject } from './index-6db6c84f.js';
 
 var table = "table-bUPL7";
 var column = "column-MtERL";

package/build/esm/{index.module-914bf73e.js → index.module-368fd7f0.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-bcde3532.js';
+import { s as styleInject } from './index-6db6c84f.js';
 
 var wholeWrapper = "whole-wrapper-5OM64";
 var notExpanded = "not-expanded-A0UYP";

package/build/esm/{index.module-192c408b.js → index.module-3dabecf8.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-bcde3532.js';
+import { s as styleInject } from './index-6db6c84f.js';
 
 var wcConfiguratorProductCenter = "wcConfigurator-product-center-T-Vr3";
 var landscape = "landscape-mjn27";

package/build/esm/{index.module-2f49c9f7.js → index.module-41e6b719.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-bcde3532.js';
+import { s as styleInject } from './index-6db6c84f.js';
 
 var svgWrapper = "svg-wrapper-hvaq9";
 var table = "table-GRFj-";

package/build/esm/{index.module-35445f7d.js → index.module-63e2df13.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-bcde3532.js';
+import { s as styleInject } from './index-6db6c84f.js';
 
 var box = "box-vVSPN";
 var boxSelected = "boxSelected-HZqUZ";

package/build/esm/{index.module-56d6bdde.js → index.module-66edbb96.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-bcde3532.js';
+import { s as styleInject } from './index-6db6c84f.js';
 
 var wcUi2DOutlineDraggable = "wcUI2D_Outline_Draggable-MP-7N";
 var wcUi2DOutlineSelectable = "wcUI2D_Outline_Selectable--NB0c";

package/build/esm/{index.module-234dec9a.js → index.module-739e67a8.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-bcde3532.js';
+import { s as styleInject } from './index-6db6c84f.js';
 
 var wcBoxPlannerAddElement = "wcBoxPlanner_AddElement-LWKJQ";
 var wcBoxPlannerAddElementLeft = "wcBoxPlanner_AddElementLeft-sCzAl";

package/build/esm/{index.module-b926510c.js → index.module-8d3c785f.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-bcde3532.js';
+import { s as styleInject } from './index-6db6c84f.js';
 
 var wcFunctionsToolbar = "wcFunctionsToolbar-33mKP";
 var mobile = "mobile--gThy";

package/build/esm/index.module-a76d98f0.js

@@ -0,0 +1,18 @@
+import { s as styleInject } from './index-6db6c84f.js';
+
+var wcConfiguratorSettingsActions = "wcConfigurator-settings-actions-7Gl-H";
+var container = "container-1HnE3";
+var vertical = "vertical-b9yq0";
+var button = "button-iKgxi";
+var checkoutButton = "checkoutButton-iSDmb";
+var back = "back-iTC3X";
+var forth = "forth-mornI";
+var isOnFirstStepDisabled = "isOnFirstStepDisabled--ZJX1";
+var isOnLastStep = "isOnLastStep-f7nk8";
+var isOnFirstStep = "isOnFirstStep-D7seC";
+var landscape = "landscape-RR2TR";
+var portrait = "portrait-XTm5H";
+var css_248z = "/*Navigaton Buttons*/\n.wcConfigurator-settings-actions-7Gl-H {\n  transition: width 0.2s ease-in-out;\n}\n\n.container-1HnE3 {\n  height: 100%;\n  font-weight: 300;\n  font-size: 14px;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  width: 100%;\n  display: flex;\n  gap: 3px;\n}\n.vertical-b9yq0 .container-1HnE3 {\n  line-height: var(--configuratorActionHeight);\n}\n\n.button-iKgxi {\n  border-radius: var(--globalBorderRadius);\n  height: 100%;\n  text-align: center;\n}\n\n.checkoutButton-iSDmb {\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.back-iTC3X {\n  border: 1px var(--secondaryColor) solid;\n  border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n  background-color: white;\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.forth-mornI {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  background-color: var(--navigateForth, var(--secondaryColor));\n  color: #ffffff;\n  color: var(--navigateForthFontColor, #ffffff);\n  float: right;\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-grow: 3;\n}\n\n.back-iTC3X:hover,\n.forth-mornI:hover {\n  cursor: pointer;\n  box-shadow: var(--boxShadowHover);\n}\n.forth-mornI svg {\n  transform: rotate(180deg);\n  position: absolute;\n  right: 16px;\n}\n\n.isOnFirstStepDisabled--ZJX1 .forth-mornI {\n  pointer-events: none;\n  background-color: #707070;\n  background-color: var(--navigateForth, #707070);\n  border-color: #707070;\n}\n\n.isOnLastStep-f7nk8 .back-iTC3X {\n  width: 100%;\n}\n\n.isOnLastStep-f7nk8 .forth-mornI {\n  display: none;\n}\n\n.isOnFirstStep-D7seC .back-iTC3X {\n  display: none;\n}\n\n.isOnFirstStep-D7seC .forth-mornI {\n  width: 100%;\n}\n\n.landscape-RR2TR .button-iKgxi,\n.portrait-XTm5H .button-iKgxi {\n  line-height: calc(var(--configuratorActionHeight) - 5px);\n  border-radius: var(--globalBorderRadius);\n}\n";
+styleInject(css_248z);
+
+export { isOnFirstStepDisabled as a, isOnLastStep as b, checkoutButton as c, container as d, button as e, back as f, forth as g, isOnFirstStep as i, landscape as l, portrait as p, vertical as v, wcConfiguratorSettingsActions as w };

package/build/esm/{index.module-6475e1f6.js → index.module-d18ba309.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-bcde3532.js';
+import { s as styleInject } from './index-6db6c84f.js';
 
 var wcFavorite = "wcFavorite-WCYzN";
 var wcFavoriteSel = "wcFavorite_sel-Fww5G";

package/build/esm/{index.module-4d8850f7.js → index.module-e57a964d.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-bcde3532.js';
+import { s as styleInject } from './index-6db6c84f.js';
 
 var paletteItem = "PaletteItem-bhj8-";
 var sel = "sel-SyPrw";

package/build/esm/{index.module-a5f7b93a.js → index.module-ea4ce256.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-bcde3532.js';
+import { s as styleInject } from './index-6db6c84f.js';
 
 var wrapper = "wrapper-TcEZn";
 var dropdownRoot = "Dropdown-root-7zz-C";

package/build/esm/{react-json-viewer-d8e4aafc.js → react-json-viewer-38821365.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-bcde3532.js';
+import { s as styleInject } from './index-6db6c84f.js';
 
 var css_248z = "/* base styles */\n\n._GzYRV {\n  line-height: 1.2;\n  white-space: pre-wrap;\n  white-space: -moz-pre-wrap;\n  white-space: -pre-wrap;\n  white-space: -o-pre-wrap;\n  word-wrap: break-word;\n}\n\n._3eOF8 {\n  margin-right: 5px;\n  font-weight: bold;\n}\n\n._3eOF8 + ._3eOF8 {\n  margin-left: -5px;\n}\n\n._1MFti {\n  cursor: pointer;\n}\n\n._f10Tu {\n  font-size: 1.2em;\n  margin-right: 5px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n}\n\n._1UmXx::after {\n  content: '\\25B8';\n}\n\n._1LId0::after {\n  content: '\\25BE';\n}\n\n._1pNG9 {\n  margin-right: 5px;\n}\n\n._1pNG9::after {\n  content: '...';\n  font-size: 0.8em;\n}\n\n._2IvMF {\n  background: #eee;\n}\n\n._2bkNM {\n  margin: 0 10px;\n  padding: 0;\n}\n\n._2bkNM > ul {\n  margin: 0;\n  padding: 0;\n}\n\n/* default light style */\n._1MGIk {\n  font-weight: 600;\n  margin-right: 5px;\n  color: #000000;\n}\n\n._2YKJg {\n}\n\n._3uHL6 {\n  color: #000000;\n}\n\n._2T6PJ {\n  color: #df113a;\n}\n\n._1Gho6 {\n  color: #df113a;\n}\n\n._vGjyY {\n  color: rgb(42, 63, 60);\n}\n\n._1bQdo {\n  color: #0b75f5;\n}\n\n._3zQKs {\n  color: rgb(70, 144, 56);\n}\n\n._1xvuR {\n  color: #43413d;\n}\n\n._oLqym {\n  color: #000000;\n}\n\n._2AXVT {\n  color: #000000;\n}\n\n._2KJWg {\n  color: #000000;\n}\n\n/* default dark style */\n._11RoI {\n  background: rgb(0, 43, 54);\n}\n\n._17H2C {\n  color: rgb(253, 246, 227);\n}\n\n._3QHg2 {\n  color: rgb(253, 246, 227);\n}\n\n._3fDAz {\n  color: rgb(253, 246, 227);\n}\n\n._2bSDX {\n  font-weight: bolder;\n  margin-right: 5px;\n  color: rgb(253, 246, 227);\n}\n\n._1RQEj {\n}\n\n._gsbQL {\n  color: rgb(253, 246, 227);\n}\n\n._LaAZe {\n  color: rgb(129, 181, 172);\n}\n\n._GTKgm {\n  color: rgb(129, 181, 172);\n}\n\n._Chy1W {\n  color: rgb(203, 75, 22);\n}\n\n._2bveF {\n  color: rgb(211, 54, 130);\n}\n\n._2vRm- {\n  color: rgb(174, 129, 255);\n}\n\n._1prJR {\n  color: rgb(38, 139, 210);\n}\n";
 styleInject(css_248z);

package/build/types/web-planner-react/src/components/Action/Basket/index.d.ts

@@ -4,6 +4,7 @@ export interface BasketActionProps {
     buttonPriceClassName?: string;
     containerClassName?: string;
     price?: string;
+    showCheckoutButtons?: boolean;
 }
 declare const BasketAction: (props: BasketActionProps) => React.JSX.Element;
 export default BasketAction;

package/build/types/web-planner-react/src/components/Action/Basket/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Action/Basket/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,iBAAiB;IAChC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,YAAY,UAAW,iBAAiB,sBAE7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Action/Basket/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,iBAAiB;IAChC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,QAAA,MAAM,YAAY,UAAW,iBAAiB,sBAE7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/build/types/web-planner-react/src/components/Action/Basket/standard/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { BasketActionProps } from '..';
-declare const _default: (({ buttonTextClassName, buttonPriceClassName, containerClassName, price, }: BasketActionProps) => React.JSX.Element) & {
+declare const _default: (({ buttonTextClassName, buttonPriceClassName, containerClassName, price, showCheckoutButtons, }: BasketActionProps) => React.JSX.Element) & {
     displayName: string;
 };
 export default _default;

package/build/types/web-planner-react/src/components/Action/Basket/standard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Action/Basket/standard/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,IAAI,CAAC;qGASpC,iBAAiB;;;AAqBpB,wBAA8C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Action/Basket/standard/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,IAAI,CAAC;0HAgBpC,iBAAiB;;;AA8BpB,wBAA8C"}

package/build/types/web-planner-react/src/components/Action/Navigation/standard/index.d.ts

@@ -4,8 +4,9 @@ export interface NavProps extends ComponentProps<'div'> {
     showNextButtonIcon?: boolean;
     backOverwrite?: string;
     forthOverwrite?: string;
+    showCheckoutButtons?: boolean;
 }
-declare const _default: (({ className, showBackButtonText, backOverwrite, forthOverwrite, showNextButtonIcon, ...props }: NavProps) => React.JSX.Element) & {
+declare const _default: (({ className, showBackButtonText, backOverwrite, forthOverwrite, showNextButtonIcon, showCheckoutButtons, ...props }: NavProps) => React.JSX.Element) & {
     displayName: string;
 };
 export default _default;

package/build/types/web-planner-react/src/components/Action/Navigation/standard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Action/Navigation/standard/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAgB9C,MAAM,WAAW,QAAS,SAAQ,cAAc,CAAC,KAAK,CAAC;IACrD,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;0HAEyH,QAAQ;;;AA4DlI,wBAA0C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Action/Navigation/standard/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAqB9C,MAAM,WAAW,QAAS,SAAQ,cAAc,CAAC,KAAK,CAAC;IACrD,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;+IAUE,QAAQ;;;AAuEX,wBAA0C"}

package/build/types/web-planner-react/src/components/GlobalElements/Checkout/IconComponent/index.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
-import { CheoutButton } from '@crystaldesign/web-planner-logic/interface/API/Checkout';
+import { CheckoutButton } from '@crystaldesign/web-planner-logic/interface/API/Checkout';
 type Props = {
-    cheoutButton: CheoutButton;
+    checkoutButton: CheckoutButton;
     size?: number;
     showTitle?: boolean;
 };
-declare const Icon: ({ cheoutButton: { icon: iconType, iconUrl, isPrimary, headerFunctionName }, size, showTitle }: Props) => React.JSX.Element;
+declare const Icon: ({ checkoutButton: { icon: iconType, iconUrl, isPrimary, headerFunctionName }, size, showTitle }: Props) => React.JSX.Element;
 export default Icon;
 //# sourceMappingURL=index.d.ts.map

package/build/types/web-planner-react/src/components/GlobalElements/Checkout/IconComponent/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/GlobalElements/Checkout/IconComponent/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAoB1B,OAAO,EAAE,YAAY,EAAY,MAAM,yDAAyD,CAAC;AAGjG,KAAK,KAAK,GAAG;IAAE,YAAY,EAAE,YAAY,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAEhF,QAAA,MAAM,IAAI,kGAAmG,KAAK,sBAWjH,CAAC;AAqCF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/GlobalElements/Checkout/IconComponent/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAoB1B,OAAO,EAAE,cAAc,EAAY,MAAM,yDAAyD,CAAC;AAGnG,KAAK,KAAK,GAAG;IAAE,cAAc,EAAE,cAAc,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAEpF,QAAA,MAAM,IAAI,oGAAqG,KAAK,sBAWnH,CAAC;AAqCF,eAAe,IAAI,CAAC"}

package/build/types/web-planner-react/src/components/GlobalElements/Checkout/index.d.ts

@@ -1,7 +1,7 @@
 import DivaViewHandler from '../../../model/DivaViewHandler';
 import { BasketData } from '@crystaldesign/diva-core';
 import React from 'react';
-import { CheoutButton } from '@crystaldesign/web-planner-logic/interface/API/Checkout';
+import { CheckoutButton } from '@crystaldesign/web-planner-logic/interface/API/Checkout';
 export type State = 'SHARE' | 'APPOINTMENT' | 'SAVE';
 type Props = {
     inModal?: boolean;
@@ -10,7 +10,7 @@ type Props = {
     basket?: BasketData;
 };
 declare const Checkout: ({ inModal, index, viewHandler, basket }: Props) => React.JSX.Element;
-export declare const onClickCheckout: (buttonConfig: CheoutButton, viewHandler: DivaViewHandler, index: number, t: any, dontCheckForModal?: boolean) => Promise<void>;
+export declare const onClickCheckout: (buttonConfig: CheckoutButton, viewHandler: DivaViewHandler, index: number, t: any, dontCheckForModal?: boolean) => Promise<void>;
 export declare const goBack: (viewHandler: DivaViewHandler, basket?: BasketData) => void;
 export default Checkout;
 //# sourceMappingURL=index.d.ts.map

package/build/types/web-planner-react/src/components/GlobalElements/Checkout/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/GlobalElements/Checkout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,eAAe,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,UAAU,EAA0C,MAAM,0BAA0B,CAAC;AAG9F,OAAO,KAA8B,MAAM,OAAO,CAAC;AAOnD,OAAO,EAAE,YAAY,EAAE,MAAM,yDAAyD,CAAC;AAIvF,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,aAAa,GAAG,MAAM,CAAC;AACrD,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,eAAe,CAAC;IAC7B,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,QAAQ,4CAA6C,KAAK,sBAgD/D,CAAC;AAEF,eAAO,MAAM,eAAe,iBACZ,YAAY,eACb,eAAe,SACrB,MAAM,KACV,GAAG,sBACc,OAAO,kBA+D5B,CAAC;AACF,eAAO,MAAM,MAAM,gBAAiB,eAAe,WAAW,UAAU,SAQvE,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/GlobalElements/Checkout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,eAAe,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,UAAU,EAA0C,MAAM,0BAA0B,CAAC;AAG9F,OAAO,KAA8B,MAAM,OAAO,CAAC;AAOnD,OAAO,EAAE,cAAc,EAAE,MAAM,yDAAyD,CAAC;AAIzF,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,aAAa,GAAG,MAAM,CAAC;AACrD,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,eAAe,CAAC;IAC7B,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,QAAQ,4CAA6C,KAAK,sBAgD/D,CAAC;AAEF,eAAO,MAAM,eAAe,iBACZ,cAAc,eACf,eAAe,SACrB,MAAM,KACV,GAAG,sBACc,OAAO,kBA+D5B,CAAC;AACF,eAAO,MAAM,MAAM,gBAAiB,eAAe,WAAW,UAAU,SAQvE,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/build/types/web-planner-react/src/components/Layout/classification/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Layout/classification/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAOzC,UAAU,KAAK;CAAG;iCAEa,KAAK;;;AAgDpC,wBAAwC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Layout/classification/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAOzC,UAAU,KAAK;CAAG;iCAEa,KAAK;;;AA4CpC,wBAAwC"}

package/build/types/web-planner-react/src/components/Layout/gold/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Layout/gold/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAwBzC,UAAU,KAAK;CAAG;iCAEG,KAAK;;;AAqE1B,wBAA8B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Layout/gold/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAwBzC,UAAU,KAAK;CAAG;iCAEG,KAAK;;;AAiE1B,wBAA8B"}

package/build/types/web-planner-react/src/components/Layout/ralph/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Layout/ralph/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAuBzC,UAAU,KAAK;CAAG;iCAEI,KAAK;;;AAoE3B,wBAA+B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Layout/ralph/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAuBzC,UAAU,KAAK;CAAG;iCAEI,KAAK;;;AAgE3B,wBAA+B"}

package/build/types/web-planner-react/src/components/Layout/serious/index.d.ts

@@ -7,23 +7,15 @@ export declare const cssVariables: {
     '--thirdColor': string;
     '--globalBorderRadius': string;
     '--galleryItemRadius': string;
-    '--articlePosNrRadius': string;
-    '--articlePosNrSize': string;
-    '--articlePosNrFontSize': string;
     '--settingsBackgroundColor': string;
     '--settingsScrollerPaddingTopBottom': string;
     '--settingsScrollerPaddingRight': string;
     '--settingsScrollerPaddingLeft': string;
     '--tabGroupBackground': string;
-    '--foldArrowMarginRight': string;
-    '--configuratorActionWidthForthBackSpacer': string;
-    '--configuratorActionForthWidth': string;
-    '--configuratorActionBackWidth': string;
     '--lineHeight1': string;
     '--fontWeight1': string;
     '--boxShadowHover': string;
     '--boxShadowActive': string;
-    '--itemsMargin': string;
 };
 declare const _default: ((props: Props) => React.JSX.Element) & {
     displayName: string;

package/build/types/web-planner-react/src/components/Layout/serious/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Layout/serious/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAQzC,UAAU,KAAK;CAAG;AA2BlB,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;CAuBxB,CAAC;iCAhDsB,KAAK;;;AAkD7B,wBAAiC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Layout/serious/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAQzC,UAAU,KAAK;CAAG;AA2BlB,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;CAexB,CAAC;iCAxCsB,KAAK;;;AA0C7B,wBAAiC"}

package/build/types/web-planner-react/src/components/Layout/standard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Layout/standard/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAoCzC,UAAU,KAAK;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;8BAEqB,KAAK;;;AAiG3B,wBAAkC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Layout/standard/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAoCzC,UAAU,KAAK;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;8BAEqB,KAAK;;;AA+F3B,wBAAkC"}

package/build/types/web-planner-react/src/components/Layout/wysiwyg/index.d.ts

@@ -16,14 +16,12 @@ export declare const cssVariables: {
     '--settingsScrollerPaddingLeft': string;
     '--tabGroupBackground': string;
     '--foldArrowMarginRight': string;
-    '--configuratorActionWidthForthBackSpacer': string;
     '--configuratorActionForthWidth': string;
     '--configuratorActionBackWidth': string;
     '--lineHeight1': string;
     '--fontWeight1': string;
     '--boxShadowHover': string;
     '--boxShadowActive': string;
-    '--itemsMargin': string;
 };
 declare const _default: ((props: Props) => React.JSX.Element) & {
     displayName: string;

package/build/types/web-planner-react/src/components/Layout/wysiwyg/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Layout/wysiwyg/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAUzC,UAAU,KAAK;CAAG;AA4BlB,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;CAuBxB,CAAC;iCAjDsB,KAAK;;;AAmD7B,wBAAiC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Layout/wysiwyg/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAUzC,UAAU,KAAK;CAAG;AA4BlB,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;CAqBxB,CAAC;iCA/CsB,KAAK;;;AAiD7B,wBAAiC"}

package/build/umd/1280.diva-web-planner-react.umd.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 1280.diva-web-planner-react.umd.min.js.LICENSE.txt */
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1280],{41280:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(80248),_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(72874),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(65515),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_model__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(91923),mobx_react_lite__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(9420),react__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(87363),react__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__),_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(88683),_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5__),_index_module_css__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(40976),_GlobalElements_Checkout_IconComponent__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(39667),_GlobalElements_Checkout__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(71097),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(47514),_excluded=["className","showBackButtonText","backOverwrite","forthOverwrite","showNextButtonIcon","showCheckoutButtons"];function ownKeys(_,e){var n=Object.keys(_);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(_);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(_,e).enumerable}))),n.push.apply(n,t)}return n}function _objectSpread(_){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(n),!0).forEach((function(e){(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__.Z)(_,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(_,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(e){Object.defineProperty(_,e,Object.getOwnPropertyDescriptor(n,e))}))}return _}var ActionNavigation=function ActionNavigation(_){var e,n=_.className,t=_.showBackButtonText,o=_.backOverwrite,r=_.forthOverwrite,i=_.showNextButtonIcon,a=_.showCheckoutButtons,l=(0,_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_10__.Z)(_,_excluded),s=(0,_model__WEBPACK_IMPORTED_MODULE_2__.NP)(),d=(0,_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5__.useTranslation)().t;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.Fragment,{children:!s.uiState.configSettingsIsHidden&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div",_objectSpread(_objectSpread({},l),{},{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()(n,_index_module_css__WEBPACK_IMPORTED_MODULE_6__.jl,s.actionButtonState.isOnFirstStep?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.FN:void 0,s.actionButtonState.isOnFirstStepDisabled?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.$t:void 0,s.actionButtonState.isOnLastStep?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.Is:void 0,"vertical"==s.tabGroupState.curTabGroupType?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.KR:void 0,s.uiState.isMobilePortrait?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.tW:void 0,s.uiState.isMobileLandscape?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.Qv:void 0),children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div",{className:_index_module_css__WEBPACK_IMPORTED_MODULE_6__.nC,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()(_index_module_css__WEBPACK_IMPORTED_MODULE_6__.LI,_index_module_css__WEBPACK_IMPORTED_MODULE_6__.op,o),onClick:s.actionButtonState.onClickConfiguratorSettingsBack,children:[!t&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateBack, var(--secondaryColor))",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),t&&d("configurator.Back")]}),a&&(null===(e=s.getViewConfig().checkout)||void 0===e?void 0:e.buttons.map((function(_,e){return evalVisible(_,s)?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div",{className:_index_module_css__WEBPACK_IMPORTED_MODULE_6__.rK,onClick:function onClick(){return(0,_GlobalElements_Checkout__WEBPACK_IMPORTED_MODULE_8__.onClickCheckout)(_,s,e,d)},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_GlobalElements_Checkout_IconComponent__WEBPACK_IMPORTED_MODULE_7__.default,{checkoutButton:_,size:40})},e):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.Fragment,{})}))),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()(_index_module_css__WEBPACK_IMPORTED_MODULE_6__.LI,_index_module_css__WEBPACK_IMPORTED_MODULE_6__.ox,r),onClick:s.actionButtonState.onClickConfiguratorSettingsForth,id:"wcConfigurator-action-next",children:[d("configurator.Next"),i&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateForthFontColor, #ffffff)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]})]})}))})};const __WEBPACK_DEFAULT_EXPORT__=(0,mobx_react_lite__WEBPACK_IMPORTED_MODULE_3__.Pi)(ActionNavigation);var evalVisible=function evalVisible(button,viewHandler){var rule=button.visibleNavigatorFunction;return!(button.visibleRule&&!eval(button.visibleRule))&&(!1!==rule&&void 0!==rule&&(!0===rule||viewHandler.uiState.isMobileLandscape&&rule.includes("MOBILE_L")||viewHandler.uiState.isMobilePortrait&&rule.includes("MOBILE_P")||!viewHandler.getIsInMobileView()&&rule.includes("DESKTOP")))}},28717:(_,e,n)=>{n.d(e,{$t:()=>P,FN:()=>x,Is:()=>O,KR:()=>s,LI:()=>d,Qv:()=>M,ZP:()=>m,jl:()=>a,nC:()=>l,op:()=>u,ox:()=>E,rK:()=>c,tW:()=>D});var t=n(8081),o=n.n(t),r=n(23645),i=n.n(r)()(o());i.push([_.id,"/*Navigaton Buttons*/\n.index-module--Ug06K {\n  transition: width 0.2s ease-in-out;\n}\n\n.index-module--uMdxf {\n  height: 100%;\n  font-weight: 300;\n  font-size: 14px;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  width: 100%;\n  display: flex;\n  gap: 3px;\n}\n.index-module--j2X1m .index-module--uMdxf {\n  line-height: var(--configuratorActionHeight);\n}\n\n.index-module--NUblS {\n  border-radius: var(--globalBorderRadius);\n  height: 100%;\n  text-align: center;\n}\n\n.index-module--mfwxp {\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--vWg5_ {\n  border: 1px var(--secondaryColor) solid;\n  border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n  background-color: white;\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--IneQR {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  background-color: var(--navigateForth, var(--secondaryColor));\n  color: #ffffff;\n  color: var(--navigateForthFontColor, #ffffff);\n  float: right;\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-grow: 3;\n}\n\n.index-module--vWg5_:hover,\n.index-module--IneQR:hover {\n  cursor: pointer;\n  box-shadow: var(--boxShadowHover);\n}\n.index-module--IneQR svg {\n  transform: rotate(180deg);\n  position: absolute;\n  right: 16px;\n}\n\n.index-module--n4fFc .index-module--IneQR {\n  pointer-events: none;\n  background-color: #707070;\n  background-color: var(--navigateForth, #707070);\n  border-color: #707070;\n}\n\n.index-module--YJM3e .index-module--vWg5_ {\n  width: 100%;\n}\n\n.index-module--YJM3e .index-module--IneQR {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--vWg5_ {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--IneQR {\n  width: 100%;\n}\n\n.index-module--CVPGS .index-module--NUblS,\n.index-module--KE5Qn .index-module--NUblS {\n  line-height: calc(var(--configuratorActionHeight) - 5px);\n  border-radius: var(--globalBorderRadius);\n}\n",""]);var a="index-module--Ug06K",l="index-module--uMdxf",s="index-module--j2X1m",d="index-module--NUblS",c="index-module--mfwxp",u="index-module--vWg5_",E="index-module--IneQR",P="index-module--n4fFc",O="index-module--YJM3e",x="index-module--X2uG9",M="index-module--CVPGS",D="index-module--KE5Qn";const m=i},40976:(_,e,n)=>{n.d(e,{$t:()=>O.$t,FN:()=>O.FN,Is:()=>O.Is,KR:()=>O.KR,LI:()=>O.LI,Qv:()=>O.Qv,jl:()=>O.jl,nC:()=>O.nC,op:()=>O.op,ox:()=>O.ox,rK:()=>O.rK,tW:()=>O.tW});var t=n(93379),o=n.n(t),r=n(7795),i=n.n(r),a=n(90569),l=n.n(a),s=n(3565),d=n.n(s),c=n(19216),u=n.n(c),E=n(44589),P=n.n(E),O=n(28717),x={};x.styleTagTransform=P(),x.setAttributes=d(),x.insert=l().bind(null,"head"),x.domAPI=i(),x.insertStyleElement=u();o()(O.ZP,x),O.ZP&&O.ZP.locals&&O.ZP.locals}}]);