@crystaldesign/diva-web-planner-react 25.8.0-rc.6 → 25.9.0-beta.1

package/build/esm/{index-3347b412.js → index-21f81ce2.js}

@@ -1,8 +1,8 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-3b05f775.js';
+import { u as useViewHandler } from './index-5b30dfe3.js';
 import { useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
-import ItemVariant from './index-4a5d2eaa.js';
+import ItemVariant from './index-5cf7ba21.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-6c873502.js → index-235a28fa.js}

@@ -1,13 +1,13 @@
-import { u as useViewHandler } from './index-3b05f775.js';
+import { u as useViewHandler } from './index-5b30dfe3.js';
 import 'react';
 import classnames from 'classnames';
-import { r as row, c as colum, t as title, a as toggle } from './index.module-7be3e0f9.js';
-import Toggle from './index-4f67299f.js';
+import { r as row, c as colum, t as title, a as toggle } from './index.module-55396a1f.js';
+import Toggle from './index-7beb5814.js';
 import { observer } from 'mobx-react-lite';
 import { getLogger } from '@crystaldesign/diva-core';
 import { DivaError } from '@crystaldesign/diva-utils';
-import InfoIcon from './index-da5afec6.js';
-import PricePreview from './index-fb9a9da5.js';
+import InfoIcon from './index-de40eba8.js';
+import PricePreview from './index-3d388d5b.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-c3e2c610.js → index-23b7725e.js}

@@ -1,4 +1,4 @@
-import { a as usePlannerUIHandler } from './index-3b05f775.js';
+import { a as usePlannerUIHandler } from './index-5b30dfe3.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-d9022d2b.js → index-23fff454.js}

@@ -1,14 +1,14 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-3b05f775.js';
-import SettingsHeader from './index-4fa28ba4.js';
+import { s as styleInject, u as useViewHandler } from './index-5b30dfe3.js';
+import SettingsHeader from './index-29ef81bf.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { useState, useEffect } from 'react';
 import Dropdown from 'react-dropdown';
-import MobileDropdown from './index-7fae79a1.js';
+import MobileDropdown from './index-d94636e8.js';
 import { observer } from 'mobx-react-lite';
-import InfoIcon from './index-da5afec6.js';
-import PricePreview from './index-fb9a9da5.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import InfoIcon from './index-de40eba8.js';
+import PricePreview from './index-3d388d5b.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -25,7 +25,7 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@crystaldesign/widget-contact-form';
-import './index-e1c5ebee.js';
+import './index-38d32a0a.js';
 
 var wrapper = "wrapper-xpzd5";
 var wcDropDownSelect = "wcDropDownSelect-sB9TS";
@@ -66,14 +66,6 @@ var DropDowmText = function DropDowmText(_ref) {
     _useState10 = _slicedToArray(_useState9, 2),
     selectedMobileOption = _useState10[0],
     setSelectedMobileOption = _useState10[1];
-  var _useState11 = useState([]),
-    _useState12 = _slicedToArray(_useState11, 2),
-    options = _useState12[0],
-    setOptions = _useState12[1];
-  var _useState13 = useState(undefined),
-    _useState14 = _slicedToArray(_useState13, 2),
-    selOption = _useState14[0],
-    setSelOption = _useState14[1];
   useEffect(function () {
     var allItemsP = item.groups.flatMap(function (group) {
       return group.items;
@@ -86,6 +78,8 @@ var DropDowmText = function DropDowmText(_ref) {
     if (actValue !== (sel === null || sel === void 0 ? void 0 : sel.text)) setActValue(sel === null || sel === void 0 ? void 0 : sel.text);
     setSel(sel);
   }, [item]);
+  var options = [];
+  var selOption = undefined;
   var onChange = function onChange(val) {
     setActValue(val.value);
   };
@@ -96,16 +90,7 @@ var DropDowmText = function DropDowmText(_ref) {
     var val = allItems.find(function (item) {
       return item.codex == actValue;
     });
-    if (val) {
-      setSelOption({
-        label: /*#__PURE__*/jsx("div", {
-          className: label,
-          children: val.text
-        }),
-        value: val.codex
-      });
-      viewHandler.paletteViewHandler.clickedOnConfigPalette(val, undefined, paletteId);
-    }
+    if (val) viewHandler.paletteViewHandler.clickedOnConfigPalette(val, undefined, paletteId);
   }, [actValue]);
   useEffect(function () {
     if (viewHandler.uiState.configSettingsIsHidden) setActValue(undefined);
@@ -113,7 +98,6 @@ var DropDowmText = function DropDowmText(_ref) {
   useEffect(function () {
     var mobileOptions = [];
     var selectedMobileOption = undefined;
-    var opts = [];
     var _iterator = _createForOfIteratorHelper(allItems),
       _step;
     try {
@@ -135,17 +119,22 @@ var DropDowmText = function DropDowmText(_ref) {
           value: _item.codex
         };
         if (_item.sel) {
-          setSelOption(option);
+          selOption = {
+            label: /*#__PURE__*/jsx("div", {
+              className: label,
+              children: _item.text
+            }),
+            value: _item.codex
+          };
           selectedMobileOption = _item.codex;
         }
-        opts.push(option);
+        options.push(option);
       }
     } catch (err) {
       _iterator.e(err);
     } finally {
       _iterator.f();
     }
-    setOptions(opts);
     setMobileOptions(mobileOptions);
     setSelectedMobileOption(selectedMobileOption);
   }, [allItems]);

package/build/esm/{index-96f57c22.js → index-24f5b6cb.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-3b05f775.js';
+import { s as styleInject, u as useViewHandler } from './index-5b30dfe3.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{index-bec42448.js → index-25cf39ce.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler, _ as _onClickCheckout, I as Icon } from './index-3b05f775.js';
+import { s as styleInject, u as useViewHandler, _ as _onClickCheckout, I as Icon } from './index-5b30dfe3.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import classnames from 'classnames';
 import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
-import { c as checkoutButton } from './index.module-057e27bc.js';
+import { c as checkoutButton } from './index.module-06072d89.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-4fa28ba4.js → index-29ef81bf.js}

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

package/build/esm/{index-e189dee7.js → index-29f87afe.js}

@@ -1,6 +1,6 @@
-import { u as useViewHandler } from './index-3b05f775.js';
+import { u as useViewHandler } from './index-5b30dfe3.js';
 import 'react';
-import { k as wcPlanner3DGrid } from './index.module-bc4f4383.js';
+import { k as wcPlanner3DGrid } from './index.module-c4a0b0b2.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-141c2975.js → index-2bba40cc.js}

@@ -1,9 +1,9 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-3b05f775.js';
+import { s as styleInject, u as useViewHandler } from './index-5b30dfe3.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useHover, useLayer } from 'react-laag';
-import SettingsPosNrToolTip from './index-8c768e3d.js';
+import SettingsPosNrToolTip from './index-2085e273.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';

package/build/esm/{index-65e53b87.js → index-2c1cf10a.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-3b05f775.js';
+import { s as styleInject } from './index-5b30dfe3.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import VerticalTabGroupItemStandard from './index-62a2a75c.js';
+import VerticalTabGroupItemStandard from './index-6effd8dd.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-dynamic-multi-render';
@@ -21,7 +21,7 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@crystaldesign/widget-contact-form';
-import './IconHandler-3a7c794b.js';
+import './IconHandler-78576f68.js';
 
 var verticalItemPoligon = "verticalItemPoligon-uLIgs";
 var wcActiveStep = "wcActiveStep-Cjjc7";

package/build/esm/{index-201541a0.js → index-2c40cdff.js}

@@ -1,5 +1,5 @@
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-3b05f775.js';
+import { s as styleInject, u as useViewHandler } from './index-5b30dfe3.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';

package/build/esm/{index-a7f16f9a.js → index-2c649b9b.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-3b05f775.js';
+import { s as styleInject, u as useViewHandler } from './index-5b30dfe3.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-6f0bef0b.js → index-2d68a69a.js}

@@ -1,9 +1,9 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-3b05f775.js';
+import './index-5b30dfe3.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ArticleOverview from './index-6caf90de.js';
-import JsonEditor from './index-a8a1c5b6.js';
+import ArticleOverview from './index-fd069ada.js';
+import JsonEditor from './index-b68e8a1b.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-dynamic-multi-render';
@@ -22,9 +22,9 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@crystaldesign/widget-contact-form';
-import './index.module-f8bad985.js';
-import './index.module-a4fee0d1.js';
-import './index.module-afc4230d.js';
+import './index.module-7c91dec8.js';
+import './index.module-b0ba25e6.js';
+import './index.module-16088c5d.js';
 import 'react-collapsible';
 import 'jsoneditor';
 

package/build/esm/{index-2d7d3a15.js → index-2e837a22.js}

@@ -1,10 +1,10 @@
-import './index-3b05f775.js';
+import './index-5b30dfe3.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import Dropdown from 'react-dropdown';
-import { w as wrapper, d as dropdownRoot, a as dropdownControl } from './index.module-a4c72f69.js';
-import Arrow from './index-e1c5ebee.js';
+import { w as wrapper, d as dropdownRoot, a as dropdownControl } from './index.module-f92216fe.js';
+import Arrow from './index-38d32a0a.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-4baf6614.js → index-2f3057b8.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-3b05f775.js';
+import { s as styleInject, u as useViewHandler } from './index-5b30dfe3.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-6db94bf9.js';
-import GenericToolTip from './index-d12c2839.js';
-import InfoIcon from './index-da5afec6.js';
-import PricePreview from './index-fb9a9da5.js';
+import MetaData from './index-17fc6c6b.js';
+import GenericToolTip from './index-f3607ac8.js';
+import InfoIcon from './index-de40eba8.js';
+import PricePreview from './index-3d388d5b.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-fd7b3d2e.js → index-32c43c87.js}

@@ -1,14 +1,14 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-3b05f775.js';
+import { u as useViewHandler } from './index-5b30dfe3.js';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import { w as wrapper, t as tabs, s as sel, a as selectionWrapper, b as selectionText, c as selection, T as Table } from './index-b4325168.js';
+import { w as wrapper, t as tabs, s as sel, a as selectionWrapper, b as selectionText, c as selection, T as Table } from './index-5902bc97.js';
 import classnames from 'classnames';
-import properties from './CatalogProperties-845fd150.js';
-import properties$1 from './ArticleProperties-5bc8a1f5.js';
-import properties$2 from './OptionProperties-809a7b67.js';
-import properties$3 from './OptionValueProperties-fc51575d.js';
+import properties from './CatalogProperties-e70fcca8.js';
+import properties$1 from './ArticleProperties-3b8254b1.js';
+import properties$2 from './OptionProperties-6707ffe3.js';
+import properties$3 from './OptionValueProperties-3591662f.js';
 import Select from 'react-select';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -26,7 +26,7 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@crystaldesign/widget-contact-form';
-import './index-4f67299f.js';
+import './index-7beb5814.js';
 import 'react-switch';
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }

package/build/esm/{index-c6eda8ba.js → index-3308c39d.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-3b05f775.js';
+import { s as styleInject, u as useViewHandler } from './index-5b30dfe3.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import Group from './index-975f76c7.js';
+import Group from './index-cab39456.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import StandradGroup from './index-c8159e74.js';
+import StandradGroup from './index-dbf0e5ab.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -22,55 +22,55 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@crystaldesign/widget-contact-form';
-import './index-4e87982a.js';
+import './index-84210834.js';
 import 'sift';
-import './index-b9ebb8ea.js';
-import './index-4fa28ba4.js';
-import './index-55629966.js';
-import './index-08218b86.js';
-import './index-6c873502.js';
-import './index.module-7be3e0f9.js';
-import './index-4f67299f.js';
+import './index-6ca85915.js';
+import './index-29ef81bf.js';
+import './index-068f7fa4.js';
+import './index-1f02ccd3.js';
+import './index-235a28fa.js';
+import './index.module-55396a1f.js';
+import './index-7beb5814.js';
 import 'react-switch';
-import './index-da5afec6.js';
-import './index-fb9a9da5.js';
-import './index-3e1a6c3a.js';
+import './index-de40eba8.js';
+import './index-3d388d5b.js';
+import './index-f8eaa1ea.js';
 import 'react-dropdown';
-import './index-03b3785f.js';
+import './index-01d4d4a7.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-ec4a56f2.js';
-import './index-e1c5ebee.js';
-import './index-d4d8c91d.js';
+import './index-c6d884e9.js';
+import './index-38d32a0a.js';
+import './index-ca7a9254.js';
 import '@crystaldesign/content-box';
-import './index-9605abbf.js';
-import './index-a7f16f9a.js';
-import './index-1108895a.js';
-import './index-30c67290.js';
-import './index-34b64387.js';
-import './index-4baf6614.js';
+import './index-4fb0e805.js';
+import './index-2c649b9b.js';
+import './index-970a1451.js';
+import './index-5c7ff483.js';
+import './index-e7895c37.js';
+import './index-2f3057b8.js';
 import 'react-laag';
-import './index-6db94bf9.js';
-import './index-d12c2839.js';
-import './index-64e7fe02.js';
-import './index-b67258e0.js';
-import './index-5049f16c.js';
-import './index-9c1fc744.js';
-import './index-5d8927e1.js';
-import './index-7c04bdb6.js';
-import './index-8b8606a7.js';
-import './index-538f7f31.js';
-import './index.module-42d63ec4.js';
-import './index-e136e994.js';
-import './index-a357280a.js';
-import './index-bd206b6e.js';
-import './index-5468a6de.js';
-import './index-c5734a3f.js';
-import './index-e92bb472.js';
-import './index-de468d25.js';
-import './index.module-96b83846.js';
-import './index-3e807d9b.js';
-import './index-79779233.js';
-import './index-ce21f18f.js';
+import './index-17fc6c6b.js';
+import './index-f3607ac8.js';
+import './index-cd7edf37.js';
+import './index-a08c6547.js';
+import './index-4d676739.js';
+import './index-0ffa4b88.js';
+import './index-e3424a15.js';
+import './index-3ebc5bf2.js';
+import './index-cabc261d.js';
+import './index-3ed77b61.js';
+import './index.module-036fb0bb.js';
+import './index-fae33e8c.js';
+import './index-464dbbb2.js';
+import './index-64e3e31f.js';
+import './index-fc832928.js';
+import './index-b7a16f9e.js';
+import './index-789e4071.js';
+import './index-1f9bfe74.js';
+import './index.module-92e7bb77.js';
+import './index-f2e4ce43.js';
+import './index-f99119e4.js';
+import './index-163d53b7.js';
 import 'react-collapsible';
 
 var container = "container-IOQq6";

package/build/esm/{index-a50b86aa.js → index-34cfbf46.js}

@@ -1,13 +1,13 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-3b05f775.js';
+import { s as styleInject, u as useViewHandler } from './index-5b30dfe3.js';
 import { observer } from 'mobx-react-lite';
 import { useState, createElement } from 'react';
 import { useHover, useLayer } from 'react-laag';
-import GenericToolTip from './index-d12c2839.js';
+import GenericToolTip from './index-f3607ac8.js';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import MetaData from './index-6db94bf9.js';
+import MetaData from './index-17fc6c6b.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -23,7 +23,7 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@crystaldesign/widget-contact-form';
-import './index-fb9a9da5.js';
+import './index-3d388d5b.js';
 
 var wrapper = "wrapper-q2VFw";
 var textWrapper = "text-wrapper-Th9kS";

package/build/esm/{index-ede807d3.js → index-3518ef78.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-3b05f775.js';
+import { s as styleInject, u as useViewHandler } from './index-5b30dfe3.js';
 import QRCode from 'react-qr-code';
 import { observer } from 'mobx-react-lite';
 import React, { useRef, useEffect } from 'react';

package/build/esm/{index-c4e00aa8.js → index-35976878.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-3b05f775.js';
+import { s as styleInject, u as useViewHandler } from './index-5b30dfe3.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import classnames from 'classnames';
 import { useTranslation } from '@crystaldesign/diva-core';
-import PriceSumm from './index-b1b6bb3d.js';
+import PriceSumm from './index-63532969.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-e1c5ebee.js → index-38d32a0a.js}

@@ -1,5 +1,5 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject } from './index-3b05f775.js';
+import { s as styleInject } from './index-5b30dfe3.js';
 import 'react';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-1e811b7a.js → index-3ad4c77c.js}

@@ -1,10 +1,11 @@
-import { s as styleInject, u as useViewHandler } from './index-3b05f775.js';
+import { s as styleInject, u as useViewHandler } from './index-5b30dfe3.js';
 import { observer } from 'mobx-react-lite';
 import { getLogger, useDivaCore } from '@crystaldesign/diva-core';
 import { useRef, useEffect } from 'react';
 import { ContentItemComponent } from '@crystaldesign/content-item';
 import Draggable from 'react-draggable';
 import classnames from 'classnames';
+import DontReopenAutomatically from './index-639cec4f.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -22,10 +23,11 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@crystaldesign/widget-contact-form';
+import 'react-i18next';
 
 var wrapper = "wrapper-epfZs";
 var mobile = "mobile-3mXgj";
-var css_248z = ".wrapper-epfZs {\n  z-index: 1000;\n  position: absolute;\n  display: flex;\n  background: white;\n  width: 450px;\n  flex-direction: column;\n  color: #4f4f4f;\n  font-size: 15px;\n  box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25098);\n  border-radius: 5px;\n  top: 0;\n  margin: 4px;\n}\n\n.mobile-3mXgj {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  background-color: #fff;\n}\n";
+var css_248z = ".wrapper-epfZs {\n  z-index: 1000;\n  position: absolute;\n  display: flex;\n  background: white;\n  width: 450px;\n  flex-direction: column;\n\n  color: #4f4f4f;\n  font-size: 15px;\n  box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25098);\n  border-radius: 5px;\n  top: 0;\n  margin: 4px;\n}\n\n.mobile-3mXgj {\n  height: 100%;\n}\n";
 styleInject(css_248z);
 
 var LOG = getLogger('Planner', 'InfoBox');
@@ -48,7 +50,7 @@ var ContentItemWrapper = function ContentItemWrapper(_ref) {
         side: 'left',
         onClose: function onClose() {
           viewHandler.settingsState.setContentItemId();
-          closeSideMenu(true);
+          closeSideMenu();
         },
         open: true,
         content: /*#__PURE__*/jsx("div", {
@@ -91,6 +93,7 @@ var ContentItemWrapper = function ContentItemWrapper(_ref) {
     });
   }
   var parentSizes = (_viewHandler$productS = viewHandler.productState.productElement) === null || _viewHandler$productS === void 0 ? void 0 : _viewHandler$productS.getBoundingClientRect();
+  var autoOpenContentItems = viewHandler.settingsState.autoOpenContentItems && !viewHandler.uiState.isInMobileView;
   return /*#__PURE__*/jsx(Draggable, {
     nodeRef: draggable,
     handle: ".handle",
@@ -109,8 +112,10 @@ var ContentItemWrapper = function ContentItemWrapper(_ref) {
         contentItemId: id,
         headerClassName: 'handle',
         headerWrapperStyle: {
-          cursor: 'move'
+          cursor: 'move',
+          minHeight: autoOpenContentItems ? '64px' : undefined
         },
+        headerChildren: autoOpenContentItems ? /*#__PURE__*/jsx(DontReopenAutomatically, {}) : undefined,
         onClose: function onClose() {
           return viewHandler.settingsState.setContentItemId();
         },

package/build/esm/{index-abaf1fa6.js → index-3b41206b.js}

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

package/build/esm/{index-cad5d326.js → index-3bb7d2b5.js}

@@ -1,10 +1,10 @@
-import { u as useViewHandler } from './index-3b05f775.js';
+import { u as useViewHandler } from './index-5b30dfe3.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-42d63ec4.js';
-import IsActive from './index-e136e994.js';
+import { p as paletteItem, w as wcSize, a as wcSizeNormal, b as wcImage, t as textContainer, c as wcConfiguratorSettingsTitle } from './index.module-036fb0bb.js';
+import IsActive from './index-fae33e8c.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-bd18d477.js → index-3be18116.js}

@@ -1,12 +1,12 @@
 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-3b05f775.js';
+import { s as styleInject, u as useViewHandler } from './index-5b30dfe3.js';
 import { useRef, useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import RealTimeRenderer from '@crystaldesign/real-time-viewer';
-import NavBar from './index-a119e0da.js';
+import NavBar from './index-66a05cb5.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-fb9a9da5.js → index-3d388d5b.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-3b05f775.js';
+import { s as styleInject, u as useViewHandler } from './index-5b30dfe3.js';
 import { Suspense } from 'react';
 import DivaUtils from '@crystaldesign/diva-utils';
 import { useDivaCore } from '@crystaldesign/diva-core';