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

package/build/esm/{index-a60f8ddd.js → index-0c48fcd4.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-50519ff7.js';
+import { s as styleInject } from './index-ec2da0a2.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import VerticalTabGroupItemStandard from './index-446227f0.js';
+import VerticalTabGroupItemStandard from './index-70070016.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@crystaldesign/diva-core';
@@ -16,9 +16,12 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import '@crystaldesign/widget-contact-form';
 import 'classnames';
-import './IconHandler-5650984f.js';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import '@crystaldesign/widget-contact-form';
+import './IconHandler-b5438972.js';
 
 var verticalItemPoligon = "verticalItemPoligon-uLIgs";
 var wcActiveStep = "wcActiveStep-Cjjc7";

package/build/esm/{index-e5e8d118.js → index-0cbd85c8.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-50519ff7.js';
+import { s as styleInject } from './index-ec2da0a2.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useDivaCore } from '@crystaldesign/diva-core';
@@ -15,6 +15,10 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
+import 'classnames';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
 import '@crystaldesign/widget-contact-form';
 
 var wcPosNrTooltip = "wcPosNrTooltip-8hudU";

package/build/esm/{index-7cb7722b.js → index-0ccbee39.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-50519ff7.js';
+import { s as styleInject, u as useViewHandler } from './index-ec2da0a2.js';
 import 'react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
@@ -16,6 +16,9 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
 import '@crystaldesign/widget-contact-form';
 
 var container = "container-LyqYI";

package/build/esm/{index-54020676.js → index-0edb5e07.js}

@@ -1,4 +1,4 @@
-import './index-50519ff7.js';
+import './index-ec2da0a2.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
@@ -16,6 +16,9 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
 import '@crystaldesign/widget-contact-form';
 
 var Trash = function Trash(_ref) {

package/build/esm/{index-52fc2000.js → index-0ee72c08.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-50519ff7.js';
+import { s as styleInject, u as useViewHandler } from './index-ec2da0a2.js';
 import 'react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
@@ -16,6 +16,9 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
 import '@crystaldesign/widget-contact-form';
 
 var wcToolbarFilter = "wcToolbarFilter-Gz4PK";

package/build/esm/{index-7bc2042d.js → index-0fe5b53e.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-50519ff7.js';
+import { s as styleInject, u as useViewHandler } from './index-ec2da0a2.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import classnames from 'classnames';
@@ -16,6 +16,9 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
 import '@crystaldesign/widget-contact-form';
 
 var imageItem = "image-item-NA3C7";

package/build/esm/{index-bd49cf94.js → index-1134922e.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-50519ff7.js';
+import { s as styleInject, u as useViewHandler } from './index-ec2da0a2.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import Group from './index-059ff823.js';
+import Group from './index-7b51e0f8.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import StandradGroup from './index-7cfd8633.js';
+import StandradGroup from './index-929cedfa.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -17,12 +17,15 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import '@crystaldesign/widget-contact-form';
 import 'classnames';
-import './index-8930c483.js';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import '@crystaldesign/widget-contact-form';
+import './index-642cd087.js';
 import 'react-collapsible';
-import './index-2c1d55e4.js';
-import './index-4abf7fc4.js';
+import './index-b98a790e.js';
+import './index-80f21ec6.js';
 
 var container = "container-IOQq6";
 var css_248z = ".container-IOQq6 {\n  display: flex;\n  flex-wrap: wrap;\n  position: relative;\n  width: 100%;\n}\n";

package/build/esm/{index-a4622fcb.js → index-116bbf1a.js}

@@ -1,6 +1,6 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject } from './index-50519ff7.js';
+import { s as styleInject } from './index-ec2da0a2.js';
 import { useState } from 'react';
 import classnames from 'classnames';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -16,6 +16,9 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
 import '@crystaldesign/widget-contact-form';
 
 var bmmenu = "bmmenu-i0FoF";

package/build/esm/{index-d02ce14d.js → index-1260f2f2.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-50519ff7.js';
+import { s as styleInject } from './index-ec2da0a2.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
@@ -16,6 +16,9 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
 import '@crystaldesign/widget-contact-form';
 
 var row = "row-aKbIG";

package/build/esm/{index-f2fed941.js → index-12e1165e.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-50519ff7.js';
+import { s as styleInject, u as useViewHandler } from './index-ec2da0a2.js';
 import 'react';
 import classnames from 'classnames';
 import { useTranslation } from '@crystaldesign/diva-core';
@@ -16,6 +16,9 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
 import '@crystaldesign/widget-contact-form';
 
 var verticalItem = "verticalItem-EHV6R";

package/build/esm/{index-946265c0.js → index-147a0fdc.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-50519ff7.js';
+import './index-ec2da0a2.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';
@@ -15,6 +15,10 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
+import 'classnames';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
 import '@crystaldesign/widget-contact-form';
 
 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; }

package/build/esm/{index-2b84e05b.js → index-173830d1.js}

@@ -1,5 +1,5 @@
 import _typeof from '@babel/runtime/helpers/typeof';
-import { s as styleInject } from './index-50519ff7.js';
+import { s as styleInject } from './index-ec2da0a2.js';
 import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
 import 'react';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
@@ -16,6 +16,9 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
+import 'classnames';
+import 'qrcode.react';
+import 'flat';
 import '@crystaldesign/widget-contact-form';
 
 var shareOption = "share-option-tqy8P";

package/build/esm/{index-bd27e4a1.js → index-1857c5fd.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import './index-50519ff7.js';
+import './index-ec2da0a2.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
@@ -16,6 +16,9 @@ import '@babel/runtime/helpers/createClass';
 import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
 import '@crystaldesign/widget-contact-form';
 
 var mousePosOnScreenLastFrame = new Vector2(0, 0);

package/build/esm/{index-7d2f6715.js → index-1ea73fcb.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-50519ff7.js';
+import './index-ec2da0a2.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';
@@ -15,6 +15,10 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
+import 'classnames';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
 import '@crystaldesign/widget-contact-form';
 
 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; }

package/build/esm/{index-d118717f.js → index-230bba98.js}

@@ -1,4 +1,4 @@
-import './index-50519ff7.js';
+import './index-ec2da0a2.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
@@ -16,6 +16,9 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
 import '@crystaldesign/widget-contact-form';
 
 var RotationCounterClockwise = function RotationCounterClockwise(_ref) {

package/build/esm/{index-22682cb4.js → index-23147106.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-50519ff7.js';
+import { s as styleInject, u as useViewHandler } from './index-ec2da0a2.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
@@ -16,6 +16,9 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
 import '@crystaldesign/widget-contact-form';
 
 var wcConfiguratorProductFooter = "wcConfigurator-product-footer-ygF4L";

package/build/esm/{index-ac07a2e6.js → index-23cc6211.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-50519ff7.js';
+import { s as styleInject, u as useViewHandler } from './index-ec2da0a2.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import VerticalTabGroupItemStandard from './index-446227f0.js';
+import VerticalTabGroupItemStandard from './index-70070016.js';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -16,9 +16,12 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import '@crystaldesign/widget-contact-form';
 import 'classnames';
-import './IconHandler-5650984f.js';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import '@crystaldesign/widget-contact-form';
+import './IconHandler-b5438972.js';
 
 var priceDiv = "price-div-veoFD";
 var priceText = "price-text-34sGt";

package/build/esm/{index-902cc832.js → index-23e8d4a9.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-50519ff7.js';
+import { s as styleInject, u as useViewHandler } from './index-ec2da0a2.js';
 import 'react';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
 import { observer } from 'mobx-react-lite';
@@ -16,6 +16,10 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
+import 'classnames';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
 import '@crystaldesign/widget-contact-form';
 
 var infoButton = "infoButton-1VGiK";

package/build/esm/{index-369cfb52.js → index-24a34fa1.js}

@@ -1,14 +1,14 @@
-import { s as styleInject, u as useViewHandler } from './index-50519ff7.js';
+import { s as styleInject, u as useViewHandler } from './index-ec2da0a2.js';
 import classnames from 'classnames';
 import { useEffect } from 'react';
-import Inputbox from './index-f8819cc8.js';
-import Product from './index-a5a98781.js';
-import Settings from './index-bf49e568.js';
-import NavigationButtons from './index-971fae79.js';
-import BasketAction from './index-70941a9c.js';
-import TabGroup from './index-c169c787.js';
+import Inputbox from './index-38e14131.js';
+import Product from './index-af58e981.js';
+import Settings from './index-b70a2c2c.js';
+import NavigationButtons from './index-748837e8.js';
+import BasketAction from './index-45ba03e1.js';
+import TabGroup from './index-9c079304.js';
 import { observer } from 'mobx-react-lite';
-import BarrierActions from './index-bb8e3a8e.js';
+import BarrierActions from './index-8f5a5070.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -23,83 +23,70 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
 import '@crystaldesign/widget-contact-form';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-11e9d805.js';
-import './index-51a087b6.js';
-import './index-159951d1.js';
-import './index-cf39bd26.js';
-import './index-a8e7de72.js';
+import './index-949644e1.js';
+import './index-7125fcfa.js';
+import './index-4c9f1e73.js';
+import './index-940ac9e2.js';
+import './index-50c7461d.js';
 import 'react-laag';
-import './index-e5e8d118.js';
-import './index-36270e72.js';
-import './index-e9c8ddd7.js';
+import './index-0cbd85c8.js';
+import './index-c2507283.js';
+import './index-9aef94b6.js';
 import 'sift';
-import './index-ad96883f.js';
-import './index-6e1290aa.js';
-import './index-364d44c9.js';
-import './index-75659dd5.js';
-import './index.module-31eb7410.js';
-import './index-513c5edd.js';
+import './index-426036e3.js';
+import './index-62a43d80.js';
+import './index-ba15882a.js';
+import './index-8186dca4.js';
+import './index.module-6948d49c.js';
+import './index-9441219f.js';
 import 'react-switch';
-import './index-2c1d55e4.js';
-import './index-4abf7fc4.js';
-import './index-6cc7c63f.js';
+import './index-b98a790e.js';
+import './index-80f21ec6.js';
+import './index-ef881093.js';
 import 'react-dropdown';
-import './index-ca47d38b.js';
-import './index-046fec04.js';
-import './index-d16d9d39.js';
-import './index-d77f5293.js';
+import './index-d2099c30.js';
+import './index-645bcf04.js';
+import './index-a462b875.js';
+import './index-f7f3903a.js';
 import '@crystaldesign/content-box';
-import './index-7bc2042d.js';
-import './index-6cc77119.js';
-import './index-e10a7013.js';
-import './index-a4080e17.js';
-import './index-d2756e5a.js';
-import './index-88371711.js';
-import './index-cb47848b.js';
-import './index-c6deb220.js';
-import './index-539de5c7.js';
-import './index-553729fc.js';
-import './index-9225db98.js';
-import './index-946265c0.js';
-import './index-f497c077.js';
-import './index-a4445438.js';
-import './index-a711db5e.js';
-import './index-996cf193.js';
-import './index.module-58d09a14.js';
-import './index-7d2f6715.js';
-import './index-05dd85ac.js';
-import './index-375dc72b.js';
-import './index-43a2b11d.js';
-import './index-f1837c8d.js';
-import './index-77454faa.js';
-import './index-c17f666b.js';
-import './index.module-579a152e.js';
-import './index-0182e59e.js';
-import './index-697fb652.js';
-import './index-09e9051e.js';
-import './index-0cb85e84.js';
-import './index.module-49f5aab7.js';
-import './index-5f1cd827.js';
-import './index-aa7b234a.js';
-import './index-3eb8ba9e.js';
-import './index.module-f9f27b59.js';
-import './index-7cf6bc96.js';
-import 'qrcode.react';
-import './index-ee84d904.js';
-import './index-465f2c36.js';
-import './index-68195666.js';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import './index-70a2d7ea.js';
-import './index-05866f04.js';
-import './index-3ccb8cf1.js';
-import './index-a58b9032.js';
-import './index-3adb616a.js';
-import './index-847b7e61.js';
-import './index-dc89c265.js';
-import './index-4035476b.js';
+import './index-0fe5b53e.js';
+import './index-9d59a0dc.js';
+import './index-87e092eb.js';
+import './index-47f42e49.js';
+import './index-e1c6dba3.js';
+import './index-7a0a189d.js';
+import './index-553860a8.js';
+import './index-9d86755b.js';
+import './index-08058111.js';
+import './index-e62dbc5a.js';
+import './index-c06749e7.js';
+import './index-147a0fdc.js';
+import './index-ea12039b.js';
+import './index-b4f9e46a.js';
+import './index-2ff08e32.js';
+import './index-4c2f99df.js';
+import './index.module-3735e7da.js';
+import './index-1ea73fcb.js';
+import './index-32b1ddd7.js';
+import './index-80839649.js';
+import './index-a6ac5d48.js';
+import './index-94e0211f.js';
+import './index-316a8e32.js';
+import './index-7853da6a.js';
+import './index.module-cd36da56.js';
+import './index-c658f5ce.js';
+import './index-adfe03eb.js';
+import './index-588e07b7.js';
+import './index-30f85f07.js';
+import './index-c208a4ff.js';
+import './index-39999122.js';
+import './index-53277664.js';
+import './index-5f54bcff.js';
 
 var wcConfigurator = "wcConfigurator-XDqzc";
 var landscape = "landscape-h-sQZ";
@@ -113,7 +100,7 @@ var expanded = "expanded-Iylhn";
 var foldedup = "foldedup-NCdbS";
 var settingsHidden = "settings-hidden-T4ySb";
 var isOnLastStep = "isOnLastStep-mmqas";
-var css_248z = ".wcConfigurator-XDqzc {\n  position: relative;\n  height: calc(100% - 60px);\n  width: 100%;\n  margin: 30px 0;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n}\n\n.wcConfigurator-XDqzc *,\n.wcConfigurator-XDqzc *::before,\n.wcConfigurator-XDqzc *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.wcConfigurator-XDqzc.landscape-h-sQZ {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n.wcConfigurator-XDqzc.portrait-GHprw {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n/******************************************Product*******************************************/\n\n.wcConfigurator-product--JVWg {\n  position: absolute;\n  width: 69%;\n  top: calc(56px + 20px);\n  height: calc(100% - 56px - 20px);\n}\n\n/**************************************ConfigPalette***************************************/\n.wcConfigurator-settings-YxHjA {\n  position: absolute;\n  width: 31%;\n  overflow: visible;\n  z-index: 500;\n  right: 0px;\n  top: calc(56px + 20px);\n  height: calc(100% - 60px - 56px - 70px);\n  transition: width 0.2s ease-in-out;\n}\n\n/**************************************TabGroup********************************************/\n\n.wcConfigurator-steps-sGIVo {\n  position: absolute;\n  z-index: 300;\n  height: 56px;\n  width: 100%;\n  transition: width 0.2s ease-in-out;\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.wcConfigurator-settings-actions-M6Qsu {\n  position: absolute;\n  width: 31%;\n  height: 40px;\n  right: 0px;\n  bottom: calc(40px + 20px);\n  padding-top: 10px;\n  z-index: 500;\n  transition: width 0.2s ease-in-out;\n}\n\n/*************************************Basket Button****************************************/\n.wcConfigurator-action-EgrS- {\n  position: absolute;\n  width: 31%;\n  height: 40px;\n  right: 0px;\n  bottom: 0px;\n  padding-top: 20px;\n  z-index: 500;\n  transition: width 0.2s ease-in-out;\n}\n\n/****************************************Settings- Expanded *******************************/\n.expanded-Iylhn .wcConfigurator-settings-YxHjA,\n.expanded-Iylhn .wcConfigurator-action-EgrS-,\n.expanded-Iylhn .wcConfigurator-settings-actions-M6Qsu {\n  width: 62%;\n}\n\n.wcConfigurator-XDqzc.portrait-GHprw,\n.landscape-h-sQZ.wcConfigurator-XDqzc {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n}\n/*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.landscape-h-sQZ .wcConfigurator-product--JVWg {\n  width: 100%;\n  height: 100%;\n  top: 0px;\n  left: 0px;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.landscape-h-sQZ .wcConfigurator-settings-YxHjA {\n  display: none;\n}\n\n/*configuratorPalette wird nach unten aus dem Blickfeld geschoben*/\n/* .landscape.settings-hidden .wcConfigurator-settings {\n  top: 100%;\n} */\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.landscape-h-sQZ .wcConfigurator-steps-sGIVo {\n  display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.landscape-h-sQZ .wcConfigurator-settings-actions-M6Qsu {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.landscape-h-sQZ .wcConfigurator-action-EgrS- {\n  display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.portrait-GHprw .wcConfigurator-product--JVWg {\n  top: 0;\n  left: 0;\n  height: 48%;\n  width: 100%;\n}\n\n.portrait-GHprw.foldedup-NCdbS .wcConfigurator-product--JVWg {\n  z-index: 1;\n}\n\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-product--JVWg {\n  height: calc(100% - 40px);\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.portrait-GHprw .wcConfigurator-settings-YxHjA {\n  left: 0px;\n  top: calc(48% + 40px);\n  height: calc(52% - 40px - var(--configuratorActionHeight));\n  width: 100%;\n}\n\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-settings-YxHjA {\n  top: 100%;\n}\n\n.portrait-GHprw.foldedup-NCdbS .wcConfigurator-settings-YxHjA {\n  top: 2.5rem;\n  height: calc(100% - 40px);\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.portrait-GHprw .wcConfigurator-steps-sGIVo {\n  position: absolute;\n  left: 0px;\n  top: 48%;\n  width: 100%;\n  height: 40px;\n}\n\n.portrait-GHprw.foldedup-NCdbS .wcConfigurator-steps-sGIVo {\n  top: 0px;\n}\n\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-steps-sGIVo {\n  top: auto;\n  top: initial;\n  bottom: 0px;\n}\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.portrait-GHprw .wcConfigurator-settings-actions-M6Qsu {\n  bottom: 0px;\n  width: 100%;\n  height: var(--configuratorActionHeight);\n  padding-top: 0px;\n  right: 0px;\n}\n.portrait-GHprw.isOnLastStep-mmqas .wcConfigurator-settings-actions-M6Qsu,\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-settings-actions-M6Qsu {\n  display: none !important;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.portrait-GHprw .wcConfigurator-action-EgrS-,\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-action-EgrS- {\n  display: none;\n}\n\n.portrait-GHprw.isOnLastStep-mmqas .wcConfigurator-action-EgrS- {\n  right: 0px;\n  bottom: 0px;\n  width: 100%;\n  height: var(--configuratorActionHeight);\n  padding-top: 0px;\n  display: block;\n}\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n";
+var css_248z = ".wcConfigurator-XDqzc {\n  position: relative;\n  height: calc(100% - 60px);\n  width: 100%;\n  margin: 30px 0;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n}\n\n.wcConfigurator-XDqzc *,\n.wcConfigurator-XDqzc *::before,\n.wcConfigurator-XDqzc *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.wcConfigurator-XDqzc.landscape-h-sQZ {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n.wcConfigurator-XDqzc.portrait-GHprw {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n/******************************************Product*******************************************/\n\n.wcConfigurator-product--JVWg {\n  position: absolute;\n  width: 69%;\n  top: calc(56px + 20px);\n  height: calc(100% - 56px - 20px);\n}\n\n/**************************************ConfigPalette***************************************/\n.wcConfigurator-settings-YxHjA {\n  position: absolute;\n  width: 31%;\n  overflow: visible;\n  z-index: 500;\n  right: 0px;\n  top: calc(56px + 20px);\n  height: calc(100% - 60px - 56px - 70px);\n  transition: width 0.2s ease-in-out;\n}\n\n/**************************************TabGroup********************************************/\n\n.wcConfigurator-steps-sGIVo {\n  position: absolute;\n  z-index: 300;\n  height: 56px;\n  width: 100%;\n  transition: width 0.2s ease-in-out;\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.wcConfigurator-settings-actions-M6Qsu {\n  position: absolute;\n  width: 31%;\n  height: 40px;\n  right: 0px;\n  bottom: calc(40px + 20px);\n  padding-top: 10px;\n  z-index: 500;\n  transition: width 0.2s ease-in-out;\n}\n\n/*************************************Basket Button****************************************/\n.wcConfigurator-action-EgrS- {\n  position: absolute;\n  width: 31%;\n  height: 40px;\n  right: 0px;\n  bottom: 0px;\n  padding-top: 20px;\n  z-index: 500;\n  transition: width 0.2s ease-in-out;\n}\n\n/****************************************Settings- Expanded *******************************/\n.expanded-Iylhn .wcConfigurator-settings-YxHjA,\n.expanded-Iylhn .wcConfigurator-action-EgrS-,\n.expanded-Iylhn .wcConfigurator-settings-actions-M6Qsu {\n  width: 62%;\n}\n\n.wcConfigurator-XDqzc.portrait-GHprw,\n.landscape-h-sQZ.wcConfigurator-XDqzc {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n}\n/*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.landscape-h-sQZ .wcConfigurator-product--JVWg {\n  width: 100%;\n  height: 100%;\n  top: 0px;\n  left: 0px;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.landscape-h-sQZ .wcConfigurator-settings-YxHjA {\n  display: none;\n}\n\n/*configuratorPalette wird nach unten aus dem Blickfeld geschoben*/\n/* .landscape.settings-hidden .wcConfigurator-settings {\n  top: 100%;\n} */\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.landscape-h-sQZ .wcConfigurator-steps-sGIVo {\n  display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.landscape-h-sQZ .wcConfigurator-settings-actions-M6Qsu {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.landscape-h-sQZ .wcConfigurator-action-EgrS- {\n  display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.portrait-GHprw .wcConfigurator-product--JVWg {\n  top: 0;\n  left: 0;\n  height: 48%;\n  width: 100%;\n}\n\n.portrait-GHprw.foldedup-NCdbS .wcConfigurator-product--JVWg {\n  z-index: 1;\n}\n\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-product--JVWg {\n  height: calc(100% - 40px);\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.portrait-GHprw .wcConfigurator-settings-YxHjA {\n  left: 0px;\n  top: calc(48% + 40px);\n  height: calc(52% - 40px - var(--configuratorActionHeight));\n  width: 100%;\n}\n\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-settings-YxHjA {\n  top: 100%;\n}\n\n.portrait-GHprw.foldedup-NCdbS .wcConfigurator-settings-YxHjA {\n  top: 2.5rem;\n  height: calc(100% - 40px);\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.portrait-GHprw .wcConfigurator-steps-sGIVo {\n  position: absolute;\n  left: 0px;\n  top: 48%;\n  width: 100%;\n  height: 40px;\n}\n\n.portrait-GHprw.foldedup-NCdbS .wcConfigurator-steps-sGIVo {\n  top: 0px;\n}\n\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-steps-sGIVo {\n  top: auto;\n  top: initial;\n  bottom: 0px;\n}\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.portrait-GHprw .wcConfigurator-settings-actions-M6Qsu {\n  bottom: 0px;\n  width: 100%;\n  height: var(--configuratorActionHeight);\n  padding-top: 0px;\n  right: 0px;\n}\n.portrait-GHprw.isOnLastStep-mmqas .wcConfigurator-settings-actions-M6Qsu,\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-settings-actions-M6Qsu {\n  display: none !important;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.portrait-GHprw .wcConfigurator-action-EgrS-,\n.portrait-GHprw.settings-hidden-T4ySb .wcConfigurator-action-EgrS- {\n  display: none;\n}\n\n.portrait-GHprw.isOnLastStep-mmqas .wcConfigurator-action-EgrS- {\n  right: 0px;\n  bottom: 0px;\n  width: 100%;\n  height: var(--configuratorActionHeight);\n  padding-top: 0px;\n  display: flex;\n}\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n";
 styleInject(css_248z);
 
 var Gold = function Gold(props) {
@@ -141,9 +128,11 @@ var Gold = function Gold(props) {
       }), /*#__PURE__*/jsx(Settings, {
         className: wcConfiguratorSettings
       }), /*#__PURE__*/jsx(NavigationButtons, {
-        className: wcConfiguratorSettingsActions
+        className: wcConfiguratorSettingsActions,
+        showCheckoutButtons: viewHandler.uiState.isMobilePortrait
       }), /*#__PURE__*/jsx(BasketAction, {
-        containerClassName: wcConfiguratorAction
+        containerClassName: wcConfiguratorAction,
+        showCheckoutButtons: true
       })]
     }), viewHandler.settingsState.inputBoxVisible && /*#__PURE__*/jsx(Inputbox, {}), /*#__PURE__*/jsx(BarrierActions, {})]
   });
@@ -171,15 +160,11 @@ var cssVariables = {
   '--settingsScrollerPaddingLeft': '10px',
   '--tabGroupBackground': 'var(--thirdColor)',
   '--foldArrowMarginRight': '16px',
-  '--configuratorActionWidthForthBackSpacer': '0.1rem',
-  '--configuratorActionForthWidth': 'calc(50% - calc(0.05rem + 2px))',
-  '--configuratorActionBackWidth': 'calc(50% - calc(0.05rem + 2px))',
   '--configuratorActionHeight': '40px',
   '--lineHeight1': '36.8px',
   '--fontWeight1': '600',
   '--boxShadowHover': '0px 1px 4px rgba(0, 0, 0, 0.15)',
-  '--boxShadowActive': '0px 1px 4px rgba(0, 0, 0, 0.3)',
-  '--itemsMargin': '11.2px 0 0 0'
+  '--boxShadowActive': '0px 1px 4px rgba(0, 0, 0, 0.3)'
 };
 var index = observer(Gold);
 

package/build/esm/{index-9f84791d.js → index-24b4ec48.js}

@@ -1,9 +1,9 @@
-import { u as useViewHandler } from './index-50519ff7.js';
+import { u as useViewHandler } from './index-ec2da0a2.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import NavBar from './index-db505f2e.js';
-import { g as wcConfigurator3Dimage, h as imageCenterOrbit, j as imageCenterStatic } from './index.module-42376582.js';
-import Logo from './index-f1b146f2.js';
+import NavBar from './index-e4827356.js';
+import { g as wcConfigurator3Dimage, h as imageCenterOrbit, j as imageCenterStatic } from './index.module-03a78597.js';
+import Logo from './index-7445ebdc.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -18,8 +18,11 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import '@crystaldesign/widget-contact-form';
 import 'classnames';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import '@crystaldesign/widget-contact-form';
 
 var Planner3DImage = function Planner3DImage(props) {
   var viewHandler = useViewHandler();

package/build/esm/{index-23088821.js → index-263a36d9.js}

@@ -1,5 +1,5 @@
-import { s as styleInject } from './index-50519ff7.js';
-import ProductHeader from './index-ea976f38.js';
+import { s as styleInject } from './index-ec2da0a2.js';
+import ProductHeader from './index-baed1c51.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -16,11 +16,14 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import '@crystaldesign/widget-contact-form';
 import 'classnames';
-import './index-f52a61ff.js';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import '@crystaldesign/widget-contact-form';
+import './index-e2e301c0.js';
 import '@crystaldesign/content-box';
-import './index-1ad3e828.js';
+import './index-a4f1b0fb.js';
 import '@crystaldesign/content-item';
 import 'react-draggable';