@crystaldesign/diva-web-planner-react 24.9.0-rc.1 → 24.9.0-rc.11

package/build/esm/{index-f892d1e2.js → index-31a1bf29.js}

@@ -1,7 +1,7 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-33c1c202.js';
+import { u as useViewHandler } from './index-7b5250a2.js';
 import { useState, useEffect } from 'react';
-import ItemVariant from './index-ecf024fb.js';
+import ItemVariant from './index-65fb5eff.js';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-f61c0d57.js → index-33f449e3.js}

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

package/build/esm/{index-493224c6.js → index-34c74600.js}

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

package/build/esm/{index-81413df3.js → index-35b729a3.js}

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

package/build/esm/{index-bd82bfc2.js → index-37f7669b.js}

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-33c1c202.js';
+import { s as styleInject } from './index-7b5250a2.js';
 import 'react';
-import SettingsItemHeader from './index-7a225f0b.js';
+import SettingsItemHeader from './index-022cfe23.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -17,31 +17,31 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'mobx-react-lite';
 import 'classnames';
-import './index-0965d6d2.js';
-import './index-de8dc532.js';
+import './index-10c4b24c.js';
+import './index-20eb0c25.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-0f39413b.js';
+import './index-079e6756.js';
 import 'react-dropdown';
-import './index-79d86128.js';
-import './index-48021b28.js';
+import './index-e104db99.js';
+import './index-021d75f0.js';
 import '@crystaldesign/content-box';
-import './index-20ae06ff.js';
-import './index-c276f599.js';
-import './index-44bb1beb.js';
-import './index-5c8866a6.js';
+import './index-62531313.js';
+import './index-9a2cfa65.js';
+import './index-ba2d8a90.js';
+import './index-7affad8e.js';
 import 'react-switch';
-import './index-7d1e85b0.js';
-import './index-0cd641c2.js';
-import './index-07fce92e.js';
-import './index-62546a43.js';
-import './index.module-df95d685.js';
-import './index-b2c1ac78.js';
-import './index-acbe2f81.js';
-import './index-e609b830.js';
+import './index-2067d16e.js';
+import './index-27806174.js';
+import './index-181be89f.js';
+import './index-a4da3579.js';
+import './index.module-8e295a1c.js';
+import './index-f89287e9.js';
+import './index-3f0a09a7.js';
+import './index-f350f263.js';
 import 'react-laag';
-import './index-035f9908.js';
-import './index-fa74aafd.js';
-import './index-ed1843db.js';
+import './index-c4f12e74.js';
+import './index-3c4ba889.js';
+import './index-85f9acae.js';
 
 var settingsHeaderContainer = "settingsHeaderContainer-K1WNg";
 var settingsHeaderTitle = "settingsHeaderTitle-q5bnF";

package/build/esm/{index-0ade74f4.js → index-38048477.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-33c1c202.js';
+import { s as styleInject } from './index-7b5250a2.js';
 import 'react';
 import classnames from 'classnames';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-dbdfe69f.js → index-38970d1a.js}

@@ -1,4 +1,4 @@
-import './index-33c1c202.js';
+import './index-7b5250a2.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-5b107d76.js → index-39791662.js}

@@ -1,10 +1,10 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-33c1c202.js';
+import { u as useViewHandler } from './index-7b5250a2.js';
 import classnames from 'classnames';
 import { useState, useEffect } from 'react';
 import Dropdown from 'react-dropdown';
-import { w as wrapper, d as dropdownRoot, a as dropdownControl } from './index.module-8afaaa8e.js';
-import Arrow from './index-79d86128.js';
+import { w as wrapper, d as dropdownRoot, a as dropdownControl } from './index.module-f0e91d15.js';
+import Arrow from './index-e104db99.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-59c223e0.js → index-3ad6c6eb.js}

@@ -1,14 +1,14 @@
-import { s as styleInject, u as useViewHandler } from './index-33c1c202.js';
+import { s as styleInject, u as useViewHandler } from './index-7b5250a2.js';
 import classnames from 'classnames';
 import { useEffect } from 'react';
-import Inputbox from './index-839b3eca.js';
-import Product from './index-1e0510f1.js';
-import Settings from './index-3e7aaaa0.js';
-import NavigationButtons from './index-fb6dbf7b.js';
-import BasketAction from './index-3bd7a155.js';
-import TabGroup from './index-712f6532.js';
+import Inputbox from './index-d1c00a85.js';
+import Product from './index-2e340323.js';
+import Settings from './index-062fcad7.js';
+import NavigationButtons from './index-c22efc8d.js';
+import BasketAction from './index-8302d1ae.js';
+import TabGroup from './index-5c81292b.js';
 import { observer } from 'mobx-react-lite';
-import BarrierActions from './index-3eb7728d.js';
+import BarrierActions from './index-a1d18f01.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -24,71 +24,71 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-220dcdf8.js';
-import './index-493224c6.js';
-import './index-7c870a2e.js';
-import './index-734e36c3.js';
-import './index-92e42c4e.js';
+import './index-c886ffb1.js';
+import './index-34c74600.js';
+import './index-8db1e34d.js';
+import './index-20ce65be.js';
+import './index-77fb3941.js';
 import 'react-laag';
-import './index-04e207d6.js';
-import './index-2ce49650.js';
-import './index-91530a44.js';
+import './index-fa3a545d.js';
+import './index-f9974eeb.js';
+import './index-29dcc509.js';
 import 'sift';
-import './index-acf1142f.js';
-import './index-8737220f.js';
-import './index-fb83eb99.js';
-import './index-642aac39.js';
-import './index.module-78b15438.js';
-import './index-5c8866a6.js';
+import './index-52e34cb0.js';
+import './index-caf4ae0a.js';
+import './index-01a95cb8.js';
+import './index-d1031fba.js';
+import './index.module-683ab624.js';
+import './index-7affad8e.js';
 import 'react-switch';
-import './index-ed1843db.js';
-import './index-809711a1.js';
+import './index-85f9acae.js';
+import './index-514a04d8.js';
 import 'react-dropdown';
-import './index-de8dc532.js';
-import './index-0f39413b.js';
-import './index-79d86128.js';
-import './index-48021b28.js';
+import './index-20eb0c25.js';
+import './index-079e6756.js';
+import './index-e104db99.js';
+import './index-021d75f0.js';
 import '@crystaldesign/content-box';
-import './index-20ae06ff.js';
-import './index-c276f599.js';
-import './index-ac00d351.js';
-import './index-a4d9dda6.js';
-import './index-9bf23968.js';
+import './index-62531313.js';
+import './index-9a2cfa65.js';
+import './index-cb9cbb9d.js';
+import './index-c714b849.js';
+import './index-afe130d8.js';
 import '@crystaldesign/products-component';
-import './index-ee949089.js';
-import './index-6584b4b9.js';
-import './index-8c132435.js';
-import './index-fa74aafd.js';
-import './index-035f9908.js';
-import './index-c5e64c62.js';
-import './index-80944944.js';
-import './index-4e947a3b.js';
-import './index-609ed600.js';
-import './index-f7c9ac45.js';
-import './index-c78b6b02.js';
-import './index-84dfc3be.js';
-import './index-60f3235a.js';
-import './index.module-955e4296.js';
-import './index-33009ec3.js';
-import './index-d0070960.js';
-import './index-3112e67a.js';
-import './index-898839d1.js';
-import './index-f5934d77.js';
-import './index-ba0315a8.js';
-import './index-76eb79ca.js';
-import './index.module-df95d685.js';
-import './index-b8c75d05.js';
-import './index-7d9b5e71.js';
-import './index-1088f470.js';
-import './index-0f6b5d32.js';
-import './index-45d80232.js';
+import './index-67d225e8.js';
+import './index-0d16d086.js';
+import './index-95ed784c.js';
+import './index-3c4ba889.js';
+import './index-c4f12e74.js';
+import './index-9a120b8e.js';
+import './index-1e74a57b.js';
+import './index-6692919e.js';
+import './index-5f0bc63c.js';
+import './index-8724cd65.js';
+import './index-5fc75b1c.js';
+import './index-f1e0f891.js';
+import './index-526ad1dc.js';
+import './index.module-bc221575.js';
+import './index-67ef0f34.js';
+import './index-b58101a9.js';
+import './index-cb5f9e51.js';
+import './index-0bba690a.js';
+import './index-16e2686b.js';
+import './index-7eee62f8.js';
+import './index-318bbf61.js';
+import './index.module-8e295a1c.js';
+import './index-12d79afd.js';
+import './index-197d6c91.js';
+import './index-3d225385.js';
+import './index-83e31c49.js';
+import './index-54d54337.js';
 import 'react-collapsible';
-import './index-5f233593.js';
-import './index-51f39bf9.js';
-import './index-f61c0d57.js';
-import './index-f892d1e2.js';
-import './index-ecf024fb.js';
-import './index-91cd333b.js';
+import './index-2338d6b7.js';
+import './index-6d402d8e.js';
+import './index-33f449e3.js';
+import './index-31a1bf29.js';
+import './index-65fb5eff.js';
+import './index-cc014107.js';
 
 var wcConfigurator = "wcConfigurator-8WNGD";
 var landscape = "landscape-fycCb";
@@ -101,7 +101,7 @@ var wcConfiguratorAction = "wcConfigurator-action-9vcgt";
 var expanded = "expanded-tbaDC";
 var foldedup = "foldedup-INA5E";
 var settingsHidden = "settings-hidden-dySS8";
-var css_248z = ".wcConfigurator-8WNGD {\n  position: relative;\n  height: calc(100% - 60px);\n  width: 100%;\n  margin: 30px 0;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 300;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n}\n\n.wcConfigurator-8WNGD *,\n.wcConfigurator-8WNGD *::before,\n.wcConfigurator-8WNGD *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.wcConfigurator-8WNGD.landscape-fycCb {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n.wcConfigurator-8WNGD.portrait-mcAF6 {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n/******************************************Product*******************************************/\n\n.wcConfigurator-product-RWY1l {\n  position: absolute;\n  width: 69%;\n  top: calc(56px + 20px);\n  height: calc(100% - 56px - 20px);\n}\n\n/**************************************ConfigPalette***************************************/\n.wcConfigurator-settings-St4gK {\n  position: absolute;\n  width: 31%;\n  overflow: visible;\n  z-index: 500;\n  right: 0px;\n  top: calc(56px + 20px);\n  height: calc(100% - 60px - 56px - 70px - 40px);\n  transition: width 0.2s ease-in-out;\n}\n\n/**************************************TabGroup********************************************/\n\n.wcConfigurator-steps-fRfjC {\n  position: absolute;\n  z-index: 300;\n  height: 56px;\n  width: 100%;\n  transition: width 0.2s ease-in-out;\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.wcConfigurator-settings-actions--47XW {\n  position: absolute;\n  width: calc(31% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n  height: 80px;\n  right: 0px;\n  bottom: calc(40px + 20px);\n  padding-top: 10px;\n  z-index: 500;\n  transition: width 0.2s ease-in-out;\n  padding-right: var(--settingsScrollerPaddingRight);\n  padding-left: var(--settingsScrollerPaddingLeft);\n  background-color: var(--settingsBackgroundColor);\n}\n\n/*************************************Basket Button****************************************/\n.wcConfigurator-action-9vcgt {\n  position: absolute;\n  width: calc(31% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n  height: 40px;\n  right: 0px;\n  bottom: 0px;\n  padding-top: 20px;\n  z-index: 500;\n  transition: width 0.2s ease-in-out;\n  font-weight: 700;\n  padding-right: var(--settingsScrollerPaddingRight);\n  padding-left: var(--settingsScrollerPaddingLeft);\n}\n\n/****************************************Settings- Expanded *******************************/\n.expanded-tbaDC .wcConfigurator-settings-St4gK {\n  width: 62%;\n}\n\n.expanded-tbaDC .wcConfigurator-action-9vcgt,\n.expanded-tbaDC .wcConfigurator-settings-actions--47XW {\n  width: calc(62% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n}\n\n.wcConfigurator-8WNGD.portrait-mcAF6,\n.landscape-fycCb.wcConfigurator-8WNGD {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n} /*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.landscape-fycCb .wcConfigurator-product-RWY1l {\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-fycCb .wcConfigurator-settings-St4gK {\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-fycCb .wcConfigurator-steps-fRfjC {\n  display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.landscape-fycCb .wcConfigurator-settings-actions--47XW {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.landscape-fycCb .wcConfigurator-action-9vcgt {\n  display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.portrait-mcAF6 .wcConfigurator-product-RWY1l {\n  top: 50px;\n  left: 0;\n  height: 40%;\n  width: 100%;\n  max-width: none;\n  max-width: initial;\n}\n\n.portrait-mcAF6.foldedup-INA5E .wcConfigurator-product-RWY1l {\n  z-index: 1;\n}\n\n.portrait-mcAF6.settings-hidden-dySS8 .wcConfigurator-product-RWY1l {\n  height: calc(100% - 50px);\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.portrait-mcAF6 .wcConfigurator-settings-St4gK {\n  left: 0px;\n  top: calc(40% + 50px);\n  height: calc(60% - 50px - var(--configuratorActionHeight) - 40px - 12px);\n  width: 100%;\n}\n\n.portrait-mcAF6.settings-hidden-dySS8 .wcConfigurator-settings-St4gK {\n  top: 100%;\n}\n\n.portrait-mcAF6.foldedup-INA5E .wcConfigurator-settings-St4gK {\n  top: 2.5rem;\n  height: calc(100% - 50px);\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.portrait-mcAF6 .wcConfigurator-steps-fRfjC {\n  position: absolute;\n  left: 0px;\n  top: 0;\n  width: 100%;\n  height: 50px;\n}\n\n.portrait-mcAF6.foldedup-INA5E .wcConfigurator-steps-fRfjC {\n  top: 0px;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.portrait-mcAF6 .wcConfigurator-settings-actions--47XW {\n  bottom: 0px;\n  width: calc(100% - 10px);\n  height: calc(var(--configuratorActionHeight) + 40px + 12px);\n  padding-top: 0px;\n  right: 0px;\n  padding: 0 5px;\n  display: flex;\n  flex-direction: column-reverse;\n}\n.portrait-mcAF6.isOnLastStep-2g8Xc .wcConfigurator-settings-actions--47XW,\n.portrait-mcAF6.settings-hidden-dySS8 .wcConfigurator-settings-actions--47XW {\n  display: none !important;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.portrait-mcAF6 .wcConfigurator-action-9vcgt,\n.portrait-mcAF6.settings-hidden-dySS8 .wcConfigurator-action-9vcgt {\n  display: none;\n}\n\n.portrait-mcAF6.isOnLastStep-2g8Xc .wcConfigurator-action-9vcgt {\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-mcAF6 .progressBar-dd1Kl {\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::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n";
+var css_248z = ".wcConfigurator-8WNGD {\n  position: relative;\n  height: calc(100% - 60px);\n  width: 100%;\n  margin: 30px 0;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 300;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n}\n\n.wcConfigurator-8WNGD *,\n.wcConfigurator-8WNGD *::before,\n.wcConfigurator-8WNGD *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.wcConfigurator-8WNGD.landscape-fycCb {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n.wcConfigurator-8WNGD.portrait-mcAF6 {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n/******************************************Product*******************************************/\n\n.wcConfigurator-product-RWY1l {\n  position: absolute;\n  width: 69%;\n  top: calc(56px + 20px);\n  height: calc(100% - 56px - 20px);\n}\n\n/**************************************ConfigPalette***************************************/\n.wcConfigurator-settings-St4gK {\n  position: absolute;\n  width: 31%;\n  overflow: visible;\n  z-index: 500;\n  right: 0px;\n  top: calc(56px + 20px);\n  height: calc(100% - 60px - 56px - 70px - 40px);\n  transition: width 0.2s ease-in-out;\n}\n\n/**************************************TabGroup********************************************/\n\n.wcConfigurator-steps-fRfjC {\n  position: absolute;\n  z-index: 300;\n  height: 56px;\n  width: 100%;\n  transition: width 0.2s ease-in-out;\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.wcConfigurator-settings-actions--47XW {\n  position: absolute;\n  width: calc(31% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n  height: 80px;\n  right: 0px;\n  bottom: calc(40px + 20px);\n  padding-top: 10px;\n  z-index: 500;\n  transition: width 0.2s ease-in-out;\n  padding-right: var(--settingsScrollerPaddingRight);\n  padding-left: var(--settingsScrollerPaddingLeft);\n  background-color: var(--settingsBackgroundColor);\n}\n\n/*************************************Basket Button****************************************/\n.wcConfigurator-action-9vcgt {\n  position: absolute;\n  width: calc(31% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n  height: 40px;\n  right: 0px;\n  bottom: 0px;\n  padding-top: 20px;\n  z-index: 500;\n  transition: width 0.2s ease-in-out;\n  font-weight: 700;\n  padding-right: var(--settingsScrollerPaddingRight);\n  padding-left: var(--settingsScrollerPaddingLeft);\n}\n\n/****************************************Settings- Expanded *******************************/\n.expanded-tbaDC .wcConfigurator-settings-St4gK {\n  width: 62%;\n}\n\n.expanded-tbaDC .wcConfigurator-action-9vcgt,\n.expanded-tbaDC .wcConfigurator-settings-actions--47XW {\n  width: calc(62% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n}\n\n.wcConfigurator-8WNGD.portrait-mcAF6,\n.landscape-fycCb.wcConfigurator-8WNGD {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n} /*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.landscape-fycCb .wcConfigurator-product-RWY1l {\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-fycCb .wcConfigurator-settings-St4gK {\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-fycCb .wcConfigurator-steps-fRfjC {\n  display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.landscape-fycCb .wcConfigurator-settings-actions--47XW {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.landscape-fycCb .wcConfigurator-action-9vcgt {\n  display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.portrait-mcAF6 .wcConfigurator-product-RWY1l {\n  top: 50px;\n  left: 0;\n  height: 40%;\n  width: 100%;\n  max-width: none;\n  max-width: initial;\n}\n\n.portrait-mcAF6.foldedup-INA5E .wcConfigurator-product-RWY1l {\n  z-index: 1;\n}\n\n.portrait-mcAF6.settings-hidden-dySS8 .wcConfigurator-product-RWY1l {\n  height: calc(100% - 50px);\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.portrait-mcAF6 .wcConfigurator-settings-St4gK {\n  left: 0px;\n  top: calc(40% + 50px);\n  height: calc(60% - 50px - var(--configuratorActionHeight) - 32px - 12px);\n  width: 100%;\n}\n\n.portrait-mcAF6.settings-hidden-dySS8 .wcConfigurator-settings-St4gK {\n  top: 100%;\n}\n\n.portrait-mcAF6.foldedup-INA5E .wcConfigurator-settings-St4gK {\n  top: 2.5rem;\n  height: calc(100% - 50px);\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.portrait-mcAF6 .wcConfigurator-steps-fRfjC {\n  position: absolute;\n  left: 0px;\n  top: 0;\n  width: 100%;\n  height: 50px;\n}\n\n.portrait-mcAF6.foldedup-INA5E .wcConfigurator-steps-fRfjC {\n  top: 0px;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.portrait-mcAF6 .wcConfigurator-settings-actions--47XW {\n  bottom: 45px;\n  width: calc(100% - 10px);\n  height: 38px;\n  padding-top: 0px;\n  right: 0px;\n  padding: 0 5px 1px 5px;\n}\n\n.portrait-mcAF6.isOnLastStep-2g8Xc .wcConfigurator-settings-actions--47XW,\n.portrait-mcAF6.settings-hidden-dySS8 .wcConfigurator-settings-actions--47XW {\n  display: none !important;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.portrait-mcAF6.settings-hidden-dySS8 .wcConfigurator-action-9vcgt {\n  display: none;\n}\n.portrait-mcAF6 .wcConfigurator-action-9vcgt,\n.portrait-mcAF6.isOnLastStep-2g8Xc .wcConfigurator-action-9vcgt {\n  right: 0px;\n  bottom: 0px;\n  width: calc(100% - 10px);\n  height: 40px;\n  margin: 0 5px 5px 5px;\n  padding: 0px;\n  display: flex;\n}\n\n.portrait-mcAF6 .progressBar-dd1Kl {\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::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n";
 styleInject(css_248z);
 
 var Ralph = function Ralph(props) {

package/build/esm/{index-4cbcae20.js → index-3b89226d.js}

@@ -1,5 +1,5 @@
-import { s as styleInject } from './index-33c1c202.js';
-import ProductHeader from './index-77bd5cb6.js';
+import { s as styleInject } from './index-7b5250a2.js';
+import ProductHeader from './index-5950d4dc.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -17,9 +17,9 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'mobx-react-lite';
 import 'classnames';
-import './index-3277c6f0.js';
-import './index-77f23793.js';
-import './index.module-36c3e954.js';
+import './index-f26d805a.js';
+import './index-188b203c.js';
+import './index.module-7478cbb0.js';
 import '@crystaldesign/content-box';
 
 var productHeader = "productHeader-oJxLo";

package/build/esm/{index-f5929c4f.js → index-3bd137ae.js}

@@ -1,7 +1,7 @@
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-33c1c202.js';
+import { s as styleInject, u as useViewHandler } from './index-7b5250a2.js';
 import { useRef, useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import JSONEditor from 'jsoneditor';

package/build/esm/{index-8f6ab74d.js → index-3c3fe81c.js}

@@ -1,6 +1,6 @@
-import { u as useViewHandler } from './index-33c1c202.js';
+import { u as useViewHandler } from './index-7b5250a2.js';
 import 'react';
-import { j as wcPlanner3DGrid } from './index.module-12bfaf4c.js';
+import { j as wcPlanner3DGrid } from './index.module-3b2774df.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-fa74aafd.js → index-3c4ba889.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-33c1c202.js';
+import { s as styleInject, u as useViewHandler } from './index-7b5250a2.js';
 import { useState, useEffect } from 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-1088f470.js → index-3d225385.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-33c1c202.js';
+import { s as styleInject, u as useViewHandler } from './index-7b5250a2.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';

package/build/esm/{index-e6eff3c2.js → index-3da6c3c2.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-33c1c202.js';
+import { s as styleInject, u as useViewHandler } from './index-7b5250a2.js';
 import 'react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-acbe2f81.js → index-3f0a09a7.js}

@@ -1,7 +1,7 @@
-import { s as styleInject } from './index-33c1c202.js';
+import { s as styleInject } from './index-7b5250a2.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
-import Item from './index-e609b830.js';
+import Item from './index-f350f263.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -17,9 +17,9 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'react-laag';
-import './index-035f9908.js';
+import './index-c4f12e74.js';
 import 'classnames';
-import './index-fa74aafd.js';
+import './index-3c4ba889.js';
 
 var wrapper = "wrapper-Da1y8";
 var css_248z = ".wrapper-Da1y8 {\n  display: flex;\n  margin-left: 16px;\n  margin-right: 16px;\n  gap: 6px 10px;\n  overflow: auto;\n  width: 100%;\n  flex-wrap: wrap;\n}\n";

package/build/esm/{index-dc43c6c9.js → index-3f17648a.js}

@@ -1,9 +1,9 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-33c1c202.js';
+import './index-7b5250a2.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ArticleOverview from './index-af146e51.js';
-import JsonEditor from './index-f5929c4f.js';
+import ArticleOverview from './index-96ea2f46.js';
+import JsonEditor from './index-3bd137ae.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -17,10 +17,10 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index.module-e7cb87e4.js';
-import './index.module-6086dab9.js';
+import './index.module-d4b54001.js';
+import './index.module-761ca013.js';
 import 'classnames';
-import './index.module-39fd8e33.js';
+import './index.module-e12c532f.js';
 import 'react-collapsible';
 import 'jsoneditor';
 

package/build/esm/{index-51ba5712.js → index-3f4cbfba.js}

@@ -1,8 +1,8 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-33c1c202.js';
+import { s as styleInject, u as useViewHandler } from './index-7b5250a2.js';
 import { useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
-import { S as SettingsItem } from './index-91530a44.js';
+import { S as SettingsItem } from './index-29dcc509.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -18,54 +18,54 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'sift';
-import './index-acf1142f.js';
-import './index-493224c6.js';
-import './index-8737220f.js';
-import './index-fb83eb99.js';
-import './index-642aac39.js';
-import './index.module-78b15438.js';
-import './index-5c8866a6.js';
+import './index-52e34cb0.js';
+import './index-34c74600.js';
+import './index-caf4ae0a.js';
+import './index-01a95cb8.js';
+import './index-d1031fba.js';
+import './index.module-683ab624.js';
+import './index-7affad8e.js';
 import 'react-switch';
-import './index-ed1843db.js';
-import './index-809711a1.js';
+import './index-85f9acae.js';
+import './index-514a04d8.js';
 import 'react-dropdown';
-import './index-de8dc532.js';
+import './index-20eb0c25.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-0f39413b.js';
-import './index-79d86128.js';
-import './index-48021b28.js';
+import './index-079e6756.js';
+import './index-e104db99.js';
+import './index-021d75f0.js';
 import '@crystaldesign/content-box';
-import './index-20ae06ff.js';
-import './index-c276f599.js';
-import './index-ac00d351.js';
-import './index-a4d9dda6.js';
-import './index-9bf23968.js';
+import './index-62531313.js';
+import './index-9a2cfa65.js';
+import './index-cb9cbb9d.js';
+import './index-c714b849.js';
+import './index-afe130d8.js';
 import '@crystaldesign/products-component';
-import './index-ee949089.js';
-import './index-6584b4b9.js';
-import './index-8c132435.js';
+import './index-67d225e8.js';
+import './index-0d16d086.js';
+import './index-95ed784c.js';
 import 'react-laag';
-import './index-fa74aafd.js';
-import './index-035f9908.js';
-import './index-c5e64c62.js';
-import './index-80944944.js';
-import './index-4e947a3b.js';
-import './index-609ed600.js';
-import './index-f7c9ac45.js';
-import './index-c78b6b02.js';
-import './index-84dfc3be.js';
-import './index-60f3235a.js';
-import './index.module-955e4296.js';
-import './index-33009ec3.js';
-import './index-d0070960.js';
-import './index-3112e67a.js';
-import './index-898839d1.js';
-import './index-f5934d77.js';
-import './index-ba0315a8.js';
-import './index-76eb79ca.js';
-import './index.module-df95d685.js';
-import './index-b8c75d05.js';
-import './index-7d9b5e71.js';
+import './index-3c4ba889.js';
+import './index-c4f12e74.js';
+import './index-9a120b8e.js';
+import './index-1e74a57b.js';
+import './index-6692919e.js';
+import './index-5f0bc63c.js';
+import './index-8724cd65.js';
+import './index-5fc75b1c.js';
+import './index-f1e0f891.js';
+import './index-526ad1dc.js';
+import './index.module-bc221575.js';
+import './index-67ef0f34.js';
+import './index-b58101a9.js';
+import './index-cb5f9e51.js';
+import './index-0bba690a.js';
+import './index-16e2686b.js';
+import './index-7eee62f8.js';
+import './index-318bbf61.js';
+import './index.module-8e295a1c.js';
+import './index-12d79afd.js';
+import './index-197d6c91.js';
 
 var productSettingsWrapper = "product-settings-wrapper-KOweX";
 var scrollWrapper = "scroll-wrapper-DI3EF";

package/build/esm/{index-e4dd725f.js → index-43ad732e.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-33c1c202.js';
+import { s as styleInject, u as useViewHandler } from './index-7b5250a2.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import classnames from 'classnames';

package/build/esm/{index-4867a8b2.js → index-44081460.js}

@@ -1,9 +1,9 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-33c1c202.js';
+import './index-7b5250a2.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ArticleOverview from './index-af146e51.js';
-import JsonViewer from './index-6ad9c920.js';
+import ArticleOverview from './index-96ea2f46.js';
+import JsonViewer from './index-c16dcd35.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -17,10 +17,10 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index.module-e7cb87e4.js';
-import './index.module-6086dab9.js';
+import './index.module-d4b54001.js';
+import './index.module-761ca013.js';
 import 'classnames';
-import './index.module-39fd8e33.js';
+import './index.module-e12c532f.js';
 import 'react-collapsible';
 import 'react-json-view';
 

package/build/esm/{index-c3de7950.js → index-482d09d2.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-33c1c202.js';
+import { s as styleInject, u as useViewHandler } from './index-7b5250a2.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';

package/build/esm/{index-3069f929.js → index-4b80c071.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-33c1c202.js';
+import { s as styleInject } from './index-7b5250a2.js';
 import { DivaUtils } from '@crystaldesign/diva-core';
 import 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/{index-a6260405.js → index-4d270e58.js}

@@ -1,7 +1,7 @@
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-33c1c202.js';
+import { s as styleInject, u as useViewHandler } from './index-7b5250a2.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';

package/build/esm/{index-c99729a3.js → index-4eb759e1.js}

@@ -1,5 +1,5 @@
 import _typeof from '@babel/runtime/helpers/typeof';
-import { s as styleInject } from './index-33c1c202.js';
+import { s as styleInject } from './index-7b5250a2.js';
 import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
 import 'react';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';