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

package/build/esm/{index-be172bce.js → index-5a25935d.js}

@@ -1,12 +1,12 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-42ab453d.js';
+import { u as useViewHandler } from './index-45cb6d4c.js';
 import 'react';
-import { s as shelfPlannerContainerRtv, a as shelfPlannerContainerHorizontal, b as shelfPlannerContainerVertical, e as expanded, c as shelfGrid, d as shelfGridBorder, w as warning, f as accessoires, g as configHeaderWrapper, h as closeButton, n as name, S as SelectedAcc, i as accessoireContainer } from './index-d6d7af48.js';
-import { S as SettingsItem, c as collapsableInner } from './index-c0a13967.js';
-import ShelfAccessoires from './index-47b1eed0.js';
-import ShelfAccessoiresOld from './index-d0461859.js';
-import GridList from './index-02dcca79.js';
+import { s as shelfPlannerContainerRtv, a as shelfPlannerContainerHorizontal, b as shelfPlannerContainerVertical, e as expanded, c as shelfGrid, d as shelfGridBorder, w as warning, f as accessoires, g as configHeaderWrapper, h as closeButton, n as name, S as SelectedAcc, i as accessoireContainer } from './index-0e7faea9.js';
+import { S as SettingsItem, c as collapsableInner } from './index-78669beb.js';
+import ShelfAccessoires from './index-3bcbec09.js';
+import ShelfAccessoiresOld from './index-9b0c8f34.js';
+import GridList from './index-807cc086.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
@@ -22,56 +22,56 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'sift';
-import './index-5173b015.js';
-import './index-427bdfee.js';
-import './index-47e6db75.js';
-import './index-998aa5e6.js';
-import './index-0fb9954a.js';
-import './index.module-3cd7f909.js';
-import './index-6d13bc23.js';
+import './index-fa777838.js';
+import './index-0cf5ae4c.js';
+import './index-53209445.js';
+import './index-38d85751.js';
+import './index-018519c5.js';
+import './index.module-e4bb50ed.js';
+import './index-f72d9de2.js';
 import 'react-switch';
-import './index-7744baea.js';
-import './index-a4c65bf5.js';
+import './index-dac42f25.js';
+import './index-d4801af1.js';
 import 'react-dropdown';
-import './index-58e7d965.js';
+import './index-efc2f22d.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-1e7e09b1.js';
-import './index-f536cfad.js';
-import './index-a4ff0eda.js';
+import './index-59f15ac3.js';
+import './index-064fab14.js';
+import './index-2a7478f2.js';
 import '@crystaldesign/content-box';
-import './index-16b795a5.js';
-import './index-76e3657f.js';
-import './index-954046c8.js';
-import './index-5fe89826.js';
-import './index-42e4c1be.js';
+import './index-52203b1a.js';
+import './index-3647f488.js';
+import './index-6453950c.js';
+import './index-31088e06.js';
+import './index-62c20c6c.js';
 import '@crystaldesign/products-component';
-import './index-c4adbe39.js';
-import './index-9db2106c.js';
-import './index-07291c58.js';
+import './index-cdce8e20.js';
+import './index-4ed9e32f.js';
+import './index-b87b1942.js';
 import 'react-laag';
-import './index-6eed0f1c.js';
-import './index-2c196ae8.js';
-import './index-0a888d6b.js';
-import './index-41b900f2.js';
-import './index-b087d551.js';
-import './index-03ca764b.js';
-import './index-7f6412da.js';
-import './index-ce0fcf56.js';
-import './index-251e10cc.js';
-import './index-f601d3af.js';
-import './index.module-c2869281.js';
-import './index-9d0a1b25.js';
-import './index-46d4e82a.js';
-import './index-ab4e1eb7.js';
-import './index-1a6375f9.js';
-import './index-83ee83cb.js';
-import './index-1aa1aa65.js';
-import './index-6c9e60b7.js';
-import './index.module-ca1aa251.js';
-import './index-394787b1.js';
-import './index-3a53691e.js';
+import './index-0b6e9330.js';
+import './index-ab79c63d.js';
+import './index-c0b19e10.js';
+import './index-18f01d22.js';
+import './index-36ded0a5.js';
+import './index-4a8f30e1.js';
+import './index-6cb0665b.js';
+import './index-91adb180.js';
+import './index-6c4fd714.js';
+import './index-3478b387.js';
+import './index.module-47941dd2.js';
+import './index-ffebbdb2.js';
+import './index-95decbb8.js';
+import './index-f1668abd.js';
+import './index-e46d7753.js';
+import './index-bab41c92.js';
+import './index-d4196063.js';
+import './index-ef74ebea.js';
+import './index.module-83b78517.js';
+import './index-1141848f.js';
+import './index-e2c616ba.js';
 import 'react-beautiful-dnd';
-import './index-25db2829.js';
+import './index-49fdf85c.js';
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }

package/build/esm/{index-cb6009ef.js → index-5a945189.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-42ab453d.js';
+import { s as styleInject } from './index-45cb6d4c.js';
 import 'react';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-2cd439a2.js → index-5b04f2a0.js}

@@ -1,9 +1,9 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-42ab453d.js';
+import './index-45cb6d4c.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ArticleOverview from './index-2aade916.js';
-import JsonViewer from './index-f9c7f428.js';
+import ArticleOverview from './index-3ee3738e.js';
+import JsonViewer from './index-0fe3cd9e.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -17,10 +17,10 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index.module-816d10b2.js';
-import './index.module-b4cc0e90.js';
+import './index.module-14030a5d.js';
+import './index.module-530a5852.js';
 import 'classnames';
-import './index.module-1473f44d.js';
+import './index.module-41d92833.js';
 import 'react-collapsible';
 import 'react-json-view';
 

package/build/esm/{index-1bbe680e.js → index-5b732a69.js}

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

package/build/esm/{index-5a2ce980.js → index-5c163359.js}

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

package/build/esm/{index-8efc0402.js → index-5c77a0cf.js}

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

package/build/esm/{index-ca0c88c6.js → index-61178e32.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-42ab453d.js';
+import { s as styleInject, u as useViewHandler } from './index-45cb6d4c.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useDivaCore } from '@crystaldesign/diva-core';

package/build/esm/{index-1ea4590b.js → index-617ba88d.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-42ab453d.js';
+import { s as styleInject, u as useViewHandler } from './index-45cb6d4c.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-ca1aa251.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-83b78517.js';
 import { useHover, useLayer } from 'react-laag';
-import GenericToolTip from './index-2c196ae8.js';
-import MetaData from './index-6eed0f1c.js';
+import GenericToolTip from './index-ab79c63d.js';
+import MetaData from './index-0b6e9330.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import InfoIcon from './index-7744baea.js';
+import InfoIcon from './index-dac42f25.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-8a83fe31.js → index-61928853.js}

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

package/build/esm/{index-42e4c1be.js → index-62c20c6c.js}

@@ -1,13 +1,13 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-42ab453d.js';
+import { s as styleInject, u as useViewHandler } from './index-45cb6d4c.js';
 import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
 import { useState, useCallback } from 'react';
 import { observer } from 'mobx-react-lite';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
 import ProductsComponent, { useProductState } from '@crystaldesign/products-component';
-import SettingsHeader from './index-427bdfee.js';
+import SettingsHeader from './index-0cf5ae4c.js';
 import classnames from 'classnames';
-import Search from './index-c4adbe39.js';
+import Search from './index-cdce8e20.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-81436dc9.js → index-632af8b2.js}

@@ -1,11 +1,12 @@
-import { s as styleInject, u as useViewHandler } from './index-42ab453d.js';
+import { s as styleInject, u as useViewHandler } from './index-45cb6d4c.js';
 import { useEffect } from 'react';
-import Inputbox from './index-4dee78c7.js';
-import Settings from './index-3459155f.js';
-import TabGroup from './index-b6039e00.js';
+import Inputbox from './index-ce25998d.js';
+import Settings from './index-cf7fefee.js';
+import TabGroup from './index-7224a5cd.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
-import Toolbar from './index-f12962bf.js';
+import Toolbar from './index-9ccbc874.js';
+import NavigationButtons from './index-04f648d7.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -21,111 +22,112 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-de3a2204.js';
-import './index-427bdfee.js';
-import './index-083f9ebc.js';
-import './index-87f353d2.js';
-import './index-8f0a61c0.js';
+import './index-fd059feb.js';
+import './index-0cf5ae4c.js';
+import './index-4088cdaa.js';
+import './index-f6f7b212.js';
+import './index-92a25b4f.js';
 import 'react-laag';
-import './index-4e85843f.js';
-import './index-b2f6fedb.js';
-import './index-c0a13967.js';
+import './index-ce40f905.js';
+import './index-af851a07.js';
+import './index-78669beb.js';
 import 'sift';
-import './index-5173b015.js';
-import './index-47e6db75.js';
-import './index-998aa5e6.js';
-import './index-0fb9954a.js';
-import './index.module-3cd7f909.js';
-import './index-6d13bc23.js';
+import './index-fa777838.js';
+import './index-53209445.js';
+import './index-38d85751.js';
+import './index-018519c5.js';
+import './index.module-e4bb50ed.js';
+import './index-f72d9de2.js';
 import 'react-switch';
-import './index-7744baea.js';
-import './index-a4c65bf5.js';
+import './index-dac42f25.js';
+import './index-d4801af1.js';
 import 'react-dropdown';
-import './index-58e7d965.js';
-import './index-1e7e09b1.js';
-import './index-f536cfad.js';
-import './index-a4ff0eda.js';
+import './index-efc2f22d.js';
+import './index-59f15ac3.js';
+import './index-064fab14.js';
+import './index-2a7478f2.js';
 import '@crystaldesign/content-box';
-import './index-16b795a5.js';
-import './index-76e3657f.js';
-import './index-954046c8.js';
-import './index-5fe89826.js';
-import './index-42e4c1be.js';
+import './index-52203b1a.js';
+import './index-3647f488.js';
+import './index-6453950c.js';
+import './index-31088e06.js';
+import './index-62c20c6c.js';
 import '@crystaldesign/products-component';
-import './index-c4adbe39.js';
-import './index-9db2106c.js';
-import './index-07291c58.js';
-import './index-6eed0f1c.js';
-import './index-2c196ae8.js';
-import './index-0a888d6b.js';
-import './index-41b900f2.js';
-import './index-b087d551.js';
-import './index-03ca764b.js';
-import './index-7f6412da.js';
-import './index-ce0fcf56.js';
-import './index-251e10cc.js';
-import './index-f601d3af.js';
-import './index.module-c2869281.js';
-import './index-9d0a1b25.js';
-import './index-46d4e82a.js';
-import './index-ab4e1eb7.js';
-import './index-1a6375f9.js';
-import './index-83ee83cb.js';
-import './index-1aa1aa65.js';
-import './index-6c9e60b7.js';
-import './index.module-ca1aa251.js';
-import './index-394787b1.js';
-import './index-3a53691e.js';
-import './index-05d794ac.js';
-import './index-570f0af6.js';
-import './index-54e9c2b0.js';
-import './index-18255b8a.js';
-import './index-1e367f53.js';
-import './index-74684441.js';
-import './index-04500155.js';
-import './index-72228ea7.js';
-import './index.module-1473f44d.js';
-import './index-4e637337.js';
-import './index-ec77b6e2.js';
-import './index-904c579e.js';
+import './index-cdce8e20.js';
+import './index-4ed9e32f.js';
+import './index-b87b1942.js';
+import './index-0b6e9330.js';
+import './index-ab79c63d.js';
+import './index-c0b19e10.js';
+import './index-18f01d22.js';
+import './index-36ded0a5.js';
+import './index-4a8f30e1.js';
+import './index-6cb0665b.js';
+import './index-91adb180.js';
+import './index-6c4fd714.js';
+import './index-3478b387.js';
+import './index.module-47941dd2.js';
+import './index-ffebbdb2.js';
+import './index-95decbb8.js';
+import './index-f1668abd.js';
+import './index-e46d7753.js';
+import './index-bab41c92.js';
+import './index-d4196063.js';
+import './index-ef74ebea.js';
+import './index.module-83b78517.js';
+import './index-1141848f.js';
+import './index-e2c616ba.js';
+import './index-34bd2549.js';
+import './index-1ae9c2eb.js';
+import './index-66525c46.js';
+import './index-90168732.js';
+import './index-c4bd2762.js';
+import './index-207ef2d9.js';
+import './index-72541b99.js';
+import './index-3ae549d3.js';
+import './index.module-41d92833.js';
+import './index-03ada660.js';
+import './index-c3a32f17.js';
+import './index-d90c3b9c.js';
 import 'react-collapsible';
-import './index-d43f4ca9.js';
-import './index-f9c7f428.js';
-import './index.module-b4cc0e90.js';
+import './index-e1f46e0f.js';
+import './index-0fe3cd9e.js';
+import './index.module-530a5852.js';
 import 'react-json-view';
-import './index-fa487f66.js';
-import './index.module-816d10b2.js';
-import './index-49d2d3cf.js';
+import './index-b9e2f083.js';
+import './index.module-14030a5d.js';
+import './index-84e6e61b.js';
 import 'jsoneditor';
-import './index-2cd439a2.js';
-import './index-2aade916.js';
-import './index-56bcd5b8.js';
-import './index-9bf70e59.js';
-import './index-225574d8.js';
-import './index.module-a179fa5a.js';
-import './index-7fe5007c.js';
-import './index-7f24f83b.js';
-import './index-dae2a58d.js';
-import './index-48f81d15.js';
-import './index.module-c3c72076.js';
-import './index-7879e66c.js';
-import './index-a7571a82.js';
-import './index-67dece0a.js';
-import './index-b2e2fdb2.js';
-import './index-9bfb9066.js';
-import './index-abc51aab.js';
-import './index-5bb99dfe.js';
-import './CatalogProperties-ff72ccf6.js';
-import './ArticleProperties-c3528fcb.js';
-import './OptionProperties-098657b4.js';
-import './OptionValueProperties-1a485aef.js';
+import './index-5b04f2a0.js';
+import './index-3ee3738e.js';
+import './index-225f771c.js';
+import './index-0899a858.js';
+import './index-337da631.js';
+import './index.module-8ae7cd36.js';
+import './index-e2266b64.js';
+import './index-a8eabd46.js';
+import './index-0750a285.js';
+import './index-52acd803.js';
+import './index.module-47cf3157.js';
+import './index-ba5c40a4.js';
+import './index-3d1888af.js';
+import './index-a4a436e2.js';
+import './index-c04dc748.js';
+import './index-8e1169e2.js';
+import './index-7c129ee4.js';
+import './index-2dcae61e.js';
+import './CatalogProperties-a1c2a5c9.js';
+import './ArticleProperties-803db65c.js';
+import './OptionProperties-2038bd88.js';
+import './OptionValueProperties-1f056e41.js';
 import 'react-select';
 
 var wcConfigurator = "wcConfigurator-XqlAg";
 var wcConfiguratorSteps = "wc-configurator-steps-KdP9s";
 var mobile = "mobile-PPTgR";
 var wcConfiguratorSettings = "wc-configurator-Settings-dVmBR";
-var css_248z = ".wcConfigurator-XqlAg {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.wcConfigurator-XqlAg *,\n.wcConfigurator-XqlAg *::before,\n.wcConfigurator-XqlAg *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.wc-configurator-steps-KdP9s {\n  height: 56px;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  margin: 0 8px;\n}\n.mobile-PPTgR .wc-configurator-steps-KdP9s {\n  height: 40px;\n}\n\n.wc-configurator-Settings-dVmBR {\n  height: calc(100% - 56px - 42px);\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n.mobile-PPTgR .wc-configurator-Settings-dVmBR {\n  height: calc(100% - 40px - 42px);\n}\n";
+var wcConfiguratorSettingsActions = "wcConfigurator-settings-actions-yVOyu";
+var css_248z = ".wcConfigurator-XqlAg {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.wcConfigurator-XqlAg *,\n.wcConfigurator-XqlAg *::before,\n.wcConfigurator-XqlAg *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.wc-configurator-steps-KdP9s {\n  height: 56px;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  margin: 0 8px;\n}\n.mobile-PPTgR .wc-configurator-steps-KdP9s {\n  height: 40px;\n}\n\n.wc-configurator-Settings-dVmBR {\n  height: calc(100% - 56px - 42px - 40px);\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n.mobile-PPTgR .wc-configurator-Settings-dVmBR {\n  height: calc(100% - 40px - 42px - 40px);\n}\n\n.wcConfigurator-settings-actions-yVOyu {\n  height: 40px;\n  z-index: 1001;\n}\n";
 styleInject(css_248z);
 
 var Wysiwyg = function Wysiwyg(props) {
@@ -148,7 +150,10 @@ var Wysiwyg = function Wysiwyg(props) {
       children: [/*#__PURE__*/jsx(TabGroup, {
         className: wcConfiguratorSteps
       }), /*#__PURE__*/jsx(Settings, {
-        className: classnames(wcConfiguratorSettings)
+        className: wcConfiguratorSettings
+      }), /*#__PURE__*/jsx(NavigationButtons, {
+        className: wcConfiguratorSettingsActions,
+        showBackButtonText: true
       }), /*#__PURE__*/jsx(Toolbar, {})]
     }), viewHandler.settingsState.inputBoxVisible && /*#__PURE__*/jsx(Inputbox, {})]
   });

package/build/esm/{index-1b5dfe92.js → index-63cfedd6.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-42ab453d.js';
+import { s as styleInject, u as useViewHandler } from './index-45cb6d4c.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';

package/build/esm/{index-954046c8.js → index-6453950c.js}

@@ -1,10 +1,10 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-42ab453d.js';
+import { s as styleInject, u as useViewHandler } from './index-45cb6d4c.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { useState, useCallback, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
-import SettingsHeader from './index-427bdfee.js';
+import SettingsHeader from './index-0cf5ae4c.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-f6c2da54.js → index-648e9e66.js}

@@ -1,17 +1,17 @@
-import { u as useViewHandler } from './index-42ab453d.js';
+import { u as useViewHandler } from './index-45cb6d4c.js';
 import { observer } from 'mobx-react-lite';
 import React, { Suspense } from 'react';
-import Planner2DGrid from './index-f3f3e784.js';
-import Planner3DImage from './index-ac32aff6.js';
-import { w as wcConfiguratorProductCenter, p as portrait, l as landscape, s as settingsHidden, f as fullscreen, a as wcConfiguratorArticleImage, c as center, b as foldback, d as foldbackLeft, e as foldup } from './index.module-0a808b4b.js';
+import Planner2DGrid from './index-1bf4bc3f.js';
+import Planner3DImage from './index-e6a6a612.js';
+import { w as wcConfiguratorProductCenter, p as portrait, l as landscape, s as settingsHidden, f as fullscreen, a as wcConfiguratorArticleImage, c as center, b as foldback, d as foldbackLeft, e as foldup } from './index.module-5d61a03b.js';
 import classnames from 'classnames';
-import Planner3DGrid from './index-d4c1b273.js';
-import PlannerMsgContainer from './index-e71eca3c.js';
-import PlannerUIVariant from './index-09ef7aba.js';
-import RotateInfo from './index-7ca005aa.js';
-import PromotedOpvs from './index-d2b2b458.js';
-import OrbitInteraction from './index-95f3540e.js';
-import Planner3D from './index-a468c22a.js';
+import Planner3DGrid from './index-b12fe55a.js';
+import PlannerMsgContainer from './index-191b5f89.js';
+import PlannerUIVariant from './index-f54cbc85.js';
+import RotateInfo from './index-9f6b1562.js';
+import PromotedOpvs from './index-ae027652.js';
+import OrbitInteraction from './index-c2d0be22.js';
+import Planner3D from './index-31219d9f.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -26,18 +26,18 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index-1bbe680e.js';
-import './index-ca0c88c6.js';
+import './index-5b732a69.js';
+import './index-61178e32.js';
 import '@crystaldesign/content-box';
 import '@crystaldesign/real-time-viewer';
-import './index-20cd3d5d.js';
+import './index-183344d7.js';
 import 'react-laag';
-import './index-96278046.js';
+import './index-7cdfb610.js';
 import 'react-qr-code';
-import './index-63bd18d0.js';
+import './index-854fe28b.js';
 
 var PlannerRTV = /*#__PURE__*/React.lazy(function () {
-  return import('./index-79d7ed51.js');
+  return import('./index-bd85d167.js');
 });
 var ProductCenter = function ProductCenter(_ref) {
   var style = _ref.style,

package/build/esm/{index-54e9c2b0.js → index-66525c46.js}

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

package/build/esm/{index-5a060678.js → index-678b2baf.js}

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

package/build/esm/{index-72c041d5.js → index-696f1c23.js}

@@ -1,10 +1,10 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-42ab453d.js';
+import { s as styleInject, u as useViewHandler } from './index-45cb6d4c.js';
 import Dropdown from 'react-dropdown';
 import { useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
-import InfoIcon from './index-7744baea.js';
+import InfoIcon from './index-dac42f25.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-00744697.js → index-6a4d18da.js}

@@ -1,10 +1,10 @@
-import { u as useViewHandler } from './index-42ab453d.js';
+import { u as useViewHandler } from './index-45cb6d4c.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
-import { w as wcFunctionsToolbar, m as maxExpanded, e as expanded, l as landscape, p as portrait, a as wcFunctionsContainer, b as wcHelp, c as wcIcon, d as wcHelpIcon, f as wcFunctionsText, g as wcPrint, h as wcPrintIcon, i as wcShareIcon, j as wcReset, k as wcResetIcon, n as wcSave, o as wcSaveIcon, q as wcConfigCloseButton } from './index.module-fc190723.js';
-import { A as ArQrCodeIcon } from './index-20cd3d5d.js';
+import { w as wcFunctionsToolbar, m as maxExpanded, e as expanded, l as landscape, p as portrait, a as wcFunctionsContainer, b as wcHelp, c as wcIcon, d as wcHelpIcon, f as wcFunctionsText, g as wcPrint, h as wcPrintIcon, i as wcShareIcon, j as wcReset, k as wcResetIcon, n as wcSave, o as wcSaveIcon, q as wcConfigCloseButton } from './index.module-27e5102b.js';
+import { A as ArQrCodeIcon } from './index-183344d7.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -19,9 +19,9 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'react-laag';
-import './index-96278046.js';
+import './index-7cdfb610.js';
 import 'react-qr-code';
-import './index-63bd18d0.js';
+import './index-854fe28b.js';
 
 var Functions = function Functions(props) {
   var viewHandler = useViewHandler();