@crystaldesign/diva-web-planner-react 25.11.0-rc.4 → 25.11.0-rc.6

package/build/esm/{index-9ae73efe.js → index-8e06e9ca.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-309469cb.js';
+import { s as styleInject, u as useViewHandler } from './index-a028fef6.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import VerticalTabGroupItemStandard from './index-73928b9e.js';
+import VerticalTabGroupItemStandard from './index-52560014.js';
 import { useTranslation, DivaUtils } from '@crystaldesign/diva-core';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{index-f201749d.js → index-8e88347c.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-309469cb.js';
+import { s as styleInject, u as useViewHandler } from './index-a028fef6.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
 import classnames from 'classnames';

package/build/esm/{index-7c49b3cf.js → index-91012452.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-309469cb.js';
+import './index-a028fef6.js';
 import { observer } from 'mobx-react-lite';
 import { createElement } from 'react';
-import Group from './index-88af0897.js';
+import Group from './index-a07ae42d.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-dynamic-multi-render';
@@ -21,74 +21,74 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-collapsible';
-import './index-c2778705.js';
-import './index-fe837d70.js';
+import './index-0d57d4d4.js';
+import './index-fe830ab6.js';
 import 'react-countup';
-import './index-f555e524.js';
+import './index-8d198288.js';
 import 'sift';
-import './index-308b858a.js';
-import './index-4258f5fd.js';
-import './index-7dd19d07.js';
-import './index-56b84e94.js';
-import './index-d2d251ad.js';
-import './index.module-2c87eb4c.js';
-import './index-8affcfcc.js';
+import './index-b7ccc072.js';
+import './index-7fadc273.js';
+import './index-e62e52f2.js';
+import './index-609c080e.js';
+import './index-d34c05d5.js';
+import './index.module-0e5ca27d.js';
+import './index-fa7c9a78.js';
 import 'react-switch';
-import './index-54d5ccee.js';
+import './index-cba8f236.js';
 import 'react-dropdown';
-import './index-8f511f57.js';
+import './index-a14b3834.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-d9aa67b0.js';
-import './index-814e5069.js';
-import './index-41a79311.js';
+import './index-3bd14016.js';
+import './index-32c3a428.js';
+import './index-bc720c52.js';
 import '@crystaldesign/content-box';
-import './index-abe17f4b.js';
-import './index-3c9037d2.js';
-import './index-ff1c6199.js';
-import './index-a525b19b.js';
-import './index-a5c36651.js';
-import './index-56cbea3b.js';
-import './index-793652b5.js';
-import './index-ef3c8d28.js';
-import './index-91e80646.js';
+import './index-5151ca82.js';
+import './index-fdfa3bd0.js';
+import './index-5f24f5c6.js';
+import './index-314e9e65.js';
+import './index-ec40a64c.js';
+import './index-eff40e21.js';
+import './index-612e1ccd.js';
+import './index-3f2e1473.js';
+import './index-ef012045.js';
 import 'react-laag';
-import './index.module-94159e0d.js';
-import './index-8f9388a2.js';
-import './index-8c02812e.js';
-import './index-6b35a02a.js';
-import './index-d423d15c.js';
-import './index-be543ef9.js';
-import './index-1800e120.js';
-import './index.module-703205d3.js';
-import './index-9e436258.js';
-import './index-1e61ecb4.js';
-import './index-1f4b58cd.js';
-import './index-c00cde46.js';
-import './index-10740725.js';
-import './index-c243b92c.js';
-import './index-2dc69bc3.js';
-import './index-4e3673e2.js';
-import './index-734c1035.js';
-import './index-396625a8.js';
-import './index-bc94d0e1.js';
-import './index-30b11c78.js';
+import './index.module-4c5ed262.js';
+import './index-987f9722.js';
+import './index-9754966a.js';
+import './index-39dbfbd3.js';
+import './index-50f1c814.js';
+import './index-aa509d1a.js';
+import './index-94b8d32e.js';
+import './index.module-85714c75.js';
+import './index-6785da24.js';
+import './index-00847cf7.js';
+import './index-24bdc653.js';
+import './index-58a6ea0f.js';
+import './index-188f1ada.js';
+import './index-fb38668f.js';
+import './index-49ca1955.js';
+import './index-3fe81c37.js';
+import './index-3a6a9510.js';
+import './index-35197d19.js';
+import './index-38065270.js';
+import './index-5c623588.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './index-0e68d46f.js';
+import './index-512fede8.js';
 import 'rc-slider';
-import './index-99600fea.js';
-import './index-2b11f798.js';
-import './index-f7a17135.js';
-import './index-d16badef.js';
+import './index-c8d9daf6.js';
+import './index-dd21082d.js';
+import './index-6e5870ac.js';
+import './index-b679213f.js';
 import 'react-confetti-explosion';
-import './index-11f442da.js';
-import './index-021566f4.js';
-import './index-74e5fcd3.js';
+import './index-b8358a91.js';
+import './index-9fa13035.js';
+import './index-8af4e8f2.js';
 import 'react-qr-code';
-import './index-14207ea2.js';
-import './useCustomDimensions-3461e881.js';
-import './index-d5d1ecc4.js';
-import './ussIsSticky-7b062a71.js';
+import './index-855189a7.js';
+import './useCustomDimensions-0202a2dc.js';
+import './index-cd756ab5.js';
+import './ussIsSticky-8003a663.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-c4be28b2.js → index-9495ef1c.js}

@@ -1,13 +1,13 @@
-import { s as styleInject, u as useViewHandler } from './index-309469cb.js';
+import { s as styleInject, u as useViewHandler } from './index-a028fef6.js';
 import { useEffect } from 'react';
-import Inputbox from './index-278371b1.js';
-import Settings from './index-c76994b8.js';
-import TabGroup from './index-c8ab7854.js';
+import Inputbox from './index-2ec45b5a.js';
+import Settings from './index-0b65213a.js';
+import TabGroup from './index-ae0a2f27.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
-import Toolbar from './index-461063cc.js';
-import NavigationButtons from './index-ec3ace22.js';
-import ContentItemWrapper from './index-ecb42f8f.js';
+import Toolbar from './index-7b83c4a1.js';
+import NavigationButtons from './index-569e2ca8.js';
+import ContentItemWrapper from './index-6e1f7636.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -26,132 +26,132 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-0d6116ce.js';
-import './index-4258f5fd.js';
-import './index-18ec193b.js';
-import './index-f555e524.js';
+import './index-865380ec.js';
+import './index-7fadc273.js';
+import './index-22d84ac9.js';
+import './index-8d198288.js';
 import 'sift';
-import './index-308b858a.js';
-import './index-7dd19d07.js';
-import './index-56b84e94.js';
-import './index-d2d251ad.js';
-import './index.module-2c87eb4c.js';
-import './index-8affcfcc.js';
+import './index-b7ccc072.js';
+import './index-e62e52f2.js';
+import './index-609c080e.js';
+import './index-d34c05d5.js';
+import './index.module-0e5ca27d.js';
+import './index-fa7c9a78.js';
 import 'react-switch';
-import './index-c2778705.js';
-import './index-fe837d70.js';
+import './index-0d57d4d4.js';
+import './index-fe830ab6.js';
 import 'react-countup';
-import './index-54d5ccee.js';
+import './index-cba8f236.js';
 import 'react-dropdown';
-import './index-8f511f57.js';
-import './index-d9aa67b0.js';
-import './index-814e5069.js';
-import './index-41a79311.js';
+import './index-a14b3834.js';
+import './index-3bd14016.js';
+import './index-32c3a428.js';
+import './index-bc720c52.js';
 import '@crystaldesign/content-box';
-import './index-abe17f4b.js';
-import './index-3c9037d2.js';
-import './index-ff1c6199.js';
-import './index-a525b19b.js';
-import './index-a5c36651.js';
-import './index-56cbea3b.js';
-import './index-793652b5.js';
-import './index-ef3c8d28.js';
-import './index-91e80646.js';
+import './index-5151ca82.js';
+import './index-fdfa3bd0.js';
+import './index-5f24f5c6.js';
+import './index-314e9e65.js';
+import './index-ec40a64c.js';
+import './index-eff40e21.js';
+import './index-612e1ccd.js';
+import './index-3f2e1473.js';
+import './index-ef012045.js';
 import 'react-laag';
-import './index.module-94159e0d.js';
-import './index-8f9388a2.js';
-import './index-8c02812e.js';
-import './index-6b35a02a.js';
-import './index-d423d15c.js';
-import './index-be543ef9.js';
-import './index-1800e120.js';
-import './index.module-703205d3.js';
-import './index-9e436258.js';
-import './index-1e61ecb4.js';
-import './index-1f4b58cd.js';
-import './index-c00cde46.js';
-import './index-10740725.js';
-import './index-c243b92c.js';
-import './index-2dc69bc3.js';
-import './index-4e3673e2.js';
-import './index-734c1035.js';
-import './index-396625a8.js';
-import './index-bc94d0e1.js';
-import './index-30b11c78.js';
+import './index.module-4c5ed262.js';
+import './index-987f9722.js';
+import './index-9754966a.js';
+import './index-39dbfbd3.js';
+import './index-50f1c814.js';
+import './index-aa509d1a.js';
+import './index-94b8d32e.js';
+import './index.module-85714c75.js';
+import './index-6785da24.js';
+import './index-00847cf7.js';
+import './index-24bdc653.js';
+import './index-58a6ea0f.js';
+import './index-188f1ada.js';
+import './index-fb38668f.js';
+import './index-49ca1955.js';
+import './index-3fe81c37.js';
+import './index-3a6a9510.js';
+import './index-35197d19.js';
+import './index-38065270.js';
+import './index-5c623588.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './index-0e68d46f.js';
+import './index-512fede8.js';
 import 'rc-slider';
-import './index-99600fea.js';
-import './index-2b11f798.js';
-import './index-f7a17135.js';
-import './index-d16badef.js';
+import './index-c8d9daf6.js';
+import './index-dd21082d.js';
+import './index-6e5870ac.js';
+import './index-b679213f.js';
 import 'react-confetti-explosion';
-import './index-11f442da.js';
-import './index-021566f4.js';
-import './index-74e5fcd3.js';
+import './index-b8358a91.js';
+import './index-9fa13035.js';
+import './index-8af4e8f2.js';
 import 'react-qr-code';
-import './index-14207ea2.js';
-import './useCustomDimensions-3461e881.js';
-import './index-d5d1ecc4.js';
-import './ussIsSticky-7b062a71.js';
-import './index-c4d7fbad.js';
-import './index.module-dbb9fed9.js';
-import './index-d8b310e2.js';
-import './index-f201749d.js';
-import './index-481e7217.js';
-import './index-9f1c8e40.js';
+import './index-855189a7.js';
+import './useCustomDimensions-0202a2dc.js';
+import './index-cd756ab5.js';
+import './ussIsSticky-8003a663.js';
+import './index-45791a51.js';
+import './index.module-c2887e71.js';
+import './index-d9d9bc54.js';
+import './index-8e88347c.js';
+import './index-a517759f.js';
+import './index-a52443aa.js';
 import 'vaul';
-import './index-daa022ad.js';
-import './index-095fdaa5.js';
-import './index-86e75087.js';
-import './index-46858d49.js';
-import './index-12edc940.js';
-import './index-bff14afd.js';
-import './index-081716ad.js';
-import './index.module-adc2ff27.js';
-import './index-f63ed0a4.js';
-import './index-3645871e.js';
-import './index-b394dfa2.js';
-import './index-fb8aff6a.js';
+import './index-66166a48.js';
+import './index-7747d93f.js';
+import './index-dcbf066e.js';
+import './index-03e6eef9.js';
+import './index-ec534540.js';
+import './index-1e9b0b2b.js';
+import './index-e64c62c7.js';
+import './index.module-babfbc5e.js';
+import './index-3c0f5ed5.js';
+import './index-3388ce74.js';
+import './index-cb64011b.js';
+import './index-59cdc932.js';
 import 'react-collapsible';
-import './index-84a7b90b.js';
-import './index-7aa8807d.js';
-import './index.module-fc6be605.js';
+import './index-b461f574.js';
+import './index-ee2db24e.js';
+import './index.module-cfff6835.js';
 import 'react-json-view-lite';
-import './react-json-viewer-d979a245.js';
-import './index-88aa4394.js';
-import './index.module-eb1b85c8.js';
-import './DecisionVizualizer-67c9f4b5.js';
+import './react-json-viewer-082911fb.js';
+import './index-ff618dc9.js';
+import './index.module-1a43e9fa.js';
+import './DecisionVizualizer-a1a45655.js';
 import 'react-draggable';
-import './index-08153578.js';
-import './index-097e1713.js';
-import './index-d7b2072a.js';
+import './index-74f33971.js';
+import './index-de82f32b.js';
+import './index-441cdaae.js';
 import 'jsoneditor';
-import './index-f7117be4.js';
-import './index-4c6a78d4.js';
-import './index-99bd1cb7.js';
-import './index-1bf3bb1d.js';
-import './index-6d2c48d9.js';
-import './index-26b66197.js';
-import './index-dc5597f3.js';
-import './index-bf3ccd87.js';
-import './index.module-29808b70.js';
+import './index-72a6c767.js';
+import './index-c9b2f087.js';
+import './index-7138f7bc.js';
+import './index-64c226f7.js';
+import './index-c1ade965.js';
+import './index-f1a03548.js';
+import './index-0c63335a.js';
+import './index-7a9931dc.js';
+import './index.module-60977b20.js';
 import 'react-select';
-import './index-02e8a0eb.js';
-import './index-862f25a8.js';
-import './index-d171b58d.js';
-import './index-32b0b82c.js';
-import './index-26901c61.js';
-import './index-b554251e.js';
-import './index-65de74c5.js';
-import './index-11fad2f7.js';
-import './index-52afb193.js';
-import './CatalogProperties-f2d5dad8.js';
-import './ArticleProperties-e3cddd8e.js';
-import './OptionProperties-5a2d10a9.js';
-import './OptionValueProperties-591e231b.js';
-import './index-a3926f34.js';
+import './index-725cfc14.js';
+import './index-b406c1ac.js';
+import './index-1e6c5d69.js';
+import './index-40c4d90c.js';
+import './index-fedc1cfb.js';
+import './index-4618f03b.js';
+import './index-bada0ee9.js';
+import './index-72db3434.js';
+import './index-1e6841e6.js';
+import './CatalogProperties-fd3824fa.js';
+import './ArticleProperties-57baafe4.js';
+import './OptionProperties-c6de80b0.js';
+import './OptionValueProperties-95ba240d.js';
+import './index-057e71b1.js';
 import '@crystaldesign/content-item';
 
 var wcConfigurator = "wcConfigurator-XqlAg";

package/build/esm/{index-1800e120.js → index-94b8d32e.js}

@@ -1,10 +1,10 @@
-import { u as useViewHandler } from './index-309469cb.js';
+import { u as useViewHandler } from './index-a028fef6.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-703205d3.js';
-import IsActive from './index-8f9388a2.js';
+import { p as paletteItem, w as wcSize, a as wcSizeNormal, b as wcImage, t as textContainer, c as wcConfiguratorSettingsTitle } from './index.module-85714c75.js';
+import IsActive from './index-987f9722.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-8c02812e.js → index-9754966a.js}

@@ -1,9 +1,9 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-309469cb.js';
+import { s as styleInject } from './index-a028fef6.js';
 import { useState, useEffect } from 'react';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import PricePreview from './index-fe837d70.js';
+import PricePreview from './index-fe830ab6.js';
 import classnames from 'classnames';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-8f9388a2.js → index-987f9722.js}

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

package/build/esm/{index-974cdfc9.js → index-9e3859c3.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-309469cb.js';
+import { s as styleInject } from './index-a028fef6.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import VerticalTabGroupItemStandard from './index-73928b9e.js';
+import VerticalTabGroupItemStandard from './index-52560014.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-dynamic-multi-render';

package/build/esm/{index-13550d7e.js → index-9e42f01a.js}

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

package/build/esm/{index-8ab228f9.js → index-9f087248.js}

@@ -1,11 +1,12 @@
-import { s as styleInject, u as useViewHandler, e as evalVisible, _ as _onClickCheckout, I as Icon } from './index-309469cb.js';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { s as styleInject, u as useViewHandler, e as evalVisible, _ as _onClickCheckout, I as Icon } from './index-a028fef6.js';
 import { observer } from 'mobx-react-lite';
-import 'react';
+import { useState, useEffect } from 'react';
 import classnames from 'classnames';
 import { useDivaCore, useTranslation, DivaUtils } from '@crystaldesign/diva-core';
-import { c as checkoutButton } from './index.module-2b6b3d36.js';
+import { c as checkoutButton } from './index.module-e9fd7024.js';
+import CountUp from 'react-countup';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -25,11 +26,14 @@ 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  display: flex;\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: 20.8px;\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-settings-actions-isOnFirstStepDisabled-4PqCh .wcConfigurator-action-Button-uCk2M {\n  pointer-events: none;\n  background-color: #c25353;\n  border-color: #c25353;\n}\n\n.wcConfigurator-action-Button-uCk2M:hover {\n  background-color: var(--diva-theme-palette-primary-dark);\n  border-color: var(--diva-theme-palette-primary-dark);\n  cursor: pointer;\n  transition:\n    box-shadow 0.3s ease,\n    background-color 0.3s ease,\n    border-color 0.3s ease;\n\n  box-shadow: 0px 1px 4px #707070;\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 bruttoPrice = "brutto-price-yaDwF";
+var canceled = "canceled-J6Faa";
+var hidden = "hidden-sa4Pc";
+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  display: flex;\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: 20.8px;\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-settings-actions-isOnFirstStepDisabled-4PqCh .wcConfigurator-action-Button-uCk2M {\n  pointer-events: none;\n  background-color: #c25353;\n  border-color: #c25353;\n}\n\n.wcConfigurator-action-Button-uCk2M:hover {\n  background-color: var(--diva-theme-palette-primary-dark);\n  border-color: var(--diva-theme-palette-primary-dark);\n  cursor: pointer;\n  transition:\n    box-shadow 0.3s ease,\n    background-color 0.3s ease,\n    border-color 0.3s ease;\n\n  box-shadow: 0px 1px 4px #707070;\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\n.brutto-price-yaDwF {\n  float: right;\n  position: relative;\n  margin-right: 20px;\n  font-size: 14px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  min-width: 64px;\n  text-align: right;\n  font-weight: 300;\n}\n\n.brutto-price-yaDwF.canceled-J6Faa {\n  color: #eee;\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.brutto-price-yaDwF.canceled-J6Faa.hidden-sa4Pc {\n  opacity: 0;\n  max-width: 0px;\n}\n\n.brutto-price-yaDwF.canceled-J6Faa:before {\n  position: absolute;\n  content: '';\n  left: -6px;\n  top: 44%;\n  right: 0;\n  border-top: 2px solid;\n  border-color: grey;\n  transform: rotate(-7deg);\n}\n\n.is-mobile-Zx3zd .brutto-price-yaDwF.canceled-J6Faa:before {\n  top: 45%;\n}\n";
 styleInject(css_248z);
 
 var BasketActionStandard = function BasketActionStandard(_ref) {
-  var _viewHandler$uiState$;
+  var _viewHandler$uiState$, _newBruttoPrice$toStr, _newBruttoPrice$toStr2, _newCurSetPrice$toStr, _newCurSetPrice$toStr2;
   var _ref$buttonTextClassN = _ref.buttonTextClassName,
     buttonTextClassName = _ref$buttonTextClassN === void 0 ? wcCheckoutButtonText : _ref$buttonTextClassN,
     _ref$buttonPriceClass = _ref.buttonPriceClassName,
@@ -42,6 +46,27 @@ var BasketActionStandard = function BasketActionStandard(_ref) {
     hidePrices = _useDivaCore.state.hidePrices;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    oldBruttoPrice = _useState2[0],
+    setOldBruttoPrice = _useState2[1];
+  var _useState3 = useState(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    oldCurSetPrice = _useState4[0],
+    setOldCurSetPrice = _useState4[1];
+  var _useState5 = useState(0),
+    _useState6 = _slicedToArray(_useState5, 2),
+    newBruttoPrice = _useState6[0],
+    setNewBruttoPrice = _useState6[1];
+  var _useState7 = useState(0),
+    _useState8 = _slicedToArray(_useState7, 2),
+    newCurSetPrice = _useState8[0],
+    setNewCurSetPrice = _useState8[1];
+  useEffect(function () {
+    var _viewHandler$productS, _viewHandler$productS2;
+    setNewBruttoPrice((_viewHandler$productS = viewHandler.productState.formatedBruttoPrice) !== null && _viewHandler$productS !== void 0 ? _viewHandler$productS : 0);
+    setNewCurSetPrice((_viewHandler$productS2 = viewHandler.productState.formatedCurSetPrice) !== null && _viewHandler$productS2 !== void 0 ? _viewHandler$productS2 : 0);
+  }, [viewHandler.productState.formatedBruttoPrice, viewHandler.productState.formatedCurSetPrice]);
   return /*#__PURE__*/jsxs("div", {
     className: classnames(wcConfiguratorAction, containerClassName),
     children: [showCheckoutButtons && ((_viewHandler$uiState$ = viewHandler.uiState.checkoutConfig) === null || _viewHandler$uiState$ === void 0 ? void 0 : _viewHandler$uiState$.buttons.map(function (b, index) {
@@ -65,13 +90,40 @@ var BasketActionStandard = function BasketActionStandard(_ref) {
       children: [/*#__PURE__*/jsx("div", {
         className: buttonTextClassName,
         children: t('configurator.ADD_TO_BASKET')
-      }), !hidePrices && viewHandler.tabGroupState.curTabGroupType == 'horizontal' && price !== undefined && /*#__PURE__*/jsx("div", {
-        className: buttonPriceClassName,
-        children: DivaUtils.formatPrice(price)
+      }), !hidePrices && price !== undefined && viewHandler.tabGroupState.curTabGroupType == 'horizontal' && /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx("div", {
+          className: classnames(bruttoPrice, canceled, !viewHandler.productState.formatedBruttoPrice ? hidden : undefined),
+          children: /*#__PURE__*/jsx(CountUp, {
+            end: newBruttoPrice,
+            duration: 0.5,
+            start: oldBruttoPrice,
+            decimals: (_newBruttoPrice$toStr = (_newBruttoPrice$toStr2 = newBruttoPrice.toString().split('.')[1]) === null || _newBruttoPrice$toStr2 === void 0 ? void 0 : _newBruttoPrice$toStr2.length) !== null && _newBruttoPrice$toStr !== void 0 ? _newBruttoPrice$toStr : 0,
+            formattingFn: function formattingFn(n) {
+              return DivaUtils.formatPrice(n, viewHandler.productState.priceFormat);
+            },
+            onEnd: function onEnd() {
+              setOldBruttoPrice(newBruttoPrice);
+            }
+          })
+        }), /*#__PURE__*/jsx("div", {
+          className: buttonPriceClassName,
+          children: /*#__PURE__*/jsx(CountUp, {
+            end: newCurSetPrice,
+            duration: 0.5,
+            start: oldCurSetPrice,
+            decimals: (_newCurSetPrice$toStr = (_newCurSetPrice$toStr2 = newCurSetPrice.toString().split('.')[1]) === null || _newCurSetPrice$toStr2 === void 0 ? void 0 : _newCurSetPrice$toStr2.length) !== null && _newCurSetPrice$toStr !== void 0 ? _newCurSetPrice$toStr : 0,
+            formattingFn: function formattingFn(n) {
+              return DivaUtils.formatPrice(n, viewHandler.productState.priceFormat);
+            },
+            onEnd: function onEnd() {
+              setOldCurSetPrice(newCurSetPrice);
+            }
+          })
+        })]
       })]
     })]
   });
 };
-var BasketActionStandard$1 = observer(BasketActionStandard);
+var BasketAction = observer(BasketActionStandard);
 
-export { BasketActionStandard$1 as default };
+export { BasketAction as default };

package/build/esm/{index-021566f4.js → index-9fa13035.js}

@@ -1,14 +1,14 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { u as useViewHandler } from './index-309469cb.js';
+import { u as useViewHandler } from './index-a028fef6.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useRef, useEffect } from 'react';
 import { useLayer } from 'react-laag';
-import Tooltip from './index-74e5fcd3.js';
+import Tooltip from './index-8af4e8f2.js';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import FullscreenAr, { FullscreenArHeader } from './index-14207ea2.js';
+import FullscreenAr, { FullscreenArHeader } from './index-855189a7.js';
 import QRCode from 'react-qr-code';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';