@crystaldesign/diva-web-planner-react 24.13.0-rc.10 → 24.13.0-rc.11

package/build/esm/{index-bde2efe9.js → index-8c2bb3d3.js}

@@ -1,14 +1,14 @@
-import { s as styleInject, u as useViewHandler } from './index-62e351ed.js';
+import { s as styleInject, u as useViewHandler } from './index-ce87f7de.js';
 import classnames from 'classnames';
 import { useEffect } from 'react';
-import Inputbox from './index-4804d8a0.js';
-import Product from './index-e8c03b28.js';
-import Settings from './index-99294363.js';
-import NavigationButtons from './index-93865fc4.js';
-import BasketAction from './index-f02435f4.js';
-import TabGroup from './index-9fedf24e.js';
+import Inputbox from './index-df7a33ec.js';
+import Product from './index-c38bd69c.js';
+import Settings from './index-8b5419cd.js';
+import NavigationButtons from './index-99d787a5.js';
+import BasketAction from './index-0eb1bbcd.js';
+import TabGroup from './index-4bb65f07.js';
 import { observer } from 'mobx-react-lite';
-import BarrierActions from './index-bda93196.js';
+import BarrierActions from './index-510b48f0.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -24,67 +24,67 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-8f078920.js';
-import './index-5c4f322a.js';
-import './index-13235a1b.js';
-import './index-b06783a8.js';
-import './index-f60e005a.js';
+import './index-5c185263.js';
+import './index-1a256308.js';
+import './index-175264f5.js';
+import './index-d99ae8ad.js';
+import './index-2cf2eea2.js';
 import 'react-laag';
-import './index-d1f22ab9.js';
-import './index-5f2a2806.js';
-import './index-ea29a6a5.js';
+import './index-753c0fb3.js';
+import './index-4ba18281.js';
+import './index-f78b8477.js';
 import 'sift';
-import './index-b7b52366.js';
-import './index-36b8737f.js';
-import './index-df53a144.js';
-import './index-f052ab58.js';
-import './index.module-b935be8f.js';
-import './index-be7c9c45.js';
+import './index-a60eb5fa.js';
+import './index-48bc8015.js';
+import './index-7a78ad57.js';
+import './index-0fff6797.js';
+import './index.module-14f56ab1.js';
+import './index-49d3d9e9.js';
 import 'react-switch';
-import './index-91dad7cd.js';
-import './index-4d84f110.js';
+import './index-db9a16bf.js';
+import './index-a5450a70.js';
 import 'react-dropdown';
-import './index-2b8e5896.js';
-import './index-f567a210.js';
-import './index-7c0a49ff.js';
-import './index-7a0a56df.js';
+import './index-a3daa5a9.js';
+import './index-6f8757a5.js';
+import './index-5864e079.js';
+import './index-f0963d23.js';
 import '@crystaldesign/content-box';
-import './index-5627b24c.js';
-import './index-9da557ad.js';
-import './index-6ad5a07d.js';
-import './index-3ade1675.js';
-import './index-9b56809f.js';
+import './index-c5090889.js';
+import './index-6cfe98da.js';
+import './index-bf1b50f0.js';
+import './index-209167a0.js';
+import './index-35f0e1b5.js';
 import '@crystaldesign/products-component';
-import './index-94727056.js';
-import './index-b5459cba.js';
-import './index-f65bb429.js';
-import './index-16ea62d8.js';
-import './index-f96e96f7.js';
-import './index-23c588bf.js';
-import './index-f0a839ef.js';
-import './index-527f3dd0.js';
-import './index-7d054ceb.js';
-import './index-ede9e219.js';
-import './index-bf284357.js';
-import './index-cfd8aecc.js';
-import './index-e03da047.js';
-import './index.module-066031ee.js';
-import './index-0c2ec30e.js';
-import './index-76635e2e.js';
-import './index-01d9c656.js';
-import './index-4ea13a98.js';
-import './index-446f4379.js';
-import './index-12ac87fd.js';
-import './index-83a3c172.js';
-import './index.module-06be1225.js';
-import './index-4aca1b41.js';
-import './index-5b4a087a.js';
-import './index-eb660a71.js';
-import './index-59eb0d94.js';
-import './index-77647016.js';
-import './index-3a94ce01.js';
-import './index-65b1279e.js';
-import './index-f9957407.js';
+import './index-dd3daa4c.js';
+import './index-e2501f39.js';
+import './index-963c2609.js';
+import './index-2fd411f3.js';
+import './index-4791c330.js';
+import './index-8458683f.js';
+import './index-aa60b338.js';
+import './index-f9137c02.js';
+import './index-929c48ac.js';
+import './index-8d84988b.js';
+import './index-187d8892.js';
+import './index-d3843e8a.js';
+import './index-a2f8eddd.js';
+import './index.module-d8319912.js';
+import './index-ace1d448.js';
+import './index-8f8042bb.js';
+import './index-164f15d2.js';
+import './index-e4a6cba3.js';
+import './index-7be72a93.js';
+import './index-89124c27.js';
+import './index-c7d941bf.js';
+import './index.module-6bd9ce8e.js';
+import './index-601f8736.js';
+import './index-bce9b667.js';
+import './index-e5086900.js';
+import './index-69eb925a.js';
+import './index-e17be87d.js';
+import './index-e6566e4f.js';
+import './index-664a0bb2.js';
+import './index-9dc929f5.js';
 
 var wcConfigurator = "wcConfigurator-8WNGD";
 var landscape = "landscape-fycCb";

package/build/esm/{index-d30c99d6.js → index-8d4259a2.js}

@@ -1,4 +1,4 @@
-import { u as useViewHandler } from './index-62e351ed.js';
+import { u as useViewHandler } from './index-ce87f7de.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-ede9e219.js → index-8d84988b.js}

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

package/build/esm/{index-76635e2e.js → index-8f8042bb.js}

@@ -1,10 +1,10 @@
 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-62e351ed.js';
+import { s as styleInject, u as useViewHandler } from './index-ce87f7de.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
-import StepInfo from './index-01d9c656.js';
+import StepInfo from './index-164f15d2.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-7f7dc19e.js → index-8feb22ee.js}

@@ -1,23 +1,23 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { a as usePlannerUIHandler, u as useViewHandler } from './index-62e351ed.js';
+import { a as usePlannerUIHandler, u as useViewHandler } from './index-ce87f7de.js';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import AVL from './index-19a629b6.js';
-import AVR from './index-9226d27b.js';
-import Outline from './index-5d884e3d.js';
-import RotationClockwise from './index-60b31199.js';
-import RotationCounterClockwise from './index-e3af7df3.js';
-import Trash from './index-db91a201.js';
-import { u as useDockingPointPositioning, I as ItemsDPAccContainer } from './index-dcade0c1.js';
+import AVL from './index-5de424c3.js';
+import AVR from './index-24a08a3c.js';
+import Outline from './index-af0ebcbc.js';
+import RotationClockwise from './index-11496172.js';
+import RotationCounterClockwise from './index-841420a5.js';
+import Trash from './index-b7b6db43.js';
+import { u as useDockingPointPositioning, I as ItemsDPAccContainer } from './index-f8fd8a9a.js';
 import { Vector2 } from '@crystaldesign/web-planner-logic';
-import PosNr from './index-d30c99d6.js';
-import BoxCopy from './index-b36166cc.js';
-import Move3DGrid from './index-1b56865f.js';
-import Rotation3DGrid from './index-3e3ee57e.js';
+import PosNr from './index-8d4259a2.js';
+import BoxCopy from './index-9df7a917.js';
+import Move3DGrid from './index-e57ff067.js';
+import Rotation3DGrid from './index-afa130f3.js';
 import { getLogger } from '@crystaldesign/diva-core';
 import { DivaError } from '@crystaldesign/diva-utils';
-import ElementCopy from './index-3daab8c8.js';
-import DistanceToGround from './index-945e6407.js';
+import ElementCopy from './index-03ea114f.js';
+import DistanceToGround from './index-bf99a1a8.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -29,7 +29,7 @@ import '@babel/runtime/helpers/createClass';
 import '@babel/runtime/helpers/toConsumableArray';
 import 'mobx';
 import 'classnames';
-import './index-eeb12ad5.js';
+import './index-0d7de3fd.js';
 import 'react-draggable';
 
 function usePosNrPositioning(_ref) {

package/build/esm/{index-02c1c1a3.js → index-8ff961dd.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-62e351ed.js';
+import { s as styleInject, u as useViewHandler } from './index-ce87f7de.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import classnames from 'classnames';
 import { useTranslation } from '@crystaldesign/diva-core';
-import PriceSumm from './index-62108a8f.js';
+import PriceSumm from './index-d2b225be.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-3033d784.js → index-912d04cd.js}

@@ -1,9 +1,9 @@
-import { u as useViewHandler } from './index-62e351ed.js';
+import { u as useViewHandler } from './index-ce87f7de.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import Collapsible from 'react-collapsible';
-import ConfigStep from './index-d7203d14.js';
-import Header from './index-08a98149.js';
+import ConfigStep from './index-5c29eb8e.js';
+import Header from './index-86efc801.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-7d054ceb.js → index-929c48ac.js}

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

package/build/esm/{index-d251b842.js → index-93230562.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-62e351ed.js';
+import { u as useViewHandler } from './index-ce87f7de.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-f65bb429.js → index-963c2609.js}

@@ -1,14 +1,14 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-62e351ed.js';
+import { s as styleInject, u as useViewHandler } from './index-ce87f7de.js';
 import classnames from 'classnames';
 import { useHover, useLayer } from 'react-laag';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import MetaData from './index-16ea62d8.js';
-import GenericToolTip from './index-f96e96f7.js';
-import InfoIcon from './index-91dad7cd.js';
+import MetaData from './index-2fd411f3.js';
+import GenericToolTip from './index-4791c330.js';
+import InfoIcon from './index-db9a16bf.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -23,6 +23,7 @@ import '@crystaldesign/web-planner-logic';
 
 var articleItem = "ArticleItem-2xa9z";
 var sel = "sel-3vhEw";
+var replacemode = "replacemode-XssaJ";
 var wcArticleInfoContainer = "wcArticleInfoContainer-6umFd";
 var pricesAreHiddenClass = "pricesAreHiddenClass-5i5mY";
 var wcConfiguratorSettingsTitle = "wcConfigurator-settings-title-C-sNn";
@@ -32,7 +33,7 @@ var wcSizeNormal = "wcSize-normal-H7PI-";
 var wcImage = "wcImage-bSQnw";
 var wcPricePreview = "wcPricePreview-i1G9x";
 var wcArticleSize = "wcArticleSize-FGDRM";
-var css_248z = "/*Planner*/\n\n.ArticleItem-2xa9z {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n  transition: 0.35s ease;\n  cursor: pointer;\n  white-space: pre-line;\n  border: 3px solid transparent;\n  border: 3px solid var(--optionItemBorderColor, transparent);\n}\n.sel-3vhEw {\n  border: 3px solid var(--primaryColor);\n  border: 3px solid var(--optionItemBorderSelColor, var(--primaryColor));\n}\n\n.ArticleItem-2xa9z:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n}\n.ArticleItem-2xa9z:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n}\n\n.wcArticleInfoContainer-6umFd {\n  display: flex;\n  float: left;\n  margin-top: 11.2px;\n  margin-left: 11.2px;\n  height: calc(100% - 20px);\n  max-width: calc(100% - 171.2px);\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.pricesAreHiddenClass-5i5mY .wcArticleInfoContainer-6umFd {\n  max-width: calc(100% - 100px);\n}\n\n.ArticleItem-2xa9z .wcConfigurator-settings-title-C-sNn {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\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  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.ArticleItem-2xa9z .wcConfigurator-settings-title-single-line-xIggU {\n  -webkit-line-clamp: 1;\n}\n.ArticleItem-2xa9z .wcSize-DKVv4 {\n  width: 98%;\n  background: white;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\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}\n\n.ArticleItem-2xa9z .wcSize-DKVv4.wcSize-normal-H7PI- {\n  max-height: 80px;\n}\n\n.ArticleItem-2xa9z .wcImagePlaceHolder-KQO1T {\n  width: 48px;\n  float: left;\n  height: 48px;\n}\n\n.ArticleItem-2xa9z .wcImage-bSQnw {\n  width: 80px;\n  height: 80px;\n  float: left;\n  border-radius: var(--globalBorderRadius) 0px 0px var(--globalBorderRadius);\n  margin-left: 3.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  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n}\n\n.ArticleItem-2xa9z .wcPricePreview-i1G9x {\n  position: absolute;\n  right: 3.2px;\n  top: 8px;\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}\n\n.ArticleItem-2xa9z .wcArticleSize-FGDRM {\n  bottom: 8px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: #6f6f6f;\n  z-index: 50;\n\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.ArticleItem-2xa9z .wcArticleSize-FGDRM:hover {\n  overflow: visible;\n}\n@media all and (max-width: 1100px) {\n  .ArticleItem-2xa9z .wcSize-normal-H7PI- {\n    height: 96px;\n  }\n\n  .ArticleItem-2xa9z .wcConfigurator-settings-title-C-sNn {\n    -webkit-line-clamp: 2;\n  }\n}\n\n.ArticleItem-2xa9z .wcPricePreview-i1G9x {\n  position: absolute;\n  float: left;\n  -webkit-text-stroke: 0.4px;\n  font-size: 14.4px;\n}\n";
+var css_248z = "/*Planner*/\n\n.ArticleItem-2xa9z {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n  transition: 0.35s ease;\n  cursor: pointer;\n  white-space: pre-line;\n  border: 3px solid transparent;\n  border: 3px solid var(--optionItemBorderColor, transparent);\n}\n.sel-3vhEw {\n  border: 3px solid var(--primaryColor);\n  border: 3px solid var(--optionItemBorderSelColor, var(--primaryColor));\n}\n\n.ArticleItem-2xa9z:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.ArticleItem-2xa9z.replacemode-XssaJ:hover {\n  border: 3px solid var(--primaryColor);\n  border: 3px solid var(--optionItemBorderHoverColor, var(--primaryColor));\n}\n\n.ArticleItem-2xa9z:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n}\n\n.wcArticleInfoContainer-6umFd {\n  display: flex;\n  float: left;\n  margin-top: 11.2px;\n  margin-left: 11.2px;\n  height: calc(100% - 20px);\n  max-width: calc(100% - 171.2px);\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.pricesAreHiddenClass-5i5mY .wcArticleInfoContainer-6umFd {\n  max-width: calc(100% - 100px);\n}\n\n.ArticleItem-2xa9z .wcConfigurator-settings-title-C-sNn {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\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  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.ArticleItem-2xa9z .wcConfigurator-settings-title-single-line-xIggU {\n  -webkit-line-clamp: 1;\n}\n.ArticleItem-2xa9z .wcSize-DKVv4 {\n  width: 98%;\n  background: white;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\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}\n\n.ArticleItem-2xa9z .wcSize-DKVv4.wcSize-normal-H7PI- {\n  max-height: 80px;\n}\n\n.ArticleItem-2xa9z .wcImagePlaceHolder-KQO1T {\n  width: 48px;\n  float: left;\n  height: 48px;\n}\n\n.ArticleItem-2xa9z .wcImage-bSQnw {\n  width: 80px;\n  height: 80px;\n  float: left;\n  border-radius: var(--globalBorderRadius) 0px 0px var(--globalBorderRadius);\n  margin-left: 3.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  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n}\n\n.ArticleItem-2xa9z .wcPricePreview-i1G9x {\n  position: absolute;\n  right: 3.2px;\n  top: 8px;\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}\n\n.ArticleItem-2xa9z .wcArticleSize-FGDRM {\n  bottom: 8px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: #6f6f6f;\n  z-index: 50;\n\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.ArticleItem-2xa9z .wcArticleSize-FGDRM:hover {\n  overflow: visible;\n}\n@media all and (max-width: 1100px) {\n  .ArticleItem-2xa9z .wcSize-normal-H7PI- {\n    height: 96px;\n  }\n\n  .ArticleItem-2xa9z .wcConfigurator-settings-title-C-sNn {\n    -webkit-line-clamp: 2;\n  }\n}\n\n.ArticleItem-2xa9z .wcPricePreview-i1G9x {\n  position: absolute;\n  float: left;\n  -webkit-text-stroke: 0.4px;\n  font-size: 14.4px;\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; }
@@ -77,8 +78,9 @@ var Article = function Article(_ref) {
     renderLayer = tooltip.renderLayer;
   }
   var pricesAreHidden = viewHandler.getViewConfig().dontShowBasePrice || hidePrices || !item.priceInfo;
+  var isInReplaceMode = viewHandler.settingsState.plannerReplaceMode && !(paletteId == 1 && viewHandler.paletteViewHandler.plannerItems.DoShowAdditionalPlannerElements);
   return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread(_objectSpread({
-    className: classnames(articleItem, pricesAreHidden ? pricesAreHiddenClass : undefined, 'wcConfigurator_Article', item.sel ? sel + ' hallo' : undefined),
+    className: classnames(articleItem, pricesAreHidden ? pricesAreHiddenClass : undefined, 'wcConfigurator_Article', item.sel ? sel : undefined, isInReplaceMode ? replacemode : undefined),
     onClick: function onClick() {
       return viewHandler.paletteViewHandler.clickedOnPlannerPalette(item, paletteId);
     }

package/build/esm/{index-93865fc4.js → index-99d787a5.js}

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

package/build/esm/{index-8dff9fb3.js → index-9a145dc1.js}

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

package/build/esm/{index-12470916.js → index-9a52a2de.js}

@@ -1,10 +1,10 @@
-import { u as useViewHandler } from './index-62e351ed.js';
+import { u as useViewHandler } from './index-ce87f7de.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
-import { p as paletteItem, w as wcSize, a as wcSizeNormal, b as wcImage, t as textContainer, c as wcConfiguratorSettingsTitle } from './index.module-066031ee.js';
-import IsActive from './index-0c2ec30e.js';
+import { p as paletteItem, w as wcSize, a as wcSizeNormal, b as wcImage, t as textContainer, c as wcConfiguratorSettingsTitle } from './index.module-d8319912.js';
+import IsActive from './index-ace1d448.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-e11d79dc.js → index-9aafe0d2.js}

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-62e351ed.js';
+import { s as styleInject, u as useViewHandler } from './index-ce87f7de.js';
 import 'react';
-import BasketActionStandard from './index-06cddcea.js';
+import BasketActionStandard from './index-c40af5cd.js';
 import { observer } from 'mobx-react-lite';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-ecb6fb81.js → index-9b45d7b1.js}

@@ -1,9 +1,9 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-62e351ed.js';
+import './index-ce87f7de.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ArticleOverview from './index-da96c395.js';
-import JsonEditor from './index-c5231652.js';
+import ArticleOverview from './index-3d7150c5.js';
+import JsonEditor from './index-efb85af3.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-591743df.js';
-import './index.module-944b044e.js';
+import './index.module-01eb9be5.js';
+import './index.module-c4053556.js';
 import 'classnames';
-import './index.module-12186d8c.js';
+import './index.module-9e919dd5.js';
 import 'react-collapsible';
 import 'jsoneditor';
 

package/build/esm/{index-3d5060db.js → index-9b7a24ce.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-62e351ed.js';
+import { s as styleInject, u as useViewHandler } from './index-ce87f7de.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-06be1225.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-6bd9ce8e.js';
 import classnames from 'classnames';
-import IsActive from './index-0c2ec30e.js';
+import IsActive from './index-ace1d448.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import GenericToolTip from './index-f96e96f7.js';
-import InfoIcon from './index-91dad7cd.js';
+import GenericToolTip from './index-4791c330.js';
+import InfoIcon from './index-db9a16bf.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-f9957407.js → index-9dc929f5.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-62e351ed.js';
+import { u as useViewHandler } from './index-ce87f7de.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-b36166cc.js → index-9df7a917.js}

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

package/build/esm/{index-e03da047.js → index-a2f8eddd.js}

@@ -1,10 +1,10 @@
-import { u as useViewHandler } from './index-62e351ed.js';
+import { u as useViewHandler } from './index-ce87f7de.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
-import { p as paletteItem, w as wcSize, a as wcSizeNormal, b as wcImage, t as textContainer, c as wcConfiguratorSettingsTitle } from './index.module-066031ee.js';
-import IsActive from './index-0c2ec30e.js';
+import { p as paletteItem, w as wcSize, a as wcSizeNormal, b as wcImage, t as textContainer, c as wcConfiguratorSettingsTitle } from './index.module-d8319912.js';
+import IsActive from './index-ace1d448.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-907a9838.js → index-a3746c5f.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-62e351ed.js';
+import { s as styleInject } from './index-ce87f7de.js';
 import 'react';
-import SettingsItemHeader from './index-b1ce0855.js';
+import SettingsItemHeader from './index-77ef5246.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -18,28 +18,28 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'mobx-react-lite';
 import 'classnames';
-import './index-a73f8955.js';
-import './index-2b8e5896.js';
-import './index-f567a210.js';
+import './index-7f3a387f.js';
+import './index-a3daa5a9.js';
+import './index-6f8757a5.js';
 import 'react-dropdown';
-import './index-7c0a49ff.js';
-import './index-7a0a56df.js';
+import './index-5864e079.js';
+import './index-f0963d23.js';
 import '@crystaldesign/content-box';
-import './index-5627b24c.js';
-import './index-9da557ad.js';
-import './index-2669c3a1.js';
-import './index-be7c9c45.js';
+import './index-c5090889.js';
+import './index-6cfe98da.js';
+import './index-b49ccd63.js';
+import './index-49d3d9e9.js';
 import 'react-switch';
-import './index-ec9b4618.js';
-import './index-a932176f.js';
-import './index-2505d48f.js';
-import './index-0ede0225.js';
-import './index-116f370b.js';
-import './index-ee70afcd.js';
+import './index-44bdcffe.js';
+import './index-af055081.js';
+import './index-6eb5c0af.js';
+import './index-60298be3.js';
+import './index-0b54d65c.js';
+import './index-83917cdf.js';
 import 'react-laag';
-import './index-f96e96f7.js';
-import './index-16ea62d8.js';
-import './index-91dad7cd.js';
+import './index-4791c330.js';
+import './index-2fd411f3.js';
+import './index-db9a16bf.js';
 
 var settingsHeaderContainer = "settingsHeaderContainer-ywbxo";
 var settingsHeaderTitle = "settingsHeaderTitle-AeKfm";

package/build/esm/{index-2b8e5896.js → index-a3daa5a9.js}

@@ -1,10 +1,10 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-62e351ed.js';
+import { s as styleInject, u as useViewHandler } from './index-ce87f7de.js';
 import { observer } from 'mobx-react-lite';
 import { useEffect } from 'react';
-import RalDropdownFilter from './index-f567a210.js';
-import SlideFilter from './index-7a0a56df.js';
+import RalDropdownFilter from './index-6f8757a5.js';
+import SlideFilter from './index-f0963d23.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -20,9 +20,9 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'react-dropdown';
 import 'classnames';
-import './index-7c0a49ff.js';
+import './index-5864e079.js';
 import '@crystaldesign/content-box';
-import './index-5627b24c.js';
+import './index-c5090889.js';
 
 var css_248z = "#wcConfigurator .Dropdown-root {\n  position: relative;\n}\n\n#wcConfigurator .Dropdown-control {\n  position: relative;\n  overflow: hidden;\n  background-color: white;\n  border: 1px solid #ccc;\n  border-radius: 2px;\n  box-sizing: border-box;\n  color: #333;\n  cursor: default;\n  outline: none;\n  padding: 4px 24px 4px 10px;\n  transition: all 200ms ease;\n}\n\n#wcConfigurator .Dropdown-control:hover {\n  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);\n}\n\n#wcConfigurator .Dropdown-arrow {\n  border-color: #999 transparent transparent;\n  border-style: solid;\n  border-width: 5px 5px 0;\n  content: ' ';\n  display: block;\n  height: 0;\n  margin-top: -ceil(2.5);\n  position: absolute;\n  right: 10px;\n  top: 14px;\n  width: 0;\n}\n\n#wcConfigurator .is-open .Dropdown-arrow {\n  border-color: transparent transparent #999;\n  border-width: 0 5px 5px;\n}\n\n#wcConfigurator .Dropdown-menu {\n  background-color: white;\n  border: 1px solid #ccc;\n  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);\n  box-sizing: border-box;\n  margin-top: -1px;\n  max-height: 200px;\n  overflow-y: auto;\n  position: absolute;\n  top: 100%;\n  width: 100%;\n  z-index: 1000;\n  -webkit-overflow-scrolling: touch;\n}\n\n#wcConfigurator .Dropdown-menu .Dropdown-group > .Dropdown-title {\n  padding: 8px 10px;\n  color: rgba(51, 51, 51, 1);\n  font-weight: 300;\n  text-transform: capitalize;\n}\n\n#wcConfigurator .Dropdown-option {\n  box-sizing: border-box;\n  color: rgba(51, 51, 51, 0.8);\n  cursor: pointer;\n  display: block;\n  padding: 8px 10px;\n}\n\n#wcConfigurator .Dropdown-option:last-child {\n  border-bottom-right-radius: 2px;\n  border-bottom-left-radius: 2px;\n}\n\n#wcConfigurator .Dropdown-option:hover {\n  background-color: #f2f9fc;\n  color: #333;\n}\n\n#wcConfigurator .Dropdown-option.is-selected {\n  background-color: #f2f9fc;\n  color: #333;\n}\n\n#wcConfigurator .Dropdown-noresults {\n  box-sizing: border-box;\n  color: #ccc;\n  cursor: default;\n  display: block;\n  padding: 8px 10px;\n}\n";
 styleInject(css_248z);