@crystaldesign/diva-web-planner-react 24.13.0-beta.3 → 24.13.0-beta.31

package/build/esm/{index-d7a24176.js → index-2bcbf1ed.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-e3be2bc4.js';
+import { u as useViewHandler } from './index-bc8284a9.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-0dcba316.js';
-import { S as SettingsItem, c as collapsableInner } from './index-56b7139c.js';
-import ShelfAccessoires from './index-8e97e10d.js';
-import ShelfAccessoiresOld from './index-43414249.js';
-import GridList from './index-63285dd7.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-58016d50.js';
+import { S as SettingsItem, c as collapsableInner } from './index-9ae164fb.js';
+import ShelfAccessoires from './index-7dfdf620.js';
+import ShelfAccessoiresOld from './index-19b550df.js';
+import GridList from './index-148b7a00.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
@@ -22,63 +22,64 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'sift';
-import './index-f6440915.js';
-import './index-d462acaa.js';
-import './index-6943a41a.js';
-import './index-5061ae3f.js';
-import './index-e0fe8ad3.js';
-import './index.module-ad58dc0d.js';
-import './index-1f1c27ae.js';
+import './index-5ef43d98.js';
+import './index-1a2c33e7.js';
+import './index-45f2e39b.js';
+import './index-46f75749.js';
+import './index-baf29eef.js';
+import './index.module-4ef10131.js';
+import './index-279375f3.js';
 import 'react-switch';
-import './index-b78f5625.js';
-import './index-465443f5.js';
+import './index-5c1c0380.js';
+import './index-3128eb08.js';
 import 'react-dropdown';
-import './index-39ff84b2.js';
+import './index-dba7e565.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-3eb05ac1.js';
-import './index-bdc54ba1.js';
-import './index-085c7e76.js';
+import './index-81f0a085.js';
+import './index-a3bc06a0.js';
+import './index-6bd8474f.js';
 import '@crystaldesign/content-box';
-import './index-f378204d.js';
-import './index-df793d15.js';
-import './index-7ee7b1c2.js';
-import './index-1b2b4042.js';
-import './index-b338153f.js';
+import './index-c50debc3.js';
+import './index-8521475d.js';
+import './index-ed3dd2f1.js';
+import './index-3cb3f8e3.js';
+import './index-fdab2caa.js';
 import '@crystaldesign/products-component';
-import './index-d88e4a5e.js';
-import './index-e129aece.js';
-import './index-a7040739.js';
+import './index-327c1817.js';
+import './index-2ab4056c.js';
+import './index-8f6a3c4e.js';
 import 'react-laag';
-import './index-863c0444.js';
-import './index-9fb2d769.js';
-import './index-55b930d0.js';
-import './index-a31a856c.js';
-import './index-d44d0b14.js';
-import './index-6b5e94c0.js';
-import './index-49382814.js';
-import './index-43354ec6.js';
-import './index-a3c3abe0.js';
-import './index-faa47139.js';
-import './index.module-4ba045f6.js';
-import './index-47e1689c.js';
-import './index-81d24c41.js';
-import './index-0066154e.js';
-import './index-7530aff2.js';
-import './index-9c14bd74.js';
-import './index-cfe349e6.js';
-import './index-b69a4c48.js';
-import './index.module-1369eb90.js';
-import './index-7259cddd.js';
-import './index-f3ea653b.js';
+import './index-114685cd.js';
+import './index-13e0c23a.js';
+import './index-df60de5e.js';
+import './index-9a98406a.js';
+import './index-d0f80e19.js';
+import './index-68bce828.js';
+import './index-7a14e91e.js';
+import './index-8811b7da.js';
+import './index-726c8651.js';
+import './index-8524f238.js';
+import './index.module-b8c73cdc.js';
+import './index-00268bda.js';
+import './index-dd96eb70.js';
+import './index-fe566256.js';
+import './index-487bd249.js';
+import './index-63f2effd.js';
+import './index-e2be19c1.js';
+import './index-17cf3dd5.js';
+import './index.module-fda9a754.js';
+import './index-98732544.js';
+import './index-742eaeac.js';
 import 'react-beautiful-dnd';
-import './index-f8b6f8d4.js';
+import './index-37295ac9.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; }
 var ShelfPlanner = function ShelfPlanner(_ref) {
-  var _viewHandler$settings, _viewHandler$settings2, _viewHandler$settings3, _viewHandler$settings4, _item$shelfPlannerGri, _item$shelfPlannerGri2, _item$shelfPlannerGri3, _selAccItem, _selAccItem2;
+  var _viewHandler$settings, _viewHandler$settings2, _viewHandler$settings3, _viewHandler$settings4, _item$shelfPlannerGri, _item$shelfPlannerGri2, _item$shelfPlannerGri3, _filteredGroups$0$ite, _filteredGroups$, _selAccItem, _selAccItem2;
   var item = _ref.item,
-    style = _ref.style;
+    style = _ref.style,
+    filteredGroups = _ref.filteredGroups;
   var viewHandler = useViewHandler();
   var height = ((_viewHandler$settings = (_viewHandler$settings2 = viewHandler.settingsState.settingsScrollerElement) === null || _viewHandler$settings2 === void 0 ? void 0 : _viewHandler$settings2.getBoundingClientRect().height) !== null && _viewHandler$settings !== void 0 ? _viewHandler$settings : 0) - 10;
   var width = ((_viewHandler$settings3 = (_viewHandler$settings4 = viewHandler.settingsState.settingsScrollerElement) === null || _viewHandler$settings4 === void 0 ? void 0 : _viewHandler$settings4.getBoundingClientRect().width) !== null && _viewHandler$settings3 !== void 0 ? _viewHandler$settings3 : 0) - 16;
@@ -86,7 +87,7 @@ var ShelfPlanner = function ShelfPlanner(_ref) {
     return g.ActAccessoire;
   })) !== null && _item$shelfPlannerGri !== void 0 ? _item$shelfPlannerGri : item === null || item === void 0 || (_item$shelfPlannerGri3 = item.shelfPlannerGrids) === null || _item$shelfPlannerGri3 === void 0 ? void 0 : _item$shelfPlannerGri3[0];
   if (!grid) return /*#__PURE__*/jsx(Fragment, {});
-  var items = item.groups[0].items;
+  var items = (_filteredGroups$0$ite = (_filteredGroups$ = filteredGroups[0]) === null || _filteredGroups$ === void 0 ? void 0 : _filteredGroups$.items) !== null && _filteredGroups$0$ite !== void 0 ? _filteredGroups$0$ite : [];
   var selAcc = grid.ActAccessoire;
   var selAccItem = undefined;
   if (selAcc) {

package/build/esm/{index-6e0257ff.js → index-2cc53bca.js}

@@ -1,18 +1,18 @@
-import { s as styleInject, u as useViewHandler } from './index-e3be2bc4.js';
+import { s as styleInject, u as useViewHandler } from './index-bc8284a9.js';
 import classnames from 'classnames';
-import DockFilter from './index-39ea5a5f.js';
-import RALFilter from './index-39ff84b2.js';
+import DockFilter from './index-14e34a30.js';
+import RALFilter from './index-dba7e565.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
-import Searchbar from './index-df793d15.js';
-import ToggleHeader from './index-fadc5dbe.js';
-import NumberInput from './index-29ee3bc5.js';
-import InfoButton from './index-e7339ddb.js';
-import PDFButton from './index-06e227d9.js';
-import SummaryVariantButton from './index-ec16ec4f.js';
-import SelectedOpv from './index-d1761cce.js';
-import InfoIcon from './index-b78f5625.js';
+import Searchbar from './index-8521475d.js';
+import ToggleHeader from './index-b978aa8d.js';
+import NumberInput from './index-c921e10f.js';
+import InfoButton from './index-aaf505eb.js';
+import PDFButton from './index-de053799.js';
+import SummaryVariantButton from './index-8f42ac11.js';
+import SelectedOpv from './index-ef5b0dd5.js';
+import InfoIcon from './index-5c1c0380.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -27,18 +27,18 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-3eb05ac1.js';
+import './index-81f0a085.js';
 import 'react-dropdown';
-import './index-bdc54ba1.js';
-import './index-085c7e76.js';
+import './index-a3bc06a0.js';
+import './index-6bd8474f.js';
 import '@crystaldesign/content-box';
-import './index-f378204d.js';
-import './index-1f1c27ae.js';
+import './index-c50debc3.js';
+import './index-279375f3.js';
 import 'react-switch';
-import './index-4a8c5b9f.js';
+import './index-f29a46c0.js';
 import 'react-laag';
-import './index-9fb2d769.js';
-import './index-863c0444.js';
+import './index-13e0c23a.js';
+import './index-114685cd.js';
 
 var headerWrapper = "header-wrapper-qVEmI";
 var wcConfiguratorSettingsHeaderTitle = "wcConfigurator-settings-header-title--CcUK";
@@ -50,7 +50,7 @@ var landscape = "landscape-DHu2r";
 var portrait = "portrait-8Z7gh";
 var quantity = "quantity-GKJLF";
 var iconsContainer = "icons-container-DbfdO";
-var css_248z = ".wcConfigurator-settings-header--UZPU {\n  height: 100%;\n  position: relative;\n  width: 100%;\n}\n\n.header-wrapper-qVEmI {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  justify-content: space-between;\n}\n\n.wcConfigurator-settings-header-title--CcUK {\n  width: auto;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  color: var(--secondaryColor);\n  margin-top: 10px;\n  float: left;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.wcConfigurator-settings-header-price-UmViW {\n  width: auto;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  color: var(--secondaryColor);\n  margin-top: 10px;\n  float: right;\n}\n\n.scroller-jdhnI .wcConfigurator-settings-header-title--CcUK {\n  max-width: calc(100% - 51.2px);\n  margin: 8px 0px;\n}\n\n.scroller-jdhnI .wcConfigurator-settings-header-title--CcUK.wcFilterIsVisible-S9QKu {\n  max-width: calc(50% - 19.2px);\n}\n\n.wcConfigurator-settings-header-Filters-Container-hi62D {\n  width: 100%;\n  float: left;\n}\n.wcConfigItem-Header-JEANn {\n  border-radius: 0 !important;\n  border-radius: initial !important;\n}\n.wcConfigItem-Header-JEANn {\n  /* width: calc(100% - 32px); */\n  margin-top: 8px;\n  margin-right: 8px;\n  height: -moz-fit-content;\n  height: fit-content;\n  min-height: 40px;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n}\n.min-expanded-kEE9N.wcConfigItem-Header-JEANn {\n  overflow: hidden;\n}\n\n:not(.scroller-jdhnI).wcConfigItem-Header-JEANn {\n  margin-left: var(--settingsScrollerPaddingLeft);\n  margin-right: var(--settingsScrollerPaddingRight);\n}\n\n.landscape-DHu2r.wcConfigItem-Header-JEANn,\n.portrait-8Z7gh.wcConfigItem-Header-JEANn {\n  min-height: 40px;\n}\n\n.landscape-DHu2r.scroller-jdhnI header,\n.portrait-8Z7gh.scroller-jdhnI header {\n  min-height: 40px;\n}\n\n.quantity-GKJLF {\n  max-width: 200px;\n  float: left;\n  padding-top: 12px;\n  padding-left: 20%;\n}\n\n.icons-container-DbfdO {\n  display: flex;\n  align-items: center;\n  float: right;\n  position: relative;\n  margin-top: 5px;\n  flex-grow: 2;\n  justify-content: flex-end;\n  max-width: 100%;\n}\n";
+var css_248z = ".wcConfigurator-settings-header--UZPU {\n  height: 100%;\n  position: relative;\n  width: 100%;\n  --infoIconSize: 24px;\n}\n\n.header-wrapper-qVEmI {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  justify-content: space-between;\n}\n\n.wcConfigurator-settings-header-title--CcUK {\n  width: auto;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  color: var(--secondaryColor);\n  margin-top: 10px;\n  float: left;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.wcConfigurator-settings-header-price-UmViW {\n  width: auto;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  color: var(--secondaryColor);\n  margin-top: 10px;\n  float: right;\n}\n\n.scroller-jdhnI .wcConfigurator-settings-header-title--CcUK {\n  max-width: calc(100% - 51.2px);\n  margin: 8px 0px;\n}\n\n.scroller-jdhnI .wcConfigurator-settings-header-title--CcUK.wcFilterIsVisible-S9QKu {\n  max-width: calc(50% - 19.2px);\n}\n\n.wcConfigurator-settings-header-Filters-Container-hi62D {\n  width: 100%;\n  float: left;\n}\n.wcConfigItem-Header-JEANn {\n  border-radius: 0 !important;\n  border-radius: initial !important;\n}\n.wcConfigItem-Header-JEANn {\n  /* width: calc(100% - 32px); */\n  margin-top: 8px;\n  margin-right: 8px;\n  height: -moz-fit-content;\n  height: fit-content;\n  min-height: 40px;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n}\n.min-expanded-kEE9N.wcConfigItem-Header-JEANn {\n  overflow: hidden;\n}\n\n:not(.scroller-jdhnI).wcConfigItem-Header-JEANn {\n  margin-left: var(--settingsScrollerPaddingLeft);\n  margin-right: var(--settingsScrollerPaddingRight);\n}\n\n.landscape-DHu2r.wcConfigItem-Header-JEANn,\n.portrait-8Z7gh.wcConfigItem-Header-JEANn {\n  min-height: 40px;\n}\n\n.landscape-DHu2r.scroller-jdhnI header,\n.portrait-8Z7gh.scroller-jdhnI header {\n  min-height: 40px;\n}\n\n.quantity-GKJLF {\n  max-width: 200px;\n  float: left;\n  padding-top: 12px;\n  padding-left: 20%;\n}\n\n.icons-container-DbfdO {\n  display: flex;\n  align-items: center;\n  float: right;\n  position: relative;\n  margin-top: 5px;\n  flex-grow: 2;\n  justify-content: flex-end;\n  max-width: 100%;\n}\n";
 styleInject(css_248z);
 
 var SettingsItemHeader = function SettingsItemHeader(_ref) {
@@ -135,8 +135,7 @@ var SettingsItemHeader = function SettingsItemHeader(_ref) {
             },
             style: {
               bottom: 'calc(50% - 10px)'
-            },
-            size: 24
+            }
           }) : !isSettingsHeader && viewHandler.uiState.isInMobileView && (item === null || item === void 0 || (_item$selectedElement3 = item.selectedElements) === null || _item$selectedElement3 === void 0 ? void 0 : _item$selectedElement3.length) && viewHandler.getViewConfig().infoButton && /*#__PURE__*/jsx(InfoButton, {
             id: item.id,
             selectedElement: item.selectedElements[0]

package/build/esm/{index-1e54180d.js → index-2f4e98a0.js}

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

package/build/esm/{index-465443f5.js → index-3128eb08.js}

@@ -1,12 +1,12 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-e3be2bc4.js';
+import { s as styleInject } from './index-bc8284a9.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
 import Dropdown from 'react-dropdown';
-import RALFilter from './index-39ff84b2.js';
-import Searchbar from './index-df793d15.js';
-import Arrow from './index-bdc54ba1.js';
+import RALFilter from './index-dba7e565.js';
+import Searchbar from './index-8521475d.js';
+import Arrow from './index-a3bc06a0.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -21,10 +21,10 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-3eb05ac1.js';
-import './index-085c7e76.js';
+import './index-81f0a085.js';
+import './index-6bd8474f.js';
 import '@crystaldesign/content-box';
-import './index-f378204d.js';
+import './index-c50debc3.js';
 
 var container = "container-sQHMr";
 var dropdownRoot = "Dropdown-root-elxKM";

package/build/esm/{index-1ebce6ad.js → index-31abb602.js}

@@ -1,9 +1,9 @@
-import { u as useViewHandler } from './index-e3be2bc4.js';
+import { u as useViewHandler } from './index-bc8284a9.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import Collapsible from 'react-collapsible';
-import ConfigStep from './index-52b1e7c6.js';
-import Header from './index-5c86f8b1.js';
+import ConfigStep from './index-bde05f90.js';
+import Header from './index-7fbec5f3.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-2b1bb56f.js → index-324f217e.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-e3be2bc4.js';
+import { s as styleInject, u as useViewHandler } from './index-bc8284a9.js';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import ProductRoomList from './index-815d5b2b.js';
+import ProductRoomList from './index-bfb67d66.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-d88e4a5e.js → index-327c1817.js}

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

package/build/esm/{index-b2f19a64.js → index-33b289f2.js}

@@ -1,6 +1,6 @@
-import { s as styleInject } from './index-e3be2bc4.js';
+import { s as styleInject } from './index-bc8284a9.js';
 import 'react';
-import OrbitInteractionStandard from './index-3ecc8e5b.js';
+import OrbitInteractionStandard from './index-62d7c17e.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-f8b6f8d4.js → index-37295ac9.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-e3be2bc4.js';
+import { s as styleInject, u as useViewHandler } from './index-bc8284a9.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-722ec00d.js → index-3928d234.js}

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

package/build/esm/{index-bdbcb597.js → index-3b398e11.js}

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

package/build/esm/{index-8647fd33.js → index-3c0704fb.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-e3be2bc4.js';
+import { s as styleInject, u as useViewHandler } from './index-bc8284a9.js';
 import { useState } from 'react';
 import { useHover, useLayer } from 'react-laag';
 import { observer } from 'mobx-react-lite';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-1369eb90.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-fda9a754.js';
 import classnames from 'classnames';
-import IsActive from './index-47e1689c.js';
+import IsActive from './index-00268bda.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import GenericToolTip from './index-9fb2d769.js';
-import InfoIcon from './index-b78f5625.js';
+import GenericToolTip from './index-13e0c23a.js';
+import InfoIcon from './index-5c1c0380.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-42b8f19f.js → index-3c1d3afa.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-e3be2bc4.js';
+import { u as useViewHandler } from './index-bc8284a9.js';
 import { useState } from 'react';
 import classnames from 'classnames';
 import { Vector2 } from '@crystaldesign/web-planner-logic';

package/build/esm/{index-670181e9.js → index-3c3a983d.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-e3be2bc4.js';
+import { s as styleInject } from './index-bc8284a9.js';
 import 'react';
 import classnames from 'classnames';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-1b2b4042.js → index-3cb3f8e3.js}

@@ -1,10 +1,10 @@
-import { u as useViewHandler } from './index-e3be2bc4.js';
+import { u as useViewHandler } from './index-bc8284a9.js';
 import 'react';
 import classnames from 'classnames';
-import { r as row, c as colum, t as title, n as name, s as sel, a as toggleWrapper } from './index.module-ad58dc0d.js';
-import Toggle from './index-1f1c27ae.js';
+import { r as row, c as colum, t as title, n as name, s as sel, a as toggleWrapper } from './index.module-4ef10131.js';
+import Toggle from './index-279375f3.js';
 import { getLogger } from '@crystaldesign/diva-core';
-import InfoIcon from './index-b78f5625.js';
+import InfoIcon from './index-5c1c0380.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -23,6 +23,7 @@ import 'react-switch';
 
 var LOG = getLogger('Planner', 'ToggleName');
 var ToggleName = function ToggleName(_ref) {
+  var _item$selectedElement;
   var item = _ref.item,
     paletteId = _ref.paletteId;
   var viewHandler = useViewHandler();
@@ -53,26 +54,25 @@ var ToggleName = function ToggleName(_ref) {
     }
   }
   var checked = noItem.sel == false;
+  var contentItem = (_item$selectedElement = item.selectedElements) !== null && _item$selectedElement !== void 0 && _item$selectedElement[0].contentItemId ? item.selectedElements[0] : item.optionContentItemId ? {
+    contentItemId: item.optionContentItemId,
+    codex: item.configStepKey
+  } : undefined;
   return /*#__PURE__*/jsxs("div", {
     className: row,
     ref: function ref(_ref2) {
       return item.htmlRef = _ref2;
     },
-    children: [/*#__PURE__*/jsxs("div", {
+    children: [/*#__PURE__*/jsx("div", {
       className: classnames(colum, title, name, !checked ? sel : undefined),
       onClick: function onClick() {
         viewHandler.paletteViewHandler.clickedOnConfigPalette(noItem, undefined, paletteId);
       },
-      children: [/*#__PURE__*/jsx("div", {
+      children: /*#__PURE__*/jsx("div", {
         dangerouslySetInnerHTML: {
           __html: noItem.text
         }
-      }), noItem.contentItemId && /*#__PURE__*/jsx(InfoIcon, {
-        item: noItem,
-        style: {
-          bottom: 4
-        }
-      })]
+      })
     }), /*#__PURE__*/jsx("div", {
       className: classnames(colum),
       children: /*#__PURE__*/jsx("div", {
@@ -86,21 +86,22 @@ var ToggleName = function ToggleName(_ref) {
           state: checked
         })
       })
-    }), /*#__PURE__*/jsxs("div", {
+    }), /*#__PURE__*/jsx("div", {
       className: classnames(colum, title, name, checked ? sel : undefined),
       onClick: function onClick() {
         viewHandler.paletteViewHandler.clickedOnConfigPalette(yesItem, undefined, paletteId);
       },
-      children: [/*#__PURE__*/jsx("div", {
+      children: /*#__PURE__*/jsx("div", {
         dangerouslySetInnerHTML: {
           __html: yesItem.text
         }
-      }), yesItem.contentItemId && /*#__PURE__*/jsx(InfoIcon, {
-        item: yesItem,
-        style: {
-          bottom: 4
-        }
-      })]
+      })
+    }), contentItem && /*#__PURE__*/jsx(InfoIcon, {
+      item: contentItem,
+      style: {
+        bottom: 'calc(50% - 10px)',
+        right: '-5%'
+      }
     })]
   });
 };

package/build/esm/{index-6fea0d81.js → index-3cfcf040.js}

@@ -1,17 +1,17 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-e3be2bc4.js';
+import { u as useViewHandler } from './index-bc8284a9.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import { w as wcSize, d as wcSizeSmall, e as wcImagePlaceHolder, b as wcImage, t as textContainer, f as big, c as wcConfiguratorSettingsTitle, m as metaData, g as wcPricePreview, h as ccConstructionWarning, p as paletteItem, s as sel } from './index.module-4ba045f6.js';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-1369eb90.js';
+import { w as wcSize, d as wcSizeSmall, e as wcImagePlaceHolder, b as wcImage, t as textContainer, f as big, c as wcConfiguratorSettingsTitle, m as metaData, g as wcPricePreview, h as ccConstructionWarning, p as paletteItem, s as sel } from './index.module-b8c73cdc.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-fda9a754.js';
 import { useTranslation, useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
-import IsActive from './index-47e1689c.js';
+import IsActive from './index-00268bda.js';
 import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-863c0444.js';
-import GenericToolTip from './index-9fb2d769.js';
-import InfoIcon from './index-b78f5625.js';
+import MetaData from './index-114685cd.js';
+import GenericToolTip from './index-13e0c23a.js';
+import InfoIcon from './index-5c1c0380.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-e08336e3.js → index-3f5ab7ae.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-e3be2bc4.js';
+import { s as styleInject, u as useViewHandler } from './index-bc8284a9.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import classnames from 'classnames';
 import { useTranslation } from '@crystaldesign/diva-core';
-import PriceSumm from './index-71f19a24.js';
+import PriceSumm from './index-7d3fde0a.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-1adc466a.js → index-4021a3e5.js}

@@ -1,7 +1,7 @@
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-e3be2bc4.js';
+import { s as styleInject, u as useViewHandler } from './index-bc8284a9.js';
 import { useRef, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';

package/build/esm/{index-16f2248e.js → index-4077e8a2.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-e3be2bc4.js';
+import { s as styleInject, u as useViewHandler } from './index-bc8284a9.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import SettingsHeader from './index-d462acaa.js';
-import SettingsConfigSingle from './index-558552fa.js';
-import SettingsPosNr from './index-3a13d9db.js';
+import SettingsHeader from './index-1a2c33e7.js';
+import SettingsConfigSingle from './index-11f70f40.js';
+import SettingsPosNr from './index-23d2a104.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-de16f674.js';
+import './index-e4c42a75.js';
 import 'react-laag';
-import './index-32d655e6.js';
+import './index-833811fa.js';
 
 var wcConfiguratorSettingsFoldConfSettings = "wcConfigurator-settings-FoldConfSettings-hZych";
 var landscape = "landscape-LFbXM";

package/build/esm/{index-25f7b4dd.js → index-40821d34.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-e3be2bc4.js';
+import { u as useViewHandler } from './index-bc8284a9.js';
 import { useState, useEffect } from 'react';
-import { n as notExpanded } from './index.module-e2478d8f.js';
-import { s as scrollable, h as header, t as table, c as column } from './index.module-89729a6f.js';
+import { n as notExpanded } from './index.module-d00dc508.js';
+import { s as scrollable, h as header, t as table, c as column } from './index.module-824c289f.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { DivaUtils } from '@crystaldesign/diva-core';

package/build/esm/{index-d2fe78f5.js → index-4095c0d6.js}

@@ -1,6 +1,6 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject } from './index-e3be2bc4.js';
+import { s as styleInject } from './index-bc8284a9.js';
 import { useState } from 'react';
 import classnames from 'classnames';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/{index-e6fc6127.js → index-4143611e.js}

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

package/build/esm/{index-3bcb8194.js → index-41fc34ab.js}

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

package/build/esm/{index-48cafd9e.js → index-421c5443.js}

@@ -1,7 +1,7 @@
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-e3be2bc4.js';
+import { s as styleInject, u as useViewHandler } from './index-bc8284a9.js';
 import 'react';
 import { DivaUtils } from '@crystaldesign/diva-core';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-3f7833cf.js → index-435237e5.js}

@@ -1,10 +1,10 @@
-import { u as useViewHandler } from './index-e3be2bc4.js';
+import { u as useViewHandler } from './index-bc8284a9.js';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
-import { w as wcNav3DToolbar, s as settingsHidden, l as landscape, p as portrait, a as wcZoomIn, b as wcZoomOut, c as wcViews, d as wcFullScreen, e as wc3DDimLine, f as wc3DGridPlannerMode, A as ArQrCodeIcon, g as arAbsolute } from './index-c2e72730.js';
+import { w as wcNav3DToolbar, s as settingsHidden, l as landscape, p as portrait, a as wcZoomIn, b as wcZoomOut, c as wcViews, d as wcFullScreen, e as wc3DDimLine, f as wc3DGridPlannerMode, A as ArQrCodeIcon, g as arAbsolute } from './index-6d0ec7c5.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import ProductRoomList from './index-815d5b2b.js';
+import ProductRoomList from './index-bfb67d66.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -19,9 +19,9 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'react-laag';
-import './index-c427c7d7.js';
+import './index-1f74b6c0.js';
 import 'react-qr-code';
-import './index-7a108864.js';
+import './index-a81adf58.js';
 
 var NavBar = function NavBar() {
   var viewHandler = useViewHandler();

package/build/esm/{index-6943a41a.js → index-45f2e39b.js}

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