@crystaldesign/diva-web-planner-react 25.4.0-beta.14 → 25.4.0-beta.16

package/build/esm/{index-f8c2fd70.js → index-0a5d65e1.js}

@@ -2,17 +2,17 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-93b82754.js';
+import { s as styleInject, u as useViewHandler } from './index-718a0a9b.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-3ea6eedb.js';
-import GenericToolTip from './index-960fc4ec.js';
-import SubTabGroup from './index-bf29ac3f.js';
-import InfoIcon from './index-71c22b07.js';
-import PricePreview from './index-47c302a8.js';
+import MetaData from './index-cdf42cf2.js';
+import GenericToolTip from './index-3174721c.js';
+import SubTabGroup from './index-fbf89020.js';
+import InfoIcon from './index-11f5ebbd.js';
+import PricePreview from './index-c941c452.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -24,66 +24,66 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import 'react-collapsible';
-import './index-83532dbd.js';
-import './index-ede2904c.js';
+import './index-c07f00e2.js';
+import './index-f5fff8dd.js';
 import 'sift';
-import './index-2f080f1b.js';
-import './index-eb82b9b3.js';
-import './index-99f148a7.js';
-import './index-e8f46086.js';
-import './index-936acbe3.js';
-import './index.module-968ace65.js';
-import './index-f70c457e.js';
+import './index-18fd416b.js';
+import './index-202235bf.js';
+import './index-e31d73e8.js';
+import './index-99dd768e.js';
+import './index-eaab6562.js';
+import './index.module-a932b415.js';
+import './index-2c9c207f.js';
 import 'react-switch';
-import './index-0ef8b5c5.js';
+import './index-a74867e8.js';
 import 'react-dropdown';
-import './index-e6075742.js';
+import './index-5aa1faae.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-26b2b60f.js';
-import './index-c98e15aa.js';
-import './index-ab53da1a.js';
+import './index-cc1fe9c7.js';
+import './index-0d1ff486.js';
+import './index-bedb7907.js';
 import '@crystaldesign/content-box';
-import './index-85465999.js';
-import './index-9ada269d.js';
-import './index-b3b31f62.js';
-import './index-77ea23d2.js';
-import './index-28f0015a.js';
-import './index-66af8abc.js';
-import './index-f0ec22d6.js';
-import './index-78d93337.js';
-import './index-9d471085.js';
-import './index-ca2fe2fe.js';
-import './index-b5196659.js';
-import './index-2a4c3bf2.js';
-import './index-7d038163.js';
-import './index-bc9264c1.js';
-import './index.module-69f5d76f.js';
-import './index-e7e20238.js';
-import './index-da6c8a2d.js';
-import './index-5aba27f4.js';
-import './index-210db861.js';
-import './index-9c1b9f4e.js';
-import './index-19a7f624.js';
-import './index-479febff.js';
-import './index.module-9d92f6d0.js';
-import './index-4d6aafcc.js';
-import './index-a27cb63b.js';
-import './index-ce256de1.js';
-import './index-9226bcc1.js';
-import './index.module-27b0a4ac.js';
+import './index-efa2f91b.js';
+import './index-4b63d8a0.js';
+import './index-767414d7.js';
+import './index-5eb7c044.js';
+import './index-be489c19.js';
+import './index-bdda080c.js';
+import './index-e99dbc16.js';
+import './index-b53221e4.js';
+import './index-35882436.js';
+import './index-d5ad8cb5.js';
+import './index-1d2e56b5.js';
+import './index-3c96c22f.js';
+import './index-72047c14.js';
+import './index-f27b5348.js';
+import './index.module-c9988355.js';
+import './index-1874ea71.js';
+import './index-c48e8389.js';
+import './index-584b408a.js';
+import './index-e7f3d9b7.js';
+import './index-d03cc90d.js';
+import './index-e66024d4.js';
+import './index-88f84408.js';
+import './index.module-59c3f5ec.js';
+import './index-7d14265e.js';
+import './index-82a12b0d.js';
+import './index-add46723.js';
+import './index-d8ace063.js';
+import './index.module-861a20ff.js';
 import 'react-select';
-import './index-525d87ca.js';
-import './index-b181e312.js';
-import './index.module-4d94805e.js';
-import './index-92b85426.js';
+import './index-e1222eb6.js';
+import './index-3c118204.js';
+import './index.module-4669cee9.js';
+import './index-7f5f63e7.js';
 import 'qrcode.react';
-import './index-92d012d4.js';
-import './index-67efe8c5.js';
-import './index-8440ab50.js';
+import './index-a18e2ba8.js';
+import './index-63b831b3.js';
+import './index-3894d9f0.js';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-3ce0a2a1.js';
-import './index-ad306d20.js';
+import './index-4d155cc9.js';
+import './index-05d883b8.js';
 
 var accItem = "AccItem-2APRQ";
 var wcSize = "wcSize-dO69R";
@@ -100,7 +100,7 @@ var disable = "disable-81BEw";
 var wcAccCtaQuantity = "wcAccCTAQuantity-PS2L0";
 var accItemLandscape = "AccItemLandscape-bJ4ph";
 var accItemPortrait = "AccItemPortrait-1gIUO";
-var css_248z = "/* Accessoires*/\n\n.AccItem-2APRQ {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n  white-space: pre-line;\n}\n\n.AccItem-2APRQ:hover {\n  z-index: 200;\n}\n\n.AccItem-2APRQ .wcSize-dO69R {\n  width: 98%;\n  background: white;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n}\n\n.AccItem-2APRQ .wcSize-normal-ibUrf {\n  height: 80px;\n}\n\n.AccItem-2APRQ .wcImagePlaceHolder-o65Jq {\n  width: 48px;\n  float: left;\n  height: 48px;\n}\n\n.AccItem-2APRQ .wcSize-normal-ibUrf .wcImage-LUYJr {\n  height: 80px;\n}\n\n.AccItem-2APRQ .wcImage-LUYJr {\n  width: 80px;\n  float: left;\n  border-radius: var(--globalBorderRadius) 0px 0px var(--globalBorderRadius);\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n}\n\n.wcAccInfoContainer-noQuw {\n  float: left;\n  width: calc(100% - 203.2px);\n  position: relative;\n  height: calc(100% - 12px);\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n.AccItem-2APRQ .wcAccInfoContainer-noQuw {\n  width: calc(100% - 181.2px);\n}\n\n.AccItem-2APRQ .wcConfigurator-settings-title-QkL6Y {\n  display: -webkit-box;\n  float: left;\n  max-height: 64px;\n  min-height: 16px;\n  margin-top: 8px;\n  max-width: 100%;\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n}\n\n.AccItem-2APRQ .wcConfigurator-settings-title-QkL6Y.meta-data-FNjdQ {\n  -webkit-line-clamp: 1;\n}\n\n.AccItem-2APRQ .wcAccSize-IgCBc {\n  display: -webkit-box;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: #6f6f6f;\n  width: calc(100% - 32px);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 200;\n  position: relative;\n}\n\n@media all and (max-width: 1100px) {\n  .AccItem-2APRQ .wcSize-normal-ibUrf {\n    height: 80px;\n  }\n\n  .AccItem-2APRQ .wcSize-normal-ibUrf img {\n    height: 80px;\n  }\n}\n\n.AccItem-2APRQ .wcCTAContainer-gIkLT {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  width: 100px;\n  height: 32px;\n}\n\n.AccItem-2APRQ .wcCTAContainer-gIkLT {\n  font-size: 18px;\n  line-height: 20px;\n  color: var(--secondaryColor);\n  text-align: center;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.AccItem-2APRQ .wcAccCTAMinus-juYDC,\n.AccItem-2APRQ .wcAccCTAPlus-W-ORy {\n  font-weight: 300;\n  height: 21px;\n  width: 21px;\n  float: left;\n  background: #f2f2f2;\n  border-radius: 21px;\n  -webkit-text-stroke: 0px;\n  transition: background-color 0.15s ease;\n}\n\n.AccItem-2APRQ .wcAccCTAMinus-juYDC:hover,\n.AccItem-2APRQ .wcAccCTAPlus-W-ORy:hover {\n  background: #d9d9d9;\n  color: #424242;\n  cursor: pointer;\n}\n.AccItem-2APRQ .disable-81BEw.wcAccCTAMinus-juYDC,\n.AccItem-2APRQ .disable-81BEw.wcAccCTAPlus-W-ORy {\n  background: #f7f7f7;\n}\n.AccItem-2APRQ .disable-81BEw.wcAccCTAMinus-juYDC:hover,\n.AccItem-2APRQ .disable-81BEw.wcAccCTAPlus-W-ORy:hover {\n  background: #f7f7f7;\n  color: var(--secondaryColor);\n  cursor: inherit;\n}\n\n.AccItem-2APRQ .wcAccCTAQuantity-PS2L0 {\n  float: left;\n  width: 40px;\n  height: 16px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-text-stroke: 0.4px;\n}\n\n.AccItem-2APRQ .wcAccCTAMinus-juYDC {\n  line-height: 19px;\n}\n\n.AccItemLandscape-bJ4ph .wcCTAContainer-gIkLT {\n  font-size: 25px;\n  line-height: 40px;\n  width: 120px;\n  height: 48px;\n}\n\n.AccItemLandscape-bJ4ph .wcAccCTAMinus-juYDC {\n  line-height: 36px;\n}\n\n.AccItemLandscape-bJ4ph .wcAccCTAMinus-juYDC,\n.AccItemLandscape-bJ4ph .wcAccCTAPlus-W-ORy {\n  height: 40px;\n  width: 40px;\n  border-radius: 24px;\n}\n.AccItemLandscape-bJ4ph .wcAccInfoContainer-noQuw {\n  width: calc(100% - 243.2px);\n}\n\n.AccItemPortrait-1gIUO .wcCTAContainer-gIkLT {\n  font-size: 25px;\n  line-height: 40px;\n  width: 120px;\n  height: 48px;\n}\n\n.AccItemPortrait-1gIUO .wcAccCTAMinus-juYDC {\n  line-height: 36px;\n}\n\n.AccItemPortrait-1gIUO .wcAccCTAMinus-juYDC,\n.AccItemPortrait-1gIUO .wcAccCTAPlus-W-ORy {\n  height: 40px;\n  width: 40px;\n  border-radius: 24px;\n}\n.AccItemPortrait-1gIUO .wcAccInfoContainer-noQuw {\n  width: calc(100% - 243.2px);\n}\n";
+var css_248z = "/* Accessoires*/\n\n.AccItem-2APRQ {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n  white-space: pre-line;\n}\n\n.AccItem-2APRQ:hover {\n  z-index: 200;\n}\n\n.AccItem-2APRQ .wcSize-dO69R {\n  width: 98%;\n  background: white;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n}\n\n.AccItem-2APRQ .wcSize-normal-ibUrf {\n  height: 80px;\n}\n\n.AccItem-2APRQ .wcImagePlaceHolder-o65Jq {\n  width: 48px;\n  float: left;\n  height: 48px;\n}\n\n.AccItem-2APRQ .wcSize-normal-ibUrf .wcImage-LUYJr {\n  height: 80px;\n}\n\n.AccItem-2APRQ .wcImage-LUYJr {\n  width: 80px;\n  float: left;\n  border-radius: var(--globalBorderRadius) 0px 0px var(--globalBorderRadius);\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n}\n\n.wcAccInfoContainer-noQuw {\n  float: left;\n  width: calc(100% - 203.2px);\n  position: relative;\n  height: calc(100% - 12px);\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n.AccItem-2APRQ .wcAccInfoContainer-noQuw {\n  width: calc(100% - 181.2px);\n}\n\n.AccItem-2APRQ .wcConfigurator-settings-title-QkL6Y {\n  display: -webkit-box;\n  float: left;\n  max-height: 64px;\n  min-height: 16px;\n  margin-top: 8px;\n  max-width: 100%;\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n}\n\n.AccItem-2APRQ .wcConfigurator-settings-title-QkL6Y.meta-data-FNjdQ {\n  -webkit-line-clamp: 1;\n}\n\n.AccItem-2APRQ .wcAccSize-IgCBc {\n  display: -webkit-box;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: #6f6f6f;\n  width: calc(100% - 32px);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 200;\n  position: relative;\n}\n\n@media all and (max-width: 1100px) {\n  .AccItem-2APRQ .wcSize-normal-ibUrf {\n    height: 80px;\n  }\n\n  .AccItem-2APRQ .wcSize-normal-ibUrf img {\n    height: 80px;\n  }\n}\n\n.AccItem-2APRQ .wcCTAContainer-gIkLT {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  width: 100px;\n  height: 32px;\n}\n\n.AccItem-2APRQ .wcCTAContainer-gIkLT {\n  font-size: 18px;\n  line-height: 20px;\n  color: var(--secondaryColor);\n  text-align: center;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.AccItem-2APRQ .wcAccCTAMinus-juYDC,\n.AccItem-2APRQ .wcAccCTAPlus-W-ORy {\n  font-weight: 300;\n  height: 21px;\n  width: 21px;\n  float: left;\n  background: #f2f2f2;\n  border-radius: 21px;\n  -webkit-text-stroke: 0px;\n  transition: background-color 0.15s ease;\n}\n\n.AccItem-2APRQ .wcAccCTAMinus-juYDC:hover,\n.AccItem-2APRQ .wcAccCTAPlus-W-ORy:hover {\n  background: #d9d9d9;\n  color: #424242;\n  cursor: pointer;\n}\n.AccItem-2APRQ .disable-81BEw.wcAccCTAMinus-juYDC,\n.AccItem-2APRQ .disable-81BEw.wcAccCTAPlus-W-ORy {\n  background: #f7f7f7;\n}\n.AccItem-2APRQ .disable-81BEw.wcAccCTAMinus-juYDC:hover,\n.AccItem-2APRQ .disable-81BEw.wcAccCTAPlus-W-ORy:hover {\n  background: #f7f7f7;\n  color: var(--secondaryColor);\n  cursor: inherit;\n}\n\n.AccItem-2APRQ .wcAccCTAQuantity-PS2L0 {\n  float: left;\n  width: 40px;\n  height: 16px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-text-stroke: 0.4px;\n}\n\n.AccItem-2APRQ .wcAccCTAMinus-juYDC {\n  line-height: 19px;\n}\n\n.AccItemLandscape-bJ4ph .wcCTAContainer-gIkLT {\n  font-size: 16px;\n  line-height: 30px;\n  width: 80px;\n  height: 48px;\n}\n\n.AccItemLandscape-bJ4ph .wcAccCTAMinus-juYDC {\n  line-height: 30px;\n}\n\n.AccItemLandscape-bJ4ph .wcAccCTAMinus-juYDC,\n.AccItemLandscape-bJ4ph .wcAccCTAPlus-W-ORy {\n  height: 30px;\n  width: 30px;\n  border-radius: 50%;\n}\n.AccItemLandscape-bJ4ph .wcAccInfoContainer-noQuw {\n  width: calc(100% - 192px);\n}\n\n.AccItemPortrait-1gIUO .wcCTAContainer-gIkLT {\n  font-size: 16px;\n  line-height: 30px;\n  width: 104px;\n  height: 48px;\n}\n\n.AccItemPortrait-1gIUO .wcAccCTAMinus-juYDC {\n  line-height: 32px;\n}\n\n.AccItemPortrait-1gIUO .wcAccCTAMinus-juYDC,\n.AccItemPortrait-1gIUO .wcAccCTAPlus-W-ORy {\n  height: 30px;\n  width: 30px;\n\n  border-radius: 50%;\n}\n.AccItemPortrait-1gIUO .wcAccInfoContainer-noQuw {\n  width: calc(100% - 192px);\n}\n";
 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; }

package/build/esm/{index-52d29f66.js → index-0ad47e58.js}

@@ -1,16 +1,16 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-93b82754.js';
+import { s as styleInject, u as useViewHandler } from './index-718a0a9b.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-9d92f6d0.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-59c3f5ec.js';
 import classnames from 'classnames';
-import IsActive from './index-e7e20238.js';
+import IsActive from './index-1874ea71.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import GenericToolTip from './index-960fc4ec.js';
-import InfoIcon from './index-71c22b07.js';
-import PricePreview from './index-47c302a8.js';
+import GenericToolTip from './index-3174721c.js';
+import InfoIcon from './index-11f5ebbd.js';
+import PricePreview from './index-c941c452.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-ba50650d.js → index-0ae766bd.js}

@@ -1,11 +1,11 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-93b82754.js';
+import { s as styleInject, u as useViewHandler } from './index-718a0a9b.js';
 import classnames from 'classnames';
-import Toggle from './index-f70c457e.js';
+import Toggle from './index-2c9c207f.js';
 import { useState, useEffect } from 'react';
 import Dropdown from 'react-dropdown';
-import BasketActionSerious from './index-75cdf327.js';
+import BasketActionSerious from './index-140cd320.js';
 import { observer } from 'mobx-react-lite';
 import { useTranslation, DivaUtils } from '@crystaldesign/diva-core';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/{index-58285ccb.js → index-0cb61eb4.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-93b82754.js';
+import { s as styleInject, u as useViewHandler } from './index-718a0a9b.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import SettingsHeader from './index-eb82b9b3.js';
-import SettingsConfigSingle from './index-a4c79392.js';
-import SettingsPosNr from './index-d50cf39f.js';
+import SettingsHeader from './index-202235bf.js';
+import SettingsConfigSingle from './index-bd3a8a77.js';
+import SettingsPosNr from './index-607b1dbd.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -21,9 +21,9 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-e20c7520.js';
+import './index-8c17dce7.js';
 import 'react-laag';
-import './index-0b57ab6c.js';
+import './index-9c43ddec.js';
 
 var wcConfiguratorSettingsFoldConfSettings = "wcConfigurator-settings-FoldConfSettings-hZych";
 var landscape = "landscape-LFbXM";

package/build/esm/{index-c98e15aa.js → index-0d1ff486.js}

@@ -1,5 +1,5 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject } from './index-93b82754.js';
+import { s as styleInject } from './index-718a0a9b.js';
 import 'react';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-3773e50e.js → index-119e8b1a.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-93b82754.js';
+import { s as styleInject, u as useViewHandler } from './index-718a0a9b.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-36536a54.js → index-11e2ee21.js}

@@ -1,5 +1,5 @@
-import { s as styleInject } from './index-93b82754.js';
-import ProductHeader from './index-87fde9cd.js';
+import { s as styleInject } from './index-718a0a9b.js';
+import ProductHeader from './index-bb1ffa28.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -18,9 +18,9 @@ import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import 'mobx-react-lite';
 import 'classnames';
-import './index-a1f51c5c.js';
+import './index-e72d2f8a.js';
 import '@crystaldesign/content-box';
-import './index-836f73bf.js';
+import './index-ef407dac.js';
 import '@crystaldesign/content-item';
 import 'react-draggable';
 

package/build/esm/{index-71c22b07.js → index-11f5ebbd.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-93b82754.js';
+import { s as styleInject, u as useViewHandler } from './index-718a0a9b.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { useState, useEffect } from 'react';
 import classnames from 'classnames';

package/build/esm/{index-7a097a56.js → index-13b4631b.js}

@@ -1,13 +1,13 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-93b82754.js';
-import SettingsHeader from './index-eb82b9b3.js';
+import { s as styleInject, u as useViewHandler } from './index-718a0a9b.js';
+import SettingsHeader from './index-202235bf.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { useState, useEffect } from 'react';
 import Dropdown from 'react-dropdown';
-import MobileDropdown from './index-95c2c5f1.js';
+import MobileDropdown from './index-aabc2f56.js';
 import { observer } from 'mobx-react-lite';
-import InfoIcon from './index-71c22b07.js';
-import PricePreview from './index-47c302a8.js';
+import InfoIcon from './index-11f5ebbd.js';
+import PricePreview from './index-c941c452.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -21,7 +21,7 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
-import './index-c98e15aa.js';
+import './index-0d1ff486.js';
 import 'classnames';
 
 var wrapper = "wrapper-xpzd5";

package/build/esm/{index-75cdf327.js → index-140cd320.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-93b82754.js';
+import { s as styleInject, u as useViewHandler } from './index-718a0a9b.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';

package/build/esm/{index-32e33d70.js → index-15b3181f.js}

@@ -1,4 +1,4 @@
-import './index-93b82754.js';
+import './index-718a0a9b.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-4506747c.js → index-16930f6c.js}

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler } from './index-93b82754.js';
+import { u as useViewHandler } from './index-718a0a9b.js';
 import 'react';
-import Toggle from './index-f70c457e.js';
+import Toggle from './index-2c9c207f.js';
 import DivaUtils from '@crystaldesign/diva-utils';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-2faf67e4.js → index-17b3f3e7.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-93b82754.js';
+import { s as styleInject, u as useViewHandler } from './index-718a0a9b.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';

package/build/esm/{index-2694cfa8.js → index-186213b6.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-93b82754.js';
+import './index-718a0a9b.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-e7e20238.js → index-1874ea71.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-93b82754.js';
+import './index-718a0a9b.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-2f080f1b.js → index-18fd416b.js}

@@ -2,11 +2,11 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-93b82754.js';
+import { s as styleInject, u as useViewHandler } from './index-718a0a9b.js';
 import { useRef, useState } from 'react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import SettingsHeader from './index-eb82b9b3.js';
+import SettingsHeader from './index-202235bf.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-7899e66e.js → index-19872c3e.js}

@@ -1,17 +1,17 @@
-import { u as useViewHandler } from './index-93b82754.js';
+import { u as useViewHandler } from './index-718a0a9b.js';
 import { observer } from 'mobx-react-lite';
 import React, { Suspense } from 'react';
-import Planner2DGrid from './index-451deb6c.js';
-import Planner3DImage from './index-6af4e5fc.js';
-import { w as wcConfiguratorProductCenter, p as portrait, l as landscape, s as settingsHidden, i as inGridVisible, f as fullscreen, a as wcConfiguratorArticleImage, c as center, b as foldback, d as foldbackLeft, e as foldup } from './index.module-30d3e84e.js';
+import Planner2DGrid from './index-d31a9f9e.js';
+import Planner3DImage from './index-7ad13b0b.js';
+import { w as wcConfiguratorProductCenter, p as portrait, l as landscape, s as settingsHidden, i as inGridVisible, f as fullscreen, a as wcConfiguratorArticleImage, c as center, b as foldback, d as foldbackLeft, e as foldup } from './index.module-cc864ca4.js';
 import classnames from 'classnames';
-import Planner3DGrid from './index-261bef00.js';
-import PlannerMsgContainer from './index-d0934a7a.js';
-import PlannerUIVariant from './index-653163f0.js';
-import RotateInfo from './index-c1386c4c.js';
-import PromotedOpvs from './index-7f985e9c.js';
-import OrbitInteraction from './index-b2db6e35.js';
-import MobileNavIcons from './index-b6af82be.js';
+import Planner3DGrid from './index-b5d7c8d8.js';
+import PlannerMsgContainer from './index-5a4ffd2b.js';
+import PlannerUIVariant from './index-7b8d618c.js';
+import RotateInfo from './index-26d64c61.js';
+import PromotedOpvs from './index-e17e2b2a.js';
+import OrbitInteraction from './index-a3d49d00.js';
+import MobileNavIcons from './index-799b45c8.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -27,20 +27,20 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
-import './index-9a5b0843.js';
-import './index-38c8dbb4.js';
+import './index-99b7ea27.js';
+import './index-a46bba9c.js';
 import '@crystaldesign/content-box';
-import './index-2ad7b295.js';
+import './index-fca7a37e.js';
 import 'react-laag';
-import './index-4c915efb.js';
+import './index-4fcb690d.js';
 import 'react-qr-code';
-import './index-f1729fe5.js';
+import './index-ece48965.js';
 
 var Planner3D = /*#__PURE__*/React.lazy(function () {
-  return import('./index-6eb8bebc.js');
+  return import('./index-795da71f.js');
 });
 var PlannerRTV = /*#__PURE__*/React.lazy(function () {
-  return import('./index-23af2a62.js');
+  return import('./index-96296a9e.js');
 });
 var ProductCenter = function ProductCenter(_ref) {
   var style = _ref.style,

package/build/esm/{index-83270ed8.js → index-19e14c35.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-93b82754.js';
+import { s as styleInject, u as useViewHandler } from './index-718a0a9b.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-b5196659.js → index-1d2e56b5.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-93b82754.js';
+import './index-718a0a9b.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-84e4efdb.js → index-1dcadb09.js}

@@ -1,8 +1,8 @@
-import { s as styleInject } from './index-93b82754.js';
+import { s as styleInject } from './index-718a0a9b.js';
 import 'react';
-import { w as wcBoxPlannerAddElement, a as wcBoxPlannerAddElementLeft, b as wcBoxPlannerAddElementTop, c as wcBoxPlannerAddElementRight, d as wcPlanner3DRot, e as wcPlanner3DMove, f as wcPlannerDistanceToGround, g as wcPlannerArrowDistanceToGround } from './index.module-e53d34b0.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-de1a0146.js';
-import PlannerUI from './index-56a13a55.js';
+import { w as wcBoxPlannerAddElement, a as wcBoxPlannerAddElementLeft, b as wcBoxPlannerAddElementTop, c as wcBoxPlannerAddElementRight, d as wcPlanner3DRot, e as wcPlanner3DMove, f as wcPlannerDistanceToGround, g as wcPlannerArrowDistanceToGround } from './index.module-faba60c7.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-07283468.js';
+import PlannerUI from './index-a50b8cac.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
@@ -20,23 +20,23 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import 'mobx-react-lite';
-import './index-edce6c4d.js';
-import './index-e79dff66.js';
-import './index-39189549.js';
-import './index-c4ad8c89.js';
-import './index-2876c83f.js';
-import './index-18211094.js';
-import './index-60c8ae4f.js';
-import './index-4f90789e.js';
-import './index-99975109.js';
-import './index-e94f6f24.js';
-import './index-d4fd2410.js';
-import './index-af50c803.js';
-import './index-0e8bcd70.js';
+import './index-d237471b.js';
+import './index-a9b7a24f.js';
+import './index-c6cdb7e9.js';
+import './index-841cba20.js';
+import './index-6765a2e5.js';
+import './index-69352798.js';
+import './index-c7de1248.js';
+import './index-b0861c74.js';
+import './index-382af61e.js';
+import './index-54156b2b.js';
+import './index-c44d62c5.js';
+import './index-b84feccc.js';
+import './index-2ab4ce20.js';
 import 'react-draggable';
-import './index-0111820b.js';
-import './index-046f93be.js';
-import './index-32e33d70.js';
+import './index-d3f7a57a.js';
+import './index-012135ff.js';
+import './index-15b3181f.js';
 
 var wcPlannerButton = "wcPlannerButton-7VWLs";
 var mobile = "mobile-JpBZv";

package/build/esm/{index-d4b429b6.js → index-1e04d206.js}

@@ -1,5 +1,5 @@
-import { s as styleInject } from './index-93b82754.js';
-import ProductHeader from './index-87fde9cd.js';
+import { s as styleInject } from './index-718a0a9b.js';
+import ProductHeader from './index-bb1ffa28.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -18,9 +18,9 @@ import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import 'mobx-react-lite';
 import 'classnames';
-import './index-a1f51c5c.js';
+import './index-e72d2f8a.js';
 import '@crystaldesign/content-box';
-import './index-836f73bf.js';
+import './index-ef407dac.js';
 import '@crystaldesign/content-item';
 import 'react-draggable';
 

package/build/esm/{index-ec5fc04f.js → index-1fabbaca.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-93b82754.js';
+import './index-718a0a9b.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-0ec3b7c9.js → index-1fdf9fc3.js}

@@ -1,10 +1,10 @@
-import './index-93b82754.js';
+import './index-718a0a9b.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import Dropdown from 'react-dropdown';
-import { w as wrapper, d as dropdownRoot, a as dropdownControl } from './index.module-a36e1013.js';
-import Arrow from './index-c98e15aa.js';
+import { w as wrapper, d as dropdownRoot, a as dropdownControl } from './index.module-c2698e3b.js';
+import Arrow from './index-0d1ff486.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-eb82b9b3.js → index-202235bf.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-93b82754.js';
+import './index-718a0a9b.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-15f7c6b0.js → index-232a8820.js}

@@ -1,11 +1,11 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { u as useViewHandler } from './index-93b82754.js';
+import { u as useViewHandler } from './index-718a0a9b.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
-import { r as reactJson, a as reactJsonExpanded } from './index.module-844bcba3.js';
+import { r as reactJson, a as reactJsonExpanded } from './index.module-1883090e.js';
 import classnames from 'classnames';
 import { JsonView, darkStyles } from 'react-json-view-lite';
-import './react-json-viewer-b7d2e1f6.js';
+import './react-json-viewer-2da1ec23.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';