@crystaldesign/diva-web-planner-react 26.2.0-beta.2 → 26.2.0-beta.21

package/build/esm/{index-5ba4f1a7.js → index-0147c0aa.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-f07cab70.js';
+import { s as styleInject, u as useViewHandler } from './index-01385bbf.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import classnames from 'classnames';
@@ -25,12 +25,14 @@ var optionTitle = "option-title-b23DF";
 var defined = "defined-9MId3";
 var current = "current-XPc15";
 var optionValue = "option-value-0dXL2";
+var suggested = "suggested-cnTpG";
+var required = "required-JhxVe";
 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";
+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.suggested-cnTpG {\n  border-right: #ff958b 8px solid;\n}\n\n.required-JhxVe {\n  border-right: #ff2a2a 8px solid;\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) {
-  var _configStep$optionsta, _configStep$optionsta2, _configStep$optionsta3, _configStep$optionsta4, _configStep$optionsta5, _configStep$optionsta6;
+  var _configStep$optionsta, _configStep$optionsta2, _configStep$optionsta3, _configStep$optionsta4, _configStep$optionsta5, _configStep$optionsta6, _configStep$optionsta7, _configStep$optionsta8;
   var _ref$step = _ref.step,
     option = _ref$step.option,
     configStep = _ref$step.configStep;
@@ -38,9 +40,11 @@ var OptionStepComponent = function OptionStepComponent(_ref) {
   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) {
+  var isRequired = (_configStep$optionsta2 = configStep.optionstate) === null || _configStep$optionsta2 === void 0 ? void 0 : _configStep$optionsta2.isRequired;
+  var isSuggested = (_configStep$optionsta3 = configStep.optionstate) === null || _configStep$optionsta3 === void 0 ? void 0 : _configStep$optionsta3.isSuggested;
+  if ((_configStep$optionsta4 = configStep.optionstate) !== null && _configStep$optionsta4 !== void 0 && _configStep$optionsta4.isDifferentOption) {
     value = 'divers';
-  } else if ((_configStep$optionsta3 = configStep.optionstate) !== null && _configStep$optionsta3 !== void 0 && _configStep$optionsta3.freeTextLang) {
+  } else if ((_configStep$optionsta5 = configStep.optionstate) !== null && _configStep$optionsta5 !== void 0 && _configStep$optionsta5.freeTextLang) {
     var text = '';
     var freetexts = configStep.optionstate.freeTextLang;
     for (var key in freetexts) {
@@ -48,16 +52,16 @@ var OptionStepComponent = function OptionStepComponent(_ref) {
       text += key + ': ' + ((_freetexts$key = freetexts[key]) !== null && _freetexts$key !== void 0 ? _freetexts$key : '') + ';';
     }
     if (text) value = text;
-  } else if ((_configStep$optionsta4 = configStep.optionstate) !== null && _configStep$optionsta4 !== void 0 && _configStep$optionsta4.freeText) {
+  } else if ((_configStep$optionsta6 = configStep.optionstate) !== null && _configStep$optionsta6 !== void 0 && _configStep$optionsta6.freeText) {
     value = configStep.optionstate.freeText + (!viewHandler.getViewConfig().hideMeasureUnit ? ' ' + configStep.optionstate.measureUnit : '');
-  } else if ((_configStep$optionsta5 = configStep.optionstate) !== null && _configStep$optionsta5 !== void 0 && _configStep$optionsta5.isMultiselect && (_configStep$optionsta6 = configStep.optionstate) !== null && _configStep$optionsta6 !== void 0 && (_configStep$optionsta6 = _configStep$optionsta6.multiSelects) !== null && _configStep$optionsta6 !== void 0 && _configStep$optionsta6.length) {
-    var _configStep$optionsta7, _configStep$optionsta8;
-    value = ((_configStep$optionsta7 = (_configStep$optionsta8 = configStep.optionstate) === null || _configStep$optionsta8 === void 0 ? void 0 : _configStep$optionsta8.multiSelects) !== null && _configStep$optionsta7 !== void 0 ? _configStep$optionsta7 : []).map(function (opv) {
+  } else if ((_configStep$optionsta7 = configStep.optionstate) !== null && _configStep$optionsta7 !== void 0 && _configStep$optionsta7.isMultiselect && (_configStep$optionsta8 = configStep.optionstate) !== null && _configStep$optionsta8 !== void 0 && (_configStep$optionsta8 = _configStep$optionsta8.multiSelects) !== null && _configStep$optionsta8 !== void 0 && _configStep$optionsta8.length) {
+    var _configStep$optionsta9, _configStep$optionsta10;
+    value = ((_configStep$optionsta9 = (_configStep$optionsta10 = configStep.optionstate) === null || _configStep$optionsta10 === void 0 ? void 0 : _configStep$optionsta10.multiSelects) !== null && _configStep$optionsta9 !== void 0 ? _configStep$optionsta9 : []).map(function (opv) {
       return opv.name;
     }).join(',');
   }
   return /*#__PURE__*/jsxs("div", {
-    className: classnames(optionTitleWrapper, viewHandler.configuratorStructureHandler.curConfigStepKey === configStep.key ? current : undefined, viewHandler.configStepAlreadyVisited(configStep) ? defined : undefined, configStep.isDisabledByDiverseParentOption ? disabled : undefined),
+    className: classnames(optionTitleWrapper, viewHandler.configuratorStructureHandler.curConfigStepKey === configStep.key ? current : undefined, viewHandler.configStepAlreadyVisited(configStep) ? defined : undefined, configStep.isDisabledByDiverseParentOption ? disabled : undefined, isSuggested ? suggested : undefined, isRequired ? required : undefined),
     title: configStep.isDisabledByDiverseParentOption ? t('configurator.disable_tabgroup_classification') : undefined,
     onClick: function onClick() {
       if (configStep.isDisabledByDiverseParentOption) return;

package/build/esm/{index-9ae6514d.js → index-026ecec5.js}

@@ -1,12 +1,12 @@
-import { u as useViewHandler } from './index-f07cab70.js';
+import { u as useViewHandler } from './index-01385bbf.js';
 import 'react';
 import classnames from 'classnames';
-import { r as row, b as columToggleName, t as title, n as name, s as sel, a as toggle } from './index.module-8174b923.js';
-import Toggle from './index-c62fa8a7.js';
+import { r as row, b as columToggleName, t as title, n as name, s as sel, a as toggle } from './index.module-2dba33cf.js';
+import Toggle from './index-8e89c8c3.js';
 import { getLogger } from '@crystaldesign/diva-core';
-import InfoIcon from './index-23459eaa.js';
-import PricePreview from './index-c0779a6c.js';
-import ReverseCheck from './index-6d2bd81d.js';
+import InfoIcon from './index-102db277.js';
+import PricePreview from './index-5ad06252.js';
+import ReverseCheck from './index-48558a46.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -25,7 +25,7 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-switch';
-import './index-77d756e5.js';
+import './index-6d47c6c5.js';
 import 'react-countup';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';

package/build/esm/{index-9df12516.js → index-02c52e20.js}

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

package/build/esm/{index-63f019e5.js → index-034a3d14.js}

@@ -1,8 +1,8 @@
-import { s as styleInject, u as useViewHandler } from './index-f07cab70.js';
+import { s as styleInject, u as useViewHandler } from './index-01385bbf.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
-import Toggle from './index-c62fa8a7.js';
+import Toggle from './index-8e89c8c3.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-671780e2.js → index-0418943e.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-f07cab70.js';
+import { s as styleInject, u as useViewHandler } from './index-01385bbf.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-e50ec114.js';
-import GenericToolTip from './index-8400161d.js';
-import PricePreview from './index-c0779a6c.js';
-import InfoIcon from './index-23459eaa.js';
+import MetaData from './index-6634f9a2.js';
+import GenericToolTip from './index-efa6de60.js';
+import PricePreview from './index-5ad06252.js';
+import InfoIcon from './index-102db277.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -24,7 +24,7 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-77d756e5.js';
+import './index-6d47c6c5.js';
 import 'react-countup';
 
 var accItem = "AccItem-EuKUQ";

package/build/esm/{index-9a220c3a.js → index-0649e545.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-f07cab70.js';
+import { s as styleInject } from './index-01385bbf.js';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-7dbdaa56.js → index-08c36bf9.js}

@@ -1,9 +1,9 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-f07cab70.js';
+import { s as styleInject, u as useViewHandler } from './index-01385bbf.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useHover, useLayer } from 'react-laag';
-import GenericToolTip from './index-8400161d.js';
+import GenericToolTip from './index-efa6de60.js';
 import classnames from 'classnames';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/{index-7d42ef7c.js → index-09b1021f.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-f07cab70.js';
+import { s as styleInject, u as useViewHandler } from './index-01385bbf.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';

package/build/esm/{index-4ee4b202.js → index-0af8d59f.js}

@@ -1,7 +1,7 @@
-import { s as styleInject, u as useViewHandler } from './index-f07cab70.js';
+import { s as styleInject, u as useViewHandler } from './index-01385bbf.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import RoomRound from './index-3f7c18d8.js';
+import RoomRound from './index-6f029beb.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{index-aa0aa0fe.js → index-0b775522.js}

@@ -1,9 +1,9 @@
-import { u as useViewHandler } from './index-f07cab70.js';
+import { u as useViewHandler } from './index-01385bbf.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import Collapsible from 'react-collapsible';
-import ConfigStep from './index-5ba4f1a7.js';
-import Header from './index-f3a989f0.js';
+import ConfigStep from './index-0147c0aa.js';
+import Header from './index-7ec9160c.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -32,8 +32,8 @@ var VerticalTabGroupItemClassification = function VerticalTabGroupItemClassifica
   useEffect(function () {
     viewHandler.tabGroupState.setTabGroupItems(tabGroup.key, tabGroupItemRef.current);
   }, [tabGroupItemRef]);
-  var configSteps = Object.values(tabGroup.options).map(function (o) {
-    return Object.values(o.configSteps).map(function (s) {
+  var configSteps = Array.from(tabGroup.options.values()).map(function (o) {
+    return Array.from(o.configSteps.values()).map(function (s) {
       return {
         configStep: s,
         option: o

package/build/esm/{index-3a9791ea.js → index-0d645974.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-f07cab70.js';
+import { s as styleInject } from './index-01385bbf.js';
 import { useState, useEffect } from 'react';
-import Toggle from './index-c62fa8a7.js';
+import Toggle from './index-8e89c8c3.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
 var wrapper = "wrapper-i5mp2";

package/build/esm/{index-db08f68e.js → index-0d7c1daf.js}

@@ -1,9 +1,9 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-f07cab70.js';
+import { s as styleInject, u as useViewHandler } from './index-01385bbf.js';
 import { useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import Slider$1 from 'rc-slider';
-import SettingsHeader from './index-a8bb3753.js';
+import SettingsHeader from './index-c1918845.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-4d3c61f7.js → index-0e8f0e0e.js}

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

package/build/esm/{index-c8051c7d.js → index-100a499a.js}

@@ -1,10 +1,10 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-f07cab70.js';
+import { s as styleInject, u as useViewHandler } from './index-01385bbf.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
-import ArQrCodeIcon from './index-6fd14834.js';
-import { u as useCustomDimensions } from './useCustomDimensions-4efd72cb.js';
+import ArQrCodeIcon from './index-3df9771d.js';
+import { u as useCustomDimensions } from './useCustomDimensions-68fb9a96.js';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
@@ -22,9 +22,9 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-laag';
-import './index-b06f9f44.js';
+import './index-a2fc115b.js';
 import 'react-qr-code';
-import './index-41eb78c8.js';
+import './index-be8ec2a2.js';
 
 var wrapper = "wrapper-IoYoU";
 var subWrapper = "subWrapper-Gf23J";

package/build/esm/{index-23459eaa.js → index-102db277.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-f07cab70.js';
+import { s as styleInject, u as useViewHandler } from './index-01385bbf.js';
 import { useState, useEffect } from 'react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-0044cbc9.js → index-10a3b602.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-f07cab70.js';
+import { s as styleInject, u as useViewHandler } from './index-01385bbf.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
-import OptionSelector from './index-b619c920.js';
-import LayoutSelection from './index-49c1085d.js';
+import OptionSelector from './index-d2944cae.js';
+import LayoutSelection from './index-4115bbc8.js';
 import { DivaUtils } from '@crystaldesign/diva-core';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -21,7 +21,7 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index.module-71db1048.js';
+import './index.module-788fbf8c.js';
 import 'react-select';
 
 var wrapper = "wrapper-XC8ci";

package/build/esm/{index-636c8ab9.js → index-11148fe6.js}

@@ -1,16 +1,16 @@
-import { s as styleInject, u as useViewHandler } from './index-f07cab70.js';
+import { s as styleInject, u as useViewHandler } from './index-01385bbf.js';
 import classnames from 'classnames';
 import { useEffect } from 'react';
-import Inputbox from './index-8177e96b.js';
-import Product from './index-eb201991.js';
-import Settings from './index-3673134f.js';
-import NavigationButtons from './index-5b46dd83.js';
-import ActionBasket from './index-9e1ee0c5.js';
-import TabGroup from './index-ae454c0d.js';
+import Inputbox from './index-153cb923.js';
+import Product from './index-909b1664.js';
+import Settings from './index-a5027353.js';
+import NavigationButtons from './index-2efc6885.js';
+import ActionBasket from './index-8f1aaf9e.js';
+import TabGroup from './index-519d4d80.js';
 import { observer } from 'mobx-react-lite';
-import BasketMobile from './index-4e3c5820.js';
+import BasketMobile from './index-52e4028c.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import ProgressBar from './index-9978d357.js';
+import ProgressBar from './index-a17404b1.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -28,99 +28,99 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-50444695.js';
-import './index-a8bb3753.js';
-import './index-1efc77e3.js';
-import './index-e459769a.js';
+import './index-5e8987cc.js';
+import './index-c1918845.js';
+import './index-b0416315.js';
+import './index-d4e17213.js';
 import 'sift';
-import './index-b616baec.js';
-import './index-247163d1.js';
-import './index-30c61e75.js';
-import './index-b72f3c29.js';
-import './index.module-8174b923.js';
-import './index-c62fa8a7.js';
+import './index-de426efe.js';
+import './index-eb834f74.js';
+import './index-d216f97a.js';
+import './index-2625b8d0.js';
+import './index.module-2dba33cf.js';
+import './index-8e89c8c3.js';
 import 'react-switch';
-import './index-23459eaa.js';
-import './index-c0779a6c.js';
-import './index-77d756e5.js';
+import './index-102db277.js';
+import './index-5ad06252.js';
+import './index-6d47c6c5.js';
 import 'react-countup';
-import './index-6d2bd81d.js';
+import './index-48558a46.js';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';
-import './index-d196e06f.js';
+import './index-41ba16e5.js';
 import 'react-dropdown';
-import './index-a367fa8e.js';
-import './index-7ad8075e.js';
-import './index-97111c7d.js';
-import './index-e36a6095.js';
+import './index-a0c60450.js';
+import './index-643f3e4c.js';
+import './index-8d60e1a1.js';
+import './index-a3c50adf.js';
 import '@crystaldesign/content-box';
-import './index-8e747c76.js';
-import './index-e6d33680.js';
-import './index-d7e0acd4.js';
-import './index-9ae6514d.js';
-import './index-deb33014.js';
-import './index-2a2b618e.js';
-import './index-e2cc7e95.js';
-import './index-a3f0bd97.js';
-import './index-3945e917.js';
+import './index-acab6b08.js';
+import './index-b3bae68a.js';
+import './index-99e832dd.js';
+import './index-026ecec5.js';
+import './index-8a2ca0eb.js';
+import './index-d9c71631.js';
+import './index-13b6d607.js';
+import './index-b469379b.js';
+import './index-61faa5a4.js';
 import 'react-laag';
-import './index.module-6f121972.js';
-import './index-8d57e40b.js';
-import './index-8400161d.js';
-import './index-a4d8ed66.js';
-import './index-92b25989.js';
-import './index-caf132a5.js';
-import './index-996bb38b.js';
-import './index.module-8ad8fd6f.js';
-import './index-fe1d1140.js';
-import './index-1d5ead2e.js';
-import './index-d0ccbd04.js';
-import './index-0cfe0c50.js';
-import './index-30f4948b.js';
-import './index-e50ec114.js';
-import './index-eaac9a51.js';
-import './index-5ece2e90.js';
-import './index-575040c5.js';
-import './index-39f35802.js';
-import './index-3107fec9.js';
-import './index-2c793958.js';
+import './index.module-aa2aae40.js';
+import './index-71bf803b.js';
+import './index-efa6de60.js';
+import './index-d59f9fd2.js';
+import './index-5fa12028.js';
+import './index-ed7742b9.js';
+import './index-1ec609f5.js';
+import './index.module-f4706b8d.js';
+import './index-5f1a72af.js';
+import './index-7e33530c.js';
+import './index-d8c5ed92.js';
+import './index-19ff2d72.js';
+import './index-9dd19d14.js';
+import './index-6634f9a2.js';
+import './index-5dcc8cc5.js';
+import './index-49040e63.js';
+import './index-1d6f7d38.js';
+import './index-cffa77db.js';
+import './index-6c72019b.js';
+import './index-7f573d7e.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './index-db08f68e.js';
+import './index-0d7c1daf.js';
 import 'rc-slider';
-import './index-392975b3.js';
-import './index-70357481.js';
-import './index-c13888fe.js';
-import './index-d5a452a9.js';
+import './index-89b943a7.js';
+import './index-9622af97.js';
+import './index-8f2f23e0.js';
+import './index-e50afcc6.js';
 import 'react-confetti-explosion';
-import './index-c8051c7d.js';
-import './index-6fd14834.js';
-import './index-b06f9f44.js';
+import './index-100a499a.js';
+import './index-3df9771d.js';
+import './index-a2fc115b.js';
 import 'react-qr-code';
-import './index-41eb78c8.js';
-import './useCustomDimensions-4efd72cb.js';
-import './index-070643d3.js';
-import './ussIsSticky-894d3ca3.js';
-import './index-2a65bb20.js';
-import './index-058fac87.js';
-import './index-8e9cd0ea.js';
-import './index.module-26c756f6.js';
-import './index-375a9387.js';
-import './index-a85efa80.js';
-import './index-aaf8db84.js';
-import './index-94cb289a.js';
-import './index.module-e164b684.js';
-import './index-069586a2.js';
-import './index-ecb4d2fd.js';
-import './index-8c195d94.js';
-import './index-1dd6250f.js';
+import './index-be8ec2a2.js';
+import './useCustomDimensions-68fb9a96.js';
+import './index-28e0ed5c.js';
+import './ussIsSticky-a5b90929.js';
+import './index-bdce3734.js';
+import './index-930d8fbf.js';
+import './index-5d228819.js';
+import './index.module-8d68e0f5.js';
+import './index-c72d10a7.js';
+import './index-6baec777.js';
+import './index-8de94f57.js';
+import './index-6ad5917e.js';
+import './index.module-be5bd17a.js';
+import './index-51f2daee.js';
+import './index-8f5d27e6.js';
+import './index-648caa0b.js';
+import './index-6e52d106.js';
 import '@mui/material';
-import './index-c78d3a7c.js';
-import './index-22c51c5f.js';
-import './index-f52291fe.js';
-import './index-d9f98338.js';
-import './index-1f77a079.js';
-import './index-392a7197.js';
+import './index-8d7fcc08.js';
+import './index-fec080ae.js';
+import './index-7ae4f12f.js';
+import './index-3df32c63.js';
+import './index-202aa21e.js';
+import './index-b5ac6790.js';
 
 var wcConfigurator = "wcConfigurator-8WNGD";
 var landscape = "landscape-fycCb";

package/build/esm/{index-ed5f8fc5.js → index-12e895fc.js}

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

package/build/esm/{index-16de01b5.js → index-13167f7f.js}

@@ -1,10 +1,10 @@
-import { u as useViewHandler } from './index-f07cab70.js';
+import { u as useViewHandler } from './index-01385bbf.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-8ad8fd6f.js';
-import IsActive from './index-8d57e40b.js';
+import { p as paletteItem, w as wcSize, a as wcSizeNormal, b as wcImage, t as textContainer, c as wcConfiguratorSettingsTitle } from './index.module-f4706b8d.js';
+import IsActive from './index-71bf803b.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-e2cc7e95.js → index-13b6d607.js}

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

package/build/esm/{index-077e3c50.js → index-13fccaa2.js}

@@ -1,13 +1,13 @@
-import { s as styleInject, u as useViewHandler } from './index-f07cab70.js';
+import { s as styleInject, u as useViewHandler } from './index-01385bbf.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { getLogger, useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import Functions from './index-66869627.js';
+import Functions from './index-898c8343.js';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
-import { u as useCustomDimensions } from './useCustomDimensions-4efd72cb.js';
+import { u as useCustomDimensions } from './useCustomDimensions-68fb9a96.js';
 import { ContentItemComponent } from '@crystaldesign/content-item';
-import PriceCounter from './index-77d756e5.js';
+import PriceCounter from './index-6d47c6c5.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-42864bd5.js → index-1517e2eb.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import './index-f07cab70.js';
+import './index-01385bbf.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';

package/build/esm/{index-8177e96b.js → index-153cb923.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-f07cab70.js';
+import { s as styleInject, u as useViewHandler } from './index-01385bbf.js';
 import { useRef, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';

package/build/esm/{index-35ea87bd.js → index-166e585b.js}

@@ -1,12 +1,12 @@
 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-f07cab70.js';
+import { s as styleInject, u as useViewHandler } from './index-01385bbf.js';
 import { useRef, useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import RealTimeRenderer from '@crystaldesign/real-time-viewer';
-import NavBar from './index-80125a92.js';
+import NavBar from './index-738d3fa2.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-8b8c462d.js → index-18554a46.js}

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

package/build/esm/{index-16d24526.js → index-196ca72e.js}

@@ -1,6 +1,6 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject } from './index-f07cab70.js';
+import { s as styleInject } from './index-01385bbf.js';
 import { useState } from 'react';
 import classnames from 'classnames';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/{index-0cfe0c50.js → index-19ff2d72.js}

@@ -1,7 +1,7 @@
-import { u as useViewHandler } from './index-f07cab70.js';
+import { u as useViewHandler } from './index-01385bbf.js';
 import 'react';
 import { DivaUtils } from '@crystaldesign/diva-core';
-import Toggle from './index-c62fa8a7.js';
+import Toggle from './index-8e89c8c3.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';