@crystaldesign/diva-web-planner-react 25.9.0-rc.3 → 25.9.0-rc.5

package/build/esm/{index-1cfce9ad.js → index-3fd53653.js}

@@ -1,18 +1,18 @@
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-d151f952.js';
+import { s as styleInject, u as useViewHandler } from './index-59bd4020.js';
 import classnames from 'classnames';
 import { useEffect } from 'react';
-import Inputbox from './index-eaf0de2d.js';
-import Product from './index-25e2912f.js';
-import Settings from './index-0aec5176.js';
-import TabGroup from './index-245c5b5d.js';
-import NavigationButtons from './index-73190077.js';
+import Inputbox from './index-346744e9.js';
+import Product from './index-0a0d9496.js';
+import Settings from './index-a19abf57.js';
+import TabGroup from './index-911b1ca8.js';
+import NavigationButtons from './index-fede0aaa.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import BasketActionStandard from './index-ba527c13.js';
+import BasketActionStandard from './index-213f26ec.js';
 import { observer } from 'mobx-react-lite';
-import BasketMobile from './index-f3493b9d.js';
-import ProgressBar from './index-7beba85b.js';
-import BarrierActions from './index-c44b5f21.js';
+import BasketMobile from './index-ce3085fe.js';
+import ProgressBar from './index-ab9feba9.js';
+import BarrierActions from './index-0af9cac3.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-dacdcff1.js';
-import './index-fd0dab28.js';
-import './index-a816f1c2.js';
-import './index-a3cc2248.js';
-import './index-141bf575.js';
+import './index-8916135b.js';
+import './index-4a63f93a.js';
+import './index-2fbd42c5.js';
+import './index-85c5156a.js';
+import './index-f86a3e2a.js';
 import 'react-laag';
-import './index-29fc3a97.js';
-import './index-f19efbd9.js';
-import './index-320fdaa8.js';
+import './index-a0451806.js';
+import './index-1b09151f.js';
+import './index-982ac82b.js';
 import 'sift';
-import './index-10da2448.js';
-import './index-37585e3d.js';
-import './index-d09dfe1e.js';
-import './index-4b06a111.js';
-import './index.module-fdaa5446.js';
-import './index-b5d4eea6.js';
+import './index-c8f4bef0.js';
+import './index-24e72151.js';
+import './index-a81be2fa.js';
+import './index-b59b3409.js';
+import './index.module-960e44dc.js';
+import './index-faed8ea6.js';
 import 'react-switch';
-import './index-1bb3361e.js';
-import './index-bf4f795a.js';
-import './index-92d01247.js';
+import './index-4b808ac6.js';
+import './index-49bcee72.js';
+import './index-06e52546.js';
 import 'react-dropdown';
-import './index-279b9978.js';
-import './index-63d0a818.js';
-import './index-838f1149.js';
-import './index-113f2f7b.js';
+import './index-82b6cbed.js';
+import './index-92dcd6f2.js';
+import './index-2879645e.js';
+import './index-1b8d6823.js';
 import '@crystaldesign/content-box';
-import './index-16851cf5.js';
-import './index-68c79fb1.js';
-import './index-24dc4be4.js';
-import './index-e10859e2.js';
-import './index-ad795329.js';
-import './index-75ead8ba.js';
-import './index-3ca4ecd0.js';
-import './index-7b2671bc.js';
-import './index-6ed3f4c8.js';
-import './index-3c10e34b.js';
-import './index-275b602c.js';
-import './index-03cd0be5.js';
-import './index-ff6d30ba.js';
-import './index.module-f78af85e.js';
-import './index-90ba41e1.js';
-import './index-060ef552.js';
-import './index-fc750241.js';
-import './index-ab6733df.js';
-import './index-e3b445be.js';
-import './index-57a75b04.js';
-import './index-c4a46fc2.js';
-import './index.module-c97ae966.js';
-import './index-24fdca77.js';
-import './index-8444ca55.js';
-import './index-498c56de.js';
-import './index-9da32f0f.js';
-import './index-3a4e1559.js';
-import './index-9b8273e7.js';
-import './index-8df2cf8c.js';
-import './index-386b7f85.js';
+import './index-5c0a40cf.js';
+import './index-e19e52b0.js';
+import './index-15fcbdb5.js';
+import './index-184796d0.js';
+import './index-127d7164.js';
+import './index-9b66eb16.js';
+import './index-86511677.js';
+import './index-c50b8ea5.js';
+import './index-82157def.js';
+import './index-2f942fd5.js';
+import './index-cb0795ee.js';
+import './index-c6865ecb.js';
+import './index-f58c09c6.js';
+import './index.module-9d687b2f.js';
+import './index-f2407199.js';
+import './index-b09da891.js';
+import './index-81fd9595.js';
+import './index-05d68206.js';
+import './index-7ec79d0c.js';
+import './index-69c819f0.js';
+import './index-f12d3ed0.js';
+import './index.module-c0a36125.js';
+import './index-a52d5110.js';
+import './index-89a39362.js';
+import './index-39759b01.js';
+import './index-20d0009d.js';
+import './index-44428212.js';
+import './index-c847cb69.js';
+import './index-e9d602d2.js';
+import './index-d2bcdeb8.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './index-bf14d484.js';
-import 'rc-slider/assets/index.css';
+import './index-57b26867.js';
 import 'rc-slider';
-import './index-45048da2.js';
-import './index-42967c93.js';
-import './index-5a2803d2.js';
-import './index-2c09d9e9.js';
-import './index-517cab0f.js';
-import './index-40979e02.js';
-import './index-9fb30a4f.js';
-import './index-cf6add3c.js';
-import './index-daa615df.js';
-import './index-e80a182b.js';
-import './index.module-b2122ebb.js';
+import './index-6c673df1.js';
+import './index-be4c94f0.js';
+import './index-a52423f7.js';
+import './index-3625a2c9.js';
+import './index-b59599d6.js';
+import './index-cb3e11e3.js';
+import './index-8de6490b.js';
+import './index-2a875742.js';
+import './index-8e4e62ed.js';
+import './index-4f831321.js';
+import './index.module-37cff880.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-aa9ec8cb.js → index-42bd6cb4.js}

@@ -1,16 +1,16 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-d151f952.js';
+import { s as styleInject, u as useViewHandler } from './index-59bd4020.js';
 import { useState } from 'react';
 import { useHover, useLayer } from 'react-laag';
 import { observer } from 'mobx-react-lite';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-c97ae966.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-c0a36125.js';
 import classnames from 'classnames';
-import IsActive from './index-90ba41e1.js';
+import IsActive from './index-f2407199.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import GenericToolTip from './index-24fdca77.js';
-import InfoIcon from './index-1bb3361e.js';
-import PricePreview from './index-bf4f795a.js';
+import GenericToolTip from './index-a52d5110.js';
+import InfoIcon from './index-4b808ac6.js';
+import PricePreview from './index-49bcee72.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-63deada0.js → index-4411b6c3.js}

@@ -1,7 +1,7 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { a as usePlannerUIHandler } from './index-d151f952.js';
+import { a as usePlannerUIHandler } from './index-59bd4020.js';
 import { useState } from 'react';
-import DPACC from './index-30ebca04.js';
+import DPACC from './index-c044b4a4.js';
 import { Vector2 } from '@crystaldesign/web-planner-logic';
 import { jsx, Fragment } from 'react/jsx-runtime';
 

package/build/esm/{index-3a4e1559.js → index-44428212.js}

@@ -1,9 +1,9 @@
-import { u as useViewHandler } from './index-d151f952.js';
+import { u as useViewHandler } from './index-59bd4020.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
-import InfoIcon from './index-1bb3361e.js';
-import { A as AddElement, w as wrapper, a as articleItem, s as small, b as sel, i as imageWrapper, c as wcVCodexText, d as wcImage, e as wcArticleSize, t as titleWrapper, f as title, g as trashIcon } from './index-9b8273e7.js';
+import InfoIcon from './index-4b808ac6.js';
+import { A as AddElement, w as wrapper, a as articleItem, s as small, b as sel, i as imageWrapper, c as wcVCodexText, d as wcImage, e as wcArticleSize, t as titleWrapper, f as title, g as trashIcon } from './index-c847cb69.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-6d95853b.js → index-447c5047.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-d151f952.js';
+import { s as styleInject, u as useViewHandler } from './index-59bd4020.js';
 import { useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';

package/build/esm/{index-88cb47dd.js → index-45486a3a.js}

@@ -4,15 +4,15 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { u as useViewHandler } from './index-d151f952.js';
+import { u as useViewHandler } from './index-59bd4020.js';
 import { useState, useEffect } from 'react';
-import { n as notExpanded } from './index.module-3b1129c4.js';
-import { s as scrollable, h as header, f as filter, t as table, c as column, d as decision, D as DecisionVisualization } from './DecisionVizualizer-702ce466.js';
+import { n as notExpanded } from './index.module-d21b66dd.js';
+import { s as scrollable, h as header, f as filter, t as table, c as column, d as decision, D as DecisionVisualization } from './DecisionVizualizer-e5399e3e.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { DivaUtils } from '@crystaldesign/diva-core';
-import './react-json-viewer-7c91aaf4.js';
-import ArticleSelector from './index-583feff8.js';
+import './react-json-viewer-baf9d879.js';
+import ArticleSelector from './index-275429b5.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-05cd02ec.js → index-4563f323.js}

@@ -1,11 +1,11 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-d151f952.js';
+import { s as styleInject, u as useViewHandler } from './index-59bd4020.js';
 import { useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
-import { b as wcFunctionsContainer, d as wcIcon } from './index.module-5236419e.js';
+import { b as wcFunctionsContainer, d as wcIcon } from './index.module-d65cbc32.js';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import Share from './index-5e8235fd.js';
+import Share from './index-85bd909d.js';
 import { toJS } from 'mobx';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-9386b069.js → index-4794073b.js}

@@ -1,6 +1,6 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject } from './index-d151f952.js';
+import { s as styleInject } from './index-59bd4020.js';
 import { useState } from 'react';
 import classnames from 'classnames';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/{index-0129f0c7.js → index-494275ea.js}

@@ -1,6 +1,6 @@
-import { s as styleInject } from './index-d151f952.js';
+import { s as styleInject } from './index-59bd4020.js';
 import 'react';
-import OrbitInteractionStandard from './index-347a8c8b.js';
+import OrbitInteractionStandard from './index-db7438c4.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-bf4f795a.js → index-49bcee72.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-d151f952.js';
+import { s as styleInject, u as useViewHandler } from './index-59bd4020.js';
 import { Suspense } from 'react';
 import DivaUtils from '@crystaldesign/diva-utils';
 import { useDivaCore } from '@crystaldesign/diva-core';

package/build/esm/{index-149b48ae.js → index-4a1aaf13.js}

@@ -1,10 +1,10 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-d151f952.js';
+import './index-59bd4020.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
-import ArticleOverview from './index-48daa094.js';
-import SVGViewer from './index-603fb667.js';
+import ArticleOverview from './index-20397f9d.js';
+import SVGViewer from './index-176c6a24.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-dynamic-multi-render';
@@ -23,11 +23,11 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@crystaldesign/widget-contact-form';
-import './index.module-eda92447.js';
-import './index.module-6ddbb0cb.js';
-import './index.module-3b1129c4.js';
+import './index.module-40ffad4f.js';
+import './index.module-4d895f1b.js';
+import './index.module-d21b66dd.js';
 import 'react-collapsible';
-import './index-0a4da864.js';
+import './index-d3169e9b.js';
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }

package/build/esm/{index-ad963b64.js → index-4a43e118.js}

@@ -3,14 +3,14 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-d151f952.js';
+import { s as styleInject, u as useViewHandler } from './index-59bd4020.js';
 import { useState, useEffect } from 'react';
-import { n as notExpanded } from './index.module-3b1129c4.js';
+import { n as notExpanded } from './index.module-d21b66dd.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { DivaUtils } from '@crystaldesign/diva-core';
-import './react-json-viewer-7c91aaf4.js';
-import { D as DecisionVisualization } from './DecisionVizualizer-702ce466.js';
+import './react-json-viewer-baf9d879.js';
+import { D as DecisionVisualization } from './DecisionVizualizer-e5399e3e.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-fd0dab28.js → index-4a63f93a.js}

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

package/build/esm/{index-1bb3361e.js → index-4b808ac6.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-d151f952.js';
+import { s as styleInject, u as useViewHandler } from './index-59bd4020.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { useState, useEffect } from 'react';
 import classnames from 'classnames';

package/build/esm/{index-e80a182b.js → index-4f831321.js}

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-d151f952.js';
+import { u as useViewHandler } from './index-59bd4020.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-8a5ad851.js → index-52a88b7b.js}

@@ -1,7 +1,7 @@
-import { s as styleInject, u as useViewHandler } from './index-d151f952.js';
+import { s as styleInject, u as useViewHandler } from './index-59bd4020.js';
 import { useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
-import ToolContainer from './index-f79ae5ca.js';
+import ToolContainer from './index-08cf10e5.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
@@ -22,51 +22,51 @@ import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@crystaldesign/widget-contact-form';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-b189f2f6.js';
-import './index.module-3b1129c4.js';
-import './index-e733a2bf.js';
-import './index-181a15cc.js';
-import './index-a869371f.js';
+import './index-65469ddc.js';
+import './index.module-d21b66dd.js';
+import './index-10ec0695.js';
+import './index-fa453f32.js';
+import './index-3902c8f2.js';
 import 'react-collapsible';
-import './index-fbd1ef59.js';
-import './index-b41ee738.js';
-import './index.module-6ddbb0cb.js';
+import './index-04799991.js';
+import './index-9c3c0b1a.js';
+import './index.module-4d895f1b.js';
 import 'react-json-view-lite';
-import './react-json-viewer-7c91aaf4.js';
-import './index-37f825f2.js';
-import './index.module-eda92447.js';
-import './DecisionVizualizer-702ce466.js';
+import './react-json-viewer-baf9d879.js';
+import './index-3c3cedef.js';
+import './index.module-40ffad4f.js';
+import './DecisionVizualizer-e5399e3e.js';
 import 'react-draggable';
-import './index-b5d4eea6.js';
+import './index-faed8ea6.js';
 import 'react-switch';
-import './index-ad75b2f7.js';
-import './index-9ef18cb2.js';
-import './index-9fbd7ff6.js';
+import './index-f6ab12c0.js';
+import './index-397b1c6b.js';
+import './index-a27ca385.js';
 import 'jsoneditor';
-import './index-55703526.js';
-import './index-149b48ae.js';
-import './index-48daa094.js';
-import './index-603fb667.js';
-import './index-0a4da864.js';
-import './index-75ba5ee1.js';
-import './index-570bf305.js';
-import './index-854d5236.js';
-import './index.module-e1bcf8bb.js';
+import './index-d171589c.js';
+import './index-4a1aaf13.js';
+import './index-20397f9d.js';
+import './index-176c6a24.js';
+import './index-d3169e9b.js';
+import './index-3249f61a.js';
+import './index-82cadf9e.js';
+import './index-f47fe754.js';
+import './index.module-c5065916.js';
 import 'react-select';
-import './index-9c389002.js';
-import './index-88cb47dd.js';
-import './index-583feff8.js';
-import './index-f3ee66fd.js';
-import './index-d3b2e058.js';
-import './index-1645a7d0.js';
-import './index-ad963b64.js';
-import './index-61e1db49.js';
-import './index-184dfe12.js';
-import './CatalogProperties-8c6b2f27.js';
-import './ArticleProperties-2f7708a6.js';
-import './OptionProperties-6f5b6e19.js';
-import './OptionValueProperties-b2c1edc4.js';
-import './index-91a75bc5.js';
+import './index-de37df30.js';
+import './index-45486a3a.js';
+import './index-275429b5.js';
+import './index-86b3f0b2.js';
+import './index-77297a26.js';
+import './index-97c4ab6b.js';
+import './index-4a43e118.js';
+import './index-d142dd4b.js';
+import './index-1d6544e5.js';
+import './CatalogProperties-8fdf2ab6.js';
+import './ArticleProperties-3bbe4ab2.js';
+import './OptionProperties-a686c569.js';
+import './OptionValueProperties-e89a2590.js';
+import './index-5e3f54fd.js';
 
 var container = "container-43rJg";
 var item = "item-JRY9h";