@crystaldesign/diva-web-planner-react 24.12.0-beta.5 → 24.12.0-beta.6

package/build/esm/{index-34cf089d.js → index-270783fc.js}

@@ -1,10 +1,10 @@
-import { s as styleInject, u as useViewHandler } from './index-45cb6d4c.js';
+import { s as styleInject, u as useViewHandler } from './index-841b8452.js';
 import { useEffect } from 'react';
-import Inputbox from './index-ce25998d.js';
-import { cssVariables } from './index-cda2cb50.js';
-import Product from './index-7f0df97e.js';
-import Settings from './index-cf7fefee.js';
-import TabGroup from './index-7224a5cd.js';
+import Inputbox from './index-c344fc61.js';
+import { cssVariables } from './index-8cf35f31.js';
+import Product from './index-0d16e222.js';
+import Settings from './index-8efcb8a8.js';
+import TabGroup from './index-1895e2f7.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
@@ -22,90 +22,90 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-c72886e6.js';
-import './index-f72d9de2.js';
+import './index-f3fe17c3.js';
+import './index-6156c796.js';
 import 'react-switch';
 import 'react-dropdown';
-import './index-63cfedd6.js';
-import './index-648e9e66.js';
-import './index-1bf4bc3f.js';
-import './index-e6a6a612.js';
-import './index-5b732a69.js';
-import './index.module-5d61a03b.js';
-import './index-61178e32.js';
-import './index-b12fe55a.js';
-import './index-191b5f89.js';
-import './index-f54cbc85.js';
-import './index-9f6b1562.js';
-import './index-ae027652.js';
+import './index-97d3826c.js';
+import './index-a7a2edec.js';
+import './index-f30878d9.js';
+import './index-92e15005.js';
+import './index-8bb5b738.js';
+import './index.module-b9c8a6a1.js';
+import './index-81390e23.js';
+import './index-83e9833d.js';
+import './index-0453e4bd.js';
+import './index-9223352b.js';
+import './index-0b3b8e8c.js';
+import './index-740b10c3.js';
 import '@crystaldesign/content-box';
-import './index-c2d0be22.js';
-import './index-31219d9f.js';
+import './index-598c3cd4.js';
+import './index-fcae7af4.js';
 import '@crystaldesign/real-time-viewer';
-import './index-183344d7.js';
+import './index-3f0ccad0.js';
 import 'react-laag';
-import './index-7cdfb610.js';
+import './index-35cfb321.js';
 import 'react-qr-code';
-import './index-854fe28b.js';
-import './index-6d7f2ade.js';
+import './index-be4f7276.js';
+import './index-18febdb8.js';
 import '@crystaldesign/content-item';
 import 'react-draggable';
-import './index-fd059feb.js';
-import './index-0cf5ae4c.js';
-import './index-4088cdaa.js';
-import './index-f6f7b212.js';
-import './index-92a25b4f.js';
-import './index-ce40f905.js';
-import './index-af851a07.js';
-import './index-78669beb.js';
+import './index-f87a4c45.js';
+import './index-c86fe014.js';
+import './index-b71fbf07.js';
+import './index-23789041.js';
+import './index-b7bfce2b.js';
+import './index-19d1dec1.js';
+import './index-8dc1ef82.js';
+import './index-2dbabfce.js';
 import 'sift';
-import './index-fa777838.js';
-import './index-53209445.js';
-import './index-38d85751.js';
-import './index-018519c5.js';
-import './index.module-e4bb50ed.js';
-import './index-dac42f25.js';
-import './index-d4801af1.js';
-import './index-efc2f22d.js';
-import './index-59f15ac3.js';
-import './index-064fab14.js';
-import './index-2a7478f2.js';
-import './index-52203b1a.js';
-import './index-3647f488.js';
-import './index-6453950c.js';
-import './index-31088e06.js';
-import './index-62c20c6c.js';
+import './index-4112bf15.js';
+import './index-81e8dbf7.js';
+import './index-59bbcdc2.js';
+import './index-9c032a15.js';
+import './index.module-b2ea786c.js';
+import './index-9dab936e.js';
+import './index-9f5ff727.js';
+import './index-8950b609.js';
+import './index-b7b6bfdd.js';
+import './index-2c7077e0.js';
+import './index-a1a9339a.js';
+import './index-eb830b6c.js';
+import './index-16a4cdfb.js';
+import './index-b09638fb.js';
+import './index-f44ae1ed.js';
+import './index-6603529e.js';
 import '@crystaldesign/products-component';
-import './index-cdce8e20.js';
-import './index-4ed9e32f.js';
-import './index-b87b1942.js';
-import './index-0b6e9330.js';
-import './index-ab79c63d.js';
-import './index-c0b19e10.js';
-import './index-18f01d22.js';
-import './index-36ded0a5.js';
-import './index-4a8f30e1.js';
-import './index-6cb0665b.js';
-import './index-91adb180.js';
-import './index-6c4fd714.js';
-import './index-3478b387.js';
-import './index.module-47941dd2.js';
-import './index-ffebbdb2.js';
-import './index-95decbb8.js';
-import './index-f1668abd.js';
-import './index-e46d7753.js';
-import './index-bab41c92.js';
-import './index-d4196063.js';
-import './index-ef74ebea.js';
-import './index.module-83b78517.js';
-import './index-1141848f.js';
-import './index-e2c616ba.js';
-import './index-34bd2549.js';
-import './index-1ae9c2eb.js';
-import './index-66525c46.js';
-import './index-90168732.js';
-import './index-c4bd2762.js';
-import './index-207ef2d9.js';
+import './index-30e161fc.js';
+import './index-a08e786b.js';
+import './index-2473d0db.js';
+import './index-0fbd1960.js';
+import './index-b3470eaa.js';
+import './index-dd1c3b97.js';
+import './index-03e9e68a.js';
+import './index-8e4a56f0.js';
+import './index-f8f4052c.js';
+import './index-8477e546.js';
+import './index-72df89f6.js';
+import './index-480f3778.js';
+import './index-38a5a0e0.js';
+import './index.module-35b67182.js';
+import './index-f74e9ff7.js';
+import './index-5eca35ac.js';
+import './index-cb1ec0d3.js';
+import './index-be1d9604.js';
+import './index-48de39ac.js';
+import './index-f098bb7d.js';
+import './index-1b2105c0.js';
+import './index.module-b3b91dd7.js';
+import './index-fa9fddfb.js';
+import './index-a60534f2.js';
+import './index-ca442ff0.js';
+import './index-63348346.js';
+import './index-9256bb9b.js';
+import './index-8e18bee5.js';
+import './index-e312965f.js';
+import './index-0606761c.js';
 
 var wcConfigurator = "wcConfigurator-VvOGT";
 var wcConfiguratorSteps = "wc-configurator-steps-CYXm7";

package/build/esm/{index-53059766.js → index-275e8166.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-45cb6d4c.js';
+import { s as styleInject, u as useViewHandler } from './index-841b8452.js';
 import 'react';
 import classnames from 'classnames';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-cba1a63c.js → index-27f30de7.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-45cb6d4c.js';
+import { s as styleInject, u as useViewHandler } from './index-841b8452.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-f3c61fee.js → index-2941d8e4.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-45cb6d4c.js';
+import { s as styleInject, u as useViewHandler } from './index-841b8452.js';
 import { observer } from 'mobx-react-lite';
 import { useState, createElement } from 'react';
 import { useHover, useLayer } from 'react-laag';
-import GenericToolTip from './index-ab79c63d.js';
+import GenericToolTip from './index-b3470eaa.js';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import MetaData from './index-0b6e9330.js';
+import MetaData from './index-0fbd1960.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-c0600a94.js → index-29c79199.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-45cb6d4c.js';
+import './index-841b8452.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ActionNavigation from './index-9be7463e.js';
+import ActionNavigation from './index-a0a59a5f.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-efc7e918.js → index-2abe56e3.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-45cb6d4c.js';
+import { s as styleInject, u as useViewHandler } from './index-841b8452.js';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import { A as ArQrCodeIcon } from './index-183344d7.js';
+import { A as ArQrCodeIcon } from './index-3f0ccad0.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -18,9 +18,9 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'react-laag';
-import './index-7cdfb610.js';
+import './index-35cfb321.js';
 import 'react-qr-code';
-import './index-854fe28b.js';
+import './index-be4f7276.js';
 
 var wcNav3DToolbar = "wc_Nav3DToolbar-5t7Cu";
 var settingsHidden = "settings-hidden-xs6Vf";

package/build/esm/{index-f0549232.js → index-2b9b530a.js}

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler } from './index-45cb6d4c.js';
+import { u as useViewHandler } from './index-841b8452.js';
 import 'react';
-import Toggle from './index-f72d9de2.js';
+import Toggle from './index-6156c796.js';
 import DivaUtils from '@crystaldesign/diva-utils';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-cd508a70.js → index-2c4f7dd2.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-45cb6d4c.js';
+import { s as styleInject, u as useViewHandler } from './index-841b8452.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
-import { g as getIconOfTabGroup } from './IconHandler-45eb373c.js';
+import { g as getIconOfTabGroup } from './IconHandler-79f721e4.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-064fab14.js → index-2c7077e0.js}

@@ -1,5 +1,5 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject } from './index-45cb6d4c.js';
+import { s as styleInject } from './index-841b8452.js';
 import 'react';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-3c2cc05d.js → index-2d8a21af.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-45cb6d4c.js';
+import { s as styleInject, u as useViewHandler } from './index-841b8452.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-78669beb.js → index-2dbabfce.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-45cb6d4c.js';
+import { s as styleInject, u as useViewHandler } from './index-841b8452.js';
 import React, { useState, useEffect, Suspense } from 'react';
 import { observer } from 'mobx-react-lite';
 import sift from 'sift';
-import TextBox from './index-fa777838.js';
-import ItemVariant from './index-53209445.js';
-import SettingsPaletteGroup from './index-38d85751.js';
-import ToggleOption from './index-018519c5.js';
-import GroupDropdown from './index-d4801af1.js';
-import PromotedProducts from './index-6453950c.js';
-import ToggleName from './index-31088e06.js';
-import ProductList from './index-62c20c6c.js';
-import itemPaletteTypeComponentMap from './index-4ed9e32f.js';
-import ItemWrapper from './index-1141848f.js';
+import TextBox from './index-4112bf15.js';
+import ItemVariant from './index-81e8dbf7.js';
+import SettingsPaletteGroup from './index-59bbcdc2.js';
+import ToggleOption from './index-9c032a15.js';
+import GroupDropdown from './index-9f5ff727.js';
+import PromotedProducts from './index-b09638fb.js';
+import ToggleName from './index-f44ae1ed.js';
+import ProductList from './index-6603529e.js';
+import itemPaletteTypeComponentMap from './index-a08e786b.js';
+import ItemWrapper from './index-fa9fddfb.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-5a25935d.js');
+  return import('./index-68e368d2.js');
 });
 var DoorPlanner = /*#__PURE__*/React.lazy(function () {
-  return import('./index-4fcd3c82.js');
+  return import('./index-83c1b3b5.js');
 });
 var SettingsPaletteItem = function SettingsPaletteItem(_ref) {
   var _viewHandler$uiState$, _settingsSizes$gapDef, _settingsSizes$sizeDe, _viewHandler$uiState$2, _item$groups$;

package/build/esm/{index-cdce8e20.js → index-30e161fc.js}

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

package/build/esm/{index-476887e3.js → index-32a4950b.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-45cb6d4c.js';
+import { s as styleInject, u as useViewHandler } from './index-841b8452.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-9ab374c1.js → index-332d924c.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-45cb6d4c.js';
+import { s as styleInject, u as useViewHandler } from './index-841b8452.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-7cdfb610.js → index-35cfb321.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-45cb6d4c.js';
+import { s as styleInject, u as useViewHandler } from './index-841b8452.js';
 import QRCode from 'react-qr-code';
 import { observer } from 'mobx-react-lite';
 import React, { useRef, useEffect } from 'react';

package/build/esm/{index-678b2baf.js → index-3608b9fc.js}

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

package/build/esm/{index-2b57592c.js → index-36a1cc4d.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-45cb6d4c.js';
+import './index-841b8452.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-3478b387.js → index-38a5a0e0.js}

@@ -1,10 +1,10 @@
-import { u as useViewHandler } from './index-45cb6d4c.js';
+import { u as useViewHandler } from './index-841b8452.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
-import { p as paletteItem, w as wcSize, a as wcSizeNormal, b as wcImage, t as textContainer, c as wcConfiguratorSettingsTitle } from './index.module-47941dd2.js';
-import IsActive from './index-ffebbdb2.js';
+import { p as paletteItem, w as wcSize, a as wcSizeNormal, b as wcImage, t as textContainer, c as wcConfiguratorSettingsTitle } from './index.module-35b67182.js';
+import IsActive from './index-f74e9ff7.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-c3a32f17.js → index-3cacc710.js}

@@ -1,7 +1,7 @@
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-45cb6d4c.js';
+import { s as styleInject, u as useViewHandler } from './index-841b8452.js';
 import 'react';
 import { DivaUtils } from '@crystaldesign/diva-core';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-facb1245.js → index-3d46c156.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-45cb6d4c.js';
+import { s as styleInject } from './index-841b8452.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import VerticalTabGroupItemStandard from './index-cd508a70.js';
+import VerticalTabGroupItemStandard from './index-2c4f7dd2.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -17,7 +17,7 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'classnames';
-import './IconHandler-45eb373c.js';
+import './IconHandler-79f721e4.js';
 
 var verticalItemPoligon = "verticalItemPoligon-uLIgs";
 var wcActiveStep = "wcActiveStep-Cjjc7";

package/build/esm/{index-183344d7.js → index-3f0ccad0.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-45cb6d4c.js';
+import { s as styleInject, u as useViewHandler } from './index-841b8452.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useRef, useEffect } from 'react';
 import { useLayer } from 'react-laag';
-import Tooltip from './index-7cdfb610.js';
+import Tooltip from './index-35cfb321.js';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import FullscreenAr from './index-854fe28b.js';
+import FullscreenAr from './index-be4f7276.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 var wcNav3DToolbar = "wc_Nav3DToolbar-NM2CK";
@@ -77,7 +77,7 @@ var ArQrCodeTooltip = function ArQrCodeTooltip(props) {
     }
   }, [viewHandler.productState.doShowARQRCode]);
   useEffect(function () {
-    if (viewHandler.productState.activateAR && viewHandler.productState.doShowARQRCode) openModal({
+    if (viewHandler.productState.activateAR && viewHandler.productState.doShowARQRCode && openAr) openModal({
       content: /*#__PURE__*/jsx(FullscreenAr, {
         url: url,
         isArCompatible: viewHandler.productState.isArCompatible,
@@ -97,7 +97,7 @@ var ArQrCodeTooltip = function ArQrCodeTooltip(props) {
   }, [viewHandler.productState.activateAR, url]);
   useEffect(function () {
     //start timeout for auto open the tooltip
-    if (!viewHandler.productState.arCodeWasVisibleOnce && typeof arQrCodeConfig !== 'boolean' && arQrCodeConfig !== null && arQrCodeConfig !== void 0 && arQrCodeConfig.doAutoShow) {
+    if (!viewHandler.productState.arCodeWasVisibleOnce && typeof arQrCodeConfig !== 'boolean' && arQrCodeConfig !== null && arQrCodeConfig !== void 0 && arQrCodeConfig.doAutoShow && !openAr) {
       var _arQrCodeConfig$timeU;
       autoCloseTimeout.current = setTimeout(function () {
         viewHandler.productState.setArCodeWasVisibleOnce();

package/build/esm/{index-84e6e61b.js → index-3fc01958.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-45cb6d4c.js';
+import { s as styleInject, u as useViewHandler } from './index-841b8452.js';
 import { useRef, useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';

package/build/esm/{index-fbbb7e1e.js → index-407d93ae.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-45cb6d4c.js';
+import './index-841b8452.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-fa777838.js → index-4112bf15.js}

@@ -1,8 +1,8 @@
-import { s as styleInject, u as useViewHandler } from './index-45cb6d4c.js';
+import { s as styleInject, u as useViewHandler } from './index-841b8452.js';
 import 'react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import SettingsHeader from './index-0cf5ae4c.js';
+import SettingsHeader from './index-c86fe014.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-8c1b4b26.js → index-41a24bce.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-45cb6d4c.js';
+import { s as styleInject, u as useViewHandler } from './index-841b8452.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-11c41ef7.js → index-44fbeb75.js}

@@ -1,10 +1,10 @@
-import { u as useViewHandler } from './index-45cb6d4c.js';
+import { u as useViewHandler } from './index-841b8452.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
-import { p as paletteItem, w as wcSize, a as wcSizeNormal, b as wcImage, t as textContainer, c as wcConfiguratorSettingsTitle } from './index.module-47941dd2.js';
-import IsActive from './index-ffebbdb2.js';
+import { p as paletteItem, w as wcSize, a as wcSizeNormal, b as wcImage, t as textContainer, c as wcConfiguratorSettingsTitle } from './index.module-35b67182.js';
+import IsActive from './index-f74e9ff7.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-70da508d.js → index-46324c3d.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-45cb6d4c.js';
+import './index-841b8452.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-342d8a8b.js → index-46ef16e2.js}

@@ -1,9 +1,9 @@
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { a as usePlannerUIHandler } from './index-45cb6d4c.js';
+import { a as usePlannerUIHandler } from './index-841b8452.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import Outline3D from './index-86835779.js';
-import ItemsContainer from './index-55802854.js';
+import Outline3D from './index-9fa0404f.js';
+import ItemsContainer from './index-fbc47ed7.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-c8543164.js';
-import './index-91c82ad0.js';
-import './index-9fa3b149.js';
-import './index-ada75fa7.js';
-import './index-b2891397.js';
-import './index-53e43c7b.js';
-import './index-cd3dba4e.js';
-import './index-777e123e.js';
-import './index-61928853.js';
-import './index-f9e8e6fa.js';
-import './index-d229cd29.js';
+import './index-dc7f834c.js';
+import './index-0968d852.js';
+import './index-0def6c1f.js';
+import './index-7db49ecb.js';
+import './index-63d1dafb.js';
+import './index-d9992d76.js';
+import './index-cc1f332e.js';
+import './index-51f11e8e.js';
+import './index-69c91ec3.js';
+import './index-fc7602a2.js';
+import './index-fbddd886.js';
 import 'react-draggable';
-import './index-13dd6ee9.js';
-import './index-92939b97.js';
-import './index-e1626a96.js';
+import './index-fe4a2bae.js';
+import './index-0198e4e3.js';
+import './index-bcfcda35.js';
 
 var PlannerUI = function PlannerUI(_ref) {
   var plannerUIProps = _ref.plannerUIProps;

package/build/esm/{index-6c4fd714.js → index-480f3778.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-45cb6d4c.js';
+import './index-841b8452.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-c04dc748.js → index-481cab5e.js}

@@ -1,9 +1,9 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-45cb6d4c.js';
+import './index-841b8452.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ArticleOverview from './index-3ee3738e.js';
-import JsonEditor from './index-8e1169e2.js';
+import ArticleOverview from './index-9eaab577.js';
+import JsonEditor from './index-b9b6791a.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -17,10 +17,10 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index.module-14030a5d.js';
-import './index.module-530a5852.js';
+import './index.module-282358bc.js';
+import './index.module-623c9d2b.js';
 import 'classnames';
-import './index.module-41d92833.js';
+import './index.module-3f9c986d.js';
 import 'react-collapsible';
 import 'jsoneditor';
 

package/build/esm/{index-bab41c92.js → index-48de39ac.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-45cb6d4c.js';
+import { s as styleInject } from './index-841b8452.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';