@crystaldesign/diva-web-planner-react 25.6.0-beta.2 → 25.6.0-beta.21

package/build/esm/{index-2a073abb.js → index-668a8599.js}

@@ -1,10 +1,10 @@
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-50519ff7.js';
+import { s as styleInject, u as useViewHandler } from './index-c05b0bee.js';
 import { useState, useEffect } from 'react';
 import Collapsible from 'react-collapsible';
-import SubTabGroupHeader from './index-6d279836.js';
-import { S as SettingsItem } from './index-e9c8ddd7.js';
+import SubTabGroupHeader from './index-763b3a2f.js';
+import { S as SettingsItem } from './index-3a596f95.js';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -18,71 +18,58 @@ import '@babel/runtime/helpers/createClass';
 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';
 import 'sift';
-import './index-ad96883f.js';
-import './index-51a087b6.js';
-import './index-6e1290aa.js';
-import './index-364d44c9.js';
-import './index-75659dd5.js';
-import './index.module-31eb7410.js';
-import './index-513c5edd.js';
+import './index-81106453.js';
+import './index-169f9e5c.js';
+import './index-8e97f50a.js';
+import './index-07c552c3.js';
+import './index-a70485aa.js';
+import './index.module-01c106e6.js';
+import './index-5faa5186.js';
 import 'react-switch';
-import './index-2c1d55e4.js';
-import './index-4abf7fc4.js';
-import './index-6cc7c63f.js';
+import './index-67d5265b.js';
+import './index-1d6533e4.js';
+import './index-458ec119.js';
 import 'react-dropdown';
-import './index-ca47d38b.js';
+import './index-25dd003d.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-046fec04.js';
-import './index-d16d9d39.js';
-import './index-d77f5293.js';
+import './index-288ac4c9.js';
+import './index-d7c1ced5.js';
+import './index-37ed85c7.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-08b6dab8.js';
+import './index-aaf2a47f.js';
+import './index-9b1d00fc.js';
+import './index-01937eaf.js';
+import './index-53045137.js';
+import './index-816bc79d.js';
 import 'react-laag';
-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-a74d8355.js';
+import './index-f7100b29.js';
+import './index-45b2de6b.js';
+import './index-905abd4d.js';
+import './index-b1ba35bb.js';
+import './index-3cc083ea.js';
+import './index-d2d210b6.js';
+import './index-e25dabad.js';
+import './index-498bd373.js';
+import './index-50d8b3d5.js';
+import './index.module-8ef4fea8.js';
+import './index-2f993fee.js';
+import './index-9fb7117c.js';
+import './index-cf934184.js';
+import './index-90a5a8d8.js';
+import './index-b155895c.js';
+import './index-8febfc67.js';
+import './index-e2d69ecf.js';
+import './index.module-9232be04.js';
+import './index-43caa336.js';
+import './index-bfad67bf.js';
 
 var collapsableOuter = "collapsable-outer-udXIP";
 var css_248z = ".collapsable-outer-udXIP {\n  overflow: visible !important;\n}\n.collapsable-outer-udXIP {\n  height: auto;\n  transition: none 0s ease 0s;\n}\n";

package/build/esm/{index-7adb2ed8.js → index-67d4514f.js}

@@ -1,13 +1,13 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-50519ff7.js';
+import { s as styleInject, u as useViewHandler } from './index-c05b0bee.js';
 import { observer } from 'mobx-react-lite';
 import { useState, createElement } from 'react';
 import { useHover, useLayer } from 'react-laag';
-import GenericToolTip from './index-c6deb220.js';
+import GenericToolTip from './index-f7100b29.js';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import MetaData from './index-cb47848b.js';
+import MetaData from './index-a74d8355.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -19,8 +19,11 @@ 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 './index-4abf7fc4.js';
+import './index-1d6533e4.js';
 
 var wrapper = "wrapper-q2VFw";
 var textWrapper = "text-wrapper-Th9kS";

package/build/esm/{index-2c1d55e4.js → index-67d5265b.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-50519ff7.js';
+import { s as styleInject, u as useViewHandler } from './index-c05b0bee.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { useState, useEffect } from '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 info = "info-N3LzD";

package/build/esm/{index-aedf71e6.js → index-68636f86.js}

@@ -1,6 +1,6 @@
-import './index-50519ff7.js';
+import './index-c05b0bee.js';
 import 'react';
-import PartListTable from './index-26a9e835.js';
+import PartListTable from './index-b2f6d20b.js';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -16,8 +16,12 @@ 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';
-import './index.module-1cc10f8b.js';
+import './index.module-05966bfd.js';
 import 'react-collapsible';
 
 var AsyncRender = function AsyncRender(_ref) {

package/build/esm/{index-af27679e.js → index-6957f2b8.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject } from './index-50519ff7.js';
+import { s as styleInject } from './index-c05b0bee.js';
 import 'react';
-import SettingsItemHeader from './index-786d97b3.js';
+import SettingsItemHeader from './index-5ee51732.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@crystaldesign/diva-core';
@@ -17,31 +17,34 @@ 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-52fc2000.js';
-import './index-ca47d38b.js';
-import './index-046fec04.js';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import '@crystaldesign/widget-contact-form';
+import './index-268c7ab9.js';
+import './index-25dd003d.js';
+import './index-288ac4c9.js';
 import 'react-dropdown';
-import './index-d16d9d39.js';
-import './index-d77f5293.js';
+import './index-d7c1ced5.js';
+import './index-37ed85c7.js';
 import '@crystaldesign/content-box';
-import './index-7bc2042d.js';
-import './index-6cc77119.js';
-import './index-21e5d647.js';
-import './index-513c5edd.js';
+import './index-08b6dab8.js';
+import './index-aaf2a47f.js';
+import './index-28d52fca.js';
+import './index-5faa5186.js';
 import 'react-switch';
-import './index-4c6dc437.js';
-import './index-902cc832.js';
-import './index-eaac9371.js';
-import './index-2a0867ba.js';
-import './index-cbda6b5b.js';
-import './index-7adb2ed8.js';
+import './index-ac5f5aa9.js';
+import './index-82b355df.js';
+import './index-4b4391cf.js';
+import './index-e24835a1.js';
+import './index-8a5dbb02.js';
+import './index-67d4514f.js';
 import 'react-laag';
-import './index-c6deb220.js';
-import './index-4abf7fc4.js';
-import './index-cb47848b.js';
-import './index-2c1d55e4.js';
+import './index-f7100b29.js';
+import './index-1d6533e4.js';
+import './index-a74d8355.js';
+import './index-67d5265b.js';
 
 var settingsHeaderContainer = "settingsHeaderContainer-ywbxo";
 var settingsHeaderTitle = "settingsHeaderTitle-AeKfm";

package/build/esm/{index-a0d9c662.js → index-6c39d0f8.js}

@@ -1,13 +1,13 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-50519ff7.js';
-import SettingsHeader from './index-51a087b6.js';
+import { s as styleInject, u as useViewHandler } from './index-c05b0bee.js';
+import SettingsHeader from './index-169f9e5c.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { useState, useEffect } from 'react';
 import Dropdown from 'react-dropdown';
-import MobileDropdown from './index-631cf620.js';
+import MobileDropdown from './index-b507bc26.js';
 import { observer } from 'mobx-react-lite';
-import InfoIcon from './index-2c1d55e4.js';
-import PricePreview from './index-4abf7fc4.js';
+import InfoIcon from './index-67d5265b.js';
+import PricePreview from './index-1d6533e4.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -20,9 +20,12 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import '@crystaldesign/widget-contact-form';
-import './index-d16d9d39.js';
 import 'classnames';
+import 'qrcode.react';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import '@crystaldesign/widget-contact-form';
+import './index-d7c1ced5.js';
 
 var wrapper = "wrapper-xpzd5";
 var wcDropDownSelect = "wcDropDownSelect-sB9TS";

package/build/esm/{index-2a2cb85c.js → index-6d7b5c43.js}

@@ -1,18 +1,18 @@
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-50519ff7.js';
+import { s as styleInject, u as useViewHandler } from './index-c05b0bee.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 TabGroup from './index-c169c787.js';
-import NavigationButtons from './index-971fae79.js';
+import Inputbox from './index-0a18bc30.js';
+import Product from './index-8623ed0e.js';
+import Settings from './index-ce4cc0d7.js';
+import TabGroup from './index-b03cbbc9.js';
+import NavigationButtons from './index-76093ec7.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import BasketActionStandard from './index-a95ef51e.js';
+import BasketActionStandard from './index-d377584d.js';
 import { observer } from 'mobx-react-lite';
-import BasketMobile from './index-2939940f.js';
-import ProgressBar from './index-d18c496e.js';
-import BarrierActions from './index-bb8e3a8e.js';
+import BasketMobile from './index-1be506b9.js';
+import ProgressBar from './index-e83097f4.js';
+import BarrierActions from './index-82c62c0c.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -26,82 +26,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 './index-11e9d805.js';
-import './index-51a087b6.js';
-import './index-159951d1.js';
-import './index-cf39bd26.js';
-import './index-a8e7de72.js';
+import './index-a758d079.js';
+import './index-169f9e5c.js';
+import './index-4803f16b.js';
+import './index-9c7c5fef.js';
+import './index-6fc9a0ad.js';
 import 'react-laag';
-import './index-e5e8d118.js';
-import './index-36270e72.js';
-import './index-e9c8ddd7.js';
+import './index-8e9b6970.js';
+import './index-5e28ec42.js';
+import './index-3a596f95.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-81106453.js';
+import './index-8e97f50a.js';
+import './index-07c552c3.js';
+import './index-a70485aa.js';
+import './index.module-01c106e6.js';
+import './index-5faa5186.js';
 import 'react-switch';
-import './index-2c1d55e4.js';
-import './index-4abf7fc4.js';
-import './index-6cc7c63f.js';
+import './index-67d5265b.js';
+import './index-1d6533e4.js';
+import './index-458ec119.js';
 import 'react-dropdown';
-import './index-ca47d38b.js';
-import './index-046fec04.js';
-import './index-d16d9d39.js';
-import './index-d77f5293.js';
+import './index-25dd003d.js';
+import './index-288ac4c9.js';
+import './index-d7c1ced5.js';
+import './index-37ed85c7.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-08b6dab8.js';
+import './index-aaf2a47f.js';
+import './index-9b1d00fc.js';
+import './index-01937eaf.js';
+import './index-53045137.js';
+import './index-816bc79d.js';
+import './index-a74d8355.js';
+import './index-f7100b29.js';
+import './index-45b2de6b.js';
+import './index-905abd4d.js';
+import './index-b1ba35bb.js';
+import './index-3cc083ea.js';
+import './index-d2d210b6.js';
+import './index-e25dabad.js';
+import './index-498bd373.js';
+import './index-50d8b3d5.js';
+import './index.module-8ef4fea8.js';
+import './index-2f993fee.js';
+import './index-9fb7117c.js';
+import './index-cf934184.js';
+import './index-90a5a8d8.js';
+import './index-b155895c.js';
+import './index-8febfc67.js';
+import './index-e2d69ecf.js';
+import './index.module-9232be04.js';
+import './index-43caa336.js';
+import './index-bfad67bf.js';
+import './index-02175f89.js';
+import './index-a4e7f38d.js';
+import './index-1f48d671.js';
+import './index-d6509d1f.js';
+import './index-ef488ee9.js';
+import './index-d425459c.js';
+import './index.module-3f8615c5.js';
 
 var wcConfigurator = "wcConfigurator-YOuy8";
 var landscape = "landscape-EyFBs";
@@ -122,7 +110,7 @@ var burgerVisible = "burger-visible-AFcf0";
 var isOnLastStep = "isOnLastStep-eAWSY";
 var progressBar = "progressBar-Izqk1";
 var actionOnTop = "action-on-top-UqyK5";
-var css_248z = ".wcConfigurator-YOuy8 {\n  position: relative;\n\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\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-YOuy8 *,\n.wcConfigurator-YOuy8 *::before,\n.wcConfigurator-YOuy8 *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.wcConfigurator-YOuy8.landscape-EyFBs {\n  height: 100%;\n  width: 100%;\n}\n\n.wcConfigurator-YOuy8.portrait-XiOPl {\n  height: 100%;\n  width: 100%;\n}\n\n/******************************************Product*******************************************/\n\n.wcConfigurator-product-Ovdqk {\n  position: absolute;\n  width: 63%;\n  max-width: calc(100% - 564px);\n  left: 0px;\n  top: 0;\n  height: 100%;\n}\n.min-expanded-aFvtw .wcConfigurator-product-Ovdqk {\n  width: calc(100% - 128px - 16px);\n  max-width: none;\n  max-width: initial;\n}\n\n.wc-configurator-settings-wrapper-ymkif {\n  position: absolute;\n  z-index: 600;\n  height: calc(100% - 32px);\n  width: calc(37% - 16px);\n  min-width: 550px;\n  right: 0;\n  padding: 16px 16px 16px 0;\n  background-color: var(--settingsBackgroundColor);\n  transition: width 0.45s;\n  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);\n}\n\n.expanded-LXnio .wc-configurator-settings-wrapper-ymkif {\n  width: 70%;\n}\n\n.min-expanded-aFvtw .wc-configurator-settings-wrapper-ymkif {\n  width: calc(128px);\n  min-width: 0;\n  min-width: initial;\n}\n.max-expanded-Q2hOy .wc-configurator-settings-wrapper-ymkif {\n  width: calc(100% - 16px);\n  z-index: 801;\n}\n\n/**************************************ConfigPalette***************************************/\n.wcConfigurator-settings-OLzdK {\n  position: absolute;\n  width: calc(100% - 128px - 4px - 16px);\n\n  transition:\n    height 0.45s,\n    top 0.45s;\n  overflow-y: hidden;\n  overflow-x: hidden;\n  overflow: visible;\n  z-index: 100;\n  right: calc(128px + 4px + 16px);\n  top: 16px;\n  height: calc(100% - 32px - 4px - 50px);\n}\n\n/**************************************TabGroup********************************************/\n\n.wcConfigurator-steps-1--dZ {\n  position: absolute;\n  z-index: 300;\n  right: 16px;\n  top: 16px;\n  height: calc(100% - 32px - 4px - 50px);\n  width: 128px;\n}\n.close-button-visible-y3GY8 .wcConfigurator-steps-1--dZ {\n  top: 80px;\n  height: calc(100% - 32px - 4px - 50px - 64px);\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.wcConfigurator-settings-actions-xqcr5 {\n  position: absolute;\n  width: calc(100% - 128px - 4px - 16px);\n  height: 50px;\n  right: calc(128px + 4px + 16px);\n  bottom: 16px;\n  z-index: 200;\n}\n\n.min-expanded-aFvtw .wcConfigurator-settings-actions-xqcr5 {\n  overflow: hidden;\n}\n\n/*************************************Basket Button****************************************/\n.wcConfigurator-action-ycd5b {\n  position: absolute;\n  width: 128px;\n  height: 50px;\n  right: 16px;\n  bottom: 16px;\n  z-index: 200;\n}\n\n/****************************************Settings- Expanded *******************************/\n.expanded-LXnio .wcConfigurator-settings-OLzdK,\n.max-expanded-Q2hOy .wcConfigurator-settings-OLzdK,\n.expanded-LXnio .wcConfigurator-settings-actions-xqcr5,\n.max-expanded-Q2hOy .wcConfigurator-settings-actions-xqcr5 {\n  width: calc(100% - 128px - 16px - 4px);\n}\n\n.wcConfigurator-YOuy8.portrait-XiOPl,\n.landscape-EyFBs.wcConfigurator-YOuy8 {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n}\n/*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.landscape-EyFBs .wcConfigurator-product-Ovdqk {\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-EyFBs .wcConfigurator-settings-OLzdK {\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-EyFBs .wcConfigurator-steps-1--dZ {\n  display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.landscape-EyFBs .wcConfigurator-settings-actions-xqcr5 {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.landscape-EyFBs .wcConfigurator-action-ycd5b {\n  display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.portrait-XiOPl .wcConfigurator-product-Ovdqk {\n  top: 50px;\n  left: 0;\n  height: 40%;\n  width: 100%;\n  max-width: none;\n  max-width: initial;\n}\n\n.portrait-XiOPl.foldedup-Qqnox .wcConfigurator-product-Ovdqk {\n  z-index: 1;\n}\n\n.portrait-XiOPl.settings-hidden-NnHMW .wcConfigurator-product-Ovdqk {\n  height: calc(100% - 50px);\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.portrait-XiOPl .wcConfigurator-settings-OLzdK {\n  left: 0px;\n  top: calc(40% + 50px);\n  height: calc(60% - 50px - var(--configuratorActionHeight) - 6px);\n  width: 100%;\n}\n\n.portrait-XiOPl.settings-hidden-NnHMW .wcConfigurator-settings-OLzdK {\n  top: 100%;\n}\n\n.portrait-XiOPl.foldedup-Qqnox .wcConfigurator-settings-OLzdK {\n  top: 2.5rem;\n  height: calc(100% - 50px);\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.portrait-XiOPl .wcConfigurator-steps-1--dZ {\n  position: absolute;\n  left: 0px;\n  top: 0;\n  width: calc(100% - 50px);\n  height: 50px;\n}\n\n.portrait-XiOPl .wcConfigurator-steps-1--dZ.burger-visible-AFcf0 {\n  left: 50px;\n  width: calc(100% - 50px - 50px);\n}\n\n.portrait-XiOPl.foldedup-Qqnox .wcConfigurator-steps-1--dZ {\n  top: 0px;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.portrait-XiOPl .wcConfigurator-settings-actions-xqcr5 {\n  bottom: 0px;\n  width: calc(100% - 10px);\n\n  height: calc(var(--configuratorActionHeight) - 5px);\n  margin: 0 5px 5px 5px;\n  padding-top: 0px;\n  right: 0px;\n}\n.portrait-XiOPl.isOnLastStep-eAWSY .wcConfigurator-settings-actions-xqcr5,\n.portrait-XiOPl.settings-hidden-NnHMW .wcConfigurator-settings-actions-xqcr5 {\n  display: none !important;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.portrait-XiOPl .wcConfigurator-action-ycd5b,\n.portrait-XiOPl.settings-hidden-NnHMW .wcConfigurator-action-ycd5b {\n  display: none;\n}\n\n.portrait-XiOPl.isOnLastStep-eAWSY .wcConfigurator-action-ycd5b {\n  right: 0px;\n  bottom: 0px;\n  width: calc(100% - 10px);\n\n  height: calc(var(--configuratorActionHeight) - 5px);\n  margin: 0 5px 5px 5px;\n  padding-top: 0px;\n  display: block;\n}\n\n.portrait-XiOPl .progressBar-Izqk1 {\n  position: absolute;\n  width: 100%;\n  height: 4px;\n  top: 50px;\n  left: 0;\n  z-index: 1000;\n  display: flex;\n}\n\n/*********************Basket Button-- Mobile Portrait onTop *********************************/\n\n.action-on-top-UqyK5 {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 50px;\n  height: 50px;\n  background: no-repeat 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\") center center var(--primaryColor);\n  background-size: 37%;\n  z-index: 300;\n}\n\n.landscape-EyFBs,\n.portrait-XiOPl {\n  --configuratorActionHeight: 50px;\n}\n\n.wcConfigurator-YOuy8 ::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n.wcConfigurator-YOuy8 ::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n.wcConfigurator-YOuy8 ::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n";
+var css_248z = ".wcConfigurator-YOuy8 {\n  position: relative;\n\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\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-YOuy8 *,\n.wcConfigurator-YOuy8 *::before,\n.wcConfigurator-YOuy8 *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.wcConfigurator-YOuy8.landscape-EyFBs {\n  height: 100%;\n  width: 100%;\n}\n\n.wcConfigurator-YOuy8.portrait-XiOPl {\n  height: 100%;\n  width: 100%;\n}\n\n/******************************************Product*******************************************/\n\n.wcConfigurator-product-Ovdqk {\n  position: absolute;\n  width: 63%;\n  max-width: calc(100% - 564px);\n  left: 0px;\n  top: 0;\n  height: 100%;\n}\n.min-expanded-aFvtw .wcConfigurator-product-Ovdqk {\n  width: calc(100% - 128px - 16px);\n  max-width: none;\n  max-width: initial;\n}\n\n.wc-configurator-settings-wrapper-ymkif {\n  position: absolute;\n  z-index: 600;\n  height: calc(100% - 32px);\n  width: calc(37% - 16px);\n  min-width: 550px;\n  right: 0;\n  padding: 16px 16px 16px 0;\n  background-color: var(--settingsBackgroundColor);\n  transition: width 0.45s;\n  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);\n}\n\n.expanded-LXnio .wc-configurator-settings-wrapper-ymkif {\n  width: 70%;\n}\n\n.min-expanded-aFvtw .wc-configurator-settings-wrapper-ymkif {\n  width: calc(128px);\n  min-width: 0;\n  min-width: initial;\n}\n.max-expanded-Q2hOy .wc-configurator-settings-wrapper-ymkif {\n  width: calc(100% - 16px);\n  z-index: 801;\n}\n\n/**************************************ConfigPalette***************************************/\n.wcConfigurator-settings-OLzdK {\n  position: absolute;\n  width: calc(100% - 128px - 4px - 16px);\n\n  transition:\n    height 0.45s,\n    top 0.45s;\n  overflow-y: hidden;\n  overflow-x: hidden;\n  overflow: visible;\n  z-index: 100;\n  right: calc(128px + 4px + 16px);\n  top: 16px;\n  height: calc(100% - 32px - 4px - 50px);\n}\n\n/**************************************TabGroup********************************************/\n\n.wcConfigurator-steps-1--dZ {\n  position: absolute;\n  z-index: 300;\n  right: 16px;\n  top: 16px;\n  height: calc(100% - 32px - 4px - 50px);\n  width: 128px;\n}\n.close-button-visible-y3GY8 .wcConfigurator-steps-1--dZ {\n  top: 80px;\n  height: calc(100% - 32px - 4px - 50px - 64px);\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.wcConfigurator-settings-actions-xqcr5 {\n  position: absolute;\n  width: calc(100% - 128px - 4px - 16px);\n  height: 50px;\n  right: calc(128px + 4px + 16px);\n  bottom: 16px;\n  z-index: 200;\n}\n\n.min-expanded-aFvtw .wcConfigurator-settings-actions-xqcr5 {\n  overflow: hidden;\n}\n\n/*************************************Basket Button****************************************/\n.wcConfigurator-action-ycd5b {\n  position: absolute;\n  width: 128px;\n  height: 50px;\n  right: 16px;\n  bottom: 16px;\n  z-index: 200;\n}\n\n/****************************************Settings- Expanded *******************************/\n.expanded-LXnio .wcConfigurator-settings-OLzdK,\n.max-expanded-Q2hOy .wcConfigurator-settings-OLzdK,\n.expanded-LXnio .wcConfigurator-settings-actions-xqcr5,\n.max-expanded-Q2hOy .wcConfigurator-settings-actions-xqcr5 {\n  width: calc(100% - 128px - 16px - 4px);\n}\n\n.wcConfigurator-YOuy8.portrait-XiOPl,\n.landscape-EyFBs.wcConfigurator-YOuy8 {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n}\n/*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.landscape-EyFBs .wcConfigurator-product-Ovdqk {\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-EyFBs .wcConfigurator-settings-OLzdK {\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-EyFBs .wcConfigurator-steps-1--dZ {\n  display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.landscape-EyFBs .wcConfigurator-settings-actions-xqcr5 {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.landscape-EyFBs .wcConfigurator-action-ycd5b {\n  display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.portrait-XiOPl .wcConfigurator-product-Ovdqk {\n  top: 50px;\n  left: 0;\n  height: 40%;\n  width: 100%;\n  max-width: none;\n  max-width: initial;\n}\n\n.portrait-XiOPl.foldedup-Qqnox .wcConfigurator-product-Ovdqk {\n  z-index: 1;\n}\n\n.portrait-XiOPl.settings-hidden-NnHMW .wcConfigurator-product-Ovdqk {\n  height: calc(100% - 50px);\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.portrait-XiOPl .wcConfigurator-settings-OLzdK {\n  left: 0px;\n  top: calc(40% + 50px);\n  height: calc(60% - 50px - var(--configuratorActionHeight) - 6px);\n  width: 100%;\n}\n\n.portrait-XiOPl.settings-hidden-NnHMW .wcConfigurator-settings-OLzdK {\n  top: 100%;\n}\n\n.portrait-XiOPl.foldedup-Qqnox .wcConfigurator-settings-OLzdK {\n  top: 2.5rem;\n  height: calc(100% - 50px);\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.portrait-XiOPl .wcConfigurator-steps-1--dZ {\n  position: absolute;\n  left: 0px;\n  top: 0;\n  width: calc(100% - 50px);\n  height: 50px;\n}\n\n.portrait-XiOPl .wcConfigurator-steps-1--dZ.burger-visible-AFcf0 {\n  left: 50px;\n  width: calc(100% - 50px - 50px);\n}\n\n.portrait-XiOPl.foldedup-Qqnox .wcConfigurator-steps-1--dZ {\n  top: 0px;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.portrait-XiOPl .wcConfigurator-settings-actions-xqcr5 {\n  bottom: 0px;\n  width: calc(100% - 10px);\n\n  height: calc(var(--configuratorActionHeight) - 5px);\n  margin: 0 5px 5px 5px;\n  padding-top: 0px;\n  right: 0px;\n}\n.portrait-XiOPl.isOnLastStep-eAWSY .wcConfigurator-settings-actions-xqcr5,\n.portrait-XiOPl.settings-hidden-NnHMW .wcConfigurator-settings-actions-xqcr5 {\n  display: none !important;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.portrait-XiOPl .wcConfigurator-action-ycd5b,\n.portrait-XiOPl.settings-hidden-NnHMW .wcConfigurator-action-ycd5b {\n  display: none;\n}\n\n.portrait-XiOPl.isOnLastStep-eAWSY .wcConfigurator-action-ycd5b {\n  right: 0px;\n  bottom: 0px;\n  width: calc(100% - 10px);\n\n  height: calc(var(--configuratorActionHeight) - 5px);\n  margin: 0 5px 5px 5px;\n  padding-top: 0px;\n  display: flex;\n}\n\n.portrait-XiOPl .progressBar-Izqk1 {\n  position: absolute;\n  width: 100%;\n  height: 4px;\n  top: 50px;\n  left: 0;\n  z-index: 1000;\n  display: flex;\n}\n\n/*********************Basket Button-- Mobile Portrait onTop *********************************/\n\n.action-on-top-UqyK5 {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 50px;\n  height: 50px;\n  background: no-repeat 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\") center center var(--primaryColor);\n  background-size: 37%;\n  z-index: 300;\n}\n\n.landscape-EyFBs,\n.portrait-XiOPl {\n  --configuratorActionHeight: 50px;\n}\n\n.wcConfigurator-YOuy8 ::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n.wcConfigurator-YOuy8 ::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n.wcConfigurator-YOuy8 ::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n";
 styleInject(css_248z);
 
 var Standard = function Standard(_ref) {
@@ -156,9 +144,11 @@ var Standard = function Standard(_ref) {
         }), /*#__PURE__*/jsx(Settings, {
           className: wcConfiguratorSettings
         }), /*#__PURE__*/jsx(NavigationButtons, {
-          className: wcConfiguratorSettingsActions
+          className: wcConfiguratorSettingsActions,
+          showCheckoutButtons: true
         }), /*#__PURE__*/jsx(BasketActionStandard, {
-          containerClassName: wcConfiguratorAction
+          containerClassName: wcConfiguratorAction,
+          showCheckoutButtons: false
         })]
       }), viewHandler.uiState.isInMobileView && /*#__PURE__*/jsxs(Fragment, {
         children: [/*#__PURE__*/jsx(TabGroup, {
@@ -169,9 +159,11 @@ var Standard = function Standard(_ref) {
         }), /*#__PURE__*/jsx(Settings, {
           className: wcConfiguratorSettings
         }), /*#__PURE__*/jsx(NavigationButtons, {
-          className: classnames(wcConfiguratorSettingsActions)
+          className: classnames(wcConfiguratorSettingsActions),
+          showCheckoutButtons: true
         }), /*#__PURE__*/jsx(BasketActionStandard, {
-          containerClassName: wcConfiguratorAction
+          containerClassName: wcConfiguratorAction,
+          showCheckoutButtons: viewHandler.uiState.isMobilePortrait
         }), /*#__PURE__*/jsx(BasketMobile, {
           className: actionOnTop
         })]
@@ -200,7 +192,6 @@ var cssVariables = {
   '--fontWeight1': '300',
   '--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',
   '--tabGroupBackground': 'unset',
   '--settingsBackgroundColor': 'rgba(248, 248, 248, 0.9)',
   '--settingsScrollerPaddingTopBottom': '0px',
@@ -208,9 +199,8 @@ var cssVariables = {
   '--settingsScrollerPaddingLeft': '5px',
   '--foldArrowMarginRight': 'calc(50% - 8px)',
   '--configuratorActionHeight': '50px',
-  '--configuratorActionWidthForthBackSpacer': '6px',
-  '--configuratorActionForthWidth': 'calc((100% - 53px) - (var(--configuratorActionWidthForthBackSpacer) / 2))',
-  '--configuratorActionBackWidth': 'calc(53px - (var(--configuratorActionWidthForthBackSpacer) / 2))'
+  '--configuratorActionForthWidth': 'calc(100% - 56px)',
+  '--configuratorActionBackWidth': '50px'
 };
 var index = observer(Standard);
 

package/build/esm/{index-02b72ae7.js → index-6ec248e6.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-c05b0bee.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 configuratorTabGroup = "Configurator-tabGroup-DK2Gs";