@crystaldesign/diva-web-planner-react 24.13.0-beta.13 → 24.13.0-beta.14

package/build/esm/{index-e653ac69.js → index-da4b29b4.js}

@@ -1,10 +1,10 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-42293bd1.js';
+import { s as styleInject, u as useViewHandler } from './index-4d91245c.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { useState, useCallback, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
-import SettingsHeader from './index-755736d1.js';
+import SettingsHeader from './index-df479f96.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-23b1de89.js → index-dacd017b.js}

@@ -1,7 +1,7 @@
-import { u as useViewHandler } from './index-42293bd1.js';
+import { u as useViewHandler } from './index-4d91245c.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
-import { w as wcFunctionsToolbar, a as wcFunctionsContainer, c as wcIcon, k as wcResetIcon } from './index.module-fe0c9f16.js';
+import { w as wcFunctionsToolbar, a as wcFunctionsContainer, c as wcIcon, k as wcResetIcon } from './index.module-456af24a.js';
 import { useTranslation } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-60f5dbf2.js → index-dca44557.js}

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

package/build/esm/{index-755736d1.js → index-df479f96.js}

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

package/build/esm/{index-06fd787b.js → index-e18b29e3.js}

@@ -1,18 +1,18 @@
-import { s as styleInject, u as useViewHandler } from './index-42293bd1.js';
+import { s as styleInject, u as useViewHandler } from './index-4d91245c.js';
 import classnames from 'classnames';
-import DockFilter from './index-4033633f.js';
-import RALFilter from './index-e22d2909.js';
+import DockFilter from './index-99c4b151.js';
+import RALFilter from './index-311183f7.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
-import Searchbar from './index-395f786b.js';
-import ToggleHeader from './index-ee6a8c4b.js';
-import NumberInput from './index-06f614b7.js';
-import InfoButton from './index-fa67fb27.js';
-import PDFButton from './index-20ed67f6.js';
-import SummaryVariantButton from './index-83f931c3.js';
-import SelectedOpv from './index-8b0f2bec.js';
-import InfoIcon from './index-b9ec2822.js';
+import Searchbar from './index-a7dbec81.js';
+import ToggleHeader from './index-4d3d59cc.js';
+import NumberInput from './index-aa5cbf73.js';
+import InfoButton from './index-64ca2e04.js';
+import PDFButton from './index-142655be.js';
+import SummaryVariantButton from './index-77938eae.js';
+import SelectedOpv from './index-cad17bd4.js';
+import InfoIcon from './index-33e48035.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -27,18 +27,18 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-b857904f.js';
+import './index-56518b04.js';
 import 'react-dropdown';
-import './index-51c31d1c.js';
-import './index-4ceceeea.js';
+import './index-597bc8d8.js';
+import './index-9971755b.js';
 import '@crystaldesign/content-box';
-import './index-674b2e67.js';
-import './index-e166ae51.js';
+import './index-e3c7b0ff.js';
+import './index-633becd0.js';
 import 'react-switch';
-import './index-1f1ff138.js';
+import './index-f84bf409.js';
 import 'react-laag';
-import './index-7b4a7b67.js';
-import './index-cf231337.js';
+import './index-4596ad9f.js';
+import './index-cb9e3e33.js';
 
 var headerWrapper = "header-wrapper-qVEmI";
 var wcConfiguratorSettingsHeaderTitle = "wcConfigurator-settings-header-title--CcUK";
@@ -50,7 +50,7 @@ var landscape = "landscape-DHu2r";
 var portrait = "portrait-8Z7gh";
 var quantity = "quantity-GKJLF";
 var iconsContainer = "icons-container-DbfdO";
-var css_248z = ".wcConfigurator-settings-header--UZPU {\n  height: 100%;\n  position: relative;\n  width: 100%;\n}\n\n.header-wrapper-qVEmI {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  justify-content: space-between;\n}\n\n.wcConfigurator-settings-header-title--CcUK {\n  width: auto;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  color: var(--secondaryColor);\n  margin-top: 10px;\n  float: left;\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.wcConfigurator-settings-header-price-UmViW {\n  width: auto;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  color: var(--secondaryColor);\n  margin-top: 10px;\n  float: right;\n}\n\n.scroller-jdhnI .wcConfigurator-settings-header-title--CcUK {\n  max-width: calc(100% - 51.2px);\n  margin: 8px 0px;\n}\n\n.scroller-jdhnI .wcConfigurator-settings-header-title--CcUK.wcFilterIsVisible-S9QKu {\n  max-width: calc(50% - 19.2px);\n}\n\n.wcConfigurator-settings-header-Filters-Container-hi62D {\n  width: 100%;\n  float: left;\n}\n.wcConfigItem-Header-JEANn {\n  border-radius: 0 !important;\n  border-radius: initial !important;\n}\n.wcConfigItem-Header-JEANn {\n  /* width: calc(100% - 32px); */\n  margin-top: 8px;\n  margin-right: 8px;\n  height: -moz-fit-content;\n  height: fit-content;\n  min-height: 40px;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n}\n.min-expanded-kEE9N.wcConfigItem-Header-JEANn {\n  overflow: hidden;\n}\n\n:not(.scroller-jdhnI).wcConfigItem-Header-JEANn {\n  margin-left: var(--settingsScrollerPaddingLeft);\n  margin-right: var(--settingsScrollerPaddingRight);\n}\n\n.landscape-DHu2r.wcConfigItem-Header-JEANn,\n.portrait-8Z7gh.wcConfigItem-Header-JEANn {\n  min-height: 40px;\n}\n\n.landscape-DHu2r.scroller-jdhnI header,\n.portrait-8Z7gh.scroller-jdhnI header {\n  min-height: 40px;\n}\n\n.quantity-GKJLF {\n  max-width: 200px;\n  float: left;\n  padding-top: 12px;\n  padding-left: 20%;\n}\n\n.icons-container-DbfdO {\n  display: flex;\n  align-items: center;\n  float: right;\n  position: relative;\n  margin-top: 5px;\n  flex-grow: 2;\n  justify-content: flex-end;\n  max-width: 100%;\n}\n";
+var css_248z = ".wcConfigurator-settings-header--UZPU {\n  height: 100%;\n  position: relative;\n  width: 100%;\n  --infoIconSize: 24px;\n}\n\n.header-wrapper-qVEmI {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  justify-content: space-between;\n}\n\n.wcConfigurator-settings-header-title--CcUK {\n  width: auto;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  color: var(--secondaryColor);\n  margin-top: 10px;\n  float: left;\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.wcConfigurator-settings-header-price-UmViW {\n  width: auto;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  color: var(--secondaryColor);\n  margin-top: 10px;\n  float: right;\n}\n\n.scroller-jdhnI .wcConfigurator-settings-header-title--CcUK {\n  max-width: calc(100% - 51.2px);\n  margin: 8px 0px;\n}\n\n.scroller-jdhnI .wcConfigurator-settings-header-title--CcUK.wcFilterIsVisible-S9QKu {\n  max-width: calc(50% - 19.2px);\n}\n\n.wcConfigurator-settings-header-Filters-Container-hi62D {\n  width: 100%;\n  float: left;\n}\n.wcConfigItem-Header-JEANn {\n  border-radius: 0 !important;\n  border-radius: initial !important;\n}\n.wcConfigItem-Header-JEANn {\n  /* width: calc(100% - 32px); */\n  margin-top: 8px;\n  margin-right: 8px;\n  height: -moz-fit-content;\n  height: fit-content;\n  min-height: 40px;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n}\n.min-expanded-kEE9N.wcConfigItem-Header-JEANn {\n  overflow: hidden;\n}\n\n:not(.scroller-jdhnI).wcConfigItem-Header-JEANn {\n  margin-left: var(--settingsScrollerPaddingLeft);\n  margin-right: var(--settingsScrollerPaddingRight);\n}\n\n.landscape-DHu2r.wcConfigItem-Header-JEANn,\n.portrait-8Z7gh.wcConfigItem-Header-JEANn {\n  min-height: 40px;\n}\n\n.landscape-DHu2r.scroller-jdhnI header,\n.portrait-8Z7gh.scroller-jdhnI header {\n  min-height: 40px;\n}\n\n.quantity-GKJLF {\n  max-width: 200px;\n  float: left;\n  padding-top: 12px;\n  padding-left: 20%;\n}\n\n.icons-container-DbfdO {\n  display: flex;\n  align-items: center;\n  float: right;\n  position: relative;\n  margin-top: 5px;\n  flex-grow: 2;\n  justify-content: flex-end;\n  max-width: 100%;\n}\n";
 styleInject(css_248z);
 
 var SettingsItemHeader = function SettingsItemHeader(_ref) {
@@ -135,8 +135,7 @@ var SettingsItemHeader = function SettingsItemHeader(_ref) {
             },
             style: {
               bottom: 'calc(50% - 10px)'
-            },
-            size: 24
+            }
           }) : !isSettingsHeader && viewHandler.uiState.isInMobileView && (item === null || item === void 0 || (_item$selectedElement3 = item.selectedElements) === null || _item$selectedElement3 === void 0 ? void 0 : _item$selectedElement3.length) && viewHandler.getViewConfig().infoButton && /*#__PURE__*/jsx(InfoButton, {
             id: item.id,
             selectedElement: item.selectedElements[0]

package/build/esm/{index-ee7be6f7.js → index-e1d3c07f.js}

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

package/build/esm/{index-5b98db71.js → index-e2f95c71.js}

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

package/build/esm/{index-674b2e67.js → index-e3c7b0ff.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-42293bd1.js';
+import { s as styleInject, u as useViewHandler } from './index-4d91245c.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import classnames from 'classnames';

package/build/esm/{index-2b082f24.js → index-e588eca6.js}

@@ -1,9 +1,9 @@
-import { s as styleInject } from './index-42293bd1.js';
+import { s as styleInject } from './index-4d91245c.js';
 import 'react';
-import { w as wcPlannerButton, m as mobile, a as wcUi2DDpAvl, b as wcUi2DDpAvlSel, c as wcUi2DDpAvr, d as wcUi2DDpAvrSel, e as wcUi2DDpAvDocking, f as wcUi2DDpAvNotDocking, g as wcUi2DDpAvNotDockingSel, h as wcUi3DDpAvDocking, i as wcUi3DDpAvNotDocking, j as wcUi3DDpAvNotDockingSel, k as wcUiCopy, l as wcPlannerPosNr, n as wcPlannerPosNrSelectable, o as wcPlannerPosNrSelectableArea, p as wcPlannerPosNrSelected, q as wcPlannerPosNrUnSelectable, r as wcPlannerPosNrOnHover, s as wcUiDel } from './index.module-09becdd4.js';
-import { w as wcUi2DOutlineDraggable, a as wcUi2DOutlineDraggableActive, b as wcUi2DOutlineSelectable, c as wc3DOutlineSvg, d as wc3DOutlinePolygon, e as wc3DOutlinePolygonContours, f as wc3DOutlinePolygonContoursSel } from './index.module-e1c05094.js';
-import { d as wc2DRotClock, e as wc2DRotCounterClock, w as wcPlanner3DRot, a as wcPlanner3DMove, b as wcPlannerDistanceToGround, c as wcPlannerArrowDistanceToGround } from './index.module-89a58a32.js';
-import PlannerUI from './index-02e6a614.js';
+import { w as wcPlannerButton, m as mobile, a as wcUi2DDpAvl, b as wcUi2DDpAvlSel, c as wcUi2DDpAvr, d as wcUi2DDpAvrSel, e as wcUi2DDpAvDocking, f as wcUi2DDpAvNotDocking, g as wcUi2DDpAvNotDockingSel, h as wcUi3DDpAvDocking, i as wcUi3DDpAvNotDocking, j as wcUi3DDpAvNotDockingSel, k as wcUiCopy, l as wcPlannerPosNr, n as wcPlannerPosNrSelectable, o as wcPlannerPosNrSelectableArea, p as wcPlannerPosNrSelected, q as wcPlannerPosNrUnSelectable, r as wcPlannerPosNrOnHover, s as wcUiDel } from './index.module-fbd1e352.js';
+import { w as wcUi2DOutlineDraggable, a as wcUi2DOutlineDraggableActive, b as wcUi2DOutlineSelectable, c as wc3DOutlineSvg, d as wc3DOutlinePolygon, e as wc3DOutlinePolygonContours, f as wc3DOutlinePolygonContoursSel } from './index.module-dba40950.js';
+import { d as wc2DRotClock, e as wc2DRotCounterClock, w as wcPlanner3DRot, a as wcPlanner3DMove, b as wcPlannerDistanceToGround, c as wcPlannerArrowDistanceToGround } from './index.module-67ca6148.js';
+import PlannerUI from './index-f1de08de.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
@@ -20,23 +20,23 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'mobx-react-lite';
-import './index-71077f60.js';
-import './index-5d8358d8.js';
-import './index-5db736c1.js';
-import './index-4ecdf3f7.js';
-import './index-4f39aa90.js';
-import './index-eb744632.js';
-import './index-81f3fcb5.js';
-import './index-52fb549e.js';
-import './index-b1581885.js';
-import './index-7d931f3a.js';
-import './index-af739fa5.js';
-import './index-7592ee3c.js';
-import './index-8e1a4b1a.js';
+import './index-7bd8a101.js';
+import './index-8aaeca16.js';
+import './index-a37ad35f.js';
+import './index-60355220.js';
+import './index-a6328980.js';
+import './index-ec6c040b.js';
+import './index-be1765eb.js';
+import './index-826b4c1e.js';
+import './index-91a2d789.js';
+import './index-ec70e783.js';
+import './index-39672aef.js';
+import './index-64b8670a.js';
+import './index-21586352.js';
 import 'react-draggable';
-import './index-e1819782.js';
-import './index-29d409f0.js';
-import './index-6f4bbc48.js';
+import './index-921a3c5a.js';
+import './index-947bd220.js';
+import './index-f433398d.js';
 
 var wcBoxPlannerAddElement = "wcBoxPlanner_AddElement-BQKmM";
 var wcBoxPlannerAddElementLeft = "wcBoxPlanner_AddElementLeft-m3--f";

package/build/esm/{index-961c59d3.js → index-e6370f8c.js}

@@ -1,6 +1,6 @@
-import './index-42293bd1.js';
+import './index-4d91245c.js';
 import 'react';
-import Default from './index-4984474b.js';
+import Default from './index-014b3794.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -17,11 +17,11 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'mobx-react-lite';
 import 'classnames';
-import './index.module-4c1b0f43.js';
+import './index.module-191f10b5.js';
 import 'react-laag';
-import './index-7b4a7b67.js';
-import './index-cf231337.js';
-import './index-b9ec2822.js';
+import './index-4596ad9f.js';
+import './index-cb9e3e33.js';
+import './index-33e48035.js';
 
 var GallerySerious = function GallerySerious(_ref) {
   var item = _ref.item,

package/build/esm/{index-bced53da.js → index-e662378b.js}

@@ -1,13 +1,13 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-42293bd1.js';
+import { s as styleInject, u as useViewHandler } from './index-4d91245c.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useRef, useEffect } from 'react';
 import { useLayer } from 'react-laag';
-import Tooltip from './index-6da83c45.js';
+import Tooltip from './index-2a990fd8.js';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import FullscreenAr from './index-f92b1947.js';
+import FullscreenAr from './index-9c242399.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 var wcNav3DToolbar = "wc_Nav3DToolbar-NM2CK";
@@ -91,7 +91,7 @@ var ArQrCodeTooltip = function ArQrCodeTooltip(props) {
         if (!value) {
           viewHandler.productState.setDoShowARQRCode(false);
           viewHandler.productState.loadRTVForAr = false;
-          viewHandler.productState.onChangePlannerView('3D');
+          viewHandler.productState.onChangePlannerView(viewHandler.productState.allow3DComb ? '3DCOMB' : '3D');
         }
       }
     });
@@ -121,7 +121,7 @@ var ArQrCodeTooltip = function ArQrCodeTooltip(props) {
     if (openAr) {
       if (!viewHandler.productState.doShowRTV) {
         viewHandler.productState.loadRTVForAr = true;
-        viewHandler.productState.onChangePlannerView('RTV');
+        viewHandler.productState.onChangePlannerView(viewHandler.productState.allow3DComb ? '3DCOMB' : 'RTV');
       }
       openModal({
         content: /*#__PURE__*/jsx(FullscreenAr, {
@@ -137,7 +137,7 @@ var ArQrCodeTooltip = function ArQrCodeTooltip(props) {
           if (!value) {
             viewHandler.productState.loadRTVForAr = false;
             viewHandler.productState.setDoShowARQRCode(false);
-            viewHandler.productState.onChangePlannerView('3D');
+            viewHandler.productState.onChangePlannerView(viewHandler.productState.allow3DComb ? '3DCOMB' : '3D');
           }
         }
       });

package/build/esm/{index-c2b6ce25.js → index-e6730e81.js}

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

package/build/esm/{index-9e128bfc.js → index-e82a737d.js}

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

package/build/esm/{index-c62a09a2.js → index-ea0070ab.js}

@@ -1,19 +1,19 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-42293bd1.js';
+import { s as styleInject, u as useViewHandler } from './index-4d91245c.js';
 import React, { useState, useEffect, Suspense } from 'react';
 import { observer } from 'mobx-react-lite';
 import sift from 'sift';
-import TextBox from './index-0aa3fcff.js';
-import ItemVariant from './index-ee7be6f7.js';
-import SettingsPaletteGroup from './index-36ae1d8b.js';
-import ToggleOption from './index-00f55f98.js';
-import GroupDropdown from './index-b5d6b5ba.js';
-import PromotedProducts from './index-e653ac69.js';
-import ToggleName from './index-6a1b3f9c.js';
-import ProductList from './index-610e03df.js';
-import itemPaletteTypeComponentMap from './index-593c14a5.js';
-import ItemWrapper from './index-98803820.js';
+import TextBox from './index-bab945bc.js';
+import ItemVariant from './index-e1d3c07f.js';
+import SettingsPaletteGroup from './index-6ccbfe03.js';
+import ToggleOption from './index-128f5e31.js';
+import GroupDropdown from './index-5d61a951.js';
+import PromotedProducts from './index-da4b29b4.js';
+import ToggleName from './index-f832735b.js';
+import ProductList from './index-c6b36768.js';
+import itemPaletteTypeComponentMap from './index-33a31a68.js';
+import ItemWrapper from './index-9f8d0862.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 
 var collapsableInner = "collapsable-inner-YPvJa";
@@ -23,10 +23,10 @@ styleInject(css_248z);
 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; }
 var ShelfPlanner = /*#__PURE__*/React.lazy(function () {
-  return import('./index-b37278c7.js');
+  return import('./index-01dc2333.js');
 });
 var DoorPlanner = /*#__PURE__*/React.lazy(function () {
-  return import('./index-ba37ca42.js');
+  return import('./index-3e7efa42.js');
 });
 var SettingsPaletteItem = function SettingsPaletteItem(_ref) {
   var _viewHandler$uiState$, _settingsSizes$gapDef, _settingsSizes$sizeDe, _viewHandler$uiState$2, _item$groups$;

package/build/esm/{index-eb744632.js → index-ec6c040b.js}

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

package/build/esm/{index-7d931f3a.js → index-ec70e783.js}

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

package/build/esm/{index-4156cf5f.js → index-ed7f948a.js}

@@ -1,5 +1,5 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-42293bd1.js';
+import { s as styleInject, u as useViewHandler } from './index-4d91245c.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-3303472c.js → index-eef7d3e8.js}

@@ -1,9 +1,9 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-42293bd1.js';
+import { s as styleInject, u as useViewHandler } from './index-4d91245c.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ActionNavigation from './index-026bdf37.js';
-import PriceSumm from './index-66381b7f.js';
+import ActionNavigation from './index-4fad5989.js';
+import PriceSumm from './index-34478741.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-8140c925.js → index-ef1eb646.js}

@@ -1,12 +1,12 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-42293bd1.js';
-import SettingsHeader from './index-755736d1.js';
+import { s as styleInject, u as useViewHandler } from './index-4d91245c.js';
+import SettingsHeader from './index-df479f96.js';
 import { useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
 import { useState, useEffect } from 'react';
 import Dropdown from 'react-dropdown';
-import MobileDropdown from './index-48123bf6.js';
+import MobileDropdown from './index-3e913725.js';
 import { observer } from 'mobx-react-lite';
-import InfoIcon from './index-b9ec2822.js';
+import InfoIcon from './index-33e48035.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-51c31d1c.js';
+import './index-597bc8d8.js';
 import 'classnames';
 
 var wrapper = "wrapper-xpzd5";

package/build/esm/{index-5a9d16b8.js → index-ef986981.js}

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

package/build/esm/{index-02e6a614.js → index-f1de08de.js}

@@ -1,9 +1,9 @@
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { a as usePlannerUIHandler } from './index-42293bd1.js';
+import { a as usePlannerUIHandler } from './index-4d91245c.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import Outline3D from './index-71077f60.js';
-import ItemsContainer from './index-5d8358d8.js';
+import Outline3D from './index-7bd8a101.js';
+import ItemsContainer from './index-8aaeca16.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -18,21 +18,21 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'classnames';
-import './index-5db736c1.js';
-import './index-4ecdf3f7.js';
-import './index-4f39aa90.js';
-import './index-eb744632.js';
-import './index-81f3fcb5.js';
-import './index-52fb549e.js';
-import './index-b1581885.js';
-import './index-7d931f3a.js';
-import './index-af739fa5.js';
-import './index-7592ee3c.js';
-import './index-8e1a4b1a.js';
+import './index-a37ad35f.js';
+import './index-60355220.js';
+import './index-a6328980.js';
+import './index-ec6c040b.js';
+import './index-be1765eb.js';
+import './index-826b4c1e.js';
+import './index-91a2d789.js';
+import './index-ec70e783.js';
+import './index-39672aef.js';
+import './index-64b8670a.js';
+import './index-21586352.js';
 import 'react-draggable';
-import './index-e1819782.js';
-import './index-29d409f0.js';
-import './index-6f4bbc48.js';
+import './index-921a3c5a.js';
+import './index-947bd220.js';
+import './index-f433398d.js';
 
 var PlannerUI = function PlannerUI(_ref) {
   var plannerUIProps = _ref.plannerUIProps;

package/build/esm/{index-5bbe1775.js → index-f234c98d.js}

@@ -1,8 +1,8 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { u as useViewHandler } from './index-42293bd1.js';
+import { u as useViewHandler } from './index-4d91245c.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
-import { r as reactJson, a as reactJsonExpanded } from './index.module-4a4fe21a.js';
+import { r as reactJson, a as reactJsonExpanded } from './index.module-6d1c2237.js';
 import classnames from 'classnames';
 import ReactJson from 'react-json-view';
 import { jsx, Fragment } from 'react/jsx-runtime';

package/build/esm/{index-6f4bbc48.js → index-f433398d.js}

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

package/build/esm/{index-2e33aeb1.js → index-f5c59e8e.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-42293bd1.js';
+import { s as styleInject, u as useViewHandler } from './index-4d91245c.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import classnames from 'classnames';

package/build/esm/{index-0da148aa.js → index-f6fe537a.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-42293bd1.js';
+import { s as styleInject, u as useViewHandler } from './index-4d91245c.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-fdd353f7.js → index-f7fcbfe4.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-42293bd1.js';
+import { s as styleInject, u as useViewHandler } from './index-4d91245c.js';
 import { useRef, useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';

package/build/esm/{index-6a1b3f9c.js → index-f832735b.js}

@@ -1,10 +1,10 @@
-import { u as useViewHandler } from './index-42293bd1.js';
+import { u as useViewHandler } from './index-4d91245c.js';
 import 'react';
 import classnames from 'classnames';
-import { r as row, c as colum, t as title, n as name, s as sel, a as toggleWrapper } from './index.module-e410d36b.js';
-import Toggle from './index-e166ae51.js';
+import { r as row, c as colum, t as title, n as name, s as sel, a as toggleWrapper } from './index.module-fa1bc684.js';
+import Toggle from './index-633becd0.js';
 import { getLogger } from '@crystaldesign/diva-core';
-import InfoIcon from './index-b9ec2822.js';
+import InfoIcon from './index-33e48035.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-7d97bd9c.js → index-f845e0d7.js}

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

package/build/esm/{index-29f0bde1.js → index-f848a989.js}

@@ -1,11 +1,11 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-42293bd1.js';
+import { s as styleInject, u as useViewHandler } from './index-4d91245c.js';
 import classnames from 'classnames';
-import Toggle from './index-e166ae51.js';
+import Toggle from './index-633becd0.js';
 import { useState, useEffect } from 'react';
 import Dropdown from 'react-dropdown';
-import BasketActionSerious from './index-32d80aa5.js';
+import BasketActionSerious from './index-a02d67cb.js';
 import { observer } from 'mobx-react-lite';
 import { useTranslation, DivaUtils } from '@crystaldesign/diva-core';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/{index-1f1ff138.js → index-f84bf409.js}

@@ -1,13 +1,13 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-42293bd1.js';
+import { s as styleInject, u as useViewHandler } from './index-4d91245c.js';
 import { observer } from 'mobx-react-lite';
 import { useState, createElement } from 'react';
 import { useHover, useLayer } from 'react-laag';
-import GenericToolTip from './index-7b4a7b67.js';
+import GenericToolTip from './index-4596ad9f.js';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import MetaData from './index-cf231337.js';
+import MetaData from './index-cb9e3e33.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-d1d83711.js → index-fa33a67c.js}

@@ -1,7 +1,7 @@
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-42293bd1.js';
+import { s as styleInject, u as useViewHandler } from './index-4d91245c.js';
 import { useRef, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';

package/build/esm/{index-1c64fe94.js → index-fdb5e10e.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-42293bd1.js';
+import { s as styleInject, u as useViewHandler } from './index-4d91245c.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-d6684bdb.js → index-ff4822ad.js}

@@ -1,10 +1,10 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-42293bd1.js';
+import { s as styleInject, u as useViewHandler } from './index-4d91245c.js';
 import Dropdown from 'react-dropdown';
 import { useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
-import InfoIcon from './index-b9ec2822.js';
+import InfoIcon from './index-33e48035.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/index.js

@@ -1,5 +1,5 @@
 import '@babel/runtime/helpers/defineProperty';
-export { W as WebPlannerReact, c as default } from './index-42293bd1.js';
+export { W as WebPlannerReact, c as default } from './index-4d91245c.js';
 import 'react';
 import '@crystaldesign/diva-core';
 import 'react/jsx-runtime';

package/build/esm/{index.module-1f0a962c.js → index.module-17c4cdee.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-42293bd1.js';
+import { s as styleInject } from './index-4d91245c.js';
 
 var paletteItem = "PaletteItem-bhj8-";
 var sel = "sel-SyPrw";

package/build/esm/{index.module-4c1b0f43.js → index.module-191f10b5.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-42293bd1.js';
+import { s as styleInject } from './index-4d91245c.js';
 
 var wcFavorite = "wcFavorite-WCYzN";
 var wcFavoriteSel = "wcFavorite_sel-Fww5G";