@crystaldesign/diva-web-planner-react 24.9.0-beta.3 → 24.9.0-beta.30

package/build/esm/{index-e3d78f41.js → index-221e4707.js}

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

package/build/esm/{index-06977940.js → index-22e87410.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-fd1defa8.js';
+import { s as styleInject, u as useViewHandler } from './index-fd14964c.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import SettingsHeader from './index-15280a2d.js';
-import SettingsConfigSingle from './index-108ed95f.js';
-import SettingsPosNr from './index-c61406b9.js';
+import SettingsHeader from './index-1a168e32.js';
+import SettingsConfigSingle from './index-5ecacd93.js';
+import SettingsPosNr from './index-26a91bd2.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-65ab8c45.js';
+import './index-a83dd72c.js';
 import 'react-laag';
-import './index-989e817b.js';
+import './index-2f55c191.js';
 
 var wcConfiguratorSettingsFoldConfSettings = "wcConfigurator-settings-FoldConfSettings-hZych";
 var landscape = "landscape-LFbXM";

package/build/esm/{index-9507b796.js → index-2515428c.js}

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

package/build/esm/{index-c61406b9.js → index-26a91bd2.js}

@@ -1,9 +1,9 @@
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-fd1defa8.js';
+import { u as useViewHandler } from './index-fd14964c.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-65ab8c45.js';
+import { w as wcConfiguratorSettingsHeaderActElements, S as SettingsPosNr$1 } from './index-a83dd72c.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-989e817b.js';
+import './index-2f55c191.js';
 import 'classnames';
 
 var SettingsPosNrContainer = function SettingsPosNrContainer(_ref) {

package/build/esm/{index-87a71155.js → index-26e1da07.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-fd1defa8.js';
+import { s as styleInject } from './index-fd14964c.js';
 import DivaUtils from '@crystaldesign/diva-utils';
 import 'react';
 import { useDivaCore } from '@crystaldesign/diva-core';

package/build/esm/{index-218a784f.js → index-27de9d2e.js}

@@ -1,7 +1,7 @@
-import { s as styleInject, u as useViewHandler } from './index-fd1defa8.js';
+import { s as styleInject, u as useViewHandler } from './index-fd14964c.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import RoomRound from './index-2f63aa4f.js';
+import RoomRound from './index-98c92579.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-9e9efe5b.js → index-280278fc.js}

@@ -1,8 +1,8 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-fd1defa8.js';
+import { u as useViewHandler } from './index-fd14964c.js';
 import { useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
-import ItemVariant from './index-27cb3f2a.js';
+import ItemVariant from './index-c0785770.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-87a187e9.js → index-2e04b406.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-fd1defa8.js';
+import { s as styleInject, u as useViewHandler } from './index-fd14964c.js';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import ProductRoomList from './index-45f42f2d.js';
+import ProductRoomList from './index-8904ccd7.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-989e817b.js → index-2f55c191.js}

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

package/build/esm/{index-e94c262c.js → index-2fe217e3.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-fd1defa8.js';
+import { s as styleInject, u as useViewHandler } from './index-fd14964c.js';
 import { useState, useEffect } from 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-be2cdede.js → index-3087515f.js}

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

package/build/esm/{index-48cf0aed.js → index-3187f67f.js}

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

package/build/esm/{index-a8fa7c22.js → index-32d191cb.js}

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

package/build/esm/{index-d386517e.js → index-36bb6124.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-fd1defa8.js';
+import { u as useViewHandler } from './index-fd14964c.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-429794a4.js';
-import { S as SettingsItem, c as collapsableInner } from './index-fc1cf8e0.js';
-import ShelfAccessoires from './index-dcde5f1f.js';
-import ShelfAccessoiresOld from './index-58ef7711.js';
-import GridList from './index-71e15dc6.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-a62f03cc.js';
+import { S as SettingsItem, c as collapsableInner } from './index-83b4eb6b.js';
+import ShelfAccessoires from './index-3eef2e14.js';
+import ShelfAccessoiresOld from './index-b022b02e.js';
+import GridList from './index-12e0ba88.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
@@ -22,55 +22,56 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'sift';
-import './index-497b44ed.js';
-import './index-15280a2d.js';
-import './index-826148b9.js';
-import './index-6b7ae5bd.js';
-import './index-5c2c2905.js';
-import './index.module-fcdbc2b5.js';
-import './index-e413cb8f.js';
+import './index-109ce2f8.js';
+import './index-1a168e32.js';
+import './index-8c96072a.js';
+import './index-63a362c9.js';
+import './index-fd2b3173.js';
+import './index.module-90bc6008.js';
+import './index-1c47f2fd.js';
 import 'react-switch';
-import './index-5cb6b458.js';
+import './index-f005ad38.js';
+import './index-fb7665aa.js';
 import 'react-dropdown';
-import './index-398dbdd9.js';
+import './index-97c824ae.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-55be71f2.js';
-import './index-58ddb1fb.js';
-import './index-665eb873.js';
+import './index-7073598e.js';
+import './index-f083a7c1.js';
+import './index-7246d705.js';
 import '@crystaldesign/content-box';
-import './index-52f5e521.js';
-import './index-d7eca154.js';
-import './index-4a5d74e4.js';
-import './index-ec4ab971.js';
-import './index-07ec1031.js';
+import './index-e46acaf5.js';
+import './index-49d9dcdf.js';
+import './index-703ab4c7.js';
+import './index-69720634.js';
+import './index-0387f5a6.js';
 import '@crystaldesign/products-component';
-import './index-2dcbe62c.js';
-import './index-1e174475.js';
-import './index-775f8aec.js';
+import './index-ec8f446a.js';
+import './index-9e0f55ae.js';
+import './index-39810ad2.js';
 import 'react-laag';
-import './index-e94c262c.js';
-import './index-87a71155.js';
-import './index-a2f5805c.js';
-import './index-2b54666b.js';
-import './index-6312bb3e.js';
-import './index-1ffe98c3.js';
-import './index-2c463f62.js';
-import './index-9a190d82.js';
-import './index-f19b4c9e.js';
-import './index-a5ed51a2.js';
-import './index.module-73f206c4.js';
-import './index-e7d34bb0.js';
-import './index-a122e4a6.js';
-import './index-904d55cf.js';
-import './index-46a55e9b.js';
-import './index-0d36d851.js';
-import './index-8d3ef321.js';
-import './index-fc97d0c8.js';
-import './index.module-7fed4f23.js';
-import './index-fe4d921a.js';
-import './index-9345d75a.js';
+import './index-2fe217e3.js';
+import './index-26e1da07.js';
+import './index-f0cb9b16.js';
+import './index-e8f0fb2e.js';
+import './index-1ef1209c.js';
+import './index-47e1b80d.js';
+import './index-99d26400.js';
+import './index-da3d2fe3.js';
+import './index-edc75c17.js';
+import './index-5c77e18d.js';
+import './index.module-f15354aa.js';
+import './index-d46fc676.js';
+import './index-c3dc2d23.js';
+import './index-e6229640.js';
+import './index-00caa216.js';
+import './index-cd957567.js';
+import './index-0c76ebae.js';
+import './index-861dbe4e.js';
+import './index.module-4858e246.js';
+import './index-d019b88c.js';
+import './index-2139eb36.js';
 import 'react-beautiful-dnd';
-import './index-94304f84.js';
+import './index-8c3b82d5.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; }
@@ -95,9 +96,9 @@ var ShelfPlanner = function ShelfPlanner(_ref) {
   }
   var requiredWarning = grid.getRequiredWarning(viewHandler.configState.lang);
   var palettesOfSelectedAcc = [];
-  if ((_selAccItem = selAccItem) !== null && _selAccItem !== void 0 && (_selAccItem = _selAccItem.confgigStepKeys) !== null && _selAccItem !== void 0 && _selAccItem.length) {
+  if ((_selAccItem = selAccItem) !== null && _selAccItem !== void 0 && (_selAccItem = _selAccItem.configStepKeys) !== null && _selAccItem !== void 0 && _selAccItem.length) {
     var _loop = function _loop() {
-      var stepKey = selAccItem.confgigStepKeys[i];
+      var stepKey = selAccItem.configStepKeys[i];
       var itemPalette = viewHandler.settingsState.itemPaletteArr.find(function (_ref2) {
         var _ref3 = _slicedToArray(_ref2, 2);
           _ref3[0];
@@ -107,7 +108,7 @@ var ShelfPlanner = function ShelfPlanner(_ref) {
       if (!itemPalette) return 1; // continue
       if (viewHandler.settingsState.selectedShelfAccessoire == stepKey.basketId) palettesOfSelectedAcc.push(itemPalette[1]);
     };
-    for (var i = 0; i < selAccItem.confgigStepKeys.length; i++) {
+    for (var i = 0; i < selAccItem.configStepKeys.length; i++) {
       if (_loop()) continue;
     }
   }

package/build/esm/{index-113f2825.js → index-39310dc3.js}

@@ -1,9 +1,10 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-fd1defa8.js';
+import { s as styleInject, u as useViewHandler } from './index-fd14964c.js';
 import Dropdown from 'react-dropdown';
 import { useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
+import InfoIcon from './index-f005ad38.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -33,6 +34,7 @@ function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 var DropDowmText = function DropDowmText(_ref) {
+  var _item$selectedElement;
   var item = _ref.item,
     paletteId = _ref.paletteId;
   var viewHandler = useViewHandler();
@@ -105,6 +107,12 @@ var DropDowmText = function DropDowmText(_ref) {
     }), item.type == 'DROPDOWN_IMAGE' && (sel === null || sel === void 0 ? void 0 : sel.image) && /*#__PURE__*/jsx("img", {
       className: image,
       src: sel.image.replace('_gal.', '.')
+    }), ((_item$selectedElement = item.selectedElements) === null || _item$selectedElement === void 0 ? void 0 : _item$selectedElement[0].contentItemId) && /*#__PURE__*/jsx(InfoIcon, {
+      item: item.selectedElements[0],
+      style: {
+        bottom: 'calc(50% - 8px)',
+        right: '5%'
+      }
     })]
   });
 };

package/build/esm/{index-775f8aec.js → index-39810ad2.js}

@@ -1,13 +1,14 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-fd1defa8.js';
+import { s as styleInject, u as useViewHandler } from './index-fd14964c.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-e94c262c.js';
-import GenericToolTip from './index-87a71155.js';
+import MetaData from './index-2fe217e3.js';
+import GenericToolTip from './index-26e1da07.js';
+import InfoIcon from './index-f005ad38.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -68,7 +69,7 @@ var Article = function Article(_ref) {
     placement: viewHandler.getViewConfig().tooltipPosition || 'left-center'
   });
   if (!isMobile && !isTablet && !viewHandler.getViewConfig().hideTooltip) {
-    isOver = hover[0];
+    isOver = hover[0] && !viewHandler.settingsState.isContentItemIdVisible(item.contentItemId);
     hoverProps = hover[1];
     triggerProps = tooltip.triggerProps;
     layerProps = tooltip.layerProps;
@@ -109,6 +110,11 @@ var Article = function Article(_ref) {
           className: classnames(wcArticleSize),
           children: item.sizeInfo
         })]
+      }), item.contentItemId && /*#__PURE__*/jsx(InfoIcon, {
+        item: item,
+        style: {
+          bottom: 8
+        }
       }), !pricesAreHidden && /*#__PURE__*/jsx("div", {
         className: classnames(wcPricePreview),
         children: item.priceInfo

package/build/esm/{index-c68267f0.js → index-3b0e3c49.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-fd1defa8.js';
+import { s as styleInject, u as useViewHandler } from './index-fd14964c.js';
 import { useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';

package/build/esm/{index-b49e1aa8.js → index-3b154ab1.js}

@@ -1,14 +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-fd1defa8.js';
+import { s as styleInject, u as useViewHandler } from './index-fd14964c.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-7fed4f23.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-4858e246.js';
 import { useHover, useLayer } from 'react-laag';
-import GenericToolTip from './index-87a71155.js';
-import MetaData from './index-e94c262c.js';
+import GenericToolTip from './index-26e1da07.js';
+import MetaData from './index-2fe217e3.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
+import InfoIcon from './index-f005ad38.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -69,7 +70,7 @@ var Option = function Option(_ref) {
     placement: viewHandler.getViewConfig().tooltipPosition || 'left-center'
   });
   if (!isMobile && !isTablet && !viewHandler.getViewConfig().hideTooltip && (item.image || item.hexColor)) {
-    isOver = hover[0];
+    isOver = hover[0] && !viewHandler.settingsState.isContentItemIdVisible(item.contentItemId);
     hoverProps = hover[1];
     triggerProps = tooltip.triggerProps;
     layerProps = tooltip.layerProps;
@@ -93,6 +94,8 @@ var Option = function Option(_ref) {
         style: {
           backgroundColor: '#' + ((_item$hexColor = item.hexColor) !== null && _item$hexColor !== void 0 ? _item$hexColor : 'dfdfdf')
         }
+      }), item.contentItemId && /*#__PURE__*/jsx(InfoIcon, {
+        item: item
       })]
     }), /*#__PURE__*/jsx("div", {
       className: title,

package/build/esm/{index-9571a04b.js → index-3ccd270e.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-fd1defa8.js';
+import { s as styleInject, u as useViewHandler } from './index-fd14964c.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
-import { g as getIconOfTabGroup } from './IconHandler-17d651f6.js';
+import { g as getIconOfTabGroup } from './IconHandler-cd54a3fc.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-8c764844.js → index-3d021858.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-fd1defa8.js';
+import { u as useViewHandler } from './index-fd14964c.js';
 import { useState } from 'react';
 import { observer } from 'mobx-react-lite';
-import { s as svgWrapper } from './index.module-d3acc73a.js';
+import { s as svgWrapper } from './index.module-3d57cfb1.js';
 import classnames from 'classnames';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-dcde5f1f.js → index-3eef2e14.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-fd1defa8.js';
+import { s as styleInject, u as useViewHandler } from './index-fd14964c.js';
 import { useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
 import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-e94c262c.js';
-import GenericToolTip from './index-87a71155.js';
+import MetaData from './index-2fe217e3.js';
+import GenericToolTip from './index-26e1da07.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -32,9 +32,9 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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 ShelfAccessoires = function ShelfAccessoires(_ref) {
   var _renderLayer;
-  var item = _ref.item,
-    grids = _ref.grids,
-    sel$1 = _ref.sel;
+  var item = _ref.item;
+    _ref.grids;
+    var sel$1 = _ref.sel;
   var viewHandler = useViewHandler();
   var _useDivaCore = useDivaCore(),
     _useDivaCore$state = _useDivaCore.state,
@@ -74,7 +74,7 @@ var ShelfAccessoires = function ShelfAccessoires(_ref) {
     id: item.articleCodex,
     className: classnames(container, sel$1 ? sel : undefined),
     onClick: function onClick() {
-      return viewHandler.paletteViewHandler.clickedOnShelfAccessorie(grids, item.articleCodex);
+      return viewHandler.paletteViewHandler.selectShelfAccessorie(item.articleCodex);
     }
   }, triggerProps), hoverProps), {}, {
     children: [/*#__PURE__*/jsx("img", {
@@ -86,7 +86,9 @@ var ShelfAccessoires = function ShelfAccessoires(_ref) {
       className: titleContainer,
       children: [/*#__PURE__*/jsx("div", {
         className: classnames(title),
-        children: header
+        dangerouslySetInnerHTML: {
+          __html: header
+        }
       }), /*#__PURE__*/jsx(MetaData, {
         metaData: item.metaData,
         visible: [metaDataVisible, setMetaDataVisible]

package/build/esm/{index-e4431183.js → index-3ff9191d.js}

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

package/build/esm/{index-3dc7c9dd.js → index-409a89a8.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-fd1defa8.js';
+import { s as styleInject, u as useViewHandler } from './index-fd14964c.js';
 import 'react';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
 import { observer } from 'mobx-react-lite';
@@ -25,8 +25,7 @@ var InfoButton = function InfoButton(_ref) {
   var _selectedElement$grou, _selectedElement$long;
   var selectedElement = _ref.selectedElement,
     id = _ref.id,
-    openUrl = _ref.openUrl,
-    optionContentItemId = _ref.optionContentItemId;
+    openUrl = _ref.openUrl;
   var viewHandler = useViewHandler();
   var text = selectedElement ? ((_selectedElement$grou = selectedElement.groupName) !== null && _selectedElement$grou !== void 0 ? _selectedElement$grou : '') + (selectedElement.parentName ? " (".concat(selectedElement.parentName, ")") : '') + ' ' + ((_selectedElement$long = selectedElement.longDescription) !== null && _selectedElement$long !== void 0 ? _selectedElement$long : '') : '';
   var updateInfoBox = function updateInfoBox() {
@@ -60,22 +59,10 @@ var InfoButton = function InfoButton(_ref) {
     });
   };
   var onClick = function onClick() {
-    if (selectedElement !== null && selectedElement !== void 0 && selectedElement.contentItemId) {
-      var visible = selectedElement.contentItemId != viewHandler.settingsState.contentItemId || !viewHandler.settingsState.contentItemVisible;
-      viewHandler.settingsState.setContentItemVisible(visible);
-      viewHandler.settingsState.setContentItemId(visible ? selectedElement.contentItemId : undefined, true);
-      return;
-    }
     if (openUrl && selectedElement) {
       window.open(selectedElement.url, '_blank');
       return;
     }
-    if (optionContentItemId) {
-      var _visible = optionContentItemId != viewHandler.settingsState.contentItemId;
-      viewHandler.settingsState.setContentItemVisible(_visible);
-      viewHandler.settingsState.setContentItemId(_visible ? optionContentItemId : undefined);
-      return;
-    }
     viewHandler.settingsState.setContentItemVisible(false);
     var boxContent = viewHandler.settingsState.infoBoxContent;
     if (boxContent && boxContent.id === id && boxContent.type === 'info') viewHandler.settingsState.updateInfoBox();else updateInfoBox();

package/build/esm/{index-fc2412d2.js → index-42714d29.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject } from './index-fd1defa8.js';
+import { s as styleInject } from './index-fd14964c.js';
 import 'react';
-import SettingsItemHeader from './index-ee1de412.js';
+import SettingsItemHeader from './index-f204d64c.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -18,29 +18,30 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'mobx-react-lite';
 import 'classnames';
-import './index-25479cb5.js';
-import './index-398dbdd9.js';
-import './index-55be71f2.js';
+import './index-0a819c77.js';
+import './index-97c824ae.js';
+import './index-7073598e.js';
 import 'react-dropdown';
-import './index-58ddb1fb.js';
-import './index-665eb873.js';
+import './index-f083a7c1.js';
+import './index-7246d705.js';
 import '@crystaldesign/content-box';
-import './index-52f5e521.js';
-import './index-d7eca154.js';
-import './index-8995a5b9.js';
-import './index-e413cb8f.js';
+import './index-e46acaf5.js';
+import './index-49d9dcdf.js';
+import './index-91d269f6.js';
+import './index-1c47f2fd.js';
 import 'react-switch';
-import './index-c68267f0.js';
-import './index-3dc7c9dd.js';
-import './index-a4b942d6.js';
-import './index-f76d7a09.js';
-import './index.module-7fed4f23.js';
-import './index-25e65ff3.js';
-import './index-08495a6b.js';
-import './index-7ed071c5.js';
+import './index-3b0e3c49.js';
+import './index-409a89a8.js';
+import './index-7aba4a5d.js';
+import './index-831e5ad9.js';
+import './index.module-4858e246.js';
+import './index-ddcb957a.js';
+import './index-ab90f1e9.js';
+import './index-0bca20b6.js';
 import 'react-laag';
-import './index-87a71155.js';
-import './index-e94c262c.js';
+import './index-26e1da07.js';
+import './index-2fe217e3.js';
+import './index-f005ad38.js';
 
 var settingsHeaderContainer = "settingsHeaderContainer-ywbxo";
 var settingsHeaderTitle = "settingsHeaderTitle-AeKfm";

package/build/esm/{index-1ffe98c3.js → index-47e1b80d.js}

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

package/build/esm/{index-729a5389.js → index-48e5d54b.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-fd1defa8.js';
+import { s as styleInject, u as useViewHandler } from './index-fd14964c.js';
 import classnames from 'classnames';
 import { useRef } from 'react';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-d7eca154.js → index-49d9dcdf.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-fd1defa8.js';
+import { s as styleInject, u as useViewHandler } from './index-fd14964c.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';