@crystaldesign/diva-web-planner-react 26.12.0-beta.3 → 26.12.0-beta.31

package/build/esm/{index-39eef71b.js → index-a4b64e2d.js}

@@ -1,12 +1,13 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler, T as Toggle } from './index-a71d1695.js';
+import { s as styleInject, u as useViewHandler, T as Toggle } from './index-e5867324.js';
 import classnames from 'classnames';
 import { useState, useEffect } from 'react';
 import Dropdown from 'react-dropdown';
-import BasketActionSerious from './index-a700b201.js';
+import BasketActionSerious from './index-b711f191.js';
 import { observer } from 'mobx-react-lite';
 import { useTranslation, DivaUtils } from '@crystaldesign/diva-core';
+import { getSeriousSetNamePlaceholder } from '@crystaldesign/web-planner-logic';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/asyncToGenerator';
@@ -17,7 +18,6 @@ import '@babel/runtime/helpers/createClass';
 import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
-import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
@@ -128,32 +128,17 @@ var CheckOutForm = function CheckOutForm(props) {
     t = _useTranslation.t;
   useEffect(function () {
     var _viewHandler$divaWebP;
-    var articles = (_viewHandler$divaWebP = viewHandler.divaWebPlanner) === null || _viewHandler$divaWebP === void 0 ? void 0 : _viewHandler$divaWebP.getDivaArticles();
-    if (!articles) return;
-    var headboardName = false;
-    var width = '';
-    var length = '';
-    for (var iKey in articles) {
-      var _article$getArticleOp, _article$getArticleOp2, _article$getArticleOp3, _article$getArticleOp4;
-      var article = articles[iKey];
-      if (!width) width = (_article$getArticleOp = (_article$getArticleOp2 = article.getArticleOptionState('OPTBR')) === null || _article$getArticleOp2 === void 0 ? void 0 : _article$getArticleOp2.name) !== null && _article$getArticleOp !== void 0 ? _article$getArticleOp : '';
-      if (!length) length = (_article$getArticleOp3 = (_article$getArticleOp4 = article.getArticleOptionState('OPTLAE')) === null || _article$getArticleOp4 === void 0 ? void 0 : _article$getArticleOp4.name) !== null && _article$getArticleOp3 !== void 0 ? _article$getArticleOp3 : '';
-      if (article.partlistArticles) {
-        for (var jKey in article.partlistArticles) {
-          var _article$partlistArti;
-          if (article.partlistArticles[jKey].tabGroupOption == 'Kopfteil' /* "Kopfteil" delete me in 2024 depreacted */ || (_article$partlistArti = article.partlistArticles[jKey].tabGroupOption) !== null && _article$partlistArti !== void 0 && _article$partlistArti.includes('BE_KT')) {
-            headboardName = article.partlistArticles[jKey].name + ' - ';
-          }
-        }
-      }
-    }
-    setPlaceHolderSetName((headboardName ? headboardName : '') + width.replace(' cm', '') + ' X ' + length);
+    var set = (_viewHandler$divaWebP = viewHandler.divaWebPlanner) === null || _viewHandler$divaWebP === void 0 ? void 0 : _viewHandler$divaWebP.actSet();
+    setPlaceHolderSetName(set ? getSeriousSetNamePlaceholder(set) : '');
   }, [viewHandler.settingsState.configChanged]);
   var saveValues = function saveValues(iwoFurn) {
     var _viewHandler$configSt;
     if (!basket.Client) basket.Client = {};
-    basket.ProductSetName = savedValues.configurationName !== '' ? savedValues.configurationName : placeHolderSetName;
-    basket.SetName = placeHolderSetName;
+    var productSetName = savedValues.configurationName !== '' ? savedValues.configurationName : placeHolderSetName;
+    // without any placeholder (IDM set without SETNAME features) the names are cleared, also a stale one from an earlier save,
+    // so BasketData.getAsJson falls back to the OrderSet names
+    basket.ProductSetName = productSetName !== '' ? productSetName : undefined;
+    basket.SetName = placeHolderSetName !== '' ? placeHolderSetName : undefined;
     if (savedValues) {
       basket.Client.firstName = savedValues.firstName;
       basket.Client.preferredContact = savedValues.preferredContact;

package/build/esm/{index-1bb4e3b1.js → index-a5319487.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-a71d1695.js';
+import { s as styleInject, u as useViewHandler } from './index-e5867324.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-1ff22333.js → index-a6279934.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-a71d1695.js';
+import { s as styleInject, u as useViewHandler } from './index-e5867324.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useTranslation, useDivaCore, DivaUtils } from '@crystaldesign/diva-core';

package/build/esm/{index-ca2aa0a9.js → index-a7583ff2.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, P as PricePreview, G as GenericToolTip } from './index-a71d1695.js';
+import { s as styleInject, u as useViewHandler, P as PricePreview, G as GenericToolTip } from './index-e5867324.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-dd48a9fd.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-835e5744.js';
 import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-e221108d.js';
+import MetaData from './index-3683382a.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import InfoIcon from './index-c8f26884.js';
-import ReverseCheck from './index-31887eac.js';
+import InfoIcon from './index-928866df.js';
+import ReverseCheck from './index-c5dc9aca.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/asyncToGenerator';
@@ -41,7 +41,7 @@ var title = "title-gcSeP";
 var mobile = "mobile--MrOW";
 var tablet = "tablet-R7-Yj";
 var big = "big-Rc8hW";
-var css_248z = "/*Size Normal */\n\n.palette-item-0YKyA {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.palette-item-0YKyA:active,\n.palette-item-0YKyA:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.wcVCodexText-oxSnB {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n  color: white;\n  display: none;\n  text-align: center;\n}\n\n.palette-item-0YKyA:hover .wcVCodexText-oxSnB,\n.sel-Mp0M2 .wcVCodexText-oxSnB {\n  display: block;\n}\n\n.imageWrapper-wAIJh {\n  border-radius: calc(var(--globalBorderRadius) * 2 + 2px);\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n.palette-item-0YKyA:hover .imageWrapper-wAIJh {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n.sel-Mp0M2.palette-item-0YKyA:hover .imageWrapper-wAIJh,\n.small-NQCY6.sel-Mp0M2.palette-item-0YKyA:hover .imageWrapper-wAIJh {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.sel-Mp0M2 .imageWrapper-wAIJh,\n.small-NQCY6.sel-Mp0M2 .imageWrapper-wAIJh {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.wcImage--G64h {\n  width: calc(100% - 8px);\n  border: 4px white solid;\n  border-radius: calc(var(--globalBorderRadius) * 2 + 2px);\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  -o-object-fit: contain;\n     object-fit: contain;\n  background-color: #fff;\n  transition: border 0.3s ease;\n  aspect-ratio: 1/1;\n}\n.sel-Mp0M2 .wcImage--G64h,\n.small-NQCY6.sel-Mp0M2 .wcImage--G64h {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.hexColor-47l-a {\n  width: 80px;\n  height: 80px;\n}\n\n.titleWrapper-kC1Fd {\n  display: flex;\n  justify-content: center;\n  overflow: visible;\n  max-height: 32px;\n}\n\n.title-gcSeP {\n  text-align: center;\n  width: 100%;\n  height: 32px;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  font-size: 14px;\n  line-height: 16px;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 2;\n  transition: height 0.3s ease-out;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .title-gcSeP {\n  color: #fff;\n}\n\n.mobile--MrOW:not(.tablet-R7-Yj) .title-gcSeP {\n  font-size: 12px;\n  line-height: 14px;\n}\n\n.palette-item-0YKyA:hover .title-gcSeP,\n.palette-item-0YKyA:focus .title-gcSeP {\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  -webkit-line-clamp: 30;\n  height: 50px;\n  z-index: 200;\n  background-color: var(--settingsBackgroundColor);\n  border-bottom-left-radius: 6px;\n  border-bottom-right-radius: 6px;\n  transition: height 0.3s ease-in;\n}\n\n@supports (-moz-appearance: none) {\n  .palette-item-0YKyA:hover .title-gcSeP,\n  .palette-item-0YKyA:focus .title-gcSeP {\n    height: -moz-fit-content;\n    height: fit-content;\n  }\n}\n\n/* Size Small */\n\n.small-NQCY6 .wcVCodexText-oxSnB {\n  font-size: 12px;\n}\n\n.small-NQCY6 .title-gcSeP {\n  font-size: 12px;\n  height: 16px;\n  -webkit-line-clamp: 1;\n}\n\n.small-NQCY6 .titleWrapper-kC1Fd {\n  max-height: 14px;\n}\n\n.mobile--MrOW:not(.tablet-R7-Yj).small-NQCY6 .title-gcSeP {\n  font-size: 11px;\n  height: 14px;\n}\n\n.mobile--MrOW:not(.tablet-R7-Yj).small-NQCY6 .titleWrapper-kC1Fd {\n  max-height: 14px;\n}\n\n/* Size big */\n\n.big-Rc8hW .wcVCodexText-oxSnB {\n  font-size: 15px;\n}\n\n.big-Rc8hW .title-gcSeP {\n  font-size: 15px;\n  -webkit-line-clamp: 2;\n}\n\n.mobile--MrOW:not(.tablet-R7-Yj).big-Rc8hW .title-gcSeP {\n  font-size: 13px;\n}\n";
+var css_248z = "/*Size Normal */\n\n.palette-item-0YKyA {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.palette-item-0YKyA:active,\n.palette-item-0YKyA:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.wcVCodexText-oxSnB {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n  color: white;\n  display: none;\n  text-align: center;\n}\n\n.palette-item-0YKyA:hover .wcVCodexText-oxSnB,\n.sel-Mp0M2 .wcVCodexText-oxSnB {\n  display: block;\n}\n\n.imageWrapper-wAIJh {\n  border-radius: calc(var(--globalBorderRadius) * 2 + 2px);\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n.palette-item-0YKyA:hover .imageWrapper-wAIJh {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n.sel-Mp0M2.palette-item-0YKyA:hover .imageWrapper-wAIJh,\n.small-NQCY6.sel-Mp0M2.palette-item-0YKyA:hover .imageWrapper-wAIJh {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.sel-Mp0M2 .imageWrapper-wAIJh,\n.small-NQCY6.sel-Mp0M2 .imageWrapper-wAIJh {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.wcImage--G64h {\n  width: calc(100% - 8px);\n  border: 4px white solid;\n  border-radius: calc(var(--globalBorderRadius) * 2 + 2px);\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  -o-object-fit: contain;\n     object-fit: contain;\n  background-color: #fff;\n  transition: border 0.3s ease;\n  aspect-ratio: 1/1;\n}\n.sel-Mp0M2 .wcImage--G64h,\n.small-NQCY6.sel-Mp0M2 .wcImage--G64h {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.hexColor-47l-a {\n  width: 80px;\n  height: 80px;\n}\n\n.titleWrapper-kC1Fd {\n  display: flex;\n  justify-content: center;\n  overflow: visible;\n  max-height: 32px;\n}\n\n.title-gcSeP {\n  text-align: center;\n  width: 100%;\n  height: 32px;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  font-size: 14px;\n  line-height: 16px;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 2;\n  transition: height 0.3s ease-out;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .title-gcSeP,\n.diva-component-DIVA_DATA_ENGINE .darkmode .title-gcSeP {\n  color: #fff;\n}\n\n.mobile--MrOW:not(.tablet-R7-Yj) .title-gcSeP {\n  font-size: 12px;\n  line-height: 14px;\n}\n\n.palette-item-0YKyA:hover .title-gcSeP,\n.palette-item-0YKyA:focus .title-gcSeP {\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  -webkit-line-clamp: 30;\n  height: 50px;\n  z-index: 200;\n  background-color: var(--settingsBackgroundColor);\n  border-bottom-left-radius: 6px;\n  border-bottom-right-radius: 6px;\n  transition: height 0.3s ease-in;\n}\n\n@supports (-moz-appearance: none) {\n  .palette-item-0YKyA:hover .title-gcSeP,\n  .palette-item-0YKyA:focus .title-gcSeP {\n    height: -moz-fit-content;\n    height: fit-content;\n  }\n}\n\n/* Size Small */\n\n.small-NQCY6 .wcVCodexText-oxSnB {\n  font-size: 12px;\n}\n\n.small-NQCY6 .title-gcSeP {\n  font-size: 12px;\n  height: 16px;\n  -webkit-line-clamp: 1;\n}\n\n.small-NQCY6 .titleWrapper-kC1Fd {\n  max-height: 14px;\n}\n\n.mobile--MrOW:not(.tablet-R7-Yj).small-NQCY6 .title-gcSeP {\n  font-size: 11px;\n  height: 14px;\n}\n\n.mobile--MrOW:not(.tablet-R7-Yj).small-NQCY6 .titleWrapper-kC1Fd {\n  max-height: 14px;\n}\n\n/* Size big */\n\n.big-Rc8hW .wcVCodexText-oxSnB {\n  font-size: 15px;\n}\n\n.big-Rc8hW .title-gcSeP {\n  font-size: 15px;\n  -webkit-line-clamp: 2;\n}\n\n.mobile--MrOW:not(.tablet-R7-Yj).big-Rc8hW .title-gcSeP {\n  font-size: 13px;\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-82c0ccc1.js → index-a8055cf9.js}

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

package/build/esm/{index-c31f8f99.js → index-aab3578e.js}

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

package/build/esm/{index-309624dc.js → index-ab595497.js}

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

package/build/esm/{index-1465298d.js → index-abd69958.js}

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

package/build/esm/{index-9171fe4c.js → index-aefa28fb.js}

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

package/build/esm/{index-4f8d5b1a.js → index-b051f6c7.js}

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

package/build/esm/{index-a700b201.js → index-b711f191.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-a71d1695.js';
+import { s as styleInject, u as useViewHandler } from './index-e5867324.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';

package/build/esm/{index-371905cd.js → index-b7c32862.js}

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

package/build/esm/{index-75b5b2fb.js → index-b8d51c56.js}

@@ -1,6 +1,6 @@
-import { s as styleInject } from './index-a71d1695.js';
+import { s as styleInject } from './index-e5867324.js';
 import { observer } from 'mobx-react-lite';
-import Arrow from './index-c49af147.js';
+import Arrow from './index-d2dc806a.js';
 import 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-90012b62.js → index-b92e6a3c.js}

@@ -1,10 +1,10 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-a71d1695.js';
+import { u as useViewHandler } from './index-e5867324.js';
 import { observer } from 'mobx-react-lite';
 import { useEffect } from 'react';
-import RalDropdownFilter from './index-b39f928d.js';
-import SlideFilter from './index-c1291580.js';
+import RalDropdownFilter from './index-13531035.js';
+import SlideFilter from './index-d92cc306.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@crystaldesign/diva-core';
@@ -26,9 +26,9 @@ import '@crystaldesign/real-time-viewer-next';
 import 'react-switch';
 import 'react-countup';
 import 'react-dropdown';
-import './index-c49af147.js';
+import './index-d2dc806a.js';
 import '@crystaldesign/content-box';
-import './index-bef75c16.js';
+import './index-71973ef1.js';
 
 var defaultColorFilters = [{
   rgb: '#CC3300',

package/build/esm/{index-67b6b08b.js → index-bad9bc74.js}

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-a71d1695.js';
+import { u as useViewHandler } from './index-e5867324.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-a35ff23f.js → index-bae5a0cf.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject } from './index-a71d1695.js';
+import { s as styleInject } from './index-e5867324.js';
 import 'react';
-import SettingsItemHeader from './index-0fc23a9b.js';
+import SettingsItemHeader from './index-e6cf4143.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@crystaldesign/diva-core';
@@ -24,30 +24,30 @@ import 'flat';
 import '@crystaldesign/real-time-viewer-next';
 import 'react-switch';
 import 'react-countup';
-import './index-1dfc2fb2.js';
-import './index-90012b62.js';
-import './index-b39f928d.js';
+import './index-35de0604.js';
+import './index-b92e6a3c.js';
+import './index-13531035.js';
 import 'react-dropdown';
-import './index-c49af147.js';
-import './index-c1291580.js';
+import './index-d2dc806a.js';
+import './index-d92cc306.js';
 import '@crystaldesign/content-box';
-import './index-bef75c16.js';
-import './index-860e43eb.js';
-import './index-940f43c6.js';
-import './index-c737edcc.js';
-import './index-b2387dc9.js';
-import './index-a9ae833d.js';
-import './index-7df9160b.js';
-import './index-09b2701d.js';
-import './index-98f89e2d.js';
+import './index-71973ef1.js';
+import './index-c448f954.js';
+import './index-6386d536.js';
+import './index-13fb1854.js';
+import './index-cf1b6364.js';
+import './index-6f288661.js';
+import './index-53d475ea.js';
+import './index-474b9a8e.js';
+import './index-8d4f0381.js';
 import 'react-laag';
-import './index-e221108d.js';
-import './index-c8f26884.js';
-import './index-501969d3.js';
-import './index-6ac4316f.js';
+import './index-3683382a.js';
+import './index-928866df.js';
+import './index-33bc16ca.js';
+import './index-1066cffb.js';
 import 'swiper/react';
-import './index-2e4479d3.js';
-import './ussIsSticky-1979fd12.js';
+import './index-439b3d5f.js';
+import './ussIsSticky-372746a0.js';
 
 var settingsHeaderContainer = "settingsHeaderContainer-ywbxo";
 var settingsHeaderTitle = "settingsHeaderTitle-AeKfm";

package/build/esm/{index-d0e73831.js → index-bba5efeb.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-a71d1695.js';
+import { s as styleInject } from './index-e5867324.js';
 import { observer } from 'mobx-react-lite';
 import React from 'react';
 import QRCode from 'react-qr-code';

package/build/esm/{index-141b7e3b.js → index-bc712771.js}

@@ -1,9 +1,9 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { u as useViewHandler } from './index-a71d1695.js';
+import { u as useViewHandler } from './index-e5867324.js';
 import { useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
-import ItemVariant from './index-b7e7419f.js';
+import ItemVariant from './index-d1539c7a.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-04b7b7d9.js → index-bca9ac19.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-a71d1695.js';
+import { s as styleInject, u as useViewHandler } from './index-e5867324.js';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { observer } from 'mobx-react-lite';
-import ArQrCodeIcon from './index-6be8924c.js';
-import ProductRoomList from './index-811cdb6a.js';
+import ArQrCodeIcon from './index-f629a19b.js';
+import ProductRoomList from './index-3244fe92.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -25,9 +25,9 @@ import '@crystaldesign/real-time-viewer-next';
 import 'react-switch';
 import 'react-countup';
 import 'react-laag';
-import './index-889421ac.js';
+import './index-0d37817c.js';
 import 'react-qr-code';
-import './index-d0e73831.js';
+import './index-bba5efeb.js';
 
 var wcNav3DToolbar = "wc_Nav3DToolbar-NM2CK";
 var wcZoomIn = "wcZoomIn-7oss5";

package/build/esm/{index-672796c5.js → index-c0a37b01.js}

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

package/build/esm/{index-38c981b0.js → index-c3109b7d.js}

@@ -1,5 +1,5 @@
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { s as styleInject, u as useViewHandler } from './index-a71d1695.js';
+import { s as styleInject, u as useViewHandler } from './index-e5867324.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';

package/build/esm/{index-860e43eb.js → index-c448f954.js}

@@ -1,7 +1,7 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-a71d1695.js';
+import { s as styleInject, u as useViewHandler } from './index-e5867324.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect, useState } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
@@ -30,7 +30,7 @@ var wcInScroller = "wcInScroller-85YS9";
 var wcConfiguratorSettingsSearchExpanded = "wcConfigurator-settings-SearchExpanded-Jceqy";
 var wcConfiguratorSettingsSearchMaxExpanded = "wcConfigurator-settings-SearchMaxExpanded-AGbgn";
 var filterNotVisible = "filter-not-visible-Os1H1";
-var css_248z = "/*SearchFilter*/\n\ninput.wcConfigurator-settings-Search-E9-UU {\n  width: 96px;\n  padding: 2px;\n  margin-right: 12px;\n  font-size: 14px;\n  line-height: 20.8px;\n  border-radius: var(--globalBorderRadius);\n  border: none;\n  float: right;\n  color: var(--secondaryColor);\n  transition: 0.35s ease;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);\n  transition: width 0.2s ease;\n  max-width: 240px;\n  cursor: text;\n  background: white;\n  opacity: 1;\n}\n\n.mobile-rgzgc.wcConfigurator-settings-Search-E9-UU {\n  font-size: 12px;\n}\n\n.tablet-KFzjP.wcConfigurator-settings-Search-E9-UU {\n  font-size: 15px;\n}\n\n.wcConfigurator-settings-Search-E9-UU.wcInScroller-85YS9.wcConfigurator-settings-SearchExpanded-Jceqy,\n.wcConfigurator-settings-Search-E9-UU.wcInScroller-85YS9.wcConfigurator-settings-SearchMaxExpanded-AGbgn {\n  display: block;\n  line-height: 20.8px;\n  width: 100%;\n  max-width: 192px;\n  padding-left: 1.1em;\n}\n\n.wcConfigurator-settings-Search-E9-UU.wcConfigurator-settings-SearchExpanded-Jceqy,\n.wcConfigurator-settings-Search-E9-UU.wcConfigurator-settings-SearchMaxExpanded-AGbgn {\n  width: 160px;\n  margin-right: 48px;\n  line-height: 27.2px;\n  font-size: 17px;\n}\n\n.wcConfigurator-settings-Search-E9-UU:focus {\n  outline: medium none invert;\n  outline: initial;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode input.wcConfigurator-settings-Search-E9-UU {\n  background: #374c86;\n  color: #fff;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode input.wcConfigurator-settings-Search-E9-UU::-moz-placeholder {\n  color: rgba(255, 255, 255, 0.6);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode input.wcConfigurator-settings-Search-E9-UU::placeholder {\n  color: rgba(255, 255, 255, 0.6);\n}\n\n.wcInScroller-85YS9.wcConfigurator-settings-Search-E9-UU.filter-not-visible-Os1H1 {\n  height: 25.6px;\n  display: block;\n  margin-right: 0px;\n}\n\n.mobile-rgzgc.wcInScroller-85YS9.wcConfigurator-settings-Search-E9-UU.filter-not-visible-Os1H1 {\n  height: 19px;\n}\n";
+var css_248z = "/*SearchFilter*/\n\ninput.wcConfigurator-settings-Search-E9-UU {\n  width: 96px;\n  padding: 2px;\n  margin-right: 12px;\n  font-size: 14px;\n  line-height: 20.8px;\n  border-radius: var(--globalBorderRadius);\n  border: none;\n  float: right;\n  color: var(--secondaryColor);\n  transition: 0.35s ease;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);\n  transition: width 0.2s ease;\n  max-width: 240px;\n  cursor: text;\n  background: white;\n  opacity: 1;\n}\n\n.mobile-rgzgc.wcConfigurator-settings-Search-E9-UU {\n  font-size: 12px;\n}\n\n.tablet-KFzjP.wcConfigurator-settings-Search-E9-UU {\n  font-size: 15px;\n}\n\n.wcConfigurator-settings-Search-E9-UU.wcInScroller-85YS9.wcConfigurator-settings-SearchExpanded-Jceqy,\n.wcConfigurator-settings-Search-E9-UU.wcInScroller-85YS9.wcConfigurator-settings-SearchMaxExpanded-AGbgn {\n  display: block;\n  line-height: 20.8px;\n  width: 100%;\n  max-width: 192px;\n  padding-left: 1.1em;\n}\n\n.wcConfigurator-settings-Search-E9-UU.wcConfigurator-settings-SearchExpanded-Jceqy,\n.wcConfigurator-settings-Search-E9-UU.wcConfigurator-settings-SearchMaxExpanded-AGbgn {\n  width: 160px;\n  margin-right: 48px;\n  line-height: 27.2px;\n  font-size: 17px;\n}\n\n.wcConfigurator-settings-Search-E9-UU:focus {\n  outline: medium none invert;\n  outline: initial;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode input.wcConfigurator-settings-Search-E9-UU,\n.diva-component-DIVA_DATA_ENGINE .darkmode input.wcConfigurator-settings-Search-E9-UU {\n  background: #374c86;\n  color: #fff;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode input.wcConfigurator-settings-Search-E9-UU::-moz-placeholder, .diva-component-DIVA_DATA_ENGINE .darkmode input.wcConfigurator-settings-Search-E9-UU::-moz-placeholder {\n  color: rgba(255, 255, 255, 0.6);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode input.wcConfigurator-settings-Search-E9-UU::placeholder,\n.diva-component-DIVA_DATA_ENGINE .darkmode input.wcConfigurator-settings-Search-E9-UU::placeholder {\n  color: rgba(255, 255, 255, 0.6);\n}\n\n.wcInScroller-85YS9.wcConfigurator-settings-Search-E9-UU.filter-not-visible-Os1H1 {\n  height: 25.6px;\n  display: block;\n  margin-right: 0px;\n}\n\n.mobile-rgzgc.wcInScroller-85YS9.wcConfigurator-settings-Search-E9-UU.filter-not-visible-Os1H1 {\n  height: 19px;\n}\n";
 styleInject(css_248z);
 
 var _excluded = ["isInScroller", "item", "doShowFilter"];

package/build/esm/{index-cb43ac22.js → index-c4afc917.js}

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

package/build/esm/{index-a38f31fd.js → index-c4e34d8e.js}

@@ -1,21 +1,21 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { c as usePlannerUIHandler, u as useViewHandler } from './index-a71d1695.js';
+import { c as usePlannerUIHandler, u as useViewHandler } from './index-e5867324.js';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import AVL from './index-3bb2a5e5.js';
-import AVR from './index-be7338ee.js';
-import Outline from './index-eb92ae36.js';
-import RotationClockwise from './index-cb43ac22.js';
-import RotationCounterClockwise from './index-6ae3a812.js';
-import Trash from './index-82c0ccc1.js';
-import { u as useDockingPointPositioning, I as ItemsDPAccContainer } from './index-11c74ef4.js';
+import AVL from './index-d03e7da0.js';
+import AVR from './index-4967fdb4.js';
+import Outline from './index-4892251c.js';
+import RotationClockwise from './index-c4afc917.js';
+import RotationCounterClockwise from './index-cd3336c2.js';
+import Trash from './index-a8055cf9.js';
+import { u as useDockingPointPositioning, I as ItemsDPAccContainer } from './index-677fb34a.js';
 import { Vector2 } from '@crystaldesign/web-planner-logic';
-import PosNr from './index-bc2f8724.js';
-import BoxCopy from './index-2438e21a.js';
+import PosNr from './index-d40848b7.js';
+import BoxCopy from './index-4aa86695.js';
 import { getLogger } from '@crystaldesign/diva-core';
 import { DivaError } from '@crystaldesign/diva-utils';
-import ElementCopy from './index-d5cce8a7.js';
-import DistanceToGround from './index-c31f8f99.js';
+import ElementCopy from './index-7690bb44.js';
+import DistanceToGround from './index-aab3578e.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -33,7 +33,7 @@ import 'flat';
 import '@crystaldesign/real-time-viewer-next';
 import 'react-switch';
 import 'react-countup';
-import './index-5bb73091.js';
+import './index-8f155f85.js';
 
 function usePosNrPositioning(_ref) {
   var _item$position$x, _item$position$y, _boundingState$width, _boundingState$height;

package/build/esm/{index-fd6deca7.js → index-c588e3a3.js}

@@ -1,7 +1,7 @@
-import { s as styleInject } from './index-a71d1695.js';
+import { s as styleInject } from './index-e5867324.js';
 import 'react';
-import PlannerUI from './index-686f0148.js';
-import { c as wc3DOutlineSvg, d as wc3DOutlinePolygon, e as wc3DOutlinePolygonContours, f as wc3DOutlinePolygonContoursSel } from './index.module-5c540308.js';
+import PlannerUI from './index-0e96830a.js';
+import { c as wc3DOutlineSvg, d as wc3DOutlinePolygon, e as wc3DOutlinePolygonContours, f as wc3DOutlinePolygonContoursSel } from './index.module-ff452c6f.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -24,20 +24,20 @@ import 'flat';
 import '@crystaldesign/real-time-viewer-next';
 import 'react-switch';
 import 'react-countup';
-import './index-9024d92c.js';
-import './index-a38f31fd.js';
-import './index-3bb2a5e5.js';
-import './index-be7338ee.js';
-import './index-eb92ae36.js';
-import './index-cb43ac22.js';
-import './index-6ae3a812.js';
-import './index-82c0ccc1.js';
-import './index-11c74ef4.js';
-import './index-5bb73091.js';
-import './index-bc2f8724.js';
-import './index-2438e21a.js';
-import './index-d5cce8a7.js';
-import './index-c31f8f99.js';
+import './index-9b71c562.js';
+import './index-c4e34d8e.js';
+import './index-d03e7da0.js';
+import './index-4967fdb4.js';
+import './index-4892251c.js';
+import './index-c4afc917.js';
+import './index-cd3336c2.js';
+import './index-a8055cf9.js';
+import './index-677fb34a.js';
+import './index-8f155f85.js';
+import './index-d40848b7.js';
+import './index-4aa86695.js';
+import './index-7690bb44.js';
+import './index-aab3578e.js';
 
 var hidden = "hidden-75j7C";
 var css_248z = ".hidden-75j7C {\n  display: none;\n}\n";

package/build/esm/{index-bcdd49a7.js → index-c596267f.js}

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

package/build/esm/{index-31887eac.js → index-c5dc9aca.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-a71d1695.js';
+import { s as styleInject, u as useViewHandler } from './index-e5867324.js';
 import { useState, useEffect } from 'react';
 import classnames from 'classnames';
 import BlockIcon from '@mui/icons-material/Block';

package/build/esm/{index-29dddee0.js → index-c7229698.js}

@@ -1,28 +1,28 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler, S as SettingsHeader, a as useAnalyzerComponents, M as MissingAnalyzerComponent } from './index-a71d1695.js';
+import { s as styleInject, u as useViewHandler, S as SettingsHeader, a as useAnalyzerComponents, M as MissingAnalyzerComponent } from './index-e5867324.js';
 import React, { useState, useRef, useEffect, Suspense, lazy, useMemo } from 'react';
 import { observer } from 'mobx-react-lite';
 import sift from 'sift';
-import TextBox from './index-b38f4589.js';
-import ItemVariant from './index-be65c36f.js';
-import SettingsPaletteGroup from './index-d58535a2.js';
-import ToggleOption from './index-f3bb0857.js';
-import GroupDropdown from './index-70e7c44e.js';
-import PromotedProducts from './index-713920f6.js';
-import StyleConsultant from './index-2e256130.js';
-import ToggleName from './index-565611f4.js';
-import itemPaletteTypeComponentMap from './index-7119da5b.js';
+import TextBox from './index-a07f9c21.js';
+import ItemVariant from './index-9f4f5bc8.js';
+import SettingsPaletteGroup from './index-0fa3ad03.js';
+import ToggleOption from './index-d5ea138b.js';
+import GroupDropdown from './index-f0d46db9.js';
+import PromotedProducts from './index-0985d782.js';
+import StyleConsultant from './index-ef3acafd.js';
+import ToggleName from './index-f95d8dab.js';
+import itemPaletteTypeComponentMap from './index-7eae56ae.js';
 import classnames from 'classnames';
-import StepInfo from './index-c7da4c28.js';
-import ReplaceSwitch from './index-89177618.js';
+import StepInfo from './index-d2972d31.js';
+import ReplaceSwitch from './index-2863d099.js';
 import { Swiper, SwiperSlide } from 'swiper/react';
 import { Navigation } from 'swiper/modules';
-import Slider from './index-0aab4ccb.js';
-import MultiToggle from './index-50afb8e8.js';
-import Radio from './index-b24a65cd.js';
+import Slider from './index-96c8e790.js';
+import MultiToggle from './index-8868a929.js';
+import Radio from './index-24ea39d1.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import SummaryOverview from './index-0e6bfe2d.js';
+import SummaryOverview from './index-efb18a19.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 
 var collapsableInner = "collapsable-inner-YPvJa";
@@ -145,7 +145,7 @@ var index$2 = /*#__PURE__*/Object.freeze({
 function ownKeys$2(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$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ConceptFilter = /*#__PURE__*/lazy(function () {
-  return import('./index-66d962f6.js');
+  return import('./index-287e50e5.js');
 });
 var ItemWrapper = function ItemWrapper(_ref) {
   var _item$conceptFilter;
@@ -272,13 +272,13 @@ var useGridVariables = function useGridVariables(item) {
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ShelfPlanner = /*#__PURE__*/React.lazy(function () {
-  return import('./index-16812eed.js');
+  return import('./index-0a55639e.js');
 });
 var DoorPlanner = /*#__PURE__*/React.lazy(function () {
-  return import('./index-aa5447cc.js');
+  return import('./index-f49813d1.js');
 });
 var ProductList = /*#__PURE__*/React.lazy(function () {
-  return import('./index-91ae8fc6.js');
+  return import('./index-0127a6a0.js');
 });
 var INSPECT_MODE_EXCEPTIONS = ['SHELFPLANNER', 'PLANNER_2.0', 'CHECKOUT', 'PRODUCTS', 'PROMOTED', 'STYLE_CONSULTANT', 'DOOR_PLANNER', 'SUMMARY', 'SUMMARY_OPTIONTREE', 'SUMMARY_ARTICLES', 'VARIANTS'];
 var SettingsPaletteItem = function SettingsPaletteItem(_ref) {

package/build/esm/{index-b440609e.js → index-c8faaae0.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-a71d1695.js';
+import { s as styleInject, u as useViewHandler } from './index-e5867324.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';