@crystaldesign/diva-web-planner-react 24.14.0-beta.9 → 24.14.0-rc.0

package/build/esm/{index-06b47c3d.js → index-9e004176.js}

@@ -1,12 +1,12 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-f37069da.js';
+import { s as styleInject, u as useViewHandler } from './index-78c00eed.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import ProductHeaderFunction from './index-7c2b4cd1.js';
+import ProductHeaderFunction from './index-fff233f3.js';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
-import ContentItemWrapper from './index-a64e88a7.js';
+import ContentItemWrapper from './index-e870f0ab.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -36,7 +36,7 @@ var wcFormattedprice = "wcFormattedprice-sdLxf";
 var wcFormattedBruttoPrice = "wc-formatted-brutto-price-MDFl1";
 var fullscreen = "fullscreen-94axf";
 var room = "room-NxmMf";
-var css_248z = "/* Productdaten */\n\n.wrapper-y4VmL {\n  display: flex;\n  flex-direction: row;\n  height: 70px;\n  z-index: 112;\n  transition: width 0.2s ease-in-out, opacity 0.5s ease-in-out;\n  opacity: 1;\n  justify-content: space-between;\n  align-items: flex-start;\n}\n\n.wcConfiguratorProductHeader-W1oWZ {\n  flex-basis: 50%;\n  justify-self: flex-start;\n  z-index: 300;\n  margin: 16px 0 16px 16px;\n}\n.expanded-rNRc- .wcConfiguratorProductHeader-W1oWZ {\n  flex-basis: 100%;\n}\n.functionWrapper-3sgkI {\n  flex-basis: 50%;\n}\n\n.functionWrapper-3sgkI {\n  flex-basis: 100%;\n  position: relative;\n  z-index: 112;\n  margin: 16px;\n}\n\n.landscape-TuCY- .functionWrapper-3sgkI {\n  margin: 8px 24px 0px 0px;\n}\n\n.content-box-wrapper-KgSZb {\n  z-index: 112;\n}\n\n.expanded-rNRc-.wrapper-y4VmL {\n  width: calc(55% - 40px - 24px);\n}\n\n.max-Expanded-4m94C.wrapper-y4VmL,\n.settings-Foldedup-HM7JT.wrapper-y4VmL {\n  opacity: 0;\n}\n\n.wrapper-y4VmL h1 {\n  font-weight: 300;\n  font-size: 24px;\n  line-height: 27.2px;\n  text-transform: uppercase;\n  letter-spacing: 0.2px;\n  color: var(--secondaryColor);\n  margin: 0 0 10px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  white-space: nowrap;\n\n  border-radius: 100px;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.textbackground-F3b8W {\n  border-radius: 0px 0px 12px 0px;\n  padding: 0px 12px 6px 16px;\n  position: absolute;\n  width: -moz-fit-content;\n  width: fit-content;\n  white-space: nowrap;\n  left: 0px;\n}\n\n.portrait-Otsjq .textbackground-F3b8W {\n  margin-top: 5px;\n\n  background-color: transparent;\n}\n\n.expanded-rNRc-.wrapper-y4VmL h1 {\n  max-width: 300px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.wcPriceinfo-Zmaer {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  font-weight: 300;\n  -webkit-text-stroke: 0.4px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.wcFormattedprice-sdLxf {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  -webkit-text-stroke: 0.4px;\n  margin: 0px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.wc-formatted-brutto-price-MDFl1 {\n  position: relative;\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  -webkit-text-stroke: 0.4px;\n  margin: 0px 10px;\n}\n\n.wc-formatted-brutto-price-MDFl1:before {\n  position: absolute;\n  content: '';\n  left: 0;\n  top: 50%;\n  right: 0;\n  border-top: 1px solid;\n  border-color: inherit;\n\n  transform: rotate(5deg);\n}\n\n.landscape-TuCY-.wrapper-y4VmL {\n  margin-left: 2rem;\n  width: calc(100% - 1rem);\n  height: 54.4px;\n}\n\n.fullscreen-94axf.landscape-TuCY-.wrapper-y4VmL {\n  left: 50px;\n  top: 0px;\n  margin-left: 0.5rem;\n  margin-top: 4px;\n  width: calc(100% - 1rem);\n  height: 24.4px;\n}\n\n.landscape-TuCY- h1 {\n  margin: 0px;\n  margin-top: 14.4px;\n  font-size: 22.4px;\n  line-height: 18px;\n  width: 67%;\n}\n.landscape-TuCY- h2 {\n  margin: 0;\n  margin: initial;\n  font-weight: 100;\n  width: 67%;\n  line-height: 0.65;\n  -webkit-text-stroke: 0.3px;\n}\n.landscape-TuCY- .wcPriceinfo-Zmaer {\n  font-size: 15.6px;\n}\n\n.landscape-TuCY- .wcFormattedprice-sdLxf {\n  font-size: 15.6px;\n}\n\n.portrait-Otsjq.wrapper-y4VmL {\n  height: 54.4px;\n  width: calc(100% - 4px);\n}\n\n.portrait-Otsjq h1 {\n  margin: 0px;\n  font-size: 17px;\n  line-height: 20px;\n}\n\n.portrait-Otsjq.room-NxmMf h1,\n.landscape-TuCY-.fullscreen-94axf.room-NxmMf h1 {\n  color: var(--secondaryColor);\n  text-shadow: 3px 4px 15px #000000;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n}\n\n.portrait-Otsjq.room-NxmMf .wcPriceinfo-Zmaer,\n.landscape-TuCY-.fullscreen-94axf.room-NxmMf .wcPriceinfo-Zmaer,\n.portrait-Otsjq.room-NxmMf .wcFormattedprice-sdLxf,\n.landscape-TuCY-.fullscreen-94axf.room-NxmMf .wcFormattedprice-sdLxf {\n  color: white;\n}\n\n.portrait-Otsjq h2 {\n  margin: 0;\n  margin: initial;\n  font-weight: 100;\n  width: 67%;\n  line-height: 0.65;\n}\n";
+var css_248z = "/* Productdaten */\n\n.wrapper-y4VmL {\n  display: flex;\n  flex-direction: row;\n  height: 70px;\n  z-index: 112;\n  transition:\n    width 0.2s ease-in-out,\n    opacity 0.5s ease-in-out;\n  opacity: 1;\n  justify-content: space-between;\n  align-items: flex-start;\n}\n\n.wcConfiguratorProductHeader-W1oWZ {\n  flex-basis: 50%;\n  justify-self: flex-start;\n  z-index: 300;\n  margin: 16px 0 16px 16px;\n  pointer-events: none;\n}\n.expanded-rNRc- .wcConfiguratorProductHeader-W1oWZ {\n  flex-basis: 100%;\n}\n.functionWrapper-3sgkI {\n  flex-basis: 50%;\n}\n\n.functionWrapper-3sgkI {\n  flex-basis: 100%;\n  position: relative;\n  z-index: 112;\n  margin: 16px;\n}\n\n.landscape-TuCY- .functionWrapper-3sgkI {\n  margin: 8px 24px 0px 0px;\n}\n\n.content-box-wrapper-KgSZb {\n  z-index: 112;\n}\n\n.expanded-rNRc-.wrapper-y4VmL {\n  width: calc(55% - 40px - 24px);\n}\n\n.max-Expanded-4m94C.wrapper-y4VmL,\n.settings-Foldedup-HM7JT.wrapper-y4VmL {\n  opacity: 0;\n}\n\n.wrapper-y4VmL h1 {\n  font-weight: 300;\n  font-size: 24px;\n  line-height: 27.2px;\n  text-transform: uppercase;\n  letter-spacing: 0.2px;\n  color: var(--secondaryColor);\n  margin: 0 0 10px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  white-space: nowrap;\n\n  border-radius: 100px;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.textbackground-F3b8W {\n  border-radius: 0px 0px 12px 0px;\n  padding: 0px 12px 6px 16px;\n  position: absolute;\n  width: -moz-fit-content;\n  width: fit-content;\n  white-space: nowrap;\n  left: 0px;\n}\n\n.portrait-Otsjq .textbackground-F3b8W {\n  margin-top: 5px;\n\n  background-color: transparent;\n}\n\n.expanded-rNRc-.wrapper-y4VmL h1 {\n  max-width: 300px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.wcPriceinfo-Zmaer {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  font-weight: 300;\n  -webkit-text-stroke: 0.4px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.wcFormattedprice-sdLxf {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  -webkit-text-stroke: 0.4px;\n  margin: 0px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.wc-formatted-brutto-price-MDFl1 {\n  position: relative;\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  -webkit-text-stroke: 0.4px;\n  margin: 0px 10px;\n}\n\n.wc-formatted-brutto-price-MDFl1:before {\n  position: absolute;\n  content: '';\n  left: 0;\n  top: 50%;\n  right: 0;\n  border-top: 1px solid;\n  border-color: inherit;\n\n  transform: rotate(5deg);\n}\n\n.landscape-TuCY-.wrapper-y4VmL {\n  margin-left: 2rem;\n  width: calc(100% - 1rem);\n  height: 54.4px;\n}\n\n.fullscreen-94axf.landscape-TuCY-.wrapper-y4VmL {\n  left: 50px;\n  top: 0px;\n  margin-left: 0.5rem;\n  margin-top: 4px;\n  width: calc(100% - 1rem);\n  height: 24.4px;\n}\n\n.landscape-TuCY- h1 {\n  margin: 0px;\n  margin-top: 14.4px;\n  font-size: 22.4px;\n  line-height: 18px;\n  width: 67%;\n}\n.landscape-TuCY- h2 {\n  margin: 0;\n  margin: initial;\n  font-weight: 100;\n  width: 67%;\n  line-height: 0.65;\n  -webkit-text-stroke: 0.3px;\n}\n.landscape-TuCY- .wcPriceinfo-Zmaer {\n  font-size: 15.6px;\n}\n\n.landscape-TuCY- .wcFormattedprice-sdLxf {\n  font-size: 15.6px;\n}\n\n.portrait-Otsjq.wrapper-y4VmL {\n  height: 54.4px;\n  width: calc(100% - 4px);\n}\n\n.portrait-Otsjq h1 {\n  margin: 0px;\n  font-size: 17px;\n  line-height: 20px;\n}\n\n.portrait-Otsjq.room-NxmMf h1,\n.landscape-TuCY-.fullscreen-94axf.room-NxmMf h1 {\n  color: var(--secondaryColor);\n  text-shadow: 3px 4px 15px #000000;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n}\n\n.portrait-Otsjq.room-NxmMf .wcPriceinfo-Zmaer,\n.landscape-TuCY-.fullscreen-94axf.room-NxmMf .wcPriceinfo-Zmaer,\n.portrait-Otsjq.room-NxmMf .wcFormattedprice-sdLxf,\n.landscape-TuCY-.fullscreen-94axf.room-NxmMf .wcFormattedprice-sdLxf {\n  color: white;\n}\n\n.portrait-Otsjq h2 {\n  margin: 0;\n  margin: initial;\n  font-weight: 100;\n  width: 67%;\n  line-height: 0.65;\n}\n";
 styleInject(css_248z);
 
 var ProductHeader = function ProductHeader(_ref) {
@@ -81,7 +81,7 @@ var ProductHeader = function ProductHeader(_ref) {
     });
   }, [viewHandler.divaWebPlanner.actSet(), viewHandler.settingsState.configChanged]);
   return /*#__PURE__*/jsxs("div", {
-    className: classnames(wrapper, productClass, viewHandler.uiState.isMobileLandscape ? landscape : undefined, viewHandler.uiState.isMobilePortrait ? portrait : undefined, viewHandler.uiState.configSettingsIsExpanded ? expanded : undefined, viewHandler.uiState.configSettingsIsMaxExpanded ? maxExpanded : undefined, viewHandler.productState.plannerRenderingIsStaticBG ? room : undefined, viewHandler.uiState.ViewConfig.landscapeProductNotFullscreen ? undefined : fullscreen),
+    className: classnames(wrapper, productClass, viewHandler.uiState.isMobileLandscape ? landscape : undefined, viewHandler.uiState.isMobilePortrait ? portrait : undefined, viewHandler.uiState.configSettingsIsExpanded ? expanded : undefined, viewHandler.uiState.configSettingsIsMaxExpanded ? maxExpanded : undefined, viewHandler.productState.plannerRenderingIsStaticBG ? room : undefined, fullscreen),
     children: [/*#__PURE__*/jsxs("div", {
       className: wcConfiguratorProductHeader,
       "data-test-id": "configProductHeader",
@@ -99,7 +99,7 @@ var ProductHeader = function ProductHeader(_ref) {
             className: wcFormattedprice,
             "data-test-id": "productHeaderFormattedPrice",
             children: [' ', viewHandler.productState.formatedCurSetPrice]
-          }), viewHandler.productState.formatedBruttoPrice && /*#__PURE__*/jsxs("span", {
+          }), viewHandler.productState.formatedBruttoPrice && !viewHandler.getViewConfig().hideRabattPrice && /*#__PURE__*/jsxs("span", {
             className: wcFormattedBruttoPrice,
             "data-test-id": "productHeaderFormattedBruttoPrice",
             children: [' ', viewHandler.productState.formatedBruttoPrice]
@@ -117,7 +117,7 @@ var ProductHeader = function ProductHeader(_ref) {
           });
         })]
       })]
-    }), (!viewHandler.uiState.isMobileLandscape || viewHandler.uiState.ViewConfig.landscapeProductNotFullscreen) && /*#__PURE__*/jsx("div", {
+    }), /*#__PURE__*/jsx("div", {
       className: functionWrapper,
       children: /*#__PURE__*/jsx(ProductHeaderFunction, {})
     }), !viewHandler.uiState.isMobileLandscape && viewHandler.productState.currentBanner && /*#__PURE__*/jsx("div", {

package/build/esm/{index-e18e252b.js → index-9fececc4.js}

@@ -1,14 +1,14 @@
-import { s as styleInject, u as useViewHandler } from './index-f37069da.js';
+import { s as styleInject, u as useViewHandler } from './index-78c00eed.js';
 import classnames from 'classnames';
 import { useEffect } from 'react';
-import Inputbox from './index-2864e102.js';
-import Product from './index-5e50464b.js';
-import Settings from './index-72da25bb.js';
-import NavigationButtons from './index-f2b3095b.js';
-import BasketAction from './index-b8c7ed39.js';
-import TabGroup from './index-56f60451.js';
+import Inputbox from './index-2a3dcafb.js';
+import Product from './index-56037e7e.js';
+import Settings from './index-dc38a14f.js';
+import NavigationButtons from './index-56e1c6bd.js';
+import BasketAction from './index-df2562fe.js';
+import TabGroup from './index-e0f74443.js';
 import { observer } from 'mobx-react-lite';
-import BarrierActions from './index-79b00461.js';
+import BarrierActions from './index-17b2a720.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -24,67 +24,67 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-e0bd96ce.js';
-import './index-31815467.js';
-import './index-6a5720c4.js';
-import './index-e18b0f1c.js';
-import './index-ef719a33.js';
+import './index-1aabf2d6.js';
+import './index-3aa9b5d6.js';
+import './index-8f367602.js';
+import './index-33f908f6.js';
+import './index-40e56edf.js';
 import 'react-laag';
-import './index-eaee9a8a.js';
-import './index-1728d1bd.js';
-import './index-f7b42992.js';
+import './index-d2a408bd.js';
+import './index-00d23ccb.js';
+import './index-44e5cfbe.js';
 import 'sift';
-import './index-6a70e5b3.js';
-import './index-46e6e40f.js';
-import './index-bcbd80e5.js';
-import './index-5a46022e.js';
-import './index.module-82b57313.js';
-import './index-6a4e568e.js';
+import './index-e59e8329.js';
+import './index-59d02025.js';
+import './index-9acec70e.js';
+import './index-a0e5ef19.js';
+import './index.module-4d7bf583.js';
+import './index-da03ac83.js';
 import 'react-switch';
-import './index-05e5de5b.js';
-import './index-c6c2ce62.js';
+import './index-007fc7e3.js';
+import './index-2dc56e9a.js';
 import 'react-dropdown';
-import './index-cb82f975.js';
-import './index-57f275c8.js';
-import './index-0586d33f.js';
-import './index-1728be0c.js';
+import './index-7998c732.js';
+import './index-b25979c4.js';
+import './index-3c1f3355.js';
+import './index-bdf685bc.js';
 import '@crystaldesign/content-box';
-import './index-835e5657.js';
-import './index-8747643c.js';
-import './index-94a6e624.js';
-import './index-7323277f.js';
-import './index-31ab9df1.js';
+import './index-6fef9dff.js';
+import './index-a6180195.js';
+import './index-42fa0481.js';
+import './index-4ff6104b.js';
+import './index-d97360e8.js';
 import '@crystaldesign/products-component';
-import './index-d7e30b8d.js';
-import './index-91e8222b.js';
-import './index-2d788823.js';
-import './index-b66a4bd4.js';
-import './index-62da2053.js';
-import './index-5a86771b.js';
-import './index-9209f4d4.js';
-import './index-ad03c196.js';
-import './index-87b5753a.js';
-import './index-e65bfb61.js';
-import './index-63bb458b.js';
-import './index-1997099c.js';
-import './index-bcf333b3.js';
-import './index.module-30bda910.js';
-import './index-fd7b60d3.js';
-import './index-de7f0aa6.js';
-import './index-f4a3ffe0.js';
-import './index-205bb466.js';
-import './index-2fb786f7.js';
-import './index-c7db46f5.js';
-import './index-7ad8a57a.js';
-import './index.module-9fc11720.js';
-import './index-f1a1ab2f.js';
-import './index-20071788.js';
-import './index-5767b43c.js';
-import './index-c16069c2.js';
-import './index-cdaf58fc.js';
-import './index-1afd2b54.js';
-import './index-7f05803b.js';
-import './index-95fffd73.js';
+import './index-7a3d3d31.js';
+import './index-b9af893f.js';
+import './index-0fa77985.js';
+import './index-681fe5cc.js';
+import './index-0c92ea5c.js';
+import './index-6231d6c0.js';
+import './index-1f72abf6.js';
+import './index-8c0ebda9.js';
+import './index-e24c19c9.js';
+import './index-86e78ee9.js';
+import './index-84c9ffd8.js';
+import './index-13a34f64.js';
+import './index-bc909eae.js';
+import './index.module-4860657e.js';
+import './index-4635d1ae.js';
+import './index-8fcad7e8.js';
+import './index-6b373137.js';
+import './index-de52cdea.js';
+import './index-77de5457.js';
+import './index-511c4366.js';
+import './index-ff536ff0.js';
+import './index.module-9403b3fe.js';
+import './index-853c176e.js';
+import './index-37ace25f.js';
+import './index-d9b129f1.js';
+import './index-97fe941b.js';
+import './index-517c163f.js';
+import './index-80d64353.js';
+import './index-d8c33a2d.js';
+import './index-d2f6d343.js';
 
 var wcConfigurator = "wcConfigurator-8WNGD";
 var landscape = "landscape-fycCb";

package/build/esm/{index-9f2e607e.js → index-a0abdb7f.js}

@@ -1,4 +1,4 @@
-import { a as usePlannerUIHandler } from './index-f37069da.js';
+import { a as usePlannerUIHandler } from './index-78c00eed.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-5a46022e.js → index-a0e5ef19.js}

@@ -1,12 +1,12 @@
-import { u as useViewHandler } from './index-f37069da.js';
+import { u as useViewHandler } from './index-78c00eed.js';
 import 'react';
 import classnames from 'classnames';
-import { r as row, c as colum, t as title, a as toggleWrapper } from './index.module-82b57313.js';
-import Toggle from './index-6a4e568e.js';
+import { r as row, c as colum, t as title, a as toggleWrapper } from './index.module-4d7bf583.js';
+import Toggle from './index-da03ac83.js';
 import { observer } from 'mobx-react-lite';
 import { getLogger } from '@crystaldesign/diva-core';
 import { DivaError } from '@crystaldesign/diva-utils';
-import InfoIcon from './index-05e5de5b.js';
+import InfoIcon from './index-007fc7e3.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -25,7 +25,8 @@ var LOG = getLogger('Planner', 'ToggleOption');
 var ToggleOption = function ToggleOption(_ref) {
   var _item$selectedElement;
   var item = _ref.item,
-    paletteId = _ref.paletteId;
+    paletteId = _ref.paletteId,
+    style = _ref.style;
   var viewHandler = useViewHandler();
   var items = item.groups[0].items;
   var yesItem;
@@ -64,6 +65,7 @@ var ToggleOption = function ToggleOption(_ref) {
     ref: function ref(_ref2) {
       return item.htmlRef = _ref2;
     },
+    style: style,
     children: [/*#__PURE__*/jsx("div", {
       className: classnames(colum, title),
       children: item.name
@@ -85,7 +87,7 @@ var ToggleOption = function ToggleOption(_ref) {
       item: contentItem,
       style: {
         bottom: 'calc(50% - 10px)',
-        right: '-5%'
+        right: '20px'
       }
     })]
   });

package/build/esm/{index-1abf5822.js → index-a2f58846.js}

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

package/build/esm/{index-70cb73f2.js → index-a53ed115.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-f37069da.js';
+import { s as styleInject, u as useViewHandler } from './index-78c00eed.js';
 import classnames from 'classnames';
 import { useRef } from 'react';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-61f89181.js → index-a5442793.js}

@@ -1,7 +1,7 @@
-import { s as styleInject, u as useViewHandler } from './index-f37069da.js';
+import { s as styleInject, u as useViewHandler } from './index-78c00eed.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import RoomSerious from './index-cb42b90a.js';
+import RoomSerious from './index-da164870.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-8747643c.js → index-a6180195.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-f37069da.js';
+import { s as styleInject, u as useViewHandler } from './index-78c00eed.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-be9dcdd4.js → index-a83b78e0.js}

@@ -1,12 +1,12 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-f37069da.js';
-import SettingsHeader from './index-31815467.js';
+import { s as styleInject, u as useViewHandler } from './index-78c00eed.js';
+import SettingsHeader from './index-3aa9b5d6.js';
 import { useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
 import { useState, useEffect } from 'react';
 import Dropdown from 'react-dropdown';
-import MobileDropdown from './index-130879f3.js';
+import MobileDropdown from './index-03d0d90a.js';
 import { observer } from 'mobx-react-lite';
-import InfoIcon from './index-05e5de5b.js';
+import InfoIcon from './index-007fc7e3.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -19,7 +19,7 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index-0586d33f.js';
+import './index-3c1f3355.js';
 import 'classnames';
 
 var wrapper = "wrapper-xpzd5";
@@ -35,7 +35,8 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
 var DropDowmText = function DropDowmText(_ref) {
   var _item$selectedElement;
   var item = _ref.item,
-    paletteId = _ref.paletteId;
+    paletteId = _ref.paletteId,
+    style = _ref.style;
   var viewHandler = useViewHandler();
   var _useDivaCore = useDivaCore(),
     isMobile = _useDivaCore.state.dimensions.isMobile;
@@ -110,6 +111,7 @@ var DropDowmText = function DropDowmText(_ref) {
     ref: function ref(_ref2) {
       return item.htmlRef = _ref2;
     },
+    style: style,
     children: [/*#__PURE__*/jsxs("div", {
       className: wrapper,
       children: [/*#__PURE__*/jsx(SettingsHeader, {

package/build/esm/{index-46d524f3.js → index-a980390c.js}

@@ -1,12 +1,12 @@
-import { s as styleInject, u as useViewHandler } from './index-f37069da.js';
+import { s as styleInject, u as useViewHandler } from './index-78c00eed.js';
 import { useEffect } from 'react';
-import Inputbox from './index-2864e102.js';
-import Settings from './index-72da25bb.js';
-import TabGroup from './index-56f60451.js';
+import Inputbox from './index-2a3dcafb.js';
+import Settings from './index-dc38a14f.js';
+import TabGroup from './index-e0f74443.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
-import Toolbar from './index-25ec9e6f.js';
-import NavigationButtons from './index-f2b3095b.js';
+import Toolbar from './index-c3610243.js';
+import NavigationButtons from './index-56e1c6bd.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -22,104 +22,105 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-e0bd96ce.js';
-import './index-31815467.js';
-import './index-6a5720c4.js';
-import './index-e18b0f1c.js';
-import './index-ef719a33.js';
+import './index-1aabf2d6.js';
+import './index-3aa9b5d6.js';
+import './index-8f367602.js';
+import './index-33f908f6.js';
+import './index-40e56edf.js';
 import 'react-laag';
-import './index-eaee9a8a.js';
-import './index-1728d1bd.js';
-import './index-f7b42992.js';
+import './index-d2a408bd.js';
+import './index-00d23ccb.js';
+import './index-44e5cfbe.js';
 import 'sift';
-import './index-6a70e5b3.js';
-import './index-46e6e40f.js';
-import './index-bcbd80e5.js';
-import './index-5a46022e.js';
-import './index.module-82b57313.js';
-import './index-6a4e568e.js';
+import './index-e59e8329.js';
+import './index-59d02025.js';
+import './index-9acec70e.js';
+import './index-a0e5ef19.js';
+import './index.module-4d7bf583.js';
+import './index-da03ac83.js';
 import 'react-switch';
-import './index-05e5de5b.js';
-import './index-c6c2ce62.js';
+import './index-007fc7e3.js';
+import './index-2dc56e9a.js';
 import 'react-dropdown';
-import './index-cb82f975.js';
-import './index-57f275c8.js';
-import './index-0586d33f.js';
-import './index-1728be0c.js';
+import './index-7998c732.js';
+import './index-b25979c4.js';
+import './index-3c1f3355.js';
+import './index-bdf685bc.js';
 import '@crystaldesign/content-box';
-import './index-835e5657.js';
-import './index-8747643c.js';
-import './index-94a6e624.js';
-import './index-7323277f.js';
-import './index-31ab9df1.js';
+import './index-6fef9dff.js';
+import './index-a6180195.js';
+import './index-42fa0481.js';
+import './index-4ff6104b.js';
+import './index-d97360e8.js';
 import '@crystaldesign/products-component';
-import './index-d7e30b8d.js';
-import './index-91e8222b.js';
-import './index-2d788823.js';
-import './index-b66a4bd4.js';
-import './index-62da2053.js';
-import './index-5a86771b.js';
-import './index-9209f4d4.js';
-import './index-ad03c196.js';
-import './index-87b5753a.js';
-import './index-e65bfb61.js';
-import './index-63bb458b.js';
-import './index-1997099c.js';
-import './index-bcf333b3.js';
-import './index.module-30bda910.js';
-import './index-fd7b60d3.js';
-import './index-de7f0aa6.js';
-import './index-f4a3ffe0.js';
-import './index-205bb466.js';
-import './index-2fb786f7.js';
-import './index-c7db46f5.js';
-import './index-7ad8a57a.js';
-import './index.module-9fc11720.js';
-import './index-f1a1ab2f.js';
-import './index-20071788.js';
-import './index-5767b43c.js';
-import './index-c16069c2.js';
-import './index-cdaf58fc.js';
-import './index-1afd2b54.js';
-import './index-7f05803b.js';
-import './index-95fffd73.js';
-import './index-cb5154d6.js';
-import './index-c196659d.js';
-import './index.module-a5126769.js';
-import './index-58cec0d1.js';
-import './index-29ffeae3.js';
-import './index-92c8cb64.js';
+import './index-7a3d3d31.js';
+import './index-b9af893f.js';
+import './index-0fa77985.js';
+import './index-681fe5cc.js';
+import './index-0c92ea5c.js';
+import './index-6231d6c0.js';
+import './index-1f72abf6.js';
+import './index-8c0ebda9.js';
+import './index-e24c19c9.js';
+import './index-86e78ee9.js';
+import './index-84c9ffd8.js';
+import './index-13a34f64.js';
+import './index-bc909eae.js';
+import './index.module-4860657e.js';
+import './index-4635d1ae.js';
+import './index-8fcad7e8.js';
+import './index-6b373137.js';
+import './index-de52cdea.js';
+import './index-77de5457.js';
+import './index-511c4366.js';
+import './index-ff536ff0.js';
+import './index.module-9403b3fe.js';
+import './index-853c176e.js';
+import './index-37ace25f.js';
+import './index-d9b129f1.js';
+import './index-97fe941b.js';
+import './index-517c163f.js';
+import './index-80d64353.js';
+import './index-d8c33a2d.js';
+import './index-d2f6d343.js';
+import './index-d89b8da0.js';
+import './index-283f0646.js';
+import './index.module-b61eb773.js';
+import './index-fd5a3b45.js';
+import './index-bdd30a5c.js';
+import './index-ced29708.js';
 import 'react-collapsible';
-import './index-eeebe793.js';
-import './index-d4c33f78.js';
-import './index.module-650bb05c.js';
-import 'react-json-view';
-import './index-3d2d1363.js';
-import './index.module-15151fd6.js';
-import './index-37673c67.js';
+import './index-8c8bad03.js';
+import './index-f95628b1.js';
+import './index.module-bf84ddfe.js';
+import 'react-json-view-lite';
+import 'react-json-view-lite/dist/index.css';
+import './index-07c18737.js';
+import './index.module-1cb21715.js';
+import './index-c655beca.js';
 import 'jsoneditor';
-import './index-a592b200.js';
-import './index-b4516dae.js';
-import './index-dd546a5d.js';
-import './index-1831bcd5.js';
-import './index-282b2fdb.js';
-import './index.module-d7fc2242.js';
-import './index-967557d5.js';
-import './index-6ef39725.js';
-import './index-9a2b6309.js';
-import './index-f674b513.js';
-import './index.module-5d43ea6e.js';
-import './index-14361f63.js';
-import './index-4909cae7.js';
-import './index-70cb73f2.js';
-import './index-40542bc6.js';
-import './index-2104f9f5.js';
-import './index-480fb872.js';
-import './index-8e9338b2.js';
-import './CatalogProperties-c958d8c4.js';
-import './ArticleProperties-6a2b6fe9.js';
-import './OptionProperties-e5dfcf43.js';
-import './OptionValueProperties-bb5917a7.js';
+import './index-493d63c3.js';
+import './index-64914965.js';
+import './index-c4012b78.js';
+import './index-40c8edb3.js';
+import './index-51149c8a.js';
+import './index.module-e168886a.js';
+import './index-03b64339.js';
+import './index-ba5bde31.js';
+import './index-d53f9183.js';
+import './index-12b127e2.js';
+import './index.module-8db08a16.js';
+import './index-e678c893.js';
+import './index-f2247c7a.js';
+import './index-a53ed115.js';
+import './index-0c2b462c.js';
+import './index-5bac44b5.js';
+import './index-5bca4dfb.js';
+import './index-9df424dd.js';
+import './CatalogProperties-e31e600d.js';
+import './ArticleProperties-f53c384b.js';
+import './OptionProperties-643a7c11.js';
+import './OptionValueProperties-4ea0f365.js';
 import 'react-select';
 
 var wcConfigurator = "wcConfigurator-XqlAg";

package/build/esm/{index-b50a596e.js → index-aca75acc.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-f37069da.js';
+import { s as styleInject } from './index-78c00eed.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-a4a30954.js → index-ad33bf25.js}

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler } from './index-f37069da.js';
+import { u as useViewHandler } from './index-78c00eed.js';
 import 'react';
-import Toggle from './index-6a4e568e.js';
+import Toggle from './index-da03ac83.js';
 import DivaUtils from '@crystaldesign/diva-utils';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-4bdfc184.js → index-ad6d6496.js}

@@ -1,5 +1,5 @@
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-f37069da.js';
+import { s as styleInject, u as useViewHandler } from './index-78c00eed.js';
 import { useEffect } from 'react';
 import classnames from 'classnames';
 import { jsx, Fragment } from 'react/jsx-runtime';

package/build/esm/{index-183edbea.js → index-aecd5346.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-f37069da.js';
+import { s as styleInject, u as useViewHandler } from './index-78c00eed.js';
 import { useState, useEffect } from 'react';
 import OrbitControlElement from 'react-3d-cube-interaction';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-a94f9367.js → index-af18aad2.js}

@@ -1,6 +1,6 @@
-import { s as styleInject } from './index-f37069da.js';
+import { s as styleInject } from './index-78c00eed.js';
 import 'react';
-import OrbitInteractionStandard from './index-183edbea.js';
+import OrbitInteractionStandard from './index-aecd5346.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-57f275c8.js → index-b25979c4.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-f37069da.js';
+import { s as styleInject, u as useViewHandler } from './index-78c00eed.js';
 import 'react';
 import Dropdown from 'react-dropdown';
 import { useTranslation } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import Arrow from './index-0586d33f.js';
+import Arrow from './index-3c1f3355.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';