@crystaldesign/diva-web-planner-react 24.9.1 → 24.10.0-beta.10

package/build/esm/{index-3556cf20.js → index-31f3d6a9.js}

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler } from './index-9aec5ed9.js';
+import { u as useViewHandler } from './index-bc8b9202.js';
 import 'react';
-import Toggle from './index-170c3301.js';
+import Toggle from './index-ad7bf572.js';
 import DivaUtils from '@crystaldesign/diva-utils';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-4dc9526b.js → index-33c9ba58.js}

@@ -3,9 +3,9 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-9aec5ed9.js';
+import { s as styleInject, u as useViewHandler } from './index-bc8b9202.js';
 import { useState, useEffect } from 'react';
-import { n as notExpanded } from './index.module-d6fd9819.js';
+import { n as notExpanded } from './index.module-edbd07e6.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { DivaUtils } from '@crystaldesign/diva-core';

package/build/esm/{index-27b3163b.js → index-34bf3958.js}

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

package/build/esm/{index-be77372a.js → index-3525d5bf.js}

@@ -1,6 +1,6 @@
-import './index-9aec5ed9.js';
+import './index-bc8b9202.js';
 import 'react';
-import Default from './index-722c107c.js';
+import Default from './index-5eef35eb.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-28dcb34a.js';
+import './index.module-ebf1acc9.js';
 import 'react-laag';
-import './index-9b4387d9.js';
-import './index-ecee5d93.js';
-import './index-7c9cc3b6.js';
+import './index-8a8e4eaa.js';
+import './index-f64fc069.js';
+import './index-4b0652d3.js';
 
 var GallerySerious = function GallerySerious(_ref) {
   var item = _ref.item,

package/build/esm/{index-18140f26.js → index-37c22b28.js}

@@ -1,4 +1,4 @@
-import './index-9aec5ed9.js';
+import './index-bc8b9202.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-ce3bc206.js → index-37cac53b.js}

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

package/build/esm/{index-c8b42c11.js → index-384e3a60.js}

@@ -1,8 +1,8 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-9aec5ed9.js';
+import { s as styleInject, u as useViewHandler } from './index-bc8b9202.js';
 import { useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
-import { S as SettingsItem } from './index-b6afafd7.js';
+import { S as SettingsItem } from './index-3b2ba6c7.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -18,54 +18,54 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'sift';
-import './index-a347bad5.js';
-import './index-2c560249.js';
-import './index-93cb7d9a.js';
-import './index-b70574aa.js';
-import './index-4174856a.js';
-import './index.module-b2bba2e6.js';
-import './index-170c3301.js';
+import './index-bdd5f2e9.js';
+import './index-88a6a92c.js';
+import './index-b9aaf119.js';
+import './index-d37d0d1e.js';
+import './index-4b158bfb.js';
+import './index.module-8682358c.js';
+import './index-ad7bf572.js';
 import 'react-switch';
-import './index-7c9cc3b6.js';
-import './index-f13ba8db.js';
+import './index-4b0652d3.js';
+import './index-73901391.js';
 import 'react-dropdown';
-import './index-666d52de.js';
+import './index-829ed57e.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-669b0cc3.js';
-import './index-6a4708b0.js';
-import './index-9a1a60b6.js';
+import './index-f88dcd0d.js';
+import './index-a254029b.js';
+import './index-8ef75c34.js';
 import '@crystaldesign/content-box';
-import './index-f8f5686c.js';
-import './index-2f867dc5.js';
-import './index-d37330cf.js';
-import './index-8f95feb9.js';
-import './index-550bf3ba.js';
+import './index-1528e22d.js';
+import './index-54755c85.js';
+import './index-e83a8653.js';
+import './index-58f57013.js';
+import './index-0e853e5a.js';
 import '@crystaldesign/products-component';
-import './index-20bfff48.js';
-import './index-28f005b6.js';
-import './index-78051e0e.js';
+import './index-96513600.js';
+import './index-1c6cf0ee.js';
+import './index-4d37f935.js';
 import 'react-laag';
-import './index-ecee5d93.js';
-import './index-9b4387d9.js';
-import './index-cf9bf86b.js';
-import './index-4c54306a.js';
-import './index-40637546.js';
-import './index-c9c136f1.js';
-import './index-ed0b3c85.js';
-import './index-2bbe729f.js';
-import './index-6e7de4a6.js';
-import './index-d07bfe26.js';
-import './index.module-cb2c4985.js';
-import './index-02d7c363.js';
-import './index-38385f7b.js';
-import './index-bd11493c.js';
-import './index-78293478.js';
-import './index-f5d71cc4.js';
-import './index-2454730a.js';
-import './index-cf0759f0.js';
-import './index.module-28dcb34a.js';
-import './index-053baa57.js';
-import './index-b7062789.js';
+import './index-f64fc069.js';
+import './index-8a8e4eaa.js';
+import './index-eb44681d.js';
+import './index-c9f152b8.js';
+import './index-d5ab195a.js';
+import './index-a5c2419a.js';
+import './index-9ec1fc8e.js';
+import './index-ecff3a64.js';
+import './index-2b8af995.js';
+import './index-b20bcf92.js';
+import './index.module-0f34b659.js';
+import './index-e1dd297d.js';
+import './index-83c6d917.js';
+import './index-aea71ebc.js';
+import './index-00f67b43.js';
+import './index-dd56625a.js';
+import './index-c1d24aa0.js';
+import './index-ade4ed8e.js';
+import './index.module-ebf1acc9.js';
+import './index-2634e6cd.js';
+import './index-bc38eb7d.js';
 
 var productSettingsWrapper = "product-settings-wrapper-KOweX";
 var scrollWrapper = "scroll-wrapper-DI3EF";

package/build/esm/{index-2acfef11.js → index-38c6e119.js}

@@ -1,7 +1,8 @@
-import { s as styleInject, u as useViewHandler } from './index-9aec5ed9.js';
+import { s as styleInject, u as useViewHandler } from './index-bc8b9202.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import classnames from 'classnames';
+import { useTranslation } from '@crystaldesign/diva-core';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -11,7 +12,6 @@ import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/regenerator';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
-import '@crystaldesign/diva-core';
 import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
@@ -22,7 +22,8 @@ var optionTitle = "option-title-b23DF";
 var defined = "defined-9MId3";
 var current = "current-XPc15";
 var optionValue = "option-value-0dXL2";
-var css_248z = ".option-title-wrapper-nelTh {\n  color: #fff;\n  display: flex;\n  justify-content: space-between;\n  font-size: 12px;\n  padding: 8px 24px;\n  cursor: pointer;\n  transition: background-color ease 0.3s;\n  border-right: #5b798b 8px solid;\n  flex-wrap: wrap;\n  overflow: hidden;\n}\n\n.option-title-wrapper-nelTh:hover {\n  background-color: #4b6e84;\n}\n\n.option-title-b23DF {\n  font-weight: 600;\n}\n.defined-9MId3 {\n  border-right: #53ac00 8px solid;\n  background-color: #0d3040;\n}\n\n.defined-9MId3:hover {\n  background-color: #134054;\n}\n.current-XPc15 {\n  border-right: #edff2a 8px solid;\n  background-color: #1e455b;\n}\n.option-value-0dXL2 {\n  max-width: 70%;\n  overflow: hidden;\n}\n";
+var disabled = "disabled-YODb1";
+var css_248z = ".option-title-wrapper-nelTh {\n  color: #fff;\n  display: flex;\n  justify-content: space-between;\n  font-size: 12px;\n  padding: 8px 24px;\n  cursor: pointer;\n  transition: background-color ease 0.3s;\n  border-right: #5b798b 8px solid;\n  flex-wrap: wrap;\n  overflow: hidden;\n}\n\n.option-title-wrapper-nelTh:hover {\n  background-color: #4b6e84;\n}\n\n.option-title-b23DF {\n  font-weight: 600;\n}\n.defined-9MId3 {\n  border-right: #53ac00 8px solid;\n  background-color: #0d3040;\n}\n\n.defined-9MId3:hover {\n  background-color: #134054;\n}\n.current-XPc15 {\n  border-right: #edff2a 8px solid;\n  background-color: #1e455b;\n}\n.option-value-0dXL2 {\n  max-width: 70%;\n  overflow: hidden;\n}\n\n.disabled-YODb1 {\n  background-color: #9da7ad;\n}\n.option-title-wrapper-nelTh.disabled-YODb1:hover {\n  cursor: not-allowed;\n  background-color: #9da7ad;\n}\n";
 styleInject(css_248z);
 
 var OptionStepComponent = function OptionStepComponent(_ref) {
@@ -31,6 +32,8 @@ var OptionStepComponent = function OptionStepComponent(_ref) {
     option = _ref$step.option,
     configStep = _ref$step.configStep;
   var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
   var value = (_configStep$optionsta = configStep.optionstate) === null || _configStep$optionsta === void 0 ? void 0 : _configStep$optionsta.valName;
   if ((_configStep$optionsta2 = configStep.optionstate) !== null && _configStep$optionsta2 !== void 0 && _configStep$optionsta2.isDifferentOption) {
     value = 'divers';
@@ -51,17 +54,19 @@ var OptionStepComponent = function OptionStepComponent(_ref) {
     }).join(',');
   }
   return /*#__PURE__*/jsxs("div", {
-    className: classnames(optionTitleWrapper, viewHandler.configuratorStructureHandler.curConfigStepKey === configStep.key ? current : undefined, viewHandler.configStepAlreadyVisited(configStep) ? defined : undefined),
+    className: classnames(optionTitleWrapper, viewHandler.configuratorStructureHandler.curConfigStepKey === configStep.key ? current : undefined, viewHandler.configStepAlreadyVisited(configStep) ? defined : undefined, configStep.isDisabledByDiverseParentOption ? disabled : undefined),
+    title: configStep.isDisabledByDiverseParentOption ? t('configurator.disable_tabgroup_classification') : undefined,
     onClick: function onClick() {
-      return viewHandler.navigateToConfigStep(configStep.key);
+      if (configStep.isDisabledByDiverseParentOption) return;
+      viewHandler.navigateToConfigStep(configStep.key);
     },
     children: [/*#__PURE__*/jsx("div", {
       className: optionTitle,
-      title: option.codex,
+      title: !configStep.isDisabledByDiverseParentOption ? option.codex : undefined,
       children: option.title
     }), /*#__PURE__*/jsx("div", {
       className: optionValue,
-      title: value,
+      title: !configStep.isDisabledByDiverseParentOption ? value : undefined,
       children: value
     })]
   });

package/build/esm/{index-44e5de42.js → index-3a3b4a49.js}

@@ -1,10 +1,10 @@
-import './index-9aec5ed9.js';
+import './index-bc8b9202.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-4d4a8ffb.js';
-import { w as wcBoxPlannerAddElement, a as wcBoxPlannerAddElementLeft, b as wcBoxPlannerAddElementTop, c as wcBoxPlannerAddElementRight } from './index.module-6509e79e.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-ed6626e4.js';
-import { d as wc2DRotClock, e as wc2DRotCounterClock, w as wcPlanner3DRot, a as wcPlanner3DMove, b as wcPlannerDistanceToGround, c as wcPlannerArrowDistanceToGround } from './index.module-8bb8dd12.js';
-import PlannerUI from './index-c63a2487.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-9c2b2147.js';
+import { w as wcBoxPlannerAddElement, a as wcBoxPlannerAddElementLeft, b as wcBoxPlannerAddElementTop, c as wcBoxPlannerAddElementRight } from './index.module-01436312.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-47f84e79.js';
+import { d as wc2DRotClock, e as wc2DRotCounterClock, w as wcPlanner3DRot, a as wcPlanner3DMove, b as wcPlannerDistanceToGround, c as wcPlannerArrowDistanceToGround } from './index.module-4a588256.js';
+import PlannerUI from './index-9c73205c.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
@@ -21,23 +21,23 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'mobx-react-lite';
-import './index-4ebde712.js';
-import './index-b51f5572.js';
-import './index-f3d5c64b.js';
-import './index-27b3163b.js';
-import './index-782e79c1.js';
-import './index-8b8d89e4.js';
-import './index-2aa8e1b4.js';
-import './index-3d334c0b.js';
-import './index-fe456c55.js';
-import './index-247a6c2e.js';
-import './index-7514ad95.js';
-import './index-18140f26.js';
-import './index-3fc950e1.js';
+import './index-2abc7eac.js';
+import './index-e812860d.js';
+import './index-d1289f49.js';
+import './index-34bf3958.js';
+import './index-c72c3807.js';
+import './index-67ec1de4.js';
+import './index-179836db.js';
+import './index-47c1d238.js';
+import './index-2457117c.js';
+import './index-6696e37b.js';
+import './index-de9e183f.js';
+import './index-37c22b28.js';
+import './index-edede2fb.js';
 import 'react-draggable';
-import './index-3a10bc32.js';
-import './index-3a69ca5d.js';
-import './index-215264cc.js';
+import './index-9ecaca11.js';
+import './index-4b03048d.js';
+import './index-bd7d8f1f.js';
 
 var StandardPlannerUI = function StandardPlannerUI() {
   var _useDivaCore = useDivaCore(),

package/build/esm/{index-1b2d00dc.js → index-3a6c1586.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-9aec5ed9.js';
+import { s as styleInject, u as useViewHandler } from './index-bc8b9202.js';
 import { 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-ecee5d93.js';
-import GenericToolTip from './index-9b4387d9.js';
+import MetaData from './index-f64fc069.js';
+import GenericToolTip from './index-8a8e4eaa.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-af8c177b.js → index-3adcd0a1.js}

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

package/build/esm/{index-b6afafd7.js → index-3b2ba6c7.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-9aec5ed9.js';
+import { s as styleInject, u as useViewHandler } from './index-bc8b9202.js';
 import React, { useState, useEffect, Suspense } from 'react';
 import { observer } from 'mobx-react-lite';
 import sift from 'sift';
-import TextBox from './index-a347bad5.js';
-import ItemVariant from './index-93cb7d9a.js';
-import SettingsPaletteGroup from './index-b70574aa.js';
-import ToggleOption from './index-4174856a.js';
-import GroupDropdown from './index-f13ba8db.js';
-import PromotedProducts from './index-d37330cf.js';
-import ToggleName from './index-8f95feb9.js';
-import ProductList from './index-550bf3ba.js';
-import itemPaletteTypeComponentMap from './index-28f005b6.js';
-import ItemWrapper from './index-053baa57.js';
+import TextBox from './index-bdd5f2e9.js';
+import ItemVariant from './index-b9aaf119.js';
+import SettingsPaletteGroup from './index-d37d0d1e.js';
+import ToggleOption from './index-4b158bfb.js';
+import GroupDropdown from './index-73901391.js';
+import PromotedProducts from './index-e83a8653.js';
+import ToggleName from './index-58f57013.js';
+import ProductList from './index-0e853e5a.js';
+import itemPaletteTypeComponentMap from './index-1c6cf0ee.js';
+import ItemWrapper from './index-2634e6cd.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-019eb104.js');
+  return import('./index-2fafcf8f.js');
 });
 var DoorPlanner = /*#__PURE__*/React.lazy(function () {
-  return import('./index-bb8f29b1.js');
+  return import('./index-558e0477.js');
 });
 var SettingsPaletteItem = function SettingsPaletteItem(_ref) {
   var _viewHandler$uiState$, _settingsSizes$gapDef, _settingsSizes$sizeDe, _viewHandler$uiState$2, _item$groups$;

package/build/esm/{index-79a43059.js → index-3bbbb0c4.js}

@@ -1,7 +1,7 @@
-import { s as styleInject, u as useViewHandler } from './index-9aec5ed9.js';
+import { s as styleInject, u as useViewHandler } from './index-bc8b9202.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import RoomRound from './index-3656ed6f.js';
+import RoomRound from './index-14df21b8.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-bb39208a.js → index-3d4c8a46.js}

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

package/build/esm/{index-09554b14.js → index-3ec61eb5.js}

@@ -1,14 +1,14 @@
-import { s as styleInject, u as useViewHandler } from './index-9aec5ed9.js';
+import { s as styleInject, u as useViewHandler } from './index-bc8b9202.js';
 import classnames from 'classnames';
 import { useEffect } from 'react';
-import Inputbox from './index-327ca4ef.js';
-import Product from './index-fa52bdf8.js';
-import Settings from './index-e2808d05.js';
-import NavigationButtons from './index-2594e5b0.js';
-import BasketAction from './index-bb39208a.js';
-import TabGroup from './index-64be8953.js';
+import Inputbox from './index-8dd4a0eb.js';
+import Product from './index-a3bd16a0.js';
+import Settings from './index-c93ec6ad.js';
+import NavigationButtons from './index-a90a6540.js';
+import BasketAction from './index-3d4c8a46.js';
+import TabGroup from './index-6378b009.js';
 import { observer } from 'mobx-react-lite';
-import BarrierActions from './index-35a1b06b.js';
+import BarrierActions from './index-ab9ecaaa.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -24,71 +24,71 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-198cd44c.js';
-import './index-2c560249.js';
-import './index-265fe375.js';
-import './index-c9039e26.js';
-import './index-df983ab7.js';
+import './index-d21a0d00.js';
+import './index-88a6a92c.js';
+import './index-a6e0c32f.js';
+import './index-a939673d.js';
+import './index-6393b7a5.js';
 import 'react-laag';
-import './index-3096352a.js';
-import './index-b7ab9221.js';
-import './index-b6afafd7.js';
+import './index-8cc6ec1e.js';
+import './index-c085fcd8.js';
+import './index-3b2ba6c7.js';
 import 'sift';
-import './index-a347bad5.js';
-import './index-93cb7d9a.js';
-import './index-b70574aa.js';
-import './index-4174856a.js';
-import './index.module-b2bba2e6.js';
-import './index-170c3301.js';
+import './index-bdd5f2e9.js';
+import './index-b9aaf119.js';
+import './index-d37d0d1e.js';
+import './index-4b158bfb.js';
+import './index.module-8682358c.js';
+import './index-ad7bf572.js';
 import 'react-switch';
-import './index-7c9cc3b6.js';
-import './index-f13ba8db.js';
+import './index-4b0652d3.js';
+import './index-73901391.js';
 import 'react-dropdown';
-import './index-666d52de.js';
-import './index-669b0cc3.js';
-import './index-6a4708b0.js';
-import './index-9a1a60b6.js';
+import './index-829ed57e.js';
+import './index-f88dcd0d.js';
+import './index-a254029b.js';
+import './index-8ef75c34.js';
 import '@crystaldesign/content-box';
-import './index-f8f5686c.js';
-import './index-2f867dc5.js';
-import './index-d37330cf.js';
-import './index-8f95feb9.js';
-import './index-550bf3ba.js';
+import './index-1528e22d.js';
+import './index-54755c85.js';
+import './index-e83a8653.js';
+import './index-58f57013.js';
+import './index-0e853e5a.js';
 import '@crystaldesign/products-component';
-import './index-20bfff48.js';
-import './index-28f005b6.js';
-import './index-78051e0e.js';
-import './index-ecee5d93.js';
-import './index-9b4387d9.js';
-import './index-cf9bf86b.js';
-import './index-4c54306a.js';
-import './index-40637546.js';
-import './index-c9c136f1.js';
-import './index-ed0b3c85.js';
-import './index-2bbe729f.js';
-import './index-6e7de4a6.js';
-import './index-d07bfe26.js';
-import './index.module-cb2c4985.js';
-import './index-02d7c363.js';
-import './index-38385f7b.js';
-import './index-bd11493c.js';
-import './index-78293478.js';
-import './index-f5d71cc4.js';
-import './index-2454730a.js';
-import './index-cf0759f0.js';
-import './index.module-28dcb34a.js';
-import './index-053baa57.js';
-import './index-b7062789.js';
-import './index-89a10c66.js';
-import './index-b7afc755.js';
-import './index-568e10cf.js';
+import './index-96513600.js';
+import './index-1c6cf0ee.js';
+import './index-4d37f935.js';
+import './index-f64fc069.js';
+import './index-8a8e4eaa.js';
+import './index-eb44681d.js';
+import './index-c9f152b8.js';
+import './index-d5ab195a.js';
+import './index-a5c2419a.js';
+import './index-9ec1fc8e.js';
+import './index-ecff3a64.js';
+import './index-2b8af995.js';
+import './index-b20bcf92.js';
+import './index.module-0f34b659.js';
+import './index-e1dd297d.js';
+import './index-83c6d917.js';
+import './index-aea71ebc.js';
+import './index-00f67b43.js';
+import './index-dd56625a.js';
+import './index-c1d24aa0.js';
+import './index-ade4ed8e.js';
+import './index.module-ebf1acc9.js';
+import './index-2634e6cd.js';
+import './index-bc38eb7d.js';
+import './index-cf22c16a.js';
+import './index-f1ab3c57.js';
+import './index-a4c12f98.js';
 import 'react-collapsible';
-import './index-4992f9f5.js';
-import './index-8007be24.js';
-import './index-467ce730.js';
-import './index-fbb06a77.js';
-import './index-5c59700d.js';
-import './index-f530098c.js';
+import './index-75ab0bc4.js';
+import './index-b7eaad76.js';
+import './index-c2223506.js';
+import './index-774b23ec.js';
+import './index-9bddfec9.js';
+import './index-f77c3b8c.js';
 
 var wcConfigurator = "wcConfigurator-XDqzc";
 var landscape = "landscape-h-sQZ";

package/build/esm/{index-f276cb29.js → index-3fe1e9c6.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-9aec5ed9.js';
+import { s as styleInject, u as useViewHandler } from './index-bc8b9202.js';
 import { useRef, useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import JSONEditor from 'jsoneditor';

package/build/esm/{index-711d950e.js → index-412c9bc2.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-9aec5ed9.js';
+import { s as styleInject, u as useViewHandler } from './index-bc8b9202.js';
 import 'react';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-a9e89224.js → index-41a004e9.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-9aec5ed9.js';
+import { s as styleInject } from './index-bc8b9202.js';
 import { useState, useEffect } from 'react';
-import Toggle from './index-170c3301.js';
+import Toggle from './index-ad7bf572.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
 var wrapper = "wrapper-i5mp2";

package/build/esm/{index-e2f170bd.js → index-436f49ba.js}

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

package/build/esm/{index-953fbcc4.js → index-473dff94.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-9aec5ed9.js';
+import { s as styleInject, u as useViewHandler } from './index-bc8b9202.js';
 import 'react';
 import classnames from 'classnames';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-3d334c0b.js → index-47c1d238.js}

@@ -1,4 +1,4 @@
-import './index-9aec5ed9.js';
+import './index-bc8b9202.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-3a69ca5d.js → index-4b03048d.js}

@@ -1,4 +1,4 @@
-import './index-9aec5ed9.js';
+import './index-bc8b9202.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-7c9cc3b6.js → index-4b0652d3.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-9aec5ed9.js';
+import { s as styleInject, u as useViewHandler } from './index-bc8b9202.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { useState, useEffect } from 'react';
 import classnames from 'classnames';