@crystaldesign/diva-web-planner-react 24.11.0 → 24.12.0-beta.10

package/build/esm/{index-97b68154.js → index-51abf5ed.js}

@@ -1,7 +1,7 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { a as usePlannerUIHandler } from './index-ceac7152.js';
+import { a as usePlannerUIHandler } from './index-85638eb4.js';
 import { useState } from 'react';
-import DPACC from './index-e0442a96.js';
+import DPACC from './index-d5b1af4e.js';
 import { Vector2 } from '@crystaldesign/web-planner-logic';
 import { jsx, Fragment } from 'react/jsx-runtime';
 

package/build/esm/{index-5c73581e.js → index-524a196d.js}

@@ -1,15 +1,15 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-ceac7152.js';
+import { s as styleInject, u as useViewHandler } from './index-85638eb4.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-4b848fc5.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-e112dbae.js';
 import classnames from 'classnames';
-import IsActive from './index-4128ec05.js';
+import IsActive from './index-203da8f6.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import GenericToolTip from './index-b6bf3333.js';
-import InfoIcon from './index-193e341d.js';
+import GenericToolTip from './index-c179b0bb.js';
+import InfoIcon from './index-a278eb4c.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-60fa19cd.js → index-529246b5.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-ceac7152.js';
+import { u as useViewHandler } from './index-85638eb4.js';
 import { useState } from 'react';
 import classnames from 'classnames';
 import { Vector2 } from '@crystaldesign/web-planner-logic';

package/build/esm/{index-27375692.js → index-538039a2.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-ceac7152.js';
+import { s as styleInject } from './index-85638eb4.js';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { useState, useRef, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/{index-6e5a5052.js → index-545f1a5e.js}

@@ -2,12 +2,12 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 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-ceac7152.js';
+import { s as styleInject, u as useViewHandler } from './index-85638eb4.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
-import OptionSelector from './index-8f2610a4.js';
-import LayoutSelection from './index-15a622b8.js';
+import OptionSelector from './index-d2fbcecf.js';
+import LayoutSelection from './index-a2575400.js';
 import { DivaUtils } from '@crystaldesign/diva-core';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -19,8 +19,8 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'react-dropdown';
-import './index.module-8a42df78.js';
-import './index-71e09ba6.js';
+import './index.module-a0f3158e.js';
+import './index-df5cdfaa.js';
 
 var wrapper = "wrapper-XC8ci";
 var scrollable = "scrollable-Smp2u";

package/build/esm/{index-3b758b96.js → index-5514f97e.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-ceac7152.js';
+import { s as styleInject, u as useViewHandler } from './index-85638eb4.js';
 import { useRef, useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import JSONEditor from 'jsoneditor';

package/build/esm/{index-b3badc96.js → index-55475542.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-ceac7152.js';
+import './index-85638eb4.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ActionNavigation from './index-5647c907.js';
+import ActionNavigation from './index-906bef3f.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-afb5fb5d.js → index-569f9d5b.js}

@@ -1,13 +1,13 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-ceac7152.js';
+import { s as styleInject, u as useViewHandler } from './index-85638eb4.js';
 import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
 import { useState, useCallback } from 'react';
 import { observer } from 'mobx-react-lite';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
 import ProductsComponent, { useProductState } from '@crystaldesign/products-component';
-import SettingsHeader from './index-40c59259.js';
+import SettingsHeader from './index-b6fc2177.js';
 import classnames from 'classnames';
-import Search from './index-27375692.js';
+import Search from './index-538039a2.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-61af1648.js → index-58031415.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-ceac7152.js';
+import { s as styleInject, u as useViewHandler } from './index-85638eb4.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
@@ -41,7 +41,12 @@ var ProductFooter = function ProductFooter(props) {
     className: classnames(wcConfiguratorProductFooter, viewHandler.uiState.isMobileLandscape ? landscape : undefined, viewHandler.uiState.isMobilePortrait ? portrait : undefined, viewHandler.uiState.configSettingsIsHidden ? settingsHidden : undefined, viewHandler.uiState.configSettingsIsExpanded ? expanded : undefined),
     children: /*#__PURE__*/jsxs("ul", {
       className: wcViewAs,
-      children: [viewHandler.productState.allowRendering && /*#__PURE__*/jsxs(Fragment, {
+      children: [viewHandler.productState.allow3DComb && /*#__PURE__*/jsx("li", {
+        className: classnames(wcButton, wcFoto, viewHandler.productState.doShow3DComb ? sel : undefined),
+        onClick: function onClick() {
+          return viewHandler.productState.onChangePlannerView('3DCOMB');
+        }
+      }), viewHandler.productState.allowRendering && /*#__PURE__*/jsxs(Fragment, {
         children: [/*#__PURE__*/jsx("li", {
           className: classnames(wcButton, wcFoto, viewHandler.productState.doShowRenderImage && viewHandler.productState.curAlternateRendering === undefined ? sel : undefined),
           onClick: function onClick() {

package/build/esm/{index-f753a21a.js → index-59bfe817.js}

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

package/build/esm/{index-a2f0bee7.js → index-5c2148cc.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-ceac7152.js';
+import { s as styleInject, u as useViewHandler } from './index-85638eb4.js';
 import 'react';
 import classnames from 'classnames';
-import Option from './index-c333c380.js';
+import Option from './index-462a68a7.js';
 import { useTranslation } from '@crystaldesign/diva-core';
-import InfoIcon from './index-193e341d.js';
+import InfoIcon from './index-a278eb4c.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -18,12 +18,12 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'mobx-react-lite';
-import './index.module-f9ed15bf.js';
-import './index.module-4b848fc5.js';
-import './index-4128ec05.js';
+import './index.module-d82d8729.js';
+import './index.module-e112dbae.js';
+import './index-203da8f6.js';
 import 'react-laag';
-import './index-b29be090.js';
-import './index-b6bf3333.js';
+import './index-8f7e7065.js';
+import './index-c179b0bb.js';
 
 var container = "container-GW-AX";
 var sel = "sel-jrQj2";

package/build/esm/{index-f06d32ec.js → index-5c325a64.js}

@@ -1,7 +1,7 @@
-import { s as styleInject } from './index-ceac7152.js';
+import { s as styleInject } from './index-85638eb4.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
-import Item from './index-8eb73d6a.js';
+import Item from './index-5047ea07.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -17,9 +17,9 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'react-laag';
-import './index-b6bf3333.js';
+import './index-c179b0bb.js';
 import 'classnames';
-import './index-b29be090.js';
+import './index-8f7e7065.js';
 
 var wrapper = "wrapper-Da1y8";
 var css_248z = ".wrapper-Da1y8 {\n  display: flex;\n  margin-left: 16px;\n  margin-right: 16px;\n  gap: 6px 10px;\n  overflow: auto;\n  width: 100%;\n  flex-wrap: wrap;\n}\n";

package/build/esm/{index-0aba93fb.js → index-5c75c653.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-ceac7152.js';
+import { s as styleInject, u as useViewHandler } from './index-85638eb4.js';
 import { useTranslation, useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
 import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-b29be090.js';
-import GenericToolTip from './index-b6bf3333.js';
+import MetaData from './index-8f7e7065.js';
+import GenericToolTip from './index-c179b0bb.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-710506ce.js → index-5cbafbd3.js}

@@ -1,4 +1,4 @@
-import './index-ceac7152.js';
+import './index-85638eb4.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-e610c16a.js → index-5d230a99.js}

@@ -1,7 +1,7 @@
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-ceac7152.js';
+import { s as styleInject, u as useViewHandler } from './index-85638eb4.js';
 import { useEffect } from 'react';
-import RequestProductForm from './requestProductForm-e9e88800.js';
+import RequestProductForm from './requestProductForm-882ea4b3.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-d5b9eee6.js → index-5d2fb375.js}

@@ -1,16 +1,16 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-ceac7152.js';
+import { s as styleInject, u as useViewHandler } from './index-85638eb4.js';
 import 'react';
-import { w as wholeWrapper, n as notExpanded } from './index.module-e5c4422b.js';
-import TabGroups from './index-ce490cda.js';
-import TabGroupOptions from './index-88a1e093.js';
+import { w as wholeWrapper, n as notExpanded } from './index.module-7c9f36b1.js';
+import TabGroups from './index-a505f04a.js';
+import TabGroupOptions from './index-e4e792d1.js';
 import { observer } from 'mobx-react-lite';
-import ProduktDetails from './index-ab829d63.js';
+import ProduktDetails from './index-017380e9.js';
 import Collapsible from 'react-collapsible';
-import Price from './index-9a6c023e.js';
+import Price from './index-25815674.js';
 import classnames from 'classnames';
-import JsonViewer from './index-d5cf3f49.js';
+import JsonViewer from './index-cffea7df.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -24,7 +24,7 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index.module-78a0c9bc.js';
+import './index.module-fc519863.js';
 import 'react-json-view';
 
 var menuPoint = "menu-point-Bz5zM";

package/build/esm/{index-868d8ed8.js → index-5f3474d4.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-ceac7152.js';
+import { s as styleInject, u as useViewHandler } from './index-85638eb4.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
@@ -38,7 +38,13 @@ var ProductFooter = function ProductFooter(props) {
     className: classnames(wcConfiguratorProductFooter, viewHandler.uiState.isMobileLandscape ? landscape : undefined, viewHandler.uiState.isMobilePortrait ? portrait : undefined, viewHandler.uiState.configSettingsIsHidden ? settingsHidden : undefined, viewHandler.uiState.configSettingsIsExpanded ? expanded : undefined),
     children: /*#__PURE__*/jsxs("ul", {
       className: wcViewAs,
-      children: [viewHandler.productState.allowGrid && /*#__PURE__*/jsx("li", {
+      children: [viewHandler.productState.allow3DComb && /*#__PURE__*/jsx("li", {
+        className: classnames(wcButton, viewHandler.productState.doShow3DComb ? sel : undefined),
+        onClick: function onClick() {
+          return viewHandler.productState.onChangePlannerView('3DCOMB');
+        },
+        children: t('configurator.Foto')
+      }), viewHandler.productState.allowGrid && /*#__PURE__*/jsx("li", {
         className: classnames(wcButton, viewHandler.productState.doShowGrid ? sel : undefined),
         onClick: function onClick() {
           return viewHandler.productState.onChangePlannerView('2D');

package/build/esm/{index-16f2c33d.js → index-5f830b78.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-ceac7152.js';
+import { s as styleInject, u as useViewHandler } from './index-85638eb4.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-5a54730f.js → index-60958cd0.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject } from './index-ceac7152.js';
+import { s as styleInject } from './index-85638eb4.js';
 import 'react';
-import SettingsItemHeader from './index-965718c6.js';
+import SettingsItemHeader from './index-685849cd.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -18,28 +18,28 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'mobx-react-lite';
 import 'classnames';
-import './index-4e63b857.js';
-import './index-f735526e.js';
-import './index-97dd0b72.js';
+import './index-8639a231.js';
+import './index-95332e41.js';
+import './index-e0973561.js';
 import 'react-dropdown';
-import './index-71e09ba6.js';
-import './index-fc89b69e.js';
+import './index-df5cdfaa.js';
+import './index-7e124367.js';
 import '@crystaldesign/content-box';
-import './index-80813811.js';
-import './index-16f2c33d.js';
-import './index-cb4f9308.js';
-import './index-a6a32ebd.js';
+import './index-cbb5fd09.js';
+import './index-5f830b78.js';
+import './index-2c092d30.js';
+import './index-2c20ad5e.js';
 import 'react-switch';
-import './index-51bbb435.js';
-import './index-11c4a30a.js';
-import './index-cc8dbdac.js';
-import './index-7e79f214.js';
-import './index-f06d32ec.js';
-import './index-8eb73d6a.js';
+import './index-0c83071f.js';
+import './index-47dc034c.js';
+import './index-4519037a.js';
+import './index-0bc83d5e.js';
+import './index-5c325a64.js';
+import './index-5047ea07.js';
 import 'react-laag';
-import './index-b6bf3333.js';
-import './index-b29be090.js';
-import './index-193e341d.js';
+import './index-c179b0bb.js';
+import './index-8f7e7065.js';
+import './index-a278eb4c.js';
 
 var settingsHeaderContainer = "settingsHeaderContainer-ywbxo";
 var settingsHeaderTitle = "settingsHeaderTitle-AeKfm";

package/build/esm/{index-965718c6.js → index-685849cd.js}

@@ -1,18 +1,18 @@
-import { s as styleInject, u as useViewHandler } from './index-ceac7152.js';
+import { s as styleInject, u as useViewHandler } from './index-85638eb4.js';
 import classnames from 'classnames';
-import DockFilter from './index-4e63b857.js';
-import RALFilter from './index-f735526e.js';
+import DockFilter from './index-8639a231.js';
+import RALFilter from './index-95332e41.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
-import Searchbar from './index-16f2c33d.js';
-import ToggleHeader from './index-cb4f9308.js';
-import NumberInput from './index-51bbb435.js';
-import InfoButton from './index-11c4a30a.js';
-import PDFButton from './index-cc8dbdac.js';
-import SummaryVariantButton from './index-7e79f214.js';
-import SelectedOpv from './index-f06d32ec.js';
-import InfoIcon from './index-193e341d.js';
+import Searchbar from './index-5f830b78.js';
+import ToggleHeader from './index-2c092d30.js';
+import NumberInput from './index-0c83071f.js';
+import InfoButton from './index-47dc034c.js';
+import PDFButton from './index-4519037a.js';
+import SummaryVariantButton from './index-0bc83d5e.js';
+import SelectedOpv from './index-5c325a64.js';
+import InfoIcon from './index-a278eb4c.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-97dd0b72.js';
+import './index-e0973561.js';
 import 'react-dropdown';
-import './index-71e09ba6.js';
-import './index-fc89b69e.js';
+import './index-df5cdfaa.js';
+import './index-7e124367.js';
 import '@crystaldesign/content-box';
-import './index-80813811.js';
-import './index-a6a32ebd.js';
+import './index-cbb5fd09.js';
+import './index-2c20ad5e.js';
 import 'react-switch';
-import './index-8eb73d6a.js';
+import './index-5047ea07.js';
 import 'react-laag';
-import './index-b6bf3333.js';
-import './index-b29be090.js';
+import './index-c179b0bb.js';
+import './index-8f7e7065.js';
 
 var headerWrapper = "header-wrapper-qVEmI";
 var wcConfiguratorSettingsHeaderTitle = "wcConfigurator-settings-header-title--CcUK";
@@ -54,7 +54,7 @@ var css_248z = ".wcConfigurator-settings-header--UZPU {\n  height: 100%;\n  posi
 styleInject(css_248z);
 
 var SettingsItemHeader = function SettingsItemHeader(_ref) {
-  var _item$selectedElement, _item$selectedElement2, _item$selectedElement3;
+  var _viewHandler$getViewC, _item$selectedElement, _item$selectedElement2, _item$selectedElement3;
   var isSettingsHeader = _ref.isSettingsHeader,
     specialElement1 = _ref.specialElement1,
     specialElement2 = _ref.specialElement2,
@@ -64,7 +64,6 @@ var SettingsItemHeader = function SettingsItemHeader(_ref) {
     titleClass = _ref$titleClass === void 0 ? wcConfiguratorSettingsHeaderTitle : _ref$titleClass,
     _ref$containerClass = _ref.containerClass,
     containerClass = _ref$containerClass === void 0 ? wcConfigItemHeader : _ref$containerClass;
-    _ref.isOpen;
   var viewHandler = useViewHandler();
   var _useDivaCore = useDivaCore(),
     hidePrices = _useDivaCore.state.hidePrices;
@@ -88,6 +87,7 @@ var SettingsItemHeader = function SettingsItemHeader(_ref) {
   if (item.isMultiselect) {
     title = title + ' (' + t('configurator.isMultiselect') + ')';
   }
+  if ((_viewHandler$getViewC = viewHandler.getViewConfig()) !== null && _viewHandler$getViewC !== void 0 && _viewHandler$getViewC.showOptionCodexInOptionHeader) title = title + (item.optionCodex ? ' (' + item.optionCodex + ')' : '');
   return /*#__PURE__*/jsx("div", {
     className: classnames(containerClass, viewHandler.uiState.isMobilePortrait ? portrait : undefined, viewHandler.uiState.isMobileLandscape ? landscape : undefined, viewHandler.uiState.configSettingsIsMinExpanded ? minExpanded : undefined, isInScroller ? scroller : undefined),
     children: /*#__PURE__*/jsxs("div", {

package/build/esm/{index-0afbc6bf.js → index-68df89b8.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-ceac7152.js';
+import { s as styleInject, u as useViewHandler } from './index-85638eb4.js';
 import { observer } from 'mobx-react-lite';
 import { useEffect } from 'react';
 import classnames from 'classnames';

package/build/esm/{index-f848f570.js → index-6ba441ff.js}

@@ -1,13 +1,13 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-ceac7152.js';
+import { s as styleInject, u as useViewHandler } from './index-85638eb4.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import classnames from 'classnames';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import TabGroupHorizontal from './index-463de988.js';
-import TabGroupVertical from './index-c9c3db8a.js';
-import TabSearch from './index-8e45dee1.js';
+import TabGroupHorizontal from './index-0259dda5.js';
+import TabGroupVertical from './index-31dbe06e.js';
+import TabSearch from './index-3c075702.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/asyncToGenerator';
@@ -19,8 +19,8 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index-7d8e85e9.js';
-import './index-4b6e23d0.js';
+import './index-d0dd2ff1.js';
+import './index-89fdba85.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
 
 var wcConfiguratorSteps = "wcConfigurator-steps-1pUS0";

package/build/esm/{index-af5f4e78.js → index-6cc78e93.js}

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

package/build/esm/{index-2fd6b3ad.js → index-6d8a5026.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-ceac7152.js';
+import './index-85638eb4.js';
 import { observer } from 'mobx-react-lite';
 import { createElement } from 'react';
-import Group from './index-ab6f18e7.js';
+import Group from './index-17bf5de2.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-afaf915c.js → index-6f23c25d.js}

@@ -1,9 +1,9 @@
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { a as usePlannerUIHandler } from './index-ceac7152.js';
+import { a as usePlannerUIHandler } from './index-85638eb4.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import Outline3D from './index-8fbb0b4d.js';
-import ItemsContainer from './index-23ae379e.js';
+import Outline3D from './index-e10d1c40.js';
+import ItemsContainer from './index-373b369d.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-81f5b321.js';
-import './index-556513f0.js';
-import './index-e30d972e.js';
-import './index-c4775c2e.js';
-import './index-d00e5b1f.js';
-import './index-b1d1df6c.js';
-import './index-97b68154.js';
-import './index-e0442a96.js';
-import './index-8fadff48.js';
-import './index-574eccea.js';
-import './index-ba10c7a8.js';
+import './index-b89199c8.js';
+import './index-0688a990.js';
+import './index-4d01cbc0.js';
+import './index-a4d8af11.js';
+import './index-a81d17e2.js';
+import './index-a2aecdbb.js';
+import './index-51abf5ed.js';
+import './index-d5b1af4e.js';
+import './index-871bd093.js';
+import './index-d183efb3.js';
+import './index-76c70f45.js';
 import 'react-draggable';
-import './index-60fa19cd.js';
-import './index-50c80005.js';
-import './index-1b795043.js';
+import './index-529246b5.js';
+import './index-4fd5bb37.js';
+import './index-9d19a5ee.js';
 
 var PlannerUI = function PlannerUI(_ref) {
   var plannerUIProps = _ref.plannerUIProps;