@crystaldesign/diva-web-planner-react 25.11.0-rc.1 → 25.11.0-rc.11

package/build/esm/{index-92dca7ba.js → index-9b686282.js}

@@ -1,17 +1,17 @@
-import { u as useViewHandler } from './index-a98f2811.js';
+import { u as useViewHandler } from './index-bcc6dde7.js';
 import { observer } from 'mobx-react-lite';
 import React, { Suspense } from 'react';
-import Planner2DGrid from './index-3860f6f3.js';
-import Planner3DImage from './index-2c72acba.js';
-import { w as wcConfiguratorProductCenter, p as portrait, l as landscape, i as inGridVisible, f as fullscreen, a as wcConfiguratorArticleImage, c as center } from './index.module-51adebc2.js';
+import Planner2DGrid from './index-6e491644.js';
+import Planner3DImage from './index-85cc0fb7.js';
+import { w as wcConfiguratorProductCenter, p as portrait, l as landscape, i as inGridVisible, f as fullscreen, a as wcConfiguratorArticleImage, c as center } from './index.module-135bb96c.js';
 import classnames from 'classnames';
-import Planner3DGrid from './index-2d26d586.js';
-import PlannerMsgContainer from './index-f23ee292.js';
-import PlannerUIVariant from './index-e2465b6b.js';
-import RotateInfo from './index-d34ca55d.js';
-import OrbitInteraction from './index-c027be5d.js';
-import MobileNavIcons from './index-e09ee350.js';
-import Logo from './index-c2f216a7.js';
+import Planner3DGrid from './index-6f96269c.js';
+import PlannerMsgContainer from './index-a6e12613.js';
+import PlannerUIVariant from './index-02155513.js';
+import RotateInfo from './index-7e7de3e0.js';
+import OrbitInteraction from './index-af8ecec4.js';
+import MobileNavIcons from './index-265a18ee.js';
+import Logo from './index-e11d0d5e.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -29,21 +29,21 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-ed739602.js';
+import './index-fb61cfb1.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-e0567122.js';
-import './index-677442f1.js';
+import './index-b6e6bcff.js';
+import './index-d37f6582.js';
 import 'react-laag';
-import './index-7d3d9b5f.js';
+import './index-777735f8.js';
 import 'react-qr-code';
-import './index-3fc71e62.js';
-import './index-277fabc8.js';
+import './index-6009bfbe.js';
+import './index-d8e374b4.js';
 
 var Planner3D = /*#__PURE__*/React.lazy(function () {
-  return import('./index-14adfe69.js');
+  return import('./index-b789e01c.js');
 });
 var PlannerRTV = /*#__PURE__*/React.lazy(function () {
-  return import('./index-8ebf9006.js');
+  return import('./index-51689b3e.js');
 });
 var ProductCenter = function ProductCenter(_ref) {
   var style = _ref.style;

package/build/esm/{index-653e49a6.js → index-9c9678e8.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-a98f2811.js';
+import { s as styleInject, u as useViewHandler } from './index-bcc6dde7.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import { DivaUtils } from '@crystaldesign/diva-core';

package/build/esm/{index-5fee57a2.js → index-9d7dd58a.js}

@@ -1,15 +1,15 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-a98f2811.js';
+import { s as styleInject, u as useViewHandler } from './index-bcc6dde7.js';
 import { useTranslation, useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
 import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-52fba799.js';
-import GenericToolTip from './index-1cd96657.js';
-import PricePreview from './index-e3317f42.js';
-import InfoIcon from './index-e9f402d1.js';
+import MetaData from './index-0b39476f.js';
+import GenericToolTip from './index-2fd7eb91.js';
+import PricePreview from './index-ece17838.js';
+import InfoIcon from './index-1b29a509.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -24,6 +24,7 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
+import './index-821320fd.js';
 import 'react-countup';
 
 var accItem = "AccItem-EuKUQ";

package/build/esm/{index-8fa89637.js → index-9e1e27e9.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-a98f2811.js';
+import { s as styleInject } from './index-bcc6dde7.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import VerticalTabGroupItemStandard from './index-ecdd674c.js';
+import VerticalTabGroupItemStandard from './index-c3485150.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-dynamic-multi-render';

package/build/esm/{index-b9e23b55.js → index-a4958e8f.js}

@@ -1,4 +1,4 @@
-import './index-a98f2811.js';
+import './index-bcc6dde7.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-f23ee292.js → index-a6e12613.js}

@@ -1,9 +1,9 @@
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-a98f2811.js';
+import { u as useViewHandler } from './index-bcc6dde7.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import { w as wcPlannerMsgContainerParent, e as expanded, m as mobile, P as PlannerMsgItem } from './index-e0567122.js';
+import { w as wcPlannerMsgContainerParent, e as expanded, m as mobile, P as PlannerMsgItem } from './index-b6e6bcff.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-09c8337c.js → index-a784dab2.js}

@@ -1,9 +1,10 @@
-import { s as styleInject, u as useViewHandler } from './index-a98f2811.js';
+import { s as styleInject, u as useViewHandler } from './index-bcc6dde7.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import { useDivaCore, useTranslation, DivaUtils } from '@crystaldesign/diva-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
+import PriceCounter from '@crystaldesign/diva-web-planner-react/components/Settings/SettingsScroller/SettingsItem/ItemPalette/GenericComponents/PriceCounter';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -26,7 +27,8 @@ var priceWrapper = "price-wrapper-OEjmk";
 var price = "price-JPhUm";
 var betterPrice = "better-price-q5J8D";
 var canceled = "canceled-sYf8-";
-var css_248z = ".sum-wrapper-gnJDJ {\n  height: 40px;\n  line-height: 30px;\n  display: flex;\n  justify-content: space-between;\n  font-weight: 700;\n  font-size: 16px;\n  flex-grow: 1;\n}\n\n.is-mobile-MyAw2.sum-wrapper-gnJDJ {\n  line-height: 38px;\n  font-size: 18px;\n  justify-content: flex-end;\n  flex-wrap: nowrap;\n  gap: 12px;\n}\n\n.price-wrapper-OEjmk {\n  display: flex;\n  justify-content: space-between;\n  flex-wrap: nowrap;\n}\n\n.price-JPhUm {\n  position: relative;\n  color: #262626;\n  text-wrap: nowrap;\n}\n\n.is-mobile-MyAw2 .price-JPhUm {\n  font-size: 15px;\n}\n\n.better-price-q5J8D {\n  color: #b1223f;\n  margin-right: 12px;\n}\n\n.price-JPhUm.canceled-sYf8- {\n  color: #bfbfbf;\n}\n\n.price-JPhUm.canceled-sYf8-:before {\n  position: absolute;\n  content: '';\n  left: 0;\n  top: 42%;\n  right: 0;\n  border-top: 2px solid;\n  border-color: #b1223f;\n  transform: rotate(-7deg);\n}\n\n.is-mobile-MyAw2 .price-JPhUm.canceled-sYf8-:before {\n  top: 45%;\n}\n";
+var hidden = "hidden-et6vJ";
+var css_248z = ".sum-wrapper-gnJDJ {\n  height: 40px;\n  line-height: 30px;\n  display: flex;\n  justify-content: space-between;\n  font-weight: 700;\n  font-size: 16px;\n  flex-grow: 1;\n}\n\n.is-mobile-MyAw2.sum-wrapper-gnJDJ {\n  line-height: 38px;\n  font-size: 18px;\n  justify-content: flex-end;\n  flex-wrap: nowrap;\n  gap: 12px;\n}\n\n.price-wrapper-OEjmk {\n  display: flex;\n  justify-content: space-between;\n  flex-wrap: nowrap;\n}\n\n.price-JPhUm {\n  position: relative;\n  color: #262626;\n  text-wrap: nowrap;\n}\n\n.is-mobile-MyAw2 .price-JPhUm {\n  font-size: 15px;\n}\n\n.better-price-q5J8D {\n  color: #b1223f;\n  margin-right: 12px;\n}\n\n.price-JPhUm.canceled-sYf8- {\n  color: #bfbfbf;\n  opacity: 1;\n  transition:\n    opacity 0.3s ease-in-out,\n    max-width 0.3s ease-in-out;\n  max-width: 110px;\n}\n.price-JPhUm.canceled-sYf8-.hidden-et6vJ {\n  opacity: 0;\n  max-width: 0px;\n}\n\n.price-JPhUm.canceled-sYf8-:before {\n  position: absolute;\n  content: '';\n  left: 0;\n  top: 42%;\n  right: 0;\n  border-top: 2px solid;\n  border-color: #b1223f;\n  transform: rotate(-7deg);\n}\n\n.is-mobile-MyAw2 .price-JPhUm.canceled-sYf8-:before {\n  top: 45%;\n}\n";
 styleInject(css_248z);
 
 var PriceSumm = function PriceSumm(props) {
@@ -40,15 +42,21 @@ var PriceSumm = function PriceSumm(props) {
     className: classnames(sumWrapper, viewHandler.getIsInMobileView() ? isMobile : undefined),
     children: [/*#__PURE__*/jsx("div", {
       children: t('configurator.Sum', 'Summe')
-    }), /*#__PURE__*/jsxs("div", {
+    }), /*#__PURE__*/jsx("div", {
       className: priceWrapper,
-      children: [/*#__PURE__*/jsx("div", {
-        className: classnames(price, viewHandler.productState.formatedBruttoPrice ? betterPrice : undefined),
-        children: !hidePrices && DivaUtils.formatPrice((_viewHandler$productS = viewHandler.productState.formatedCurSetPrice) !== null && _viewHandler$productS !== void 0 ? _viewHandler$productS : 0, viewHandler.productState.priceFormat)
-      }), viewHandler.productState.formatedBruttoPrice && !hidePrices && /*#__PURE__*/jsxs("div", {
-        className: classnames(price, canceled),
-        children: [' ', DivaUtils.formatPrice((_viewHandler$productS2 = viewHandler.productState.formatedBruttoPrice) !== null && _viewHandler$productS2 !== void 0 ? _viewHandler$productS2 : 0, viewHandler.productState.priceFormat)]
-      })]
+      children: !hidePrices && /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx("div", {
+          className: classnames(price, viewHandler.productState.formatedBruttoPrice ? betterPrice : undefined),
+          children: /*#__PURE__*/jsx(PriceCounter, {
+            price: (_viewHandler$productS = viewHandler.productState.formatedCurSetPrice) !== null && _viewHandler$productS !== void 0 ? _viewHandler$productS : 0
+          })
+        }), /*#__PURE__*/jsxs("div", {
+          className: classnames(price, canceled, !viewHandler.productState.formatedBruttoPrice ? hidden : undefined),
+          children: [' ', /*#__PURE__*/jsx(PriceCounter, {
+            price: (_viewHandler$productS2 = viewHandler.productState.formatedBruttoPrice) !== null && _viewHandler$productS2 !== void 0 ? _viewHandler$productS2 : 0
+          })]
+        })]
+      })
     })]
   });
 };

package/build/esm/{index-e1fccedf.js → index-a7ea360d.js}

@@ -1,6 +1,6 @@
-import './index-a98f2811.js';
+import './index-bcc6dde7.js';
 import 'react';
-import PartListTable from './index-a867610b.js';
+import PartListTable from './index-93d87e93.js';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
@@ -20,7 +20,7 @@ import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index.module-9c6f0253.js';
+import './index.module-9a1f1e7e.js';
 import 'react-collapsible';
 
 var AsyncRender = function AsyncRender(_ref) {

package/build/esm/{index-3bb5e9be.js → index-a80168c1.js}

@@ -1,11 +1,11 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { u as useViewHandler, e as evalVisible, _ as _onClickCheckout, I as Icon } from './index-a98f2811.js';
+import { u as useViewHandler, e as evalVisible, _ as _onClickCheckout, I as Icon } from './index-bcc6dde7.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-4e097a81.js';
+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-f3607ac1.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-dynamic-multi-render';
@@ -42,7 +42,10 @@ var ActionNavigation = function ActionNavigation(_ref) {
       className: container,
       children: [/*#__PURE__*/jsxs("div", {
         className: classnames(button, back, backOverwrite),
-        onClick: viewHandler.actionButtonState.onClickConfiguratorSettingsBack,
+        onClick: function onClick() {
+          window.lastNavigationType = 'NAVIGATION_STANDARD_BACK_BUTTON';
+          viewHandler.actionButtonState.onClickConfiguratorSettingsBack();
+        },
         children: [!showBackButtonText && /*#__PURE__*/jsx("svg", {
           width: "12",
           height: "22",
@@ -72,7 +75,8 @@ var ActionNavigation = function ActionNavigation(_ref) {
       })), /*#__PURE__*/jsxs("div", {
         className: classnames(button, forth, forthOverwrite),
         onClick: function onClick() {
-          return viewHandler.actionButtonState.onClickConfiguratorSettingsForth();
+          window.lastNavigationType = 'NAVIGATION_STANDARD_FORWARD_BUTTON';
+          viewHandler.actionButtonState.onClickConfiguratorSettingsForth();
         },
         id: "wcConfigurator-action-next",
         children: [t('configurator.Next'), showNextButtonIcon && /*#__PURE__*/jsx("svg", {

package/build/esm/{index-1fe42422.js → index-a8b86020.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-a98f2811.js';
+import { s as styleInject, u as useViewHandler } from './index-bcc6dde7.js';
 import { useRef, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';

package/build/esm/{index-7df3b87b.js → index-aae1fb24.js}

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

package/build/esm/{index-4fb76ec2.js → index-abf81972.js}

@@ -1,9 +1,9 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-a98f2811.js';
+import { s as styleInject, u as useViewHandler } from './index-bcc6dde7.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ActionNavigation from './index-3bb5e9be.js';
-import PriceSumm from './index-09c8337c.js';
+import ActionNavigation from './index-a80168c1.js';
+import PriceSumm from './index-a784dab2.js';
 import classnames from 'classnames';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
@@ -21,7 +21,8 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index.module-4e097a81.js';
+import './index.module-f3607ac1.js';
+import '@crystaldesign/diva-web-planner-react/components/Settings/SettingsScroller/SettingsItem/ItemPalette/GenericComponents/PriceCounter';
 
 var container = "container-jfAym";
 var backOverwrite = "back-overwrite--AJgH";

package/build/esm/{index-0e34db35.js → index-ae8fec3b.js}

@@ -1,5 +1,5 @@
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { s as styleInject } from './index-a98f2811.js';
+import { s as styleInject } from './index-bcc6dde7.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import Collapsible from 'react-collapsible';

package/build/esm/{index-921d0f08.js → index-af0de625.js}

@@ -1,5 +1,5 @@
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-a98f2811.js';
+import { s as styleInject, u as useViewHandler } from './index-bcc6dde7.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import classnames from 'classnames';

package/build/esm/{index-c027be5d.js → index-af8ecec4.js}

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

package/build/esm/{index-30ab5073.js → index-b0c9e41a.js}

@@ -1,17 +1,17 @@
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-a98f2811.js';
+import { s as styleInject, u as useViewHandler } from './index-bcc6dde7.js';
 import classnames from 'classnames';
 import { useEffect } from 'react';
-import Inputbox from './index-1fe42422.js';
-import Product from './index-1ced2f08.js';
-import Settings from './index-f611e0ef.js';
-import TabGroup from './index-7342adea.js';
-import NavigationButtons from './index-49d49175.js';
+import Inputbox from './index-a8b86020.js';
+import Product from './index-8f1c4bdc.js';
+import Settings from './index-c63cdf34.js';
+import TabGroup from './index-7af4d995.js';
+import NavigationButtons from './index-d040cb1f.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import BasketActionStandard from './index-d965a7d5.js';
+import BasketAction from './index-07cab66b.js';
 import { observer } from 'mobx-react-lite';
-import BasketMobile from './index-f4cad7a5.js';
-import ProgressBar from './index-8bc6daea.js';
+import BasketMobile from './index-c4941bae.js';
+import ProgressBar from './index-ef01bbf7.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -28,88 +28,90 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-0e637a1d.js';
-import './index-861f7996.js';
-import './index-2c1a0483.js';
-import './index-bf3f49fb.js';
+import './index-73767d4d.js';
+import './index-897a4efb.js';
+import './index-4c979f0e.js';
+import './index-b8ef8f7a.js';
 import 'sift';
-import './index-b0a9f088.js';
-import './index-dc14356b.js';
-import './index-ad8f211f.js';
-import './index-a60ea71a.js';
-import './index.module-e13a4ef1.js';
-import './index-a2f530b1.js';
+import './index-e01d13b0.js';
+import './index-dbbc32a5.js';
+import './index-33138083.js';
+import './index-db7f4d80.js';
+import './index.module-281f8626.js';
+import './index-82f5b1a3.js';
 import 'react-switch';
-import './index-e9f402d1.js';
-import './index-e3317f42.js';
+import './index-1b29a509.js';
+import './index-ece17838.js';
+import './index-821320fd.js';
 import 'react-countup';
-import './index-de61c681.js';
+import './index-077b9032.js';
 import 'react-dropdown';
-import './index-e837adff.js';
-import './index-6f044fd1.js';
-import './index-f49cdf07.js';
-import './index-756a31ed.js';
+import './index-5c1ea31e.js';
+import './index-cc64fdd7.js';
+import './index-219780b8.js';
+import './index-0cd03de9.js';
 import '@crystaldesign/content-box';
-import './index-2fec88ec.js';
-import './index-94adc99d.js';
-import './index-f2a949e8.js';
-import './index-a2f9d0b4.js';
-import './index-faafcad3.js';
-import './index-5504e048.js';
-import './index-4f7de8ad.js';
-import './index-a9977a55.js';
-import './index-295c399a.js';
+import './index-98803382.js';
+import './index-e621f3a8.js';
+import './index-03afa493.js';
+import './index-d7b7c413.js';
+import './index-0e9bad48.js';
+import './index-2860e2dc.js';
+import './index-9263356d.js';
+import './index-649dbfcc.js';
+import './index-fcd96622.js';
 import 'react-laag';
-import './index.module-03244296.js';
-import './index-0b23ff92.js';
-import './index-1cd96657.js';
-import './index-b9786d81.js';
-import './index-482b883f.js';
-import './index-269bb2b8.js';
-import './index-aa7c798f.js';
-import './index.module-9a267db8.js';
-import './index-8fed3585.js';
-import './index-017c458e.js';
-import './index-ae61e444.js';
-import './index-fd813a2f.js';
-import './index-760ebad4.js';
-import './index-52fba799.js';
-import './index-72318359.js';
-import './index-6a895e9d.js';
-import './index-4b4cf821.js';
-import './index-921d0f08.js';
-import './index-68dcc8f2.js';
-import './index-f63b7730.js';
+import './index.module-152a46fa.js';
+import './index-e9f0023b.js';
+import './index-2fd7eb91.js';
+import './index-b88dcb4f.js';
+import './index-590970d9.js';
+import './index-c6b36de9.js';
+import './index-0ae05f54.js';
+import './index.module-5a208b69.js';
+import './index-c7c4274c.js';
+import './index-6a40b525.js';
+import './index-22bd6bd9.js';
+import './index-8a15c5ba.js';
+import './index-cf262983.js';
+import './index-0b39476f.js';
+import './index-43cd54cd.js';
+import './index-2b79c8c5.js';
+import './index-fec1cdfb.js';
+import './index-af0de625.js';
+import './index-425ee474.js';
+import './index-92a9c2ae.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './index-2ebcf311.js';
+import './index-533fa2b0.js';
 import 'rc-slider';
-import './index-f9467275.js';
-import './index-be497a99.js';
-import './index-a9bdf091.js';
-import './index-b71dd1ce.js';
+import './index-d1256d06.js';
+import './index-49cc39bd.js';
+import './index-86b0790e.js';
+import './index-16cfe3d8.js';
 import 'react-confetti-explosion';
-import './index-4fa2732a.js';
-import './index-677442f1.js';
-import './index-7d3d9b5f.js';
+import './index-1c3213f9.js';
+import './index-d37f6582.js';
+import './index-777735f8.js';
 import 'react-qr-code';
-import './index-3fc71e62.js';
-import './useCustomDimensions-f2d0374a.js';
-import './index-6350b5a4.js';
-import './ussIsSticky-4bb0926c.js';
-import './index-505a5151.js';
-import './index.module-e372f6b3.js';
-import './index-2afcb045.js';
-import './index-756de1bc.js';
-import './index-b877ea76.js';
-import './index-47e0744e.js';
+import './index-6009bfbe.js';
+import './useCustomDimensions-4aafbc94.js';
+import './index-b7ea829a.js';
+import './ussIsSticky-5b1fabf7.js';
+import './index-1da2a228.js';
+import './index.module-ec2dca8c.js';
+import './index-369b7521.js';
+import './index-b7b0981b.js';
+import './index-940d0d2f.js';
+import './index-210c68ad.js';
 import 'vaul';
-import './index-35e1b044.js';
-import './index-8c468784.js';
-import './index-86b2f5e0.js';
-import './index-a4053ed8.js';
-import './index-346cd678.js';
-import './index.module-4e097a81.js';
+import './index-646d7131.js';
+import './index-04545ff0.js';
+import './index-7bf761d7.js';
+import './index-eb68ef9c.js';
+import './index-e142d6ef.js';
+import './index.module-f3607ac1.js';
+import '@crystaldesign/diva-web-planner-react/components/Settings/SettingsScroller/SettingsItem/ItemPalette/GenericComponents/PriceCounter';
 
 var wcConfigurator = "wcConfigurator-YOuy8";
 var landscape = "landscape-EyFBs";
@@ -162,7 +164,7 @@ var Standard = function Standard(_ref) {
           }), /*#__PURE__*/jsx(NavigationButtons, {
             className: wcConfiguratorSettingsActions,
             showCheckoutButtons: true
-          }), /*#__PURE__*/jsx(BasketActionStandard, {
+          }), /*#__PURE__*/jsx(BasketAction, {
             containerClassName: wcConfiguratorAction,
             showCheckoutButtons: false
           })]

package/build/esm/{index-b4de21b1.js → index-b1d4ffe2.js}

@@ -2,12 +2,12 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 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-a98f2811.js';
+import { s as styleInject, u as useViewHandler } from './index-bcc6dde7.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
-import OptionSelector from './index-d42b6833.js';
-import LayoutSelection from './index-19da4f0d.js';
+import OptionSelector from './index-c0400233.js';
+import LayoutSelection from './index-bfb995f8.js';
 import { DivaUtils } from '@crystaldesign/diva-core';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -21,7 +21,7 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index.module-f6d9827c.js';
+import './index.module-fe2ec678.js';
 import 'react-select';
 
 var wrapper = "wrapper-XC8ci";

package/build/esm/{index-6c6331cf.js → index-b2675337.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-a98f2811.js';
+import { s as styleInject, u as useViewHandler } from './index-bcc6dde7.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
@@ -40,6 +40,7 @@ var OptiontreeSerious = function OptiontreeSerious(_ref) {
     hidePrices = _useDivaCore.state.hidePrices;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
+  var viewHandler = useViewHandler();
   var item = itemP;
   if (item.isTabGroup) {
     return /*#__PURE__*/jsx("div", {
@@ -57,7 +58,7 @@ var OptiontreeSerious = function OptiontreeSerious(_ref) {
         }
       }), /*#__PURE__*/jsx("span", {
         className: classnames(columnRight),
-        children: (item.quantity && item.quantity > 1 ? '(x' + item.quantity + ') ' : '') + (!hidePrices && item.price ? DivaUtils.formatPrice(item.price) : '')
+        children: (item.quantity && item.quantity > 1 ? '(x' + item.quantity + ') ' : '') + (!hidePrices && item.price ? DivaUtils.formatPrice(item.price, viewHandler.productState.priceFormat) : '')
       })]
     }), /*#__PURE__*/jsxs("div", {
       className: classnames(row, item.isPartlistArticle ? rowPaddingTop : undefined),

package/build/esm/{index-3fee9446.js → index-b52b9ef5.js}

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

package/build/esm/{index-7ba7dc4e.js → index-b54c92a2.js}

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

package/build/esm/{index-e0567122.js → index-b6e6bcff.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-a98f2811.js';
+import { s as styleInject, u as useViewHandler } from './index-bcc6dde7.js';
 import classnames from 'classnames';
 import { useState, useEffect } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-3b4e8a81.js → index-b7331321.js}

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

package/build/esm/{index-14adfe69.js → index-b789e01c.js}

@@ -1,12 +1,12 @@
 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-a98f2811.js';
+import { s as styleInject, u as useViewHandler } from './index-bcc6dde7.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 NavBar from './index-ed739602.js';
+import NavBar from './index-fb61cfb1.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-756de1bc.js → index-b7b0981b.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-a98f2811.js';
+import { s as styleInject, u as useViewHandler } from './index-bcc6dde7.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
 import classnames from 'classnames';
@@ -41,7 +41,8 @@ var NavForwardButton = function NavForwardButton(props) {
   return /*#__PURE__*/jsx("div", {
     className: classnames(wrapper, isVisible && visible, viewHandler.uiState.isTablet ? tablet : undefined),
     onClick: function onClick() {
-      return viewHandler.actionButtonState.onClickConfiguratorSettingsForth();
+      window.lastNavigationType = 'SETTINGS_SWIPER_FORWARD_BUTTON';
+      viewHandler.actionButtonState.onClickConfiguratorSettingsForth();
     },
     children: /*#__PURE__*/jsx("div", {
       className: icon