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

package/build/esm/{index-09f94c79.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-7042285c.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-9f0ede1a.js';
-import GenericToolTip from './index-3bbe278b.js';
-import SubTabGroup from './index-0b981f87.js';
-import InfoIcon from './index-8474d924.js';
-import PricePreview from './index-1b2620cb.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-523b743e.js';
-import './index-e170b8d1.js';
+import './index-c07f00e2.js';
+import './index-f5fff8dd.js';
 import 'sift';
-import './index-950bad5e.js';
-import './index-525f9e82.js';
-import './index-4e7ac9ca.js';
-import './index-ac63d022.js';
-import './index-02c09c9d.js';
-import './index.module-408fe987.js';
-import './index-cdc515bf.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-57863dbb.js';
+import './index-a74867e8.js';
 import 'react-dropdown';
-import './index-c4e75ed9.js';
+import './index-5aa1faae.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-0b0951b3.js';
-import './index-546836c8.js';
-import './index-8842f45c.js';
+import './index-cc1fe9c7.js';
+import './index-0d1ff486.js';
+import './index-bedb7907.js';
 import '@crystaldesign/content-box';
-import './index-41ae1456.js';
-import './index-b865ba01.js';
-import './index-295a0a6d.js';
-import './index-54b5536d.js';
-import './index-601ca81a.js';
-import './index-ee816bb9.js';
-import './index-e2adc3eb.js';
-import './index-f7cf3ee8.js';
-import './index-0b3fcea1.js';
-import './index-73653d5b.js';
-import './index-f6dce8e0.js';
-import './index-0d5bb169.js';
-import './index-4bab0270.js';
-import './index-8379fc22.js';
-import './index.module-dfadb73d.js';
-import './index-95fa4603.js';
-import './index-56b44c1c.js';
-import './index-86a1d3ed.js';
-import './index-1df7b33f.js';
-import './index-99e94179.js';
-import './index-9fff2299.js';
-import './index-468e8eb8.js';
-import './index.module-f80e28ab.js';
-import './index-0ef0283d.js';
-import './index-91d3334d.js';
-import './index-806ef852.js';
-import './index-215a4931.js';
-import './index.module-44aa92cd.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-b127cad6.js';
-import './index-f3612795.js';
-import './index.module-9202bb70.js';
-import './index-7e5497ee.js';
+import './index-e1222eb6.js';
+import './index-3c118204.js';
+import './index.module-4669cee9.js';
+import './index-7f5f63e7.js';
 import 'qrcode.react';
-import './index-58e0c02d.js';
-import './index-e4065b45.js';
-import './index-4bff7523.js';
+import './index-a18e2ba8.js';
+import './index-63b831b3.js';
+import './index-3894d9f0.js';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-863bc801.js';
-import './index-5e97e364.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-8b2c0b9c.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-7042285c.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-f80e28ab.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-59c3f5ec.js';
 import classnames from 'classnames';
-import IsActive from './index-95fa4603.js';
+import IsActive from './index-1874ea71.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import GenericToolTip from './index-3bbe278b.js';
-import InfoIcon from './index-8474d924.js';
-import PricePreview from './index-1b2620cb.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-98c99348.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-7042285c.js';
+import { s as styleInject, u as useViewHandler } from './index-718a0a9b.js';
 import classnames from 'classnames';
-import Toggle from './index-cdc515bf.js';
+import Toggle from './index-2c9c207f.js';
 import { useState, useEffect } from 'react';
 import Dropdown from 'react-dropdown';
-import BasketActionSerious from './index-b9196799.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-3fcffde1.js → index-0cb61eb4.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-7042285c.js';
+import { s as styleInject, u as useViewHandler } from './index-718a0a9b.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import SettingsHeader from './index-525f9e82.js';
-import SettingsConfigSingle from './index-aae96c2f.js';
-import SettingsPosNr from './index-4cedeec5.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-ada2c61a.js';
+import './index-8c17dce7.js';
 import 'react-laag';
-import './index-7fd1ab37.js';
+import './index-9c43ddec.js';
 
 var wcConfiguratorSettingsFoldConfSettings = "wcConfigurator-settings-FoldConfSettings-hZych";
 var landscape = "landscape-LFbXM";

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

@@ -1,5 +1,5 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject } from './index-7042285c.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-edf6083f.js → index-119e8b1a.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-7042285c.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-56c43e56.js → index-11e2ee21.js}

@@ -1,5 +1,5 @@
-import { s as styleInject } from './index-7042285c.js';
-import ProductHeader from './index-e20287ca.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-3415945a.js';
+import './index-e72d2f8a.js';
 import '@crystaldesign/content-box';
-import './index-7f34c459.js';
+import './index-ef407dac.js';
 import '@crystaldesign/content-item';
 import 'react-draggable';
 

package/build/esm/{index-8474d924.js → index-11f5ebbd.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-7042285c.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-e60e40c2.js → index-13b4631b.js}

@@ -1,13 +1,13 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-7042285c.js';
-import SettingsHeader from './index-525f9e82.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-52881801.js';
+import MobileDropdown from './index-aabc2f56.js';
 import { observer } from 'mobx-react-lite';
-import InfoIcon from './index-8474d924.js';
-import PricePreview from './index-1b2620cb.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-546836c8.js';
+import './index-0d1ff486.js';
 import 'classnames';
 
 var wrapper = "wrapper-xpzd5";

package/build/esm/{index-b9196799.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-7042285c.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-db71e931.js → index-15b3181f.js}

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

package/build/esm/{index-28e949f7.js → index-16930f6c.js}

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler } from './index-7042285c.js';
+import { u as useViewHandler } from './index-718a0a9b.js';
 import 'react';
-import Toggle from './index-cdc515bf.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-9ae34e86.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-7042285c.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-a88de7ad.js → index-186213b6.js}

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

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

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

package/build/esm/{index-950bad5e.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-7042285c.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-525f9e82.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-f6741c50.js → index-19872c3e.js}

@@ -1,17 +1,17 @@
-import { u as useViewHandler } from './index-7042285c.js';
+import { u as useViewHandler } from './index-718a0a9b.js';
 import { observer } from 'mobx-react-lite';
 import React, { Suspense } from 'react';
-import Planner2DGrid from './index-e1ab102e.js';
-import Planner3DImage from './index-a7b76f11.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-ab069a79.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-e44c8d84.js';
-import PlannerMsgContainer from './index-ecdc0b85.js';
-import PlannerUIVariant from './index-ea6144b5.js';
-import RotateInfo from './index-5aa1cd12.js';
-import PromotedOpvs from './index-5816e83f.js';
-import OrbitInteraction from './index-20f02879.js';
-import MobileNavIcons from './index-569a9593.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-3e25e846.js';
-import './index-4dab8b84.js';
+import './index-99b7ea27.js';
+import './index-a46bba9c.js';
 import '@crystaldesign/content-box';
-import './index-7682acbc.js';
+import './index-fca7a37e.js';
 import 'react-laag';
-import './index-ba65a24d.js';
+import './index-4fcb690d.js';
 import 'react-qr-code';
-import './index-e6efeb5e.js';
+import './index-ece48965.js';
 
 var Planner3D = /*#__PURE__*/React.lazy(function () {
-  return import('./index-9080afd7.js');
+  return import('./index-795da71f.js');
 });
 var PlannerRTV = /*#__PURE__*/React.lazy(function () {
-  return import('./index-0a130800.js');
+  return import('./index-96296a9e.js');
 });
 var ProductCenter = function ProductCenter(_ref) {
   var style = _ref.style,

package/build/esm/{index-4242cfc2.js → index-19e14c35.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-7042285c.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-f6dce8e0.js → index-1d2e56b5.js}

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

package/build/esm/{index-81c41fbe.js → index-1dcadb09.js}

@@ -1,8 +1,8 @@
-import { s as styleInject } from './index-7042285c.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-f1fbf58c.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-60381158.js';
-import PlannerUI from './index-7dbd681a.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-f7734291.js';
-import './index-ca1ac53e.js';
-import './index-e5e239fa.js';
-import './index-c01ba003.js';
-import './index-46e6d8cb.js';
-import './index-9e9150b3.js';
-import './index-60bac6db.js';
-import './index-4e133a4a.js';
-import './index-c9ad3884.js';
-import './index-629516d4.js';
-import './index-cd46fb7c.js';
-import './index-a1889eaf.js';
-import './index-9091460f.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-ba5f76d6.js';
-import './index-bb195a97.js';
-import './index-db71e931.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-2fec3ca6.js → index-1e04d206.js}

@@ -1,5 +1,5 @@
-import { s as styleInject } from './index-7042285c.js';
-import ProductHeader from './index-e20287ca.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-3415945a.js';
+import './index-e72d2f8a.js';
 import '@crystaldesign/content-box';
-import './index-7f34c459.js';
+import './index-ef407dac.js';
 import '@crystaldesign/content-item';
 import 'react-draggable';
 

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

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

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

@@ -1,10 +1,10 @@
-import './index-7042285c.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-e23e5522.js';
-import Arrow from './index-546836c8.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-525f9e82.js → index-202235bf.js}

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

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

@@ -1,11 +1,11 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { u as useViewHandler } from './index-7042285c.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-6d47a1ca.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-18d43773.js';
+import './react-json-viewer-2da1ec23.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';