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

package/build/esm/{index-82944be0.js → index-74905cf5.js}

@@ -1,17 +1,17 @@
-import { u as useViewHandler } from './index-e0c6b93d.js';
+import { u as useViewHandler } from './index-f93bd236.js';
 import { observer } from 'mobx-react-lite';
 import React, { Suspense } from 'react';
-import Planner2DGrid from './index-6fafabe0.js';
-import Planner3DImage from './index-9db055a0.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-8f869cc4.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-ca7f3d9e.js';
-import PlannerMsgContainer from './index-4e45ce76.js';
-import PlannerUIVariant from './index-4ba394fb.js';
-import RotateInfo from './index-41b5b357.js';
-import PromotedOpvs from './index-1cad1f93.js';
-import OrbitInteraction from './index-c1da6810.js';
-import MobileNavIcons from './index-fff0113a.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-707613bc.js';
-import './index-2fbb7efc.js';
+import './index-ad94fdb7.js';
+import './index-db5bc186.js';
 import '@crystaldesign/content-box';
-import './index-2ccae45f.js';
+import './index-197d70eb.js';
 import 'react-laag';
-import './index-61b6b02e.js';
+import './index-a54a06da.js';
 import 'react-qr-code';
-import './index-6f97ec29.js';
+import './index-34d3773d.js';
 
 var Planner3D = /*#__PURE__*/React.lazy(function () {
-  return import('./index-32e52f0d.js');
+  return import('./index-b86a860c.js');
 });
 var PlannerRTV = /*#__PURE__*/React.lazy(function () {
-  return import('./index-c6db9a7a.js');
+  return import('./index-37d53145.js');
 });
 var ProductCenter = function ProductCenter(_ref) {
   var style = _ref.style,

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

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

package/build/esm/{index-daa86bf4.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-e0c6b93d.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-a027e4d6.js → index-75ea0dc2.js}

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

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

@@ -1,18 +1,18 @@
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-e0c6b93d.js';
+import { s as styleInject, u as useViewHandler } from './index-f93bd236.js';
 import classnames from 'classnames';
 import { useEffect } from 'react';
-import Inputbox from './index-24d8e0ca.js';
-import Product from './index-26aebe9f.js';
-import Settings from './index-fd302a2d.js';
-import TabGroup from './index-b0057d01.js';
-import NavigationButtons from './index-9725001c.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-c0d1cf36.js';
+import BasketActionStandard from './index-9b5898d6.js';
 import { observer } from 'mobx-react-lite';
-import BasketMobile from './index-fa79d152.js';
-import ProgressBar from './index-44c7ba38.js';
-import BarrierActions from './index-b255978e.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-8d5655d2.js';
-import './index-708ae258.js';
-import './index-eb99bd89.js';
-import './index-9cf5046a.js';
-import './index-0b46aa51.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-13b0e5e0.js';
-import './index-c7c91493.js';
-import './index-708c7617.js';
+import './index-d5a05a0f.js';
+import './index-003d31fa.js';
+import './index-afb6324f.js';
 import 'sift';
-import './index-efb65b32.js';
-import './index-2d8da945.js';
-import './index-3a238a3c.js';
-import './index-dbf2adc1.js';
-import './index.module-10abb965.js';
-import './index-16cea8f1.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-87ba3217.js';
-import './index-24438765.js';
-import './index-b852789e.js';
+import './index-d1e1c8f8.js';
+import './index-93210a9d.js';
+import './index-f8638beb.js';
 import 'react-dropdown';
-import './index-2627e6d7.js';
-import './index-8998255e.js';
-import './index-079c09a5.js';
-import './index-3fcd95a0.js';
+import './index-33eeeeed.js';
+import './index-23ec31e5.js';
+import './index-98db09a9.js';
+import './index-c4296583.js';
 import '@crystaldesign/content-box';
-import './index-8c7174d4.js';
-import './index-7405ba6a.js';
-import './index-f765cc7c.js';
-import './index-220bdc3e.js';
-import './index-4ff56657.js';
-import './index-1a3ab6be.js';
-import './index-5c7f568e.js';
-import './index-ac5f2159.js';
-import './index-c41dafb0.js';
-import './index-cbb2283d.js';
-import './index-1c751c5f.js';
-import './index-d244983e.js';
-import './index-31db0e80.js';
-import './index.module-4b3422bc.js';
-import './index-9b83c24b.js';
-import './index-5b45677f.js';
-import './index-7dda49b6.js';
-import './index-d13b4fed.js';
-import './index-537bb435.js';
-import './index-7bf1e29e.js';
-import './index-e562f45d.js';
-import './index.module-53c3e6b0.js';
-import './index-8c19880b.js';
-import './index-c7329cf6.js';
-import './index-61aefd6d.js';
-import './index-29a53e55.js';
-import './index-23cb107a.js';
-import './index-8d6d26a2.js';
-import './index-88db02ea.js';
-import './index-6395ea79.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-cdda2daa.js';
-import 'rc-slider/assets/index.css';
+import './index-4ce98a75.js';
 import 'rc-slider';
-import './index-6e313f76.js';
-import './index-d1ad8349.js';
-import './index-b6fd3503.js';
-import './index-5387e911.js';
-import './index-f90a3b6a.js';
-import './index-f8662a02.js';
-import './index-1b15ac66.js';
-import './index-ab56eb05.js';
-import './index-cbb40f72.js';
-import './index-6414f7f2.js';
-import './index.module-743bc8b7.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-899ac63c.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-e0c6b93d.js';
+import { u as useViewHandler } from './index-f93bd236.js';
 import { toJS } from 'mobx';
 import { useState } from 'react';
-import { h as header } from './index.module-3d8f2891.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-f4947c3c.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-efedddda.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-7bf1e29e.js → index-77d0a634.js}

@@ -1,7 +1,7 @@
-import { u as useViewHandler } from './index-e0c6b93d.js';
+import { u as useViewHandler } from './index-f93bd236.js';
 import 'react';
 import DivaUtils from '@crystaldesign/diva-utils';
-import Toggle from './index-16cea8f1.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-5773abf6.js → index-77f2b977.js}

@@ -1,8 +1,8 @@
-import { s as styleInject } from './index-e0c6b93d.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-708c7617.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-efb65b32.js';
-import './index-708ae258.js';
-import './index-2d8da945.js';
-import './index-3a238a3c.js';
-import './index-dbf2adc1.js';
-import './index.module-10abb965.js';
-import './index-16cea8f1.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-87ba3217.js';
-import './index-24438765.js';
-import './index-b852789e.js';
+import './index-d1e1c8f8.js';
+import './index-93210a9d.js';
+import './index-f8638beb.js';
 import 'react-dropdown';
-import './index-2627e6d7.js';
+import './index-33eeeeed.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-8998255e.js';
-import './index-079c09a5.js';
-import './index-3fcd95a0.js';
+import './index-23ec31e5.js';
+import './index-98db09a9.js';
+import './index-c4296583.js';
 import '@crystaldesign/content-box';
-import './index-8c7174d4.js';
-import './index-7405ba6a.js';
-import './index-f765cc7c.js';
-import './index-220bdc3e.js';
-import './index-4ff56657.js';
-import './index-1a3ab6be.js';
-import './index-5c7f568e.js';
-import './index-ac5f2159.js';
-import './index-c41dafb0.js';
-import './index-cbb2283d.js';
-import './index-1c751c5f.js';
-import './index-d244983e.js';
-import './index-31db0e80.js';
-import './index.module-4b3422bc.js';
-import './index-9b83c24b.js';
-import './index-5b45677f.js';
-import './index-7dda49b6.js';
-import './index-d13b4fed.js';
-import './index-537bb435.js';
-import './index-7bf1e29e.js';
-import './index-e562f45d.js';
-import './index.module-53c3e6b0.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-8c19880b.js';
-import './index-c7329cf6.js';
-import './index-61aefd6d.js';
-import './index-29a53e55.js';
-import './index-23cb107a.js';
-import './index-8d6d26a2.js';
-import './index-88db02ea.js';
-import './index-6395ea79.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-cdda2daa.js';
-import 'rc-slider/assets/index.css';
+import './index-4ce98a75.js';
 import 'rc-slider';
-import './index-6e313f76.js';
-import './index-d1ad8349.js';
+import './index-29000601.js';
+import './index-eb2b513b.js';
 
 var container = "container-UuJhj";
 var title = "title-f6urG";

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

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-e0c6b93d.js';
+import { s as styleInject } from './index-f93bd236.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ActionNavigation from './index-ec524bff.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-743bc8b7.js';
+import './index.module-4b79f0c6.js';
 
 var container = "container-LaFKa";
 var back = "back-A14G4";

package/build/esm/{index-2664c0b5.js → index-7e4911b5.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-e0c6b93d.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-995877a8.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-b1dcf5dc.js → index-8020380d.js}

@@ -1,7 +1,7 @@
-import { s as styleInject, u as useViewHandler } from './index-e0c6b93d.js';
+import { s as styleInject, u as useViewHandler } from './index-f93bd236.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import RoomSerious from './index-13418de2.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-8ffa96f3.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-e0c6b93d.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-682383f2.js';
-import { S as SettingsItem } from './index-708c7617.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-efb65b32.js';
-import './index-708ae258.js';
-import './index-2d8da945.js';
-import './index-3a238a3c.js';
-import './index-dbf2adc1.js';
-import './index.module-10abb965.js';
-import './index-16cea8f1.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-87ba3217.js';
-import './index-24438765.js';
-import './index-b852789e.js';
+import './index-d1e1c8f8.js';
+import './index-93210a9d.js';
+import './index-f8638beb.js';
 import 'react-dropdown';
-import './index-2627e6d7.js';
+import './index-33eeeeed.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-8998255e.js';
-import './index-079c09a5.js';
-import './index-3fcd95a0.js';
+import './index-23ec31e5.js';
+import './index-98db09a9.js';
+import './index-c4296583.js';
 import '@crystaldesign/content-box';
-import './index-8c7174d4.js';
-import './index-7405ba6a.js';
-import './index-f765cc7c.js';
-import './index-220bdc3e.js';
-import './index-4ff56657.js';
-import './index-1a3ab6be.js';
-import './index-5c7f568e.js';
-import './index-ac5f2159.js';
-import './index-c41dafb0.js';
-import './index-cbb2283d.js';
-import './index-1c751c5f.js';
-import './index-d244983e.js';
-import './index-31db0e80.js';
-import './index.module-4b3422bc.js';
-import './index-9b83c24b.js';
-import './index-5b45677f.js';
-import './index-7dda49b6.js';
-import './index-d13b4fed.js';
-import './index-537bb435.js';
-import './index-7bf1e29e.js';
-import './index-e562f45d.js';
-import './index.module-53c3e6b0.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-8c19880b.js';
-import './index-c7329cf6.js';
-import './index-61aefd6d.js';
-import './index-29a53e55.js';
-import './index-23cb107a.js';
-import './index-8d6d26a2.js';
-import './index-88db02ea.js';
-import './index-6395ea79.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-cdda2daa.js';
-import 'rc-slider/assets/index.css';
+import './index-4ce98a75.js';
 import 'rc-slider';
-import './index-6e313f76.js';
-import './index-d1ad8349.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";