@crystaldesign/diva-web-planner-react 25.1.0-beta.11 → 25.1.0-beta.13

package/build/esm/{index-fd1b09ee.js → index-ec25ac1f.js}

@@ -1,15 +1,15 @@
-import { s as styleInject, u as useViewHandler } from './index-55a00321.js';
-import 'react';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import { s as styleInject, u as useViewHandler } from './index-04f54d08.js';
+import { useRef, useState } from 'react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import SettingsHeader from './index-4fddbdcf.js';
+import SettingsHeader from './index-6b348748.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/regenerator';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
 import '@crystaldesign/diva-core';
@@ -29,28 +29,57 @@ var languageTitle = "language-title-OOwzi";
 var css_248z = ".PaletteItem-pPFog {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  width: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n}\n\n.PaletteItem-pPFog:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n.PaletteItem-pPFog:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.wcTextBox-S90ki {\n  width: 100%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n}\n\n.row-U3gX- {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n}\n\n.title-Hgohv {\n  display: flex;\n}\n.left-0Vchg {\n  width: 40%;\n}\n.right-jyg7C {\n  width: 60%;\n}\n\n.colum-DdC26 {\n  margin: 8px;\n  white-space: nowrap;\n}\n\n.language-wrapper-mZdxS {\n  display: flex;\n}\n.language-title-OOwzi {\n  width: 50px;\n  line-height: 60px;\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; }
+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 TextBox = function TextBox(_ref) {
-  var _viewHandler$getViewC, _items$2;
+  var _viewHandler$getViewC, _items$;
   var item = _ref.item,
     paletteId = _ref.paletteId,
     style = _ref.style;
   var viewHandler = useViewHandler();
+  var throttleRef = useRef(null);
   var items = item.groups[0].items;
+  var _useState = useState(items[0].freeTextLang),
+    _useState2 = _slicedToArray(_useState, 2),
+    valueLang = _useState2[0],
+    setValueLang = _useState2[1];
   var handleChange = function handleChange(e) {
     if (items[0]) {
       items[0].freeText = e.target.value;
       viewHandler.paletteViewHandler.clickedOnConfigPalette(items[0], 'inputbox', paletteId);
     }
   };
+
   //for classification
   var handleLangTextChange = function handleLangTextChange(lang, value) {
-    viewHandler.paletteViewHandler.onFreeTextLangChanged(lang, value, items[0], paletteId);
+    //delay logic update for 500ms
+    if (throttleRef.current) clearTimeout(throttleRef.current);
+    throttleRef.current = setTimeout(function () {
+      return updateLangLogic(lang, value);
+    }, 500);
+    setValueLang(_objectSpread(_objectSpread({}, valueLang), {}, _defineProperty({}, lang, value)));
   };
+  var updateLangLogic = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(lang, value) {
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            viewHandler.paletteViewHandler.onFreeTextLangChanged(lang, value, items[0], paletteId);
+          case 1:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function updateLangLogic(_x, _x2) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
   var languages = (_viewHandler$getViewC = viewHandler.getViewConfig().languagesForInput) !== null && _viewHandler$getViewC !== void 0 ? _viewHandler$getViewC : [];
   return /*#__PURE__*/jsxs("div", {
     className: row,
-    ref: function ref(_ref2) {
-      return item.htmlRef = _ref2;
+    ref: function ref(_ref3) {
+      return item.htmlRef = _ref3;
     },
     style: style,
     children: [/*#__PURE__*/jsx("div", {
@@ -64,7 +93,6 @@ var TextBox = function TextBox(_ref) {
       className: classnames(colum, right),
       children: languages.length ? /*#__PURE__*/jsx(Fragment, {
         children: languages.map(function (lang) {
-          var _items$;
           return /*#__PURE__*/jsxs("div", {
             className: languageWrapper,
             children: [/*#__PURE__*/jsx("div", {
@@ -76,7 +104,7 @@ var TextBox = function TextBox(_ref) {
                 return handleLangTextChange(lang, e.target.value);
               },
               type: "text",
-              value: (_items$ = items[0]) !== null && _items$ !== void 0 && (_items$ = _items$.freeTextLang) !== null && _items$ !== void 0 && _items$[lang] ? items[0].freeTextLang[lang] : ''
+              value: valueLang === null || valueLang === void 0 ? void 0 : valueLang[lang]
             })]
           }, lang);
         })
@@ -85,7 +113,7 @@ var TextBox = function TextBox(_ref) {
           className: wcTextBox,
           onChange: handleChange,
           type: "text",
-          value: (_items$2 = items[0]) !== null && _items$2 !== void 0 && _items$2.freeText ? items[0].freeText : ''
+          value: (_items$ = items[0]) !== null && _items$ !== void 0 && _items$.freeText ? items[0].freeText : ''
         })
       })
     })]

package/build/esm/{index-3bd7510a.js → index-ec4c7c4c.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler, a as usePlannerUIHandler } from './index-55a00321.js';
+import { u as useViewHandler, a as usePlannerUIHandler } from './index-04f54d08.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';

package/build/esm/{index-5cc27212.js → index-ed4426ee.js}

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

package/build/esm/{index-7224dbdd.js → index-ee78f190.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-55a00321.js';
+import { s as styleInject } from './index-04f54d08.js';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { useState, useRef, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/{index-3b3c5d2c.js → index-eeccb613.js}

@@ -1,7 +1,7 @@
-import { s as styleInject } from './index-55a00321.js';
+import { s as styleInject } from './index-04f54d08.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
-import Item from './index-ee364353.js';
+import Item from './index-aebf18e2.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -17,10 +17,10 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'react-laag';
-import './index-487e6c7e.js';
-import './index-622dae07.js';
+import './index-26813fa1.js';
+import './index-e6ff0f26.js';
 import 'classnames';
-import './index-1e3f7e25.js';
+import './index-6740e291.js';
 
 var wrapper = "wrapper-Da1y8";
 var css_248z = ".wrapper-Da1y8 {\n  display: flex;\n  margin-left: 16px;\n  margin-right: 16px;\n  gap: 6px 10px;\n  overflow: auto;\n  width: 100%;\n  flex-wrap: wrap;\n}\n";

package/build/esm/{index-b16009e3.js → index-ef262b5d.js}

@@ -1,16 +1,16 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-55a00321.js';
+import { s as styleInject, u as useViewHandler } from './index-04f54d08.js';
 import 'react';
-import { w as wholeWrapper, n as notExpanded } from './index.module-a234241d.js';
-import TabGroups from './index-df7f1f72.js';
-import TabGroupOptions from './index-06c2e040.js';
+import { w as wholeWrapper, n as notExpanded } from './index.module-c718a574.js';
+import TabGroups from './index-11a33104.js';
+import TabGroupOptions from './index-63152bd2.js';
 import { observer } from 'mobx-react-lite';
-import ProduktDetails from './index-ee16a4be.js';
+import ProduktDetails from './index-440b8756.js';
 import Collapsible from 'react-collapsible';
-import Price from './index-2078a01b.js';
+import Price from './index-3b0d2634.js';
 import classnames from 'classnames';
-import JsonViewer from './index-c29d33ec.js';
+import JsonViewer from './index-20f0e480.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -24,9 +24,9 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index.module-d5600bd3.js';
+import './index.module-43ed84c7.js';
 import 'react-json-view-lite';
-import './react-json-viewer-51055d93.js';
+import './react-json-viewer-57381d50.js';
 
 var menuPoint = "menu-point-Bz5zM";
 var collapsibleHeader = "collapsibleHeader-lzT9Y";

package/build/esm/{index-4e2c321c.js → index-f1633e22.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-55a00321.js';
+import { s as styleInject } from './index-04f54d08.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useDivaCore } from '@crystaldesign/diva-core';

package/build/esm/{index-61d2e985.js → index-f1c8b539.js}

@@ -1,4 +1,4 @@
-import './index-55a00321.js';
+import './index-04f54d08.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-667886e8.js → index-f220f65f.js}

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

package/build/esm/{index-893a2a7e.js → index-f34fecb6.js}

@@ -1,13 +1,13 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-55a00321.js';
+import { u as useViewHandler } from './index-04f54d08.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useRef, useEffect } from 'react';
 import { useLayer } from 'react-laag';
-import Tooltip from './index-e1718716.js';
+import Tooltip from './index-3c855864.js';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import FullscreenAr from './index-f6bdde6b.js';
+import FullscreenAr from './index-b8536809.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-1b6d244f.js → index-f3b7629c.js}

@@ -1,11 +1,11 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-55a00321.js';
+import { s as styleInject, u as useViewHandler } from './index-04f54d08.js';
 import { useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
-import { b as wcFunctionsContainer, d as wcIcon } from './index.module-6c2b82f9.js';
+import { b as wcFunctionsContainer, d as wcIcon } from './index.module-766d7c39.js';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import Share from './index-f654d6c1.js';
+import Share from './index-9856b722.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-a605f7df.js → index-f43496ce.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-55a00321.js';
+import { s as styleInject, u as useViewHandler } from './index-04f54d08.js';
 import { observer } from 'mobx-react-lite';
-import { useState, useEffect } from 'react';
-import StepInfo from './index-67580079.js';
+import { useRef, useState, useEffect } from 'react';
+import StepInfo from './index-48253c12.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -30,6 +30,7 @@ var NumberBox = function NumberBox(_ref) {
     paletteId = _ref.paletteId,
     groupSize = _ref.groupSize;
   var item = itemP;
+  var throttleRef = useRef(null);
   var viewHandler = useViewHandler();
   var itemPalette = viewHandler.settingsState.itemPalettes.get(paletteId);
   var _useState = useState(false),
@@ -63,12 +64,13 @@ var NumberBox = function NumberBox(_ref) {
           case 4:
             value = value.replace(/[^0-9.,]/g, '');
             if (value.includes(',') && viewHandler.getViewConfig().allowComma) value = value.replace(/\,/g, '.');
-            if (!itemPalette) {
-              _context.next = 9;
-              break;
-            }
-            _context.next = 9;
-            return viewHandler.paletteViewHandler.onRangeClickChange(itemPalette, item, value);
+
+            //delay logic update for 500ms
+            if (throttleRef.current) clearTimeout(throttleRef.current);
+            throttleRef.current = setTimeout(function () {
+              return updateLogic(value);
+            }, 500);
+            setValue(value);
           case 9:
           case "end":
             return _context.stop();
@@ -79,13 +81,34 @@ var NumberBox = function NumberBox(_ref) {
       return _ref2.apply(this, arguments);
     };
   }();
+  var updateLogic = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(value) {
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            if (!itemPalette) {
+              _context2.next = 3;
+              break;
+            }
+            _context2.next = 3;
+            return viewHandler.paletteViewHandler.onRangeClickChange(itemPalette, item, value);
+          case 3:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function updateLogic(_x2) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
   useEffect(function () {
     var _itemPalette$selected2, _itemPalette$selected3;
     setValue((_itemPalette$selected2 = (_itemPalette$selected3 = itemPalette.selectedElements) === null || _itemPalette$selected3 === void 0 || (_itemPalette$selected3 = _itemPalette$selected3[0]) === null || _itemPalette$selected3 === void 0 ? void 0 : _itemPalette$selected3.freeText) !== null && _itemPalette$selected2 !== void 0 ? _itemPalette$selected2 : '');
   }, [(_itemPalette$selected4 = itemPalette.selectedElements) === null || _itemPalette$selected4 === void 0 || (_itemPalette$selected4 = _itemPalette$selected4[0]) === null || _itemPalette$selected4 === void 0 ? void 0 : _itemPalette$selected4.freeText]);
   return /*#__PURE__*/jsxs("div", {
-    ref: function ref(_ref3) {
-      if (itemPalette) itemPalette.htmlRef = _ref3;
+    ref: function ref(_ref4) {
+      if (itemPalette) itemPalette.htmlRef = _ref4;
     },
     style: {
       display: 'block',

package/build/esm/{index-84fa97f5.js → index-f4945098.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-55a00321.js';
+import './index-04f54d08.js';
 import { observer } from 'mobx-react-lite';
 import { createElement } from 'react';
-import Group from './index-2a9baea0.js';
+import Group from './index-9d45e0d1.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -18,8 +18,8 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'classnames';
 import 'react-collapsible';
-import './index-11f9a0ec.js';
-import './index-622dae07.js';
+import './index-a1970fa7.js';
+import './index-e6ff0f26.js';
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }

package/build/esm/{index-d429e9c9.js → index-f605e7f5.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-55a00321.js';
+import { s as styleInject, u as useViewHandler } from './index-04f54d08.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import SettingsHeader from './index-4fddbdcf.js';
-import SettingsConfigSingle from './index-8b62cbc0.js';
-import SettingsPosNr from './index-6c1b1c10.js';
+import SettingsHeader from './index-6b348748.js';
+import SettingsConfigSingle from './index-023305a6.js';
+import SettingsPosNr from './index-6446725b.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -20,9 +20,9 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-2864d8c8.js';
+import './index-302077ed.js';
 import 'react-laag';
-import './index-4e2c321c.js';
+import './index-f1633e22.js';
 
 var wcConfiguratorSettingsFoldConfSettings = "wcConfigurator-settings-FoldConfSettings-hZych";
 var landscape = "landscape-LFbXM";

package/build/esm/{index-9b9d9cd0.js → index-f7d79f9d.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-55a00321.js';
+import { s as styleInject, u as useViewHandler } from './index-04f54d08.js';
 import { observer } from 'mobx-react-lite';
 import { getLogger, useDivaCore, useTranslation } from '@crystaldesign/diva-core';
 import { useRef, useState, useEffect } from 'react';

package/build/esm/{index-c0fd0d05.js → index-fb7c12ae.js}

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

package/build/esm/{index-50782d86.js → index-fcb7f1c5.js}

@@ -1,23 +1,23 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { a as usePlannerUIHandler, u as useViewHandler } from './index-55a00321.js';
+import { a as usePlannerUIHandler, u as useViewHandler } from './index-04f54d08.js';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import AVL from './index-000bdb57.js';
-import AVR from './index-6c4b445d.js';
-import Outline from './index-5c58822d.js';
-import RotationClockwise from './index-61d2e985.js';
-import RotationCounterClockwise from './index-0455ef32.js';
-import Trash from './index-52c5b486.js';
-import { u as useDockingPointPositioning, I as ItemsDPAccContainer } from './index-4d3f2029.js';
+import AVL from './index-678d90d7.js';
+import AVR from './index-ae5e6390.js';
+import Outline from './index-6c6bde17.js';
+import RotationClockwise from './index-f1c8b539.js';
+import RotationCounterClockwise from './index-3e2e0e38.js';
+import Trash from './index-d7c01cf5.js';
+import { u as useDockingPointPositioning, I as ItemsDPAccContainer } from './index-42bb4d3b.js';
 import { Vector2 } from '@crystaldesign/web-planner-logic';
-import PosNr from './index-9a08aa98.js';
-import BoxCopy from './index-ae6c3a31.js';
-import Move3DGrid from './index-be53d030.js';
-import Rotation3DGrid from './index-ed9fbbcb.js';
+import PosNr from './index-7800ccb3.js';
+import BoxCopy from './index-58cc98d5.js';
+import Move3DGrid from './index-eb963764.js';
+import Rotation3DGrid from './index-92b65d49.js';
 import { getLogger } from '@crystaldesign/diva-core';
 import { DivaError } from '@crystaldesign/diva-utils';
-import ElementCopy from './index-40ca3b5e.js';
-import DistanceToGround from './index-3aec35cb.js';
+import ElementCopy from './index-9ac4dd5e.js';
+import DistanceToGround from './index-ae10ef3a.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-4a690359.js';
+import './index-ba0c95cd.js';
 import 'react-draggable';
 
 function usePosNrPositioning(_ref) {

package/build/esm/{index-26625ce2.js → index-fdd0912c.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-55a00321.js';
+import { s as styleInject, u as useViewHandler } from './index-04f54d08.js';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import ArQrCodeIcon from './index-893a2a7e.js';
+import ArQrCodeIcon from './index-f34fecb6.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -18,9 +18,9 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'react-laag';
-import './index-e1718716.js';
+import './index-3c855864.js';
 import 'react-qr-code';
-import './index-f6bdde6b.js';
+import './index-b8536809.js';
 
 var wcNav3DToolbar = "wc_Nav3DToolbar-5t7Cu";
 var settingsHidden = "settings-hidden-xs6Vf";

package/build/esm/{index-bef77e8d.js → index-fded34d4.js}

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

package/build/esm/{index-690074cf.js → index-ffb1cee2.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-55a00321.js';
+import { s as styleInject, u as useViewHandler } from './index-04f54d08.js';
 import { useState, useEffect } from 'react';
 import OrbitControlElement from 'react-3d-cube-interaction';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-cb54e60a.js → index-ffcefdea.js}

@@ -1,14 +1,14 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { u as useViewHandler } from './index-55a00321.js';
+import { u as useViewHandler } from './index-04f54d08.js';
 import { toJS } from 'mobx';
 import { useState } from 'react';
-import { h as header } from './index.module-19e6c227.js';
-import { c as collapsibleHeader, d as dpArrow, b as dArrow, e as boxes, f as box, g as boxSelected, h as boxImage, j as jsonSelection, i as jsonSelected } from './index.module-d5600bd3.js';
+import { h as header } from './index.module-86da212a.js';
+import { c as collapsibleHeader, d as dpArrow, b as dArrow, e as boxes, f as box, g as boxSelected, h as boxImage, j as jsonSelection, i as jsonSelected } from './index.module-43ed84c7.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
-import { n as notExpanded } from './index.module-a234241d.js';
+import { n as notExpanded } from './index.module-c718a574.js';
 import Collapsible from 'react-collapsible';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/index.js

@@ -1,5 +1,5 @@
 import '@babel/runtime/helpers/defineProperty';
-export { W as WebPlannerReact, c as default } from './index-55a00321.js';
+export { W as WebPlannerReact, c as default } from './index-04f54d08.js';
 import 'react';
 import '@crystaldesign/diva-core';
 import 'react/jsx-runtime';

package/build/esm/{index.module-12e95927.js → index.module-2fdaa504.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-55a00321.js';
+import { s as styleInject } from './index-04f54d08.js';
 
 var svgWrapper = "svg-wrapper-hvaq9";
 var table = "table-GRFj-";

package/build/esm/{index.module-9e38f996.js → index.module-38016c64.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-55a00321.js';
+import { s as styleInject } from './index-04f54d08.js';
 
 var wcBoxPlannerAddElement = "wcBoxPlanner_AddElement-LWKJQ";
 var wcBoxPlannerAddElementLeft = "wcBoxPlanner_AddElementLeft-sCzAl";

package/build/esm/{index.module-d5600bd3.js → index.module-43ed84c7.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-55a00321.js';
+import { s as styleInject } from './index-04f54d08.js';
 
 var box = "box-vVSPN";
 var boxSelected = "boxSelected-HZqUZ";

package/build/esm/{index.module-6e989cd2.js → index.module-4cf70a51.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-55a00321.js';
+import { s as styleInject } from './index-04f54d08.js';
 
 var wrapper = "wrapper-TcEZn";
 var dropdownRoot = "Dropdown-root-7zz-C";

package/build/esm/{index.module-27b40885.js → index.module-56a6738f.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-55a00321.js';
+import { s as styleInject } from './index-04f54d08.js';
 
 var wcConfiguratorProductCenter = "wcConfigurator-product-center-T-Vr3";
 var landscape = "landscape-mjn27";

package/build/esm/{index.module-7e5580bd.js → index.module-6e6242d0.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-55a00321.js';
+import { s as styleInject } from './index-04f54d08.js';
 
 var wcFavorite = "wcFavorite-WCYzN";
 var wcFavoriteSel = "wcFavorite_sel-Fww5G";

package/build/esm/{index.module-6c2b82f9.js → index.module-766d7c39.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-55a00321.js';
+import { s as styleInject } from './index-04f54d08.js';
 
 var wcFunctionsToolbar = "wcFunctionsToolbar-33mKP";
 var expanded = "Expanded-OjOcq";

package/build/esm/{index.module-626596e5.js → index.module-7d5818f0.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-55a00321.js';
+import { s as styleInject } from './index-04f54d08.js';
 
 var wcUi2DOutlineDraggable = "wcUI2D_Outline_Draggable-MP-7N";
 var wcUi2DOutlineSelectable = "wcUI2D_Outline_Selectable--NB0c";

package/build/esm/{index.module-19e6c227.js → index.module-86da212a.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-55a00321.js';
+import { s as styleInject } from './index-04f54d08.js';
 
 var table = "table-bUPL7";
 var column = "column-MtERL";

package/build/esm/{index.module-a234241d.js → index.module-c718a574.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-55a00321.js';
+import { s as styleInject } from './index-04f54d08.js';
 
 var wholeWrapper = "whole-wrapper-5OM64";
 var notExpanded = "not-expanded-A0UYP";

package/build/esm/{index.module-cf261244.js → index.module-dc93bc87.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-55a00321.js';
+import { s as styleInject } from './index-04f54d08.js';
 
 var paletteItem = "PaletteItem-bhj8-";
 var sel = "sel-SyPrw";

package/build/esm/{index.module-efd74c2e.js → index.module-ff9ef3b9.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-55a00321.js';
+import { s as styleInject } from './index-04f54d08.js';
 
 var row = "row-2sbo5";
 var colum = "colum-bfgmE";

package/build/esm/{react-json-viewer-51055d93.js → react-json-viewer-57381d50.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-55a00321.js';
+import { s as styleInject } from './index-04f54d08.js';
 
 var css_248z = "/* base styles */\n\n._GzYRV {\n  line-height: 1.2;\n  white-space: pre-wrap;\n  white-space: -moz-pre-wrap;\n  white-space: -pre-wrap;\n  white-space: -o-pre-wrap;\n  word-wrap: break-word;\n}\n\n._3eOF8 {\n  margin-right: 5px;\n  font-weight: bold;\n}\n\n._3eOF8 + ._3eOF8 {\n  margin-left: -5px;\n}\n\n._1MFti {\n  cursor: pointer;\n}\n\n._f10Tu {\n  font-size: 1.2em;\n  margin-right: 5px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n}\n\n._1UmXx::after {\n  content: '\\25B8';\n}\n\n._1LId0::after {\n  content: '\\25BE';\n}\n\n._1pNG9 {\n  margin-right: 5px;\n}\n\n._1pNG9::after {\n  content: '...';\n  font-size: 0.8em;\n}\n\n._2IvMF {\n  background: #eee;\n}\n\n._2bkNM {\n  margin: 0 10px;\n  padding: 0;\n}\n\n._2bkNM > ul {\n  margin: 0;\n  padding: 0;\n}\n\n/* default light style */\n._1MGIk {\n  font-weight: 600;\n  margin-right: 5px;\n  color: #000000;\n}\n\n._2YKJg {\n}\n\n._3uHL6 {\n  color: #000000;\n}\n\n._2T6PJ {\n  color: #df113a;\n}\n\n._1Gho6 {\n  color: #df113a;\n}\n\n._vGjyY {\n  color: rgb(42, 63, 60);\n}\n\n._1bQdo {\n  color: #0b75f5;\n}\n\n._3zQKs {\n  color: rgb(70, 144, 56);\n}\n\n._1xvuR {\n  color: #43413d;\n}\n\n._oLqym {\n  color: #000000;\n}\n\n._2AXVT {\n  color: #000000;\n}\n\n._2KJWg {\n  color: #000000;\n}\n\n/* default dark style */\n._11RoI {\n  background: rgb(0, 43, 54);\n}\n\n._17H2C {\n  color: rgb(253, 246, 227);\n}\n\n._3QHg2 {\n  color: rgb(253, 246, 227);\n}\n\n._3fDAz {\n  color: rgb(253, 246, 227);\n}\n\n._2bSDX {\n  font-weight: bolder;\n  margin-right: 5px;\n  color: rgb(253, 246, 227);\n}\n\n._1RQEj {\n}\n\n._gsbQL {\n  color: rgb(253, 246, 227);\n}\n\n._LaAZe {\n  color: rgb(129, 181, 172);\n}\n\n._GTKgm {\n  color: rgb(129, 181, 172);\n}\n\n._Chy1W {\n  color: rgb(203, 75, 22);\n}\n\n._2bveF {\n  color: rgb(211, 54, 130);\n}\n\n._2vRm- {\n  color: rgb(174, 129, 255);\n}\n\n._1prJR {\n  color: rgb(38, 139, 210);\n}\n";
 styleInject(css_248z);