@crystaldesign/diva-web-planner-react 24.14.0-beta.9 → 24.15.0-beta.1

package/build/esm/{index-87b1b655.js → index-e104602c.js}

@@ -1,10 +1,10 @@
-import { s as styleInject, u as useViewHandler } from './index-f37069da.js';
+import { s as styleInject, u as useViewHandler } from './index-78c00eed.js';
 import { useEffect } from 'react';
-import Inputbox from './index-2864e102.js';
-import { cssVariables } from './index-644b8046.js';
-import Product from './index-44161157.js';
-import Settings from './index-72da25bb.js';
-import TabGroup from './index-56f60451.js';
+import Inputbox from './index-2a3dcafb.js';
+import { cssVariables } from './index-6e0138ed.js';
+import Product from './index-40c692e3.js';
+import Settings from './index-dc38a14f.js';
+import TabGroup from './index-e0f74443.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
@@ -22,84 +22,84 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-b0d1aac9.js';
-import './index-6a4e568e.js';
+import './index-c5728dcc.js';
+import './index-da03ac83.js';
 import 'react-switch';
 import 'react-dropdown';
-import './index-c4e53eb2.js';
-import './index-423ca39e.js';
-import './index-4d4cf791.js';
-import './index-7aafbf0e.js';
-import './index-ec67b68e.js';
-import './index.module-29a609ca.js';
-import './index-7f1f0ccd.js';
-import './index-872ddf17.js';
-import './index-f878cc0e.js';
-import './index-f0f94304.js';
-import './index-2290bd6c.js';
-import './index-853b1399.js';
+import './index-b9ebe6ae.js';
+import './index-cad0350b.js';
+import './index-4fec04c5.js';
+import './index-d936cd51.js';
+import './index-2837cc66.js';
+import './index.module-702a1e11.js';
+import './index-b8cc69c9.js';
+import './index-c84f1694.js';
+import './index-86c21008.js';
+import './index-8caf1d13.js';
+import './index-4890dffc.js';
+import './index-71faed98.js';
 import '@crystaldesign/content-box';
-import './index-aa96446b.js';
-import './index-a64e88a7.js';
+import './index-5fedc70f.js';
+import './index-e870f0ab.js';
 import '@crystaldesign/content-item';
 import 'react-draggable';
-import './index-e0bd96ce.js';
-import './index-31815467.js';
-import './index-6a5720c4.js';
-import './index-e18b0f1c.js';
-import './index-ef719a33.js';
+import './index-1aabf2d6.js';
+import './index-3aa9b5d6.js';
+import './index-8f367602.js';
+import './index-33f908f6.js';
+import './index-40e56edf.js';
 import 'react-laag';
-import './index-eaee9a8a.js';
-import './index-1728d1bd.js';
-import './index-f7b42992.js';
+import './index-d2a408bd.js';
+import './index-00d23ccb.js';
+import './index-44e5cfbe.js';
 import 'sift';
-import './index-6a70e5b3.js';
-import './index-46e6e40f.js';
-import './index-bcbd80e5.js';
-import './index-5a46022e.js';
-import './index.module-82b57313.js';
-import './index-05e5de5b.js';
-import './index-c6c2ce62.js';
-import './index-cb82f975.js';
-import './index-57f275c8.js';
-import './index-0586d33f.js';
-import './index-1728be0c.js';
-import './index-835e5657.js';
-import './index-8747643c.js';
-import './index-94a6e624.js';
-import './index-7323277f.js';
-import './index-31ab9df1.js';
+import './index-e59e8329.js';
+import './index-59d02025.js';
+import './index-9acec70e.js';
+import './index-a0e5ef19.js';
+import './index.module-4d7bf583.js';
+import './index-007fc7e3.js';
+import './index-2dc56e9a.js';
+import './index-7998c732.js';
+import './index-b25979c4.js';
+import './index-3c1f3355.js';
+import './index-bdf685bc.js';
+import './index-6fef9dff.js';
+import './index-a6180195.js';
+import './index-42fa0481.js';
+import './index-4ff6104b.js';
+import './index-d97360e8.js';
 import '@crystaldesign/products-component';
-import './index-d7e30b8d.js';
-import './index-91e8222b.js';
-import './index-2d788823.js';
-import './index-b66a4bd4.js';
-import './index-62da2053.js';
-import './index-5a86771b.js';
-import './index-9209f4d4.js';
-import './index-ad03c196.js';
-import './index-87b5753a.js';
-import './index-e65bfb61.js';
-import './index-63bb458b.js';
-import './index-1997099c.js';
-import './index-bcf333b3.js';
-import './index.module-30bda910.js';
-import './index-fd7b60d3.js';
-import './index-de7f0aa6.js';
-import './index-f4a3ffe0.js';
-import './index-205bb466.js';
-import './index-2fb786f7.js';
-import './index-c7db46f5.js';
-import './index-7ad8a57a.js';
-import './index.module-9fc11720.js';
-import './index-f1a1ab2f.js';
-import './index-20071788.js';
-import './index-5767b43c.js';
-import './index-c16069c2.js';
-import './index-cdaf58fc.js';
-import './index-1afd2b54.js';
-import './index-7f05803b.js';
-import './index-95fffd73.js';
+import './index-7a3d3d31.js';
+import './index-b9af893f.js';
+import './index-0fa77985.js';
+import './index-681fe5cc.js';
+import './index-0c92ea5c.js';
+import './index-6231d6c0.js';
+import './index-1f72abf6.js';
+import './index-8c0ebda9.js';
+import './index-e24c19c9.js';
+import './index-86e78ee9.js';
+import './index-84c9ffd8.js';
+import './index-13a34f64.js';
+import './index-bc909eae.js';
+import './index.module-4860657e.js';
+import './index-4635d1ae.js';
+import './index-8fcad7e8.js';
+import './index-6b373137.js';
+import './index-de52cdea.js';
+import './index-77de5457.js';
+import './index-511c4366.js';
+import './index-ff536ff0.js';
+import './index.module-9403b3fe.js';
+import './index-853c176e.js';
+import './index-37ace25f.js';
+import './index-d9b129f1.js';
+import './index-97fe941b.js';
+import './index-517c163f.js';
+import './index-80d64353.js';
+import './index-d8c33a2d.js';
+import './index-d2f6d343.js';
 
 var wcConfigurator = "wcConfigurator-VvOGT";
 var wcConfiguratorSteps = "wc-configurator-steps-CYXm7";

package/build/esm/{index-b5e8ac54.js → index-e16bd342.js}

@@ -1,5 +1,5 @@
-import { s as styleInject } from './index-f37069da.js';
-import ProductHeader from './index-06b47c3d.js';
+import { s as styleInject } from './index-78c00eed.js';
+import ProductHeader from './index-9e004176.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -17,9 +17,9 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'mobx-react-lite';
 import 'classnames';
-import './index-7c2b4cd1.js';
+import './index-fff233f3.js';
 import '@crystaldesign/content-box';
-import './index-a64e88a7.js';
+import './index-e870f0ab.js';
 import '@crystaldesign/content-item';
 import 'react-draggable';
 

package/build/esm/{index-87b5753a.js → index-e24c19c9.js}

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

package/build/esm/{index-29b3524e.js → index-e290c400.js}

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

package/build/esm/{index-90cbc60f.js → index-e2c3b613.js}

@@ -1,7 +1,7 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { a as usePlannerUIHandler } from './index-f37069da.js';
+import { a as usePlannerUIHandler } from './index-78c00eed.js';
 import { useState } from 'react';
-import DPACC from './index-51ac9599.js';
+import DPACC from './index-1c5eacf2.js';
 import { Vector2 } from '@crystaldesign/web-planner-logic';
 import { jsx, Fragment } from 'react/jsx-runtime';
 

package/build/esm/{index-53f5c5c8.js → index-e32c6b03.js}

@@ -1,23 +1,23 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { a as usePlannerUIHandler, u as useViewHandler } from './index-f37069da.js';
+import { a as usePlannerUIHandler, u as useViewHandler } from './index-78c00eed.js';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import AVL from './index-c653356d.js';
-import AVR from './index-9f2e607e.js';
-import Outline from './index-38a9ad48.js';
-import RotationClockwise from './index-965d855c.js';
-import RotationCounterClockwise from './index-8c3a9e2c.js';
-import Trash from './index-3f70040b.js';
-import { u as useDockingPointPositioning, I as ItemsDPAccContainer } from './index-90cbc60f.js';
+import AVL from './index-55ba96a6.js';
+import AVR from './index-a0abdb7f.js';
+import Outline from './index-630686ea.js';
+import RotationClockwise from './index-dafa5f25.js';
+import RotationCounterClockwise from './index-3c9930ed.js';
+import Trash from './index-78781ebd.js';
+import { u as useDockingPointPositioning, I as ItemsDPAccContainer } from './index-e2c3b613.js';
 import { Vector2 } from '@crystaldesign/web-planner-logic';
-import PosNr from './index-6fd7f393.js';
-import BoxCopy from './index-56d8cda7.js';
-import Move3DGrid from './index-38215619.js';
-import Rotation3DGrid from './index-7d5c27f6.js';
+import PosNr from './index-7b38889d.js';
+import BoxCopy from './index-d70d2f75.js';
+import Move3DGrid from './index-2781eb94.js';
+import Rotation3DGrid from './index-37d467ee.js';
 import { getLogger } from '@crystaldesign/diva-core';
 import { DivaError } from '@crystaldesign/diva-utils';
-import ElementCopy from './index-cdfa9e28.js';
-import DistanceToGround from './index-1b18a545.js';
+import ElementCopy from './index-47587365.js';
+import DistanceToGround from './index-1b84adec.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-51ac9599.js';
+import './index-1c5eacf2.js';
 import 'react-draggable';
 
 function usePosNrPositioning(_ref) {
@@ -209,7 +209,7 @@ function useTrashPositioning(_ref) {
           if (trashItem !== null && trashItem !== void 0 && trashItem.rotOfElement) offsetVec = Vector2.rotateOrigin(offsetVec, trashItem.rotOfElement);
           left = posNrRect.left + offsetVec.x;
           top = posNrRect.top + offsetVec.y;
-        } else if ((trashItem === null || trashItem === void 0 ? void 0 : trashItem.plannerMode) == '3D') {
+        } else if ((trashItem === null || trashItem === void 0 ? void 0 : trashItem.plannerMode) == '3D' || (trashItem === null || trashItem === void 0 ? void 0 : trashItem.plannerMode) == 'BOX') {
           if (viewConfig.enableElementCopy) {
             useCalc = true;
             leftCalc = 'calc(' + posNrRect.left.toString() + '% - ' + posNrRect.width / 1.8 + 'px)';
@@ -235,7 +235,7 @@ function useTrashPositioning(_ref) {
             left = left + offsetVec.x;
             top = top + offsetVec.y;
           }
-        } else if ((trashItem === null || trashItem === void 0 ? void 0 : trashItem.plannerMode) == '3D') {
+        } else if ((trashItem === null || trashItem === void 0 ? void 0 : trashItem.plannerMode) == '3D' || (trashItem === null || trashItem === void 0 ? void 0 : trashItem.plannerMode) == 'BOX') {
           if (boxPlannerCopyLeftRect || boxPlannerCopyRightRect || boxPlannerCopyTopRect) {
             //if one of the bounding box Copy Icons is set -> check for collision with one copy element.
             var collisionFound = false;

package/build/esm/{index-62060d2e.js → index-e41f602f.js}

@@ -1,11 +1,11 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-f37069da.js';
+import { s as styleInject, u as useViewHandler } from './index-78c00eed.js';
 import { useState, useEffect } from 'react';
 import { useTranslation, DivaUtils } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import Collapsible from 'react-collapsible';
 import { observer } from 'mobx-react-lite';
-import InfoIcon from './index-05e5de5b.js';
+import InfoIcon from './index-007fc7e3.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -28,7 +28,7 @@ var deltaPriceVisible = "deltaPriceVisible-yzRB0";
 var wcFoldingArrow = "wcFoldingArrow-Ta8kT";
 var wcGroupOpen = "wcGroupOpen-oAf0q";
 var wcDeltaPrice = "wcDeltaPrice-7E6Jg";
-var css_248z = ".wrapper--ib5A {\n  width: 100%;\n}\n\n.wcConfigurator-settings-Jey-L .wcGroupedContainer-PIV-1 {\n  transition: all 0.35s ease;\n  box-sizing: content-box;\n  overflow: visible;\n  display: inline-block;\n  width: 100%;\n}\n\n.wcPaletteHeader-743rE.wcSizeGroupHeader-qNjZR {\n  border-radius: 0 !important;\n  border-radius: initial !important;\n}\n\n.wcPaletteHeader-743rE.wcSizeGroupHeader-qNjZR {\n  width: 98%;\n  height: 24px;\n  padding-top: 9.6px;\n  border-bottom: 1px solid #dfdfdf;\n  position: relative;\n  display: flex;\n  z-index: 100;\n  margin-left: 1%;\n  margin-right: 1%;\n}\n.wcPaletteHeader-743rE.wcSizeGroupHeader-qNjZR:hover {\n  z-index: 200;\n}\n\n.wcGroupHeaderTitle-vGDWm {\n  font-size: 17.6px;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  -webkit-text-stroke: 0.4px;\n  width: calc(100% - 32px);\n  margin-left: 32px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n}\n\n.deltaPriceVisible-yzRB0.wcGroupHeaderTitle-vGDWm {\n  width: calc(100% - 132px);\n  height: 100%;\n}\n.wcGroupHeaderTitle-vGDWm:hover {\n  z-index: 200;\n}\n\n.wcPaletteHeader-743rE .wcFoldingArrow-Ta8kT {\n  position: absolute;\n  margin: 6.4px;\n  top: 0px;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2211%22 height%3D%227%22 viewBox%3D%220 0 11 7%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M10.4375 0.688354L6.15179 5.68835L1.4375 0.688354%22 stroke%3D%22%236F6F6F%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: contain;\n  transform: rotateZ(0deg);\n  transition: all 0.35s ease;\n  width: 20.8px;\n  height: 22.4px;\n}\n\n.wcGroupOpen-oAf0q .wcPaletteHeader-743rE .wcFoldingArrow-Ta8kT {\n  transform: rotateZ(180deg);\n}\n\n.wcDeltaPrice-7E6Jg {\n  position: absolute;\n  right: 16px;\n}\n";
+var css_248z = ".wrapper--ib5A {\n  width: 100%;\n}\n\n.wcConfigurator-settings-Jey-L .wcGroupedContainer-PIV-1 {\n  transition: all 0.35s ease;\n  box-sizing: content-box;\n  overflow: visible;\n  display: inline-block;\n  width: 100%;\n}\n\n.wcPaletteHeader-743rE.wcSizeGroupHeader-qNjZR {\n  border-radius: 0 !important;\n  border-radius: initial !important;\n}\n\n.wcPaletteHeader-743rE.wcSizeGroupHeader-qNjZR {\n  width: 98%;\n  height: 34px;\n  border-bottom: 1px solid #dfdfdf;\n  position: relative;\n  display: flex;\n  z-index: 100;\n  margin-left: 1%;\n  margin-right: 1%;\n  align-items: center;\n}\n.wcPaletteHeader-743rE.wcSizeGroupHeader-qNjZR:hover {\n  z-index: 200;\n}\n\n.wcGroupHeaderTitle-vGDWm {\n  font-size: 17.6px;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  -webkit-text-stroke: 0.4px;\n  width: calc(100% - 32px);\n  margin-top: 6px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n}\n\n.deltaPriceVisible-yzRB0.wcGroupHeaderTitle-vGDWm {\n  width: calc(100% - 132px);\n  height: 100%;\n}\n.wcGroupHeaderTitle-vGDWm:hover {\n  z-index: 200;\n}\n\n.wcPaletteHeader-743rE .wcFoldingArrow-Ta8kT {\n  margin: 0px 6px;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2211%22 height%3D%227%22 viewBox%3D%220 0 11 7%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M10.4375 0.688354L6.15179 5.68835L1.4375 0.688354%22 stroke%3D%22%236F6F6F%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: contain;\n  transform: rotateZ(0deg);\n  transition: all 0.35s ease;\n  width: 20.8px;\n  height: 22.4px;\n}\n\n.wcGroupOpen-oAf0q .wcPaletteHeader-743rE .wcFoldingArrow-Ta8kT {\n  transform: rotateZ(180deg);\n}\n\n.wcDeltaPrice-7E6Jg {\n  position: absolute;\n  right: 16px;\n}\n";
 styleInject(css_248z);
 
 var Group = function Group(_ref) {
@@ -83,18 +83,20 @@ var Group = function Group(_ref) {
       trigger: /*#__PURE__*/jsxs("div", {
         className: classnames(wcPaletteHeader, wcSizeGroupHeader),
         children: [/*#__PURE__*/jsx("div", {
-          className: classnames(wcGroupHeaderTitle, deltaPrice !== undefined ? deltaPriceVisible : undefined),
-          children: title
-        }), deltaPrice !== undefined && /*#__PURE__*/jsx("div", {
-          className: classnames(wcDeltaPrice),
-          children: (deltaPrice >= 0 ? '+' : '-') + ' ' + DivaUtils.formatPrice(Math.abs(deltaPrice))
+          className: classnames(wcFoldingArrow)
         }), group.contentItemId && /*#__PURE__*/jsx(InfoIcon, {
           item: group,
           style: {
-            bottom: 8
+            zIndex: 100,
+            margin: '0px 10px',
+            position: 'relative'
           }
         }), /*#__PURE__*/jsx("div", {
-          className: classnames(wcFoldingArrow)
+          className: classnames(wcGroupHeaderTitle, deltaPrice !== undefined ? deltaPriceVisible : undefined),
+          children: title
+        }), deltaPrice !== undefined && /*#__PURE__*/jsx("div", {
+          className: classnames(wcDeltaPrice),
+          children: (deltaPrice >= 0 ? '+' : '-') + ' ' + DivaUtils.formatPrice(Math.abs(deltaPrice))
         })]
       }),
       easing: "ease",

package/build/esm/{index-6a70e5b3.js → index-e59e8329.js}

@@ -1,8 +1,8 @@
-import { s as styleInject, u as useViewHandler } from './index-f37069da.js';
+import { s as styleInject, u as useViewHandler } from './index-78c00eed.js';
 import 'react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import SettingsHeader from './index-31815467.js';
+import SettingsHeader from './index-3aa9b5d6.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -32,7 +32,8 @@ styleInject(css_248z);
 var TextBox = function TextBox(_ref) {
   var _viewHandler$getViewC, _items$2;
   var item = _ref.item,
-    paletteId = _ref.paletteId;
+    paletteId = _ref.paletteId,
+    style = _ref.style;
   var viewHandler = useViewHandler();
   var items = item.groups[0].items;
   var handleChange = function handleChange(e) {
@@ -51,6 +52,7 @@ var TextBox = function TextBox(_ref) {
     ref: function ref(_ref2) {
       return item.htmlRef = _ref2;
     },
+    style: style,
     children: [/*#__PURE__*/jsx("div", {
       className: classnames(colum, title, left),
       children: /*#__PURE__*/jsx(SettingsHeader, {

package/build/esm/{index-0c323c85.js → index-e5e02418.js}

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

package/build/esm/{index-14361f63.js → index-e678c893.js}

@@ -1,10 +1,10 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-f37069da.js';
+import { u as useViewHandler } from './index-78c00eed.js';
 import classnames from 'classnames';
 import { useState, useEffect } from 'react';
 import Dropdown from 'react-dropdown';
-import { w as wrapper, d as dropdownRoot, a as dropdownControl } from './index.module-5d43ea6e.js';
-import Arrow from './index-0586d33f.js';
+import { w as wrapper, d as dropdownRoot, a as dropdownControl } from './index.module-8db08a16.js';
+import Arrow from './index-3c1f3355.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-c8ee5102.js → index-e708c991.js}

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-f37069da.js';
+import { s as styleInject, u as useViewHandler } from './index-78c00eed.js';
 import 'react';
-import BasketActionStandard from './index-bd4650b0.js';
+import BasketActionStandard from './index-894eaea6.js';
 import { observer } from 'mobx-react-lite';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-a64e88a7.js → index-e870f0ab.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-f37069da.js';
+import { s as styleInject, u as useViewHandler } from './index-78c00eed.js';
 import { observer } from 'mobx-react-lite';
 import { getLogger, useDivaCore, useTranslation } from '@crystaldesign/diva-core';
 import { useState, useEffect } from 'react';

package/build/esm/{index-b5faea08.js → index-ea2a8546.js}

@@ -1,8 +1,8 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-f37069da.js';
+import { s as styleInject, u as useViewHandler } from './index-78c00eed.js';
 import { useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
-import { S as SettingsItem } from './index-f7b42992.js';
+import { S as SettingsItem } from './index-44e5cfbe.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -18,54 +18,54 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'sift';
-import './index-6a70e5b3.js';
-import './index-31815467.js';
-import './index-46e6e40f.js';
-import './index-bcbd80e5.js';
-import './index-5a46022e.js';
-import './index.module-82b57313.js';
-import './index-6a4e568e.js';
+import './index-e59e8329.js';
+import './index-3aa9b5d6.js';
+import './index-59d02025.js';
+import './index-9acec70e.js';
+import './index-a0e5ef19.js';
+import './index.module-4d7bf583.js';
+import './index-da03ac83.js';
 import 'react-switch';
-import './index-05e5de5b.js';
-import './index-c6c2ce62.js';
+import './index-007fc7e3.js';
+import './index-2dc56e9a.js';
 import 'react-dropdown';
-import './index-cb82f975.js';
+import './index-7998c732.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-57f275c8.js';
-import './index-0586d33f.js';
-import './index-1728be0c.js';
+import './index-b25979c4.js';
+import './index-3c1f3355.js';
+import './index-bdf685bc.js';
 import '@crystaldesign/content-box';
-import './index-835e5657.js';
-import './index-8747643c.js';
-import './index-94a6e624.js';
-import './index-7323277f.js';
-import './index-31ab9df1.js';
+import './index-6fef9dff.js';
+import './index-a6180195.js';
+import './index-42fa0481.js';
+import './index-4ff6104b.js';
+import './index-d97360e8.js';
 import '@crystaldesign/products-component';
-import './index-d7e30b8d.js';
-import './index-91e8222b.js';
-import './index-2d788823.js';
+import './index-7a3d3d31.js';
+import './index-b9af893f.js';
+import './index-0fa77985.js';
 import 'react-laag';
-import './index-b66a4bd4.js';
-import './index-62da2053.js';
-import './index-5a86771b.js';
-import './index-9209f4d4.js';
-import './index-ad03c196.js';
-import './index-87b5753a.js';
-import './index-e65bfb61.js';
-import './index-63bb458b.js';
-import './index-1997099c.js';
-import './index-bcf333b3.js';
-import './index.module-30bda910.js';
-import './index-fd7b60d3.js';
-import './index-de7f0aa6.js';
-import './index-f4a3ffe0.js';
-import './index-205bb466.js';
-import './index-2fb786f7.js';
-import './index-c7db46f5.js';
-import './index-7ad8a57a.js';
-import './index.module-9fc11720.js';
-import './index-f1a1ab2f.js';
-import './index-20071788.js';
+import './index-681fe5cc.js';
+import './index-0c92ea5c.js';
+import './index-6231d6c0.js';
+import './index-1f72abf6.js';
+import './index-8c0ebda9.js';
+import './index-e24c19c9.js';
+import './index-86e78ee9.js';
+import './index-84c9ffd8.js';
+import './index-13a34f64.js';
+import './index-bc909eae.js';
+import './index.module-4860657e.js';
+import './index-4635d1ae.js';
+import './index-8fcad7e8.js';
+import './index-6b373137.js';
+import './index-de52cdea.js';
+import './index-77de5457.js';
+import './index-511c4366.js';
+import './index-ff536ff0.js';
+import './index.module-9403b3fe.js';
+import './index-853c176e.js';
+import './index-37ace25f.js';
 
 var productSettingsWrapper = "product-settings-wrapper-KOweX";
 var scrollWrapper = "scroll-wrapper-DI3EF";

package/build/esm/{index-e7813207.js → index-eb88b2a9.js}

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

package/build/esm/{index-e9d97637.js → index-ecdac0f1.js}

@@ -1,9 +1,9 @@
-import { u as useViewHandler } from './index-f37069da.js';
+import { u as useViewHandler } from './index-78c00eed.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import Collapsible from 'react-collapsible';
-import ConfigStep from './index-80700791.js';
-import Header from './index-1be6c0b1.js';
+import ConfigStep from './index-0dd8a8b3.js';
+import Header from './index-90fad762.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-304de3f7.js → index-ee179435.js}

@@ -1,7 +1,7 @@
-import { u as useViewHandler } from './index-f37069da.js';
+import { u as useViewHandler } from './index-78c00eed.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
-import { w as wcFunctionsToolbar, a as wcFunctionsContainer, c as wcIcon, k as wcResetIcon } from './index.module-45dbc7a5.js';
+import { w as wcFunctionsToolbar, a as wcFunctionsContainer, c as wcIcon, k as wcResetIcon } from './index.module-fff6a03b.js';
 import { useTranslation } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-3d544130.js → index-ee5793f5.js}

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

package/build/esm/{index-4909cae7.js → index-f2247c7a.js}

@@ -3,13 +3,14 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-f37069da.js';
+import { s as styleInject, u as useViewHandler } from './index-78c00eed.js';
 import { useState, useEffect } from 'react';
-import { n as notExpanded } from './index.module-a5126769.js';
+import { n as notExpanded } from './index.module-b61eb773.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { DivaUtils } from '@crystaldesign/diva-core';
-import ReactJson from 'react-json-view';
+import { JsonView } from 'react-json-view-lite';
+import 'react-json-view-lite/dist/index.css';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -65,6 +66,9 @@ var PartListAnalyzer = function PartListAnalyzer(_ref) {
   }
   return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
     className: classnames(props.className, scrollable, viewHandler.uiState.configSettingsIsExpanded ? notExpanded : undefined),
+    style: {
+      zIndex: 800
+    },
     children: [/*#__PURE__*/jsx("a", {
       className: header,
       children: "St\xFCcklisten \xDCbersicht"
@@ -87,15 +91,8 @@ var PartListAnalyzer = function PartListAnalyzer(_ref) {
               children: [/*#__PURE__*/jsxs("th", {
                 children: [" ", partListArticle.codex]
               }), /*#__PURE__*/jsx("th", {
-                children: /*#__PURE__*/jsx(ReactJson, {
-                  collapseStringsAfterLength: false,
-                  enableClipboard: false,
-                  collapsed: 1,
-                  displayDataTypes: false,
-                  displayObjectSize: false,
-                  shouldCollapse: false,
-                  theme: 'ashes',
-                  src: partListArticle.dec
+                children: /*#__PURE__*/jsx(JsonView, {
+                  data: partListArticle.dec
                 }, viewHandler.settingsState.configChanged)
               })]
             }, index);
@@ -108,6 +105,7 @@ var PartListAnalyzer = function PartListAnalyzer(_ref) {
 var getPartlistArticles = function getPartlistArticles(article, partlistArticles) {
   var _article$catalogArtic;
   var pls = (_article$catalogArtic = article.catalogArticle.partlistArticlesRules) === null || _article$catalogArtic === void 0 ? void 0 : _article$catalogArtic[0].PartListPos;
+  if (!pls) return [];
   var _loop = function _loop() {
     var partlistArticle = pls[i];
     var dec = article.decisions.find(function (dec) {
@@ -118,8 +116,7 @@ var getPartlistArticles = function getPartlistArticles(article, partlistArticles
       doc: dec === null || dec === void 0 ? void 0 : dec.DOC
     });
   };
-  for (var i = 0; i < ((_ref3 = pls !== null && pls !== void 0 ? pls : []) === null || _ref3 === void 0 ? void 0 : _ref3.length); i++) {
-    var _ref3;
+  for (var i = 0; i < pls.length; i++) {
     _loop();
   }
   return partlistArticles;