@crystaldesign/diva-web-planner-react 24.15.0 → 24.15.1

package/build/esm/{index-5af5bbff.js → index-32ebd920.js}

@@ -1,12 +1,12 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-ebf676f4.js';
+import { u as useViewHandler } from './index-db683d86.js';
 import 'react';
-import { s as shelfPlannerContainerRtv, a as shelfPlannerContainerHorizontal, b as shelfPlannerContainerVertical, e as expanded, c as shelfGrid, d as shelfGridBorder, w as warning, f as accessoires, g as configHeaderWrapper, h as closeButton, n as name, S as SelectedAcc, i as accessoireContainer } from './index-14cd4b1f.js';
-import { S as SettingsItem, c as collapsableInner } from './index-9702ca74.js';
-import ShelfAccessoires from './index-e4f6d70f.js';
-import ShelfAccessoiresOld from './index-2e6b1c52.js';
-import GridList from './index-a1c6db12.js';
+import { s as shelfPlannerContainerRtv, a as shelfPlannerContainerHorizontal, b as shelfPlannerContainerVertical, e as expanded, c as shelfGrid, d as shelfGridBorder, w as warning, f as accessoires, g as configHeaderWrapper, h as closeButton, n as name, S as SelectedAcc, i as accessoireContainer } from './index-af91ab41.js';
+import { S as SettingsItem, c as collapsableInner } from './index-7fdfe64f.js';
+import ShelfAccessoires from './index-cd0f26ce.js';
+import ShelfAccessoiresOld from './index-7494ae0e.js';
+import GridList from './index-fac42d75.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
@@ -22,58 +22,58 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'sift';
-import './index-503e15c4.js';
-import './index-10c8b4f9.js';
-import './index-61f0f272.js';
-import './index-88244567.js';
-import './index-74e6267e.js';
-import './index.module-23996ff2.js';
-import './index-79cdd7c8.js';
+import './index-394a6d34.js';
+import './index-94e54199.js';
+import './index-a4557e68.js';
+import './index-67610f34.js';
+import './index-9dc35241.js';
+import './index.module-1c286586.js';
+import './index-1646c39d.js';
 import 'react-switch';
-import './index-5cb945f2.js';
-import './index-48cecf9e.js';
-import './index-1f404972.js';
+import './index-449224d0.js';
+import './index-df042ab9.js';
+import './index-84380300.js';
 import 'react-dropdown';
-import './index-92cb7a62.js';
+import './index-70c8849a.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-b6be95ba.js';
-import './index-7376bd23.js';
-import './index-e2afd3ef.js';
+import './index-0acaf95b.js';
+import './index-16de7adb.js';
+import './index-2e97ecc4.js';
 import '@crystaldesign/content-box';
-import './index-38f44284.js';
-import './index-278bc9e3.js';
-import './index-f75c98f2.js';
-import './index-fe2b494c.js';
-import './index-0072450b.js';
+import './index-78fa5c5f.js';
+import './index-5395ca96.js';
+import './index-51081d0c.js';
+import './index-0711f815.js';
+import './index-7dbddbd6.js';
 import '@crystaldesign/product-detail-page';
 import '@crystaldesign/products-component';
-import './index-09788ac0.js';
-import './index-2d18e726.js';
-import './index-49435d41.js';
+import './index-01ea4d7e.js';
+import './index-7d50ebad.js';
+import './index-5cbe75a8.js';
 import 'react-laag';
-import './index-f5a6af14.js';
-import './index-6530bbd5.js';
-import './index-f89ddc87.js';
-import './index-517d2f4b.js';
-import './index-26a66946.js';
-import './index-388d554a.js';
-import './index-1ec95528.js';
-import './index-648891c2.js';
-import './index-6e00f216.js';
-import './index-524c7e74.js';
-import './index.module-dde5a3ee.js';
-import './index-9f6f23d6.js';
-import './index-5ec347c8.js';
-import './index-e9fe6f34.js';
-import './index-2eeeca18.js';
-import './index-0e6f344b.js';
-import './index-bf9d4edd.js';
-import './index-ae59163e.js';
-import './index.module-7169b304.js';
-import './index-27a891c4.js';
-import './index-27dfac32.js';
+import './index-031bdb2e.js';
+import './index-ae4bbf09.js';
+import './index-63870378.js';
+import './index-e642488b.js';
+import './index-2ab8c905.js';
+import './index-bf6fa128.js';
+import './index-4ac6549a.js';
+import './index-514b93d6.js';
+import './index-73e36eb2.js';
+import './index-3b3b9f55.js';
+import './index.module-c83cfa88.js';
+import './index-dca993ca.js';
+import './index-4c80cf78.js';
+import './index-ef0e8d62.js';
+import './index-42504df1.js';
+import './index-5b35b0ef.js';
+import './index-0e736342.js';
+import './index-1a69b710.js';
+import './index.module-fc60d8c4.js';
+import './index-62f018c7.js';
+import './index-1c2413a0.js';
 import 'react-beautiful-dnd';
-import './index-7885fec0.js';
+import './index-ef5bcd5b.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-23e14c24.js → index-354d4665.js}

@@ -1,12 +1,12 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-ebf676f4.js';
+import { s as styleInject, u as useViewHandler } from './index-db683d86.js';
 import { useState, useEffect } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import Collapsible from 'react-collapsible';
 import { observer } from 'mobx-react-lite';
-import InfoIcon from './index-5cb945f2.js';
-import PricePreview from './index-48cecf9e.js';
+import InfoIcon from './index-449224d0.js';
+import PricePreview from './index-df042ab9.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-503e15c4.js → index-394a6d34.js}

@@ -1,15 +1,15 @@
-import { s as styleInject, u as useViewHandler } from './index-ebf676f4.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-db683d86.js';
+import { useRef, useState } from 'react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import SettingsHeader from './index-10c8b4f9.js';
+import SettingsHeader from './index-94e54199.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-524c7e74.js → index-3b3b9f55.js}

@@ -1,10 +1,10 @@
-import { u as useViewHandler } from './index-ebf676f4.js';
+import { u as useViewHandler } from './index-db683d86.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-dde5a3ee.js';
-import IsActive from './index-9f6f23d6.js';
+import { p as paletteItem, w as wcSize, a as wcSizeNormal, b as wcImage, t as textContainer, c as wcConfiguratorSettingsTitle } from './index.module-c83cfa88.js';
+import IsActive from './index-dca993ca.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-2ce32eb6.js → index-3bd54d51.js}

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

package/build/esm/{index-5e9b2448.js → index-3d39c871.js}

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

package/build/esm/{index-12e86634.js → index-3eef8373.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-ebf676f4.js';
+import { s as styleInject, u as useViewHandler } from './index-db683d86.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-f5bf8ed2.js → index-3f35b95f.js}

@@ -1,6 +1,6 @@
-import { s as styleInject } from './index-ebf676f4.js';
+import { s as styleInject } from './index-db683d86.js';
 import { observer } from 'mobx-react-lite';
-import Arrow from './index-7376bd23.js';
+import Arrow from './index-16de7adb.js';
 import 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-af7a24be.js → index-3fa8e1b4.js}

@@ -1,9 +1,9 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-ebf676f4.js';
+import { s as styleInject, u as useViewHandler } from './index-db683d86.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useHover, useLayer } from 'react-laag';
-import SettingsPosNrToolTip from './index-ff2b8702.js';
+import SettingsPosNrToolTip from './index-c8e50dc2.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';

package/build/esm/{index-bb6a585f.js → index-4064e5e0.js}

@@ -1,10 +1,10 @@
-import { s as styleInject, u as useViewHandler } from './index-ebf676f4.js';
+import { s as styleInject, u as useViewHandler } from './index-db683d86.js';
 import { useEffect } from 'react';
-import Inputbox from './index-11117a60.js';
-import { cssVariables } from './index-f98ee9cf.js';
-import Product from './index-3c7069af.js';
-import Settings from './index-6e7974a6.js';
-import TabGroup from './index-0c6528d6.js';
+import Inputbox from './index-0e763fed.js';
+import { cssVariables } from './index-5ee7eccf.js';
+import Product from './index-858c3753.js';
+import Settings from './index-09ddcd91.js';
+import TabGroup from './index-e2d83c6d.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
@@ -22,91 +22,91 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-79dd1521.js';
-import './index-79cdd7c8.js';
+import './index-6d9848ec.js';
+import './index-1646c39d.js';
 import 'react-switch';
 import 'react-dropdown';
-import './index-53b37b1a.js';
-import './index-7d8e8f7e.js';
-import './index-593f7731.js';
-import './index-96894834.js';
-import './index-dfa407a4.js';
-import './index.module-36c7de8c.js';
-import './index-93bfb67c.js';
-import './index-fd9d1c3c.js';
-import './index-d99b5f61.js';
-import './index-64c3478c.js';
-import './index-f7595574.js';
-import './index-284afc3f.js';
+import './index-b361a1ed.js';
+import './index-1f0eb162.js';
+import './index-f716651b.js';
+import './index-8d76e4b8.js';
+import './index-b663c1e5.js';
+import './index.module-c3356d24.js';
+import './index-0a6673df.js';
+import './index-dc84626a.js';
+import './index-86bcec7a.js';
+import './index-a43540c8.js';
+import './index-1b5c5894.js';
+import './index-1a002770.js';
 import '@crystaldesign/content-box';
-import './index-9e526bf0.js';
-import './index-427081a4.js';
-import './index-d2c82732.js';
+import './index-2afdb654.js';
+import './index-22dbe4b5.js';
+import './index-cf449641.js';
 import 'react-laag';
-import './index-65a1b256.js';
+import './index-16bd8d37.js';
 import 'react-qr-code';
-import './index-fdf58a6a.js';
-import './index-dfff5e27.js';
+import './index-00965418.js';
+import './index-8015e730.js';
 import '@crystaldesign/content-item';
 import 'react-draggable';
-import './index-87337e69.js';
-import './index-10c8b4f9.js';
-import './index-fd90e001.js';
-import './index-b263a28d.js';
-import './index-af7a24be.js';
-import './index-ff2b8702.js';
-import './index-05ef3f90.js';
-import './index-9702ca74.js';
+import './index-172d6ad0.js';
+import './index-94e54199.js';
+import './index-013a37ce.js';
+import './index-4b12105f.js';
+import './index-3fa8e1b4.js';
+import './index-c8e50dc2.js';
+import './index-564fc7d4.js';
+import './index-7fdfe64f.js';
 import 'sift';
-import './index-503e15c4.js';
-import './index-61f0f272.js';
-import './index-88244567.js';
-import './index-74e6267e.js';
-import './index.module-23996ff2.js';
-import './index-5cb945f2.js';
-import './index-48cecf9e.js';
-import './index-1f404972.js';
-import './index-92cb7a62.js';
-import './index-b6be95ba.js';
-import './index-7376bd23.js';
-import './index-e2afd3ef.js';
-import './index-38f44284.js';
-import './index-278bc9e3.js';
-import './index-f75c98f2.js';
-import './index-fe2b494c.js';
-import './index-0072450b.js';
+import './index-394a6d34.js';
+import './index-a4557e68.js';
+import './index-67610f34.js';
+import './index-9dc35241.js';
+import './index.module-1c286586.js';
+import './index-449224d0.js';
+import './index-df042ab9.js';
+import './index-84380300.js';
+import './index-70c8849a.js';
+import './index-0acaf95b.js';
+import './index-16de7adb.js';
+import './index-2e97ecc4.js';
+import './index-78fa5c5f.js';
+import './index-5395ca96.js';
+import './index-51081d0c.js';
+import './index-0711f815.js';
+import './index-7dbddbd6.js';
 import '@crystaldesign/product-detail-page';
 import '@crystaldesign/products-component';
-import './index-09788ac0.js';
-import './index-2d18e726.js';
-import './index-49435d41.js';
-import './index-f5a6af14.js';
-import './index-6530bbd5.js';
-import './index-f89ddc87.js';
-import './index-517d2f4b.js';
-import './index-26a66946.js';
-import './index-388d554a.js';
-import './index-1ec95528.js';
-import './index-648891c2.js';
-import './index-6e00f216.js';
-import './index-524c7e74.js';
-import './index.module-dde5a3ee.js';
-import './index-9f6f23d6.js';
-import './index-5ec347c8.js';
-import './index-e9fe6f34.js';
-import './index-2eeeca18.js';
-import './index-0e6f344b.js';
-import './index-bf9d4edd.js';
-import './index-ae59163e.js';
-import './index.module-7169b304.js';
-import './index-27a891c4.js';
-import './index-27dfac32.js';
-import './index-8cbb4f18.js';
-import './index-fec2fa95.js';
-import './index-5e9b2448.js';
-import './index-148db2d4.js';
-import './index-af7e2589.js';
-import './index-ecf9ad5d.js';
+import './index-01ea4d7e.js';
+import './index-7d50ebad.js';
+import './index-5cbe75a8.js';
+import './index-031bdb2e.js';
+import './index-ae4bbf09.js';
+import './index-63870378.js';
+import './index-e642488b.js';
+import './index-2ab8c905.js';
+import './index-bf6fa128.js';
+import './index-4ac6549a.js';
+import './index-514b93d6.js';
+import './index-73e36eb2.js';
+import './index-3b3b9f55.js';
+import './index.module-c83cfa88.js';
+import './index-dca993ca.js';
+import './index-4c80cf78.js';
+import './index-ef0e8d62.js';
+import './index-42504df1.js';
+import './index-5b35b0ef.js';
+import './index-0e736342.js';
+import './index-1a69b710.js';
+import './index.module-fc60d8c4.js';
+import './index-62f018c7.js';
+import './index-1c2413a0.js';
+import './index-b85c7c08.js';
+import './index-71d99215.js';
+import './index-3d39c871.js';
+import './index-a6b809f8.js';
+import './index-25bcbae1.js';
+import './index-9f42eecb.js';
 
 var wcConfigurator = "wcConfigurator-VvOGT";
 var wcConfiguratorSteps = "wc-configurator-steps-CYXm7";

package/build/esm/{index-2eeeca18.js → index-42504df1.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-ebf676f4.js';
+import { s as styleInject, u as useViewHandler } from './index-db683d86.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import IsActive from './index-9f6f23d6.js';
-import InfoIcon from './index-5cb945f2.js';
+import IsActive from './index-dca993ca.js';
+import InfoIcon from './index-449224d0.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-8cf4600a.js → index-42584927.js}

@@ -1,7 +1,7 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { a as usePlannerUIHandler } from './index-ebf676f4.js';
+import { a as usePlannerUIHandler } from './index-db683d86.js';
 import { useState } from 'react';
-import DPACC from './index-227d8bb8.js';
+import DPACC from './index-db07aa94.js';
 import { Vector2 } from '@crystaldesign/web-planner-logic';
 import { jsx, Fragment } from 'react/jsx-runtime';
 

package/build/esm/{index-5cb945f2.js → index-449224d0.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-ebf676f4.js';
+import { s as styleInject, u as useViewHandler } from './index-db683d86.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { useState, useEffect } from 'react';
 import classnames from 'classnames';

package/build/esm/{index-f40071d5.js → index-449bd22e.js}

@@ -1,9 +1,9 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-ebf676f4.js';
+import { s as styleInject, u as useViewHandler } from './index-db683d86.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ActionNavigation from './index-12e86634.js';
-import PriceSumm from './index-8c7cc699.js';
+import ActionNavigation from './index-3eef8373.js';
+import PriceSumm from './index-cc7f120d.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-3bb61ab5.js → index-45045d9f.js}

@@ -1,5 +1,5 @@
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-ebf676f4.js';
+import { s as styleInject, u as useViewHandler } from './index-db683d86.js';
 import { useEffect } from 'react';
 import classnames from 'classnames';
 import { jsx, Fragment } from 'react/jsx-runtime';

package/build/esm/{index-55193024.js → index-4aaff245.js}

@@ -3,10 +3,10 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { u as useViewHandler } from './index-ebf676f4.js';
+import { u as useViewHandler } from './index-db683d86.js';
 import { useState } from 'react';
 import { observer } from 'mobx-react-lite';
-import { s as svgWrapper } from './index.module-03fb82b4.js';
+import { s as svgWrapper } from './index.module-d0fbcff1.js';
 import classnames from 'classnames';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-1ec95528.js → index-4ac6549a.js}

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

package/build/esm/{index-b263a28d.js → index-4b12105f.js}

@@ -1,9 +1,9 @@
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-ebf676f4.js';
+import { u as useViewHandler } from './index-db683d86.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
-import { w as wcConfiguratorSettingsHeaderActElements, S as SettingsPosNr$1 } from './index-af7a24be.js';
+import { w as wcConfiguratorSettingsHeaderActElements, S as SettingsPosNr$1 } from './index-3fa8e1b4.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -18,7 +18,7 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'react-laag';
-import './index-ff2b8702.js';
+import './index-c8e50dc2.js';
 import 'classnames';
 
 var SettingsPosNrContainer = function SettingsPosNrContainer(_ref) {