@crystaldesign/diva-web-planner-react 25.9.0-rc.0 → 25.9.0-rc.10

package/build/esm/{index-8622f153.js → index-74905cf5.js}

@@ -1,17 +1,17 @@
-import { u as useViewHandler } from './index-79725c40.js';
+import { u as useViewHandler } from './index-f93bd236.js';
 import { observer } from 'mobx-react-lite';
 import React, { Suspense } from 'react';
-import Planner2DGrid from './index-9c41603b.js';
-import Planner3DImage from './index-9906ef84.js';
-import { w as wcConfiguratorProductCenter, p as portrait, l as landscape, s as settingsHidden, i as inGridVisible, f as fullscreen, a as wcConfiguratorArticleImage, c as center, b as foldback, d as foldbackLeft, e as foldup } from './index.module-4fba5d69.js';
+import Planner2DGrid from './index-39d7f882.js';
+import Planner3DImage from './index-253ab64d.js';
+import { w as wcConfiguratorProductCenter, p as portrait, l as landscape, s as settingsHidden, i as inGridVisible, f as fullscreen, a as wcConfiguratorArticleImage, c as center, b as foldback, d as foldbackLeft, e as foldup } from './index.module-0c614e33.js';
 import classnames from 'classnames';
-import Planner3DGrid from './index-c19da53f.js';
-import PlannerMsgContainer from './index-02223771.js';
-import PlannerUIVariant from './index-0831f6e7.js';
-import RotateInfo from './index-66df93db.js';
-import PromotedOpvs from './index-5aa3d782.js';
-import OrbitInteraction from './index-f3a20e37.js';
-import MobileNavIcons from './index-8627787a.js';
+import Planner3DGrid from './index-6fde2605.js';
+import PlannerMsgContainer from './index-74f23045.js';
+import PlannerUIVariant from './index-34b9a21d.js';
+import RotateInfo from './index-cc30acb1.js';
+import PromotedOpvs from './index-9c0e136e.js';
+import OrbitInteraction from './index-cf19c165.js';
+import MobileNavIcons from './index-6b6f25d1.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -30,20 +30,20 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@crystaldesign/widget-contact-form';
-import './index-cdca5ecb.js';
-import './index-a2c6aca5.js';
+import './index-ad94fdb7.js';
+import './index-db5bc186.js';
 import '@crystaldesign/content-box';
-import './index-709b09f2.js';
+import './index-197d70eb.js';
 import 'react-laag';
-import './index-87528dd1.js';
+import './index-a54a06da.js';
 import 'react-qr-code';
-import './index-96a72052.js';
+import './index-34d3773d.js';
 
 var Planner3D = /*#__PURE__*/React.lazy(function () {
-  return import('./index-46bc2619.js');
+  return import('./index-b86a860c.js');
 });
 var PlannerRTV = /*#__PURE__*/React.lazy(function () {
-  return import('./index-008c384d.js');
+  return import('./index-37d53145.js');
 });
 var ProductCenter = function ProductCenter(_ref) {
   var style = _ref.style,

package/build/esm/{index-02223771.js → index-74f23045.js}

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

package/build/esm/{index-0ef66bcf.js → index-7531297b.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-79725c40.js';
+import { s as styleInject, u as useViewHandler } from './index-f93bd236.js';
 import { createElement } from 'react';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';

package/build/esm/{index-bdd3aa86.js → index-75ea0dc2.js}

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

package/build/esm/{index-f5862c1d.js → index-76c16428.js}

@@ -1,18 +1,18 @@
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-79725c40.js';
+import { s as styleInject, u as useViewHandler } from './index-f93bd236.js';
 import classnames from 'classnames';
 import { useEffect } from 'react';
-import Inputbox from './index-616b07ad.js';
-import Product from './index-0bb40791.js';
-import Settings from './index-bc0f4e88.js';
-import TabGroup from './index-4407bd50.js';
-import NavigationButtons from './index-eb9f52a8.js';
+import Inputbox from './index-cfe7399b.js';
+import Product from './index-4297a032.js';
+import Settings from './index-1104ef29.js';
+import TabGroup from './index-98bf2be4.js';
+import NavigationButtons from './index-85515b65.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import BasketActionStandard from './index-08164ad3.js';
+import BasketActionStandard from './index-9b5898d6.js';
 import { observer } from 'mobx-react-lite';
-import BasketMobile from './index-dd91e7c8.js';
-import ProgressBar from './index-3583a4ae.js';
-import BarrierActions from './index-0b7b9bd7.js';
+import BasketMobile from './index-ff5f825d.js';
+import ProgressBar from './index-a4ce090c.js';
+import BarrierActions from './index-9f1be045.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -30,78 +30,77 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@crystaldesign/widget-contact-form';
-import './index-06b0fb36.js';
-import './index-c28f70b8.js';
-import './index-b1056923.js';
-import './index-5e9ba86b.js';
-import './index-e6bfd7cf.js';
+import './index-e01ad6cf.js';
+import './index-89f87476.js';
+import './index-e73d8b91.js';
+import './index-5c04934c.js';
+import './index-577d1d07.js';
 import 'react-laag';
-import './index-2ee0e25c.js';
-import './index-8faedca2.js';
-import './index-ef3937c8.js';
+import './index-d5a05a0f.js';
+import './index-003d31fa.js';
+import './index-afb6324f.js';
 import 'sift';
-import './index-c5ef9e25.js';
-import './index-313ccbea.js';
-import './index-279f48eb.js';
-import './index-9b7c7454.js';
-import './index.module-4a74d59b.js';
-import './index-107a78ba.js';
+import './index-1982bb97.js';
+import './index-a145b596.js';
+import './index-9c644f87.js';
+import './index-37d2f2ce.js';
+import './index.module-91406314.js';
+import './index-ae11c9cd.js';
 import 'react-switch';
-import './index-2dad2a6b.js';
-import './index-057104c0.js';
-import './index-1ece6719.js';
+import './index-d1e1c8f8.js';
+import './index-93210a9d.js';
+import './index-f8638beb.js';
 import 'react-dropdown';
-import './index-69542536.js';
-import './index-e82e4924.js';
-import './index-862f172b.js';
-import './index-205a5966.js';
+import './index-33eeeeed.js';
+import './index-23ec31e5.js';
+import './index-98db09a9.js';
+import './index-c4296583.js';
 import '@crystaldesign/content-box';
-import './index-492cdc20.js';
-import './index-22351c8a.js';
-import './index-5b29e68d.js';
-import './index-9f3738c6.js';
-import './index-758ed617.js';
-import './index-91b9a83b.js';
-import './index-184e2ed0.js';
-import './index-0ce75e60.js';
-import './index-300a4a9a.js';
-import './index-4b64a929.js';
-import './index-d36b2945.js';
-import './index-69ede7c8.js';
-import './index-60eea47e.js';
-import './index.module-3498c21e.js';
-import './index-a087aae4.js';
-import './index-83323ca5.js';
-import './index-a1b45d61.js';
-import './index-b3591f5e.js';
-import './index-40e9021f.js';
-import './index-41fad44c.js';
-import './index-2d6a32c7.js';
-import './index.module-c40497fc.js';
-import './index-959154bc.js';
-import './index-7121324b.js';
-import './index-36927c47.js';
-import './index-b893a2f1.js';
-import './index-d5fe44f5.js';
-import './index-013d5b78.js';
-import './index-0c2a5649.js';
-import './index-9d660606.js';
+import './index-a64ccdc7.js';
+import './index-8ea8584d.js';
+import './index-0acc342e.js';
+import './index-5a215fbf.js';
+import './index-89dff358.js';
+import './index-65c4172a.js';
+import './index-be92d64e.js';
+import './index-68bc2257.js';
+import './index-f25603f4.js';
+import './index-b1ced99b.js';
+import './index-acbd6cbe.js';
+import './index-f8f7e0bd.js';
+import './index-dcfb470c.js';
+import './index.module-172afb5c.js';
+import './index-2ce73418.js';
+import './index-17b0cbaa.js';
+import './index-a7c456bc.js';
+import './index-465c082a.js';
+import './index-8908c74d.js';
+import './index-77d0a634.js';
+import './index-11e0dee6.js';
+import './index.module-282dd4b1.js';
+import './index-cea95036.js';
+import './index-6e2172d7.js';
+import './index-70f67d21.js';
+import './index-0575bf7b.js';
+import './index-5c75f1c9.js';
+import './index-60bd2bf2.js';
+import './index-953a7d5b.js';
+import './index-a7f2b735.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './index-7a566bf1.js';
-import 'rc-slider/assets/index.css';
+import './index-4ce98a75.js';
 import 'rc-slider';
-import './index-437239cd.js';
-import './index-66299dc0.js';
-import './index-974c4a64.js';
-import './index-78a01798.js';
-import './index-95523b25.js';
-import './index-cf6f89ba.js';
-import './index-84124130.js';
-import './index-94dc39a3.js';
-import './index-33122276.js';
-import './index-18637ce3.js';
-import './index.module-a6ce0db5.js';
+import './index-29000601.js';
+import './index-eb2b513b.js';
+import './index-dbd5984b.js';
+import './index-35aeb28d.js';
+import './index-8c52f57a.js';
+import './index-38ae2ce0.js';
+import './index-81b8aed3.js';
+import './index-b81c4839.js';
+import './index-3de6289c.js';
+import './index-422da9e1.js';
+import './index.module-4b79f0c6.js';
 
 var wcConfigurator = "wcConfigurator-YOuy8";
 var landscape = "landscape-EyFBs";
@@ -122,7 +121,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: 0px;\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% + 46px);\n  height: calc(60% - 46px - 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% - 46px);\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.portrait-XiOPl .wcConfigurator-steps-1--dZ {\n  position: absolute;\n  left: 0px;\n  top: 40%;\n  width: calc(100% - 50px);\n  height: 46px;\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: calc(100% - 50px);\n  height: 3px;\n  top: 40%;\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: 40%;\n  right: 0;\n  width: 50px;\n  height: 46px;\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: 47px;\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% + 47px);\n  height: calc(60% - 47px - 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% - 47px);\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.portrait-XiOPl .wcConfigurator-steps-1--dZ {\n  position: absolute;\n  left: 0px;\n  top: 0px;\n  width: calc(100% - 50px);\n  height: 47px;\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: calc(100% - 50px);\n  height: 3px;\n  top: 47px;\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: 47px;\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) {

package/build/esm/{index-1549e29c.js → index-775b257a.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-79725c40.js';
+import { u as useViewHandler } from './index-f93bd236.js';
 import { toJS } from 'mobx';
 import { useState } from 'react';
-import { h as header } from './index.module-feb04f8d.js';
-import { c as collapsibleHeader, d as dpArrow, b as dArrow, e as boxes, f as box, g as boxSelected, h as boxImage, j as jsonSelection, i as jsonSelected } from './index.module-54135fe0.js';
+import { h as header } from './index.module-964fa7e9.js';
+import { c as collapsibleHeader, d as dpArrow, b as dArrow, e as boxes, f as box, g as boxSelected, h as boxImage, j as jsonSelection, i as jsonSelected } from './index.module-b93e59e1.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
-import { n as notExpanded } from './index.module-cf233542.js';
+import { n as notExpanded } from './index.module-c99fcda6.js';
 import Collapsible from 'react-collapsible';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-41fad44c.js → index-77d0a634.js}

@@ -1,7 +1,7 @@
-import { u as useViewHandler } from './index-79725c40.js';
+import { u as useViewHandler } from './index-f93bd236.js';
 import 'react';
 import DivaUtils from '@crystaldesign/diva-utils';
-import Toggle from './index-107a78ba.js';
+import Toggle from './index-ae11c9cd.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-f3c7460a.js → index-77f2b977.js}

@@ -1,8 +1,8 @@
-import { s as styleInject } from './index-79725c40.js';
+import { s as styleInject } from './index-f93bd236.js';
 import 'react';
 import classnames from 'classnames';
 import { useTranslation } from '@crystaldesign/diva-core';
-import { g as getKey } from './index-ef3937c8.js';
+import { g as getKey } from './index-afb6324f.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -22,62 +22,61 @@ import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@crystaldesign/widget-contact-form';
 import 'sift';
-import './index-c5ef9e25.js';
-import './index-c28f70b8.js';
-import './index-313ccbea.js';
-import './index-279f48eb.js';
-import './index-9b7c7454.js';
-import './index.module-4a74d59b.js';
-import './index-107a78ba.js';
+import './index-1982bb97.js';
+import './index-89f87476.js';
+import './index-a145b596.js';
+import './index-9c644f87.js';
+import './index-37d2f2ce.js';
+import './index.module-91406314.js';
+import './index-ae11c9cd.js';
 import 'react-switch';
-import './index-2dad2a6b.js';
-import './index-057104c0.js';
-import './index-1ece6719.js';
+import './index-d1e1c8f8.js';
+import './index-93210a9d.js';
+import './index-f8638beb.js';
 import 'react-dropdown';
-import './index-69542536.js';
+import './index-33eeeeed.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-e82e4924.js';
-import './index-862f172b.js';
-import './index-205a5966.js';
+import './index-23ec31e5.js';
+import './index-98db09a9.js';
+import './index-c4296583.js';
 import '@crystaldesign/content-box';
-import './index-492cdc20.js';
-import './index-22351c8a.js';
-import './index-5b29e68d.js';
-import './index-9f3738c6.js';
-import './index-758ed617.js';
-import './index-91b9a83b.js';
-import './index-184e2ed0.js';
-import './index-0ce75e60.js';
-import './index-300a4a9a.js';
-import './index-4b64a929.js';
-import './index-d36b2945.js';
-import './index-69ede7c8.js';
-import './index-60eea47e.js';
-import './index.module-3498c21e.js';
-import './index-a087aae4.js';
-import './index-83323ca5.js';
-import './index-a1b45d61.js';
-import './index-b3591f5e.js';
-import './index-40e9021f.js';
-import './index-41fad44c.js';
-import './index-2d6a32c7.js';
-import './index.module-c40497fc.js';
+import './index-a64ccdc7.js';
+import './index-8ea8584d.js';
+import './index-0acc342e.js';
+import './index-5a215fbf.js';
+import './index-89dff358.js';
+import './index-65c4172a.js';
+import './index-be92d64e.js';
+import './index-68bc2257.js';
+import './index-f25603f4.js';
+import './index-b1ced99b.js';
+import './index-acbd6cbe.js';
+import './index-f8f7e0bd.js';
+import './index-dcfb470c.js';
+import './index.module-172afb5c.js';
+import './index-2ce73418.js';
+import './index-17b0cbaa.js';
+import './index-a7c456bc.js';
+import './index-465c082a.js';
+import './index-8908c74d.js';
+import './index-77d0a634.js';
+import './index-11e0dee6.js';
+import './index.module-282dd4b1.js';
 import 'react-laag';
-import './index-959154bc.js';
-import './index-7121324b.js';
-import './index-36927c47.js';
-import './index-b893a2f1.js';
-import './index-d5fe44f5.js';
-import './index-013d5b78.js';
-import './index-0c2a5649.js';
-import './index-9d660606.js';
+import './index-cea95036.js';
+import './index-6e2172d7.js';
+import './index-70f67d21.js';
+import './index-0575bf7b.js';
+import './index-5c75f1c9.js';
+import './index-60bd2bf2.js';
+import './index-953a7d5b.js';
+import './index-a7f2b735.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './index-7a566bf1.js';
-import 'rc-slider/assets/index.css';
+import './index-4ce98a75.js';
 import 'rc-slider';
-import './index-437239cd.js';
-import './index-66299dc0.js';
+import './index-29000601.js';
+import './index-eb2b513b.js';
 
 var container = "container-UuJhj";
 var title = "title-f6urG";

package/build/esm/{index-f539616c.js → index-7c8a97ab.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-79725c40.js';
+import { s as styleInject } from './index-f93bd236.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ActionNavigation from './index-97f1a5b6.js';
+import ActionNavigation from './index-06027277.js';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
@@ -21,7 +21,7 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@crystaldesign/widget-contact-form';
-import './index.module-a6ce0db5.js';
+import './index.module-4b79f0c6.js';
 
 var container = "container-LaFKa";
 var back = "back-A14G4";

package/build/esm/{index-84a4845a.js → index-7e4911b5.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-79725c40.js';
+import { s as styleInject, u as useViewHandler } from './index-f93bd236.js';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import ProductRoomList from './index-00fce866.js';
+import ProductRoomList from './index-11aaefcd.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-2d0cf19a.js → index-8020380d.js}

@@ -1,7 +1,7 @@
-import { s as styleInject, u as useViewHandler } from './index-79725c40.js';
+import { s as styleInject, u as useViewHandler } from './index-f93bd236.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import RoomSerious from './index-a982d6c4.js';
+import RoomSerious from './index-e8de34b8.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-682d9e4e.js → index-81235fd3.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-79725c40.js';
+import { s as styleInject, u as useViewHandler } from './index-f93bd236.js';
 import { useState, useEffect } from 'react';
 import Collapsible from 'react-collapsible';
-import SubTabGroupHeader from './index-63e42208.js';
-import { S as SettingsItem } from './index-ef3937c8.js';
+import SubTabGroupHeader from './index-5d9f864d.js';
+import { S as SettingsItem } from './index-afb6324f.js';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -24,62 +24,61 @@ import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@crystaldesign/widget-contact-form';
 import 'sift';
-import './index-c5ef9e25.js';
-import './index-c28f70b8.js';
-import './index-313ccbea.js';
-import './index-279f48eb.js';
-import './index-9b7c7454.js';
-import './index.module-4a74d59b.js';
-import './index-107a78ba.js';
+import './index-1982bb97.js';
+import './index-89f87476.js';
+import './index-a145b596.js';
+import './index-9c644f87.js';
+import './index-37d2f2ce.js';
+import './index.module-91406314.js';
+import './index-ae11c9cd.js';
 import 'react-switch';
-import './index-2dad2a6b.js';
-import './index-057104c0.js';
-import './index-1ece6719.js';
+import './index-d1e1c8f8.js';
+import './index-93210a9d.js';
+import './index-f8638beb.js';
 import 'react-dropdown';
-import './index-69542536.js';
+import './index-33eeeeed.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-e82e4924.js';
-import './index-862f172b.js';
-import './index-205a5966.js';
+import './index-23ec31e5.js';
+import './index-98db09a9.js';
+import './index-c4296583.js';
 import '@crystaldesign/content-box';
-import './index-492cdc20.js';
-import './index-22351c8a.js';
-import './index-5b29e68d.js';
-import './index-9f3738c6.js';
-import './index-758ed617.js';
-import './index-91b9a83b.js';
-import './index-184e2ed0.js';
-import './index-0ce75e60.js';
-import './index-300a4a9a.js';
-import './index-4b64a929.js';
-import './index-d36b2945.js';
-import './index-69ede7c8.js';
-import './index-60eea47e.js';
-import './index.module-3498c21e.js';
-import './index-a087aae4.js';
-import './index-83323ca5.js';
-import './index-a1b45d61.js';
-import './index-b3591f5e.js';
-import './index-40e9021f.js';
-import './index-41fad44c.js';
-import './index-2d6a32c7.js';
-import './index.module-c40497fc.js';
+import './index-a64ccdc7.js';
+import './index-8ea8584d.js';
+import './index-0acc342e.js';
+import './index-5a215fbf.js';
+import './index-89dff358.js';
+import './index-65c4172a.js';
+import './index-be92d64e.js';
+import './index-68bc2257.js';
+import './index-f25603f4.js';
+import './index-b1ced99b.js';
+import './index-acbd6cbe.js';
+import './index-f8f7e0bd.js';
+import './index-dcfb470c.js';
+import './index.module-172afb5c.js';
+import './index-2ce73418.js';
+import './index-17b0cbaa.js';
+import './index-a7c456bc.js';
+import './index-465c082a.js';
+import './index-8908c74d.js';
+import './index-77d0a634.js';
+import './index-11e0dee6.js';
+import './index.module-282dd4b1.js';
 import 'react-laag';
-import './index-959154bc.js';
-import './index-7121324b.js';
-import './index-36927c47.js';
-import './index-b893a2f1.js';
-import './index-d5fe44f5.js';
-import './index-013d5b78.js';
-import './index-0c2a5649.js';
-import './index-9d660606.js';
+import './index-cea95036.js';
+import './index-6e2172d7.js';
+import './index-70f67d21.js';
+import './index-0575bf7b.js';
+import './index-5c75f1c9.js';
+import './index-60bd2bf2.js';
+import './index-953a7d5b.js';
+import './index-a7f2b735.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './index-7a566bf1.js';
-import 'rc-slider/assets/index.css';
+import './index-4ce98a75.js';
 import 'rc-slider';
-import './index-437239cd.js';
-import './index-66299dc0.js';
+import './index-29000601.js';
+import './index-eb2b513b.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";