@crystaldesign/diva-web-planner-react 24.15.0-beta.8 → 24.15.0-beta.9

package/build/esm/{index-6bfa0681.js → index-10b7af83.js}

@@ -1,5 +1,5 @@
-import { s as styleInject } from './index-908c63b0.js';
-import ProductHeader from './index-615eb7f7.js';
+import { s as styleInject } from './index-53fdd522.js';
+import ProductHeader from './index-2e032801.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -17,9 +17,9 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'mobx-react-lite';
 import 'classnames';
-import './index-86593412.js';
+import './index-6f3fb22e.js';
 import '@crystaldesign/content-box';
-import './index-52139920.js';
+import './index-2179cb78.js';
 import '@crystaldesign/content-item';
 import 'react-draggable';
 

package/build/esm/{index-8971acd6.js → index-1199ca5b.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-908c63b0.js';
+import { s as styleInject, u as useViewHandler } from './index-53fdd522.js';
 import { observer } from 'mobx-react-lite';
 import { useState, createElement } from 'react';
 import { useHover, useLayer } from 'react-laag';
-import GenericToolTip from './index-b2ab8c0a.js';
+import GenericToolTip from './index-83c23ab9.js';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import MetaData from './index-7265f20e.js';
+import MetaData from './index-80448082.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-5c0da67c.js → index-1207abad.js}

@@ -1,9 +1,9 @@
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { a as usePlannerUIHandler } from './index-908c63b0.js';
+import { a as usePlannerUIHandler } from './index-53fdd522.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import Outline3D from './index-937246d3.js';
-import ItemsContainer from './index-f968a2a0.js';
+import Outline3D from './index-2e91d987.js';
+import ItemsContainer from './index-f1aa4c65.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -18,21 +18,21 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'classnames';
-import './index-c5be775e.js';
-import './index-5c4e1c36.js';
-import './index-80cdbb40.js';
-import './index-ef98e401.js';
-import './index-b88cd338.js';
-import './index-2d43f24a.js';
-import './index-6d2714bc.js';
-import './index-bb576285.js';
-import './index-94e8911a.js';
-import './index-7cc3a6f1.js';
-import './index-658ad4b4.js';
+import './index-431a398e.js';
+import './index-8c0e3497.js';
+import './index-548cc7be.js';
+import './index-5f20ce7b.js';
+import './index-fb98fe7c.js';
+import './index-f395a6c1.js';
+import './index-e1a6d990.js';
+import './index-b2b50fda.js';
+import './index-217796f2.js';
+import './index-88b306e8.js';
+import './index-af5699f7.js';
 import 'react-draggable';
-import './index-15f3a1f4.js';
-import './index-108adf9f.js';
-import './index-e2492dd5.js';
+import './index-705ea1d5.js';
+import './index-eec4c002.js';
+import './index-0c3788e2.js';
 
 var PlannerUI = function PlannerUI(_ref) {
   var plannerUIProps = _ref.plannerUIProps;

package/build/esm/{index-590b944c.js → index-14fad784.js}

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

package/build/esm/{index-0f082338.js → index-1651fc72.js}

@@ -1,16 +1,16 @@
-import { u as useViewHandler } from './index-908c63b0.js';
+import { u as useViewHandler } from './index-53fdd522.js';
 import { observer } from 'mobx-react-lite';
 import React, { Suspense } from 'react';
-import Planner2DGrid from './index-f82087b3.js';
-import Planner3DImage from './index-6b3c80b5.js';
-import { w as wcConfiguratorProductCenter, p as portrait, l as landscape, s as settingsHidden, i as inGridVisible, f as fullscreen, a as wcConfiguratorArticleImage, c as center, b as foldback, d as foldbackLeft, e as foldup } from './index.module-c825d30f.js';
+import Planner2DGrid from './index-9737b292.js';
+import Planner3DImage from './index-5dcff4cf.js';
+import { w as wcConfiguratorProductCenter, p as portrait, l as landscape, s as settingsHidden, i as inGridVisible, f as fullscreen, a as wcConfiguratorArticleImage, c as center, b as foldback, d as foldbackLeft, e as foldup } from './index.module-5563f437.js';
 import classnames from 'classnames';
-import Planner3DGrid from './index-eb03f43d.js';
-import PlannerMsgContainer from './index-590b944c.js';
-import PlannerUIVariant from './index-5f6a4ac5.js';
-import RotateInfo from './index-691ba910.js';
-import PromotedOpvs from './index-30f66d4a.js';
-import OrbitInteraction from './index-b7a0d050.js';
+import Planner3DGrid from './index-770ede4c.js';
+import PlannerMsgContainer from './index-14fad784.js';
+import PlannerUIVariant from './index-59ca7653.js';
+import RotateInfo from './index-f9420c4b.js';
+import PromotedOpvs from './index-9a698b63.js';
+import OrbitInteraction from './index-18bc4e02.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -25,15 +25,15 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index-59dd1892.js';
-import './index-37ba0c26.js';
+import './index-530c1ede.js';
+import './index-a65cdccc.js';
 import '@crystaldesign/content-box';
 
 var Planner3D = /*#__PURE__*/React.lazy(function () {
-  return import('./index-901af0c4.js');
+  return import('./index-fbd85c58.js');
 });
 var PlannerRTV = /*#__PURE__*/React.lazy(function () {
-  return import('./index-70c82715.js');
+  return import('./index-c72ead98.js');
 });
 var ProductCenter = function ProductCenter(_ref) {
   var style = _ref.style,

package/build/esm/{index-3580937e.js → index-17f44c8a.js}

@@ -1,10 +1,10 @@
-import { s as styleInject, u as useViewHandler } from './index-908c63b0.js';
+import { s as styleInject, u as useViewHandler } from './index-53fdd522.js';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import ArQrCodeIcon from './index-ee341073.js';
-import ProductRoomList from './index-1d58da47.js';
+import ArQrCodeIcon from './index-cc05128b.js';
+import ProductRoomList from './index-3503bd97.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-02f39769.js';
+import './index-f10fafdd.js';
 import 'react-qr-code';
-import './index-4fdfda21.js';
+import './index-93d9bd55.js';
 
 var wcNav3DToolbar = "wc_Nav3DToolbar-NM2CK";
 var landscape = "landscape-0Dn10";

package/build/esm/{index-b7a0d050.js → index-18bc4e02.js}

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

package/build/esm/{index-62f2342d.js → index-19c3e901.js}

@@ -1,4 +1,4 @@
-import './index-908c63b0.js';
+import './index-53fdd522.js';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-676f71af.js → index-1bdca307.js}

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

package/build/esm/{index-53f06824.js → index-1c9c793d.js}

@@ -1,7 +1,7 @@
-import { s as styleInject, u as useViewHandler } from './index-908c63b0.js';
+import { s as styleInject, u as useViewHandler } from './index-53fdd522.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import RoomRound from './index-c8d2b700.js';
+import RoomRound from './index-f14bceab.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-0f4fcf60.js → index-1cb8d33e.js}

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-908c63b0.js';
+import { s as styleInject, u as useViewHandler } from './index-53fdd522.js';
 import 'react';
-import BasketActionStandard from './index-14603cce.js';
+import BasketActionStandard from './index-c171609c.js';
 import { observer } from 'mobx-react-lite';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-4e852a3e.js → index-1dc69d9d.js}

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

package/build/esm/{index-94e8911a.js → index-217796f2.js}

@@ -1,4 +1,4 @@
-import { u as useViewHandler } from './index-908c63b0.js';
+import { u as useViewHandler } from './index-53fdd522.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-52139920.js → index-2179cb78.js}

@@ -1,7 +1,7 @@
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-908c63b0.js';
+import { s as styleInject, u as useViewHandler } from './index-53fdd522.js';
 import { observer } from 'mobx-react-lite';
 import { getLogger, useDivaCore, useTranslation } from '@crystaldesign/diva-core';
 import { useState, useEffect } from 'react';
@@ -52,7 +52,8 @@ var ContentItemWrapper = function ContentItemWrapper(_ref) {
   }, [id]);
   var loadData = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var data;
+      var _infoBoxTitle$;
+      var data, infoBoxTitle;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -60,10 +61,14 @@ var ContentItemWrapper = function ContentItemWrapper(_ref) {
             return contentItemHandler.getContentItem(id, language);
           case 2:
             data = _context.sent;
+            infoBoxTitle = data.content.filter(function (item) {
+              return item.type === 'Title' && item.text;
+            }).map(function (item) {
+              return item.text;
+            });
             LOG.businessEvent('onLoadInfoBox', 'InfoBox', 'Lade Infobox', {
               id: data._id,
-              title: data.title,
-              content: data.content
+              title: (_infoBoxTitle$ = infoBoxTitle[0]) !== null && _infoBoxTitle$ !== void 0 ? _infoBoxTitle$ : undefined
             });
             setData(data);
             if (viewHandler.getIsInMobileView()) {
@@ -89,7 +94,7 @@ var ContentItemWrapper = function ContentItemWrapper(_ref) {
                 })
               });
             }
-          case 6:
+          case 7:
           case "end":
             return _context.stop();
         }

package/build/esm/{index-9be0fa2d.js → index-220c9467.js}

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

package/build/esm/{index-c02154c3.js → index-2484efc4.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-908c63b0.js';
+import { s as styleInject } from './index-53fdd522.js';
 import { useState, useEffect } from 'react';
-import Toggle from './index-09aa361b.js';
+import Toggle from './index-d990e618.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
 var wrapper = "wrapper-i5mp2";

package/build/esm/{index-4e017fe4.js → index-2593f247.js}

@@ -1,11 +1,11 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-908c63b0.js';
+import { s as styleInject, u as useViewHandler } from './index-53fdd522.js';
 import { useState, useEffect } from 'react';
 import { useTranslation, DivaUtils } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import Collapsible from 'react-collapsible';
 import { observer } from 'mobx-react-lite';
-import InfoIcon from './index-9be0fa2d.js';
+import InfoIcon from './index-220c9467.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-cb8cc468.js → index-273e6d45.js}

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

package/build/esm/{index-fbe501a0.js → index-2ae727ca.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-908c63b0.js';
+import { s as styleInject, u as useViewHandler } from './index-53fdd522.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import Group from './index-fd77a0c4.js';
+import Group from './index-b456d94f.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import StandradGroup from './index-a502cdf7.js';
+import StandradGroup from './index-a870720e.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -18,9 +18,9 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'classnames';
-import './index-4e017fe4.js';
+import './index-2593f247.js';
 import 'react-collapsible';
-import './index-9be0fa2d.js';
+import './index-220c9467.js';
 
 var container = "container-IOQq6";
 var css_248z = ".container-IOQq6 {\n  display: flex;\n  flex-wrap: wrap;\n  position: relative;\n  width: 100%;\n}\n";

package/build/esm/{index-615eb7f7.js → index-2e032801.js}

@@ -1,12 +1,12 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-908c63b0.js';
+import { s as styleInject, u as useViewHandler } from './index-53fdd522.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import ProductHeaderFunction from './index-86593412.js';
+import ProductHeaderFunction from './index-6f3fb22e.js';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
-import ContentItemWrapper from './index-52139920.js';
+import ContentItemWrapper from './index-2179cb78.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-965dc13f.js → index-2e091e74.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-908c63b0.js';
+import { s as styleInject, u as useViewHandler } from './index-53fdd522.js';
 import 'react';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-7a5f1fb1.js → index-2e240f36.js}

@@ -1,13 +1,13 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-908c63b0.js';
+import { s as styleInject, u as useViewHandler } from './index-53fdd522.js';
 import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
 import { useState, useCallback } from 'react';
 import { observer } from 'mobx-react-lite';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
 import ProductsComponent, { useProductState } from '@crystaldesign/products-component';
-import SettingsHeader from './index-a3ba93fc.js';
+import SettingsHeader from './index-992f1d33.js';
 import classnames from 'classnames';
-import Search from './index-4e852a3e.js';
+import Search from './index-1dc69d9d.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -56,7 +56,6 @@ var ProductList = function ProductList(_ref) {
       'customFlags.variantsList.organizations': organization._id
     },
     sort: '{-created}',
-    noFilter: true,
     scroller: (_viewHandler$settings = viewHandler.settingsState.settingsScrollerElement) !== null && _viewHandler$settings !== void 0 ? _viewHandler$settings : undefined
   });
   var closePDP = useCallback(function () {

package/build/esm/{index-937246d3.js → index-2e91d987.js}

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

package/build/esm/{index-53e1ab22.js → index-2f3c8088.js}

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

package/build/esm/{index-74609dd1.js → index-31b93b00.js}

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

package/build/esm/{index-1d58da47.js → index-3503bd97.js}

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

package/build/esm/{index-5e71f34c.js → index-35567ff0.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-908c63b0.js';
+import { s as styleInject, u as useViewHandler } from './index-53fdd522.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-4bfd454e.js → index-355a018e.js}

@@ -2,12 +2,12 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 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-908c63b0.js';
+import { s as styleInject, u as useViewHandler } from './index-53fdd522.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
-import OptionSelector from './index-e865694a.js';
-import LayoutSelection from './index-6859c2ee.js';
+import OptionSelector from './index-dd01d479.js';
+import LayoutSelection from './index-357e4702.js';
 import { DivaUtils } from '@crystaldesign/diva-core';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -19,8 +19,8 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'react-dropdown';
-import './index.module-256213a1.js';
-import './index-cccca537.js';
+import './index.module-59811c1a.js';
+import './index-a000081a.js';
 
 var wrapper = "wrapper-XC8ci";
 var scrollable = "scrollable-Smp2u";

package/build/esm/{index-6859c2ee.js → index-357e4702.js}

@@ -1,10 +1,10 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-908c63b0.js';
+import { u as useViewHandler } from './index-53fdd522.js';
 import classnames from 'classnames';
 import { useState, useEffect } from 'react';
 import Dropdown from 'react-dropdown';
-import { w as wrapper, d as dropdownRoot, a as dropdownControl } from './index.module-256213a1.js';
-import Arrow from './index-cccca537.js';
+import { w as wrapper, d as dropdownRoot, a as dropdownControl } from './index.module-59811c1a.js';
+import Arrow from './index-a000081a.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-78bcb662.js → index-35c85eea.js}

@@ -1,14 +1,14 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { u as useViewHandler } from './index-908c63b0.js';
+import { u as useViewHandler } from './index-53fdd522.js';
 import { toJS } from 'mobx';
 import { useState } from 'react';
-import { h as header } from './index.module-dfd5f5b5.js';
-import { c as collapsibleHeader, d as dpArrow, b as dArrow, e as boxes, f as box, g as boxSelected, h as boxImage, j as jsonSelection, i as jsonSelected } from './index.module-7d6012ea.js';
+import { h as header } from './index.module-a5a878a8.js';
+import { c as collapsibleHeader, d as dpArrow, b as dArrow, e as boxes, f as box, g as boxSelected, h as boxImage, j as jsonSelection, i as jsonSelected } from './index.module-165fe737.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
-import { n as notExpanded } from './index.module-f87a578c.js';
+import { n as notExpanded } from './index.module-c776de93.js';
 import Collapsible from 'react-collapsible';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-e41b1bfc.js → index-38960ef8.js}

@@ -1,7 +1,7 @@
-import { u as useViewHandler } from './index-908c63b0.js';
+import { u as useViewHandler } from './index-53fdd522.js';
 import 'react';
 import DivaUtils from '@crystaldesign/diva-utils';
-import Toggle from './index-09aa361b.js';
+import Toggle from './index-d990e618.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-44932ee9.js → index-38b7d726.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-908c63b0.js';
+import { s as styleInject, u as useViewHandler } from './index-53fdd522.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';

package/build/esm/{index-5b97d922.js → index-396f60e8.js}

@@ -1,13 +1,13 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-908c63b0.js';
+import { s as styleInject } from './index-53fdd522.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
 import Dropdown from 'react-dropdown';
-import RALFilter from './index-2837faaa.js';
-import Searchbar from './index-34f5e501.js';
-import Arrow from './index-cccca537.js';
-import InfoIcon from './index-9be0fa2d.js';
+import RALFilter from './index-77052f4b.js';
+import Searchbar from './index-55a325c9.js';
+import Arrow from './index-a000081a.js';
+import InfoIcon from './index-220c9467.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -22,10 +22,10 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-683bfabb.js';
-import './index-0a228082.js';
+import './index-b7d28dcb.js';
+import './index-5a9f88f0.js';
 import '@crystaldesign/content-box';
-import './index-2ebceaf7.js';
+import './index-3bb130d8.js';
 
 var container = "container-sQHMr";
 var dropdownRoot = "Dropdown-root-elxKM";

package/build/esm/{index-b856d507.js → index-3b51e9a8.js}

@@ -1,19 +1,19 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-908c63b0.js';
+import { s as styleInject, u as useViewHandler } from './index-53fdd522.js';
 import React, { useState, useEffect, Suspense } from 'react';
 import { observer } from 'mobx-react-lite';
 import sift from 'sift';
-import TextBox from './index-e4394a1c.js';
-import ItemVariant from './index-64e3cc1f.js';
-import SettingsPaletteGroup from './index-289a86d9.js';
-import ToggleOption from './index-afcd5389.js';
-import GroupDropdown from './index-5b97d922.js';
-import PromotedProducts from './index-711d09c4.js';
-import ToggleName from './index-dd666896.js';
-import ProductList from './index-7a5f1fb1.js';
-import itemPaletteTypeComponentMap from './index-5708c341.js';
-import ItemWrapper from './index-fd4db1ef.js';
+import TextBox from './index-d6e3c6d1.js';
+import ItemVariant from './index-97c4bd09.js';
+import SettingsPaletteGroup from './index-475b0313.js';
+import ToggleOption from './index-5e86bbf0.js';
+import GroupDropdown from './index-396f60e8.js';
+import PromotedProducts from './index-e11b073d.js';
+import ToggleName from './index-a8945e40.js';
+import ProductList from './index-2e240f36.js';
+import itemPaletteTypeComponentMap from './index-02ab8cdd.js';
+import ItemWrapper from './index-b315ed29.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 
 var collapsableInner = "collapsable-inner-YPvJa";
@@ -23,10 +23,10 @@ styleInject(css_248z);
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ShelfPlanner = /*#__PURE__*/React.lazy(function () {
-  return import('./index-93bf505e.js');
+  return import('./index-94cdde8c.js');
 });
 var DoorPlanner = /*#__PURE__*/React.lazy(function () {
-  return import('./index-6d3a9d38.js');
+  return import('./index-d3aa5722.js');
 });
 var SettingsPaletteItem = function SettingsPaletteItem(_ref) {
   var _viewHandler$uiState$, _settingsSizes$gapDef, _settingsSizes$sizeDe, _viewHandler$uiState$2, _item$groups$;

package/build/esm/{index-2ebceaf7.js → index-3bb130d8.js}

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

package/build/esm/{index-783ecde0.js → index-3bd827a7.js}

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