@crystaldesign/diva-web-planner-react 24.13.0-beta.19 → 24.13.0-beta.20

package/build/esm/{index-b30e79e6.js → index-4885ca12.js}

@@ -1,12 +1,12 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler } from './index-fc51b49c.js';
+import { u as useViewHandler } from './index-6603715f.js';
 import { useRef, useEffect } from 'react';
-import ProductHeader from './index-81c07bdb.js';
-import ContentItemWrapper from './index-437c07f1.js';
-import ProductSettings from './index-26c4d7e3.js';
-import ProductCenter from './index-1829941f.js';
-import ProductFooter from './index-83e3eec4.js';
-import ProductInfo from './index-4082d251.js';
+import ProductHeader from './index-b2b857f4.js';
+import ContentItemWrapper from './index-e154e98c.js';
+import ProductSettings from './index-6055f2a0.js';
+import ProductCenter from './index-a82bffe6.js';
+import ProductFooter from './index-30da4911.js';
+import ProductInfo from './index-f046a3b6.js';
 import { observer } from 'mobx-react-lite';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -24,67 +24,67 @@ import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/content-item';
 import 'react-draggable';
 import 'classnames';
-import './index-ebb51c18.js';
+import './index-03f8817b.js';
 import 'sift';
-import './index-f5c75ccd.js';
-import './index-dbb8be59.js';
-import './index-2280565a.js';
-import './index-9c6c8267.js';
-import './index-06028740.js';
-import './index.module-e80de984.js';
-import './index-8569b39e.js';
+import './index-4e8fde3b.js';
+import './index-a0facb3a.js';
+import './index-aa7c9a35.js';
+import './index-64835b1c.js';
+import './index-9816345f.js';
+import './index.module-95ae08bb.js';
+import './index-dc039272.js';
 import 'react-switch';
-import './index-af067b82.js';
-import './index-eb23f21a.js';
+import './index-c8f8e620.js';
+import './index-a89d3eed.js';
 import 'react-dropdown';
-import './index-f9850c0a.js';
+import './index-5f879181.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-bd8cba7a.js';
-import './index-a559818a.js';
-import './index-62102f67.js';
+import './index-c827413e.js';
+import './index-658ad8f3.js';
+import './index-6a62a84c.js';
 import '@crystaldesign/content-box';
-import './index-491d4fdf.js';
-import './index-36b92d54.js';
-import './index-ad45602d.js';
-import './index-e3f09a73.js';
-import './index-49846684.js';
+import './index-83dadcdf.js';
+import './index-0aaaaab4.js';
+import './index-179626cc.js';
+import './index-20520cb0.js';
+import './index-3bbf548a.js';
 import '@crystaldesign/products-component';
-import './index-da4d3a01.js';
-import './index-ae55ae4e.js';
-import './index-68d7d592.js';
+import './index-894738aa.js';
+import './index-42259492.js';
+import './index-c900f771.js';
 import 'react-laag';
-import './index-a14b45f7.js';
-import './index-6e22d6b3.js';
-import './index-0c0a3b5f.js';
-import './index-c4785947.js';
-import './index-89c1ac8c.js';
-import './index-e07e2e5d.js';
-import './index-754ccca6.js';
-import './index-2ef6a3a5.js';
-import './index-c9f419f0.js';
-import './index-435fcfdc.js';
-import './index.module-67b469d8.js';
-import './index-fe1a83c5.js';
-import './index-25682524.js';
-import './index-5c2d9645.js';
-import './index-de512608.js';
-import './index-67825254.js';
-import './index-a7c23de5.js';
-import './index-78224ddb.js';
-import './index.module-508489c3.js';
-import './index-ea23e660.js';
-import './index-ecb494d5.js';
-import './index-f5f7eaf1.js';
-import './index-59d2afa9.js';
-import './index-1ed1b437.js';
-import './index.module-3acad664.js';
-import './index-ddc4fe13.js';
-import './index-ed114f3e.js';
-import './index-ac4c9b86.js';
-import './index-4599879c.js';
-import './index-cb5a9265.js';
-import './index-fd93fc26.js';
-import './index-7cec8ab2.js';
+import './index-f4f1300c.js';
+import './index-88f292f1.js';
+import './index-b0686bb0.js';
+import './index-376c39e2.js';
+import './index-c4d32444.js';
+import './index-97ad0a53.js';
+import './index-7efc4097.js';
+import './index-e08088b9.js';
+import './index-db0c8486.js';
+import './index-1f6141fb.js';
+import './index.module-aa641914.js';
+import './index-b43e1af4.js';
+import './index-976ab29d.js';
+import './index-43ab0734.js';
+import './index-80d323af.js';
+import './index-5b5ccff7.js';
+import './index-f7d3b746.js';
+import './index-4231e035.js';
+import './index.module-0d208756.js';
+import './index-2be6d62e.js';
+import './index-277bf033.js';
+import './index-3523aa82.js';
+import './index-d02b396a.js';
+import './index-e74fd210.js';
+import './index.module-dd083f23.js';
+import './index-89476282.js';
+import './index-eddef935.js';
+import './index-499736d5.js';
+import './index-a524e70d.js';
+import './index-42a104c6.js';
+import './index-30dcff3a.js';
+import './index-7b0af091.js';
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }

package/build/esm/{index-ac4c9b86.js → index-499736d5.js}

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

package/build/esm/{index-1c84d831.js → index-49e70508.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-fc51b49c.js';
+import { s as styleInject, u as useViewHandler } from './index-6603715f.js';
 import { useTranslation, 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-a14b45f7.js';
-import GenericToolTip from './index-6e22d6b3.js';
+import MetaData from './index-f4f1300c.js';
+import GenericToolTip from './index-88f292f1.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-20be4a5a.js → index-4b9d12fd.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-fc51b49c.js';
+import { s as styleInject } from './index-6603715f.js';
 import 'react';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-49e4814b.js → index-4de2f332.js}

@@ -1,11 +1,11 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-fc51b49c.js';
+import { s as styleInject, u as useViewHandler } from './index-6603715f.js';
 import classnames from 'classnames';
-import Toggle from './index-8569b39e.js';
+import Toggle from './index-dc039272.js';
 import { useState, useEffect } from 'react';
 import Dropdown from 'react-dropdown';
-import BasketActionSerious from './index-84026cae.js';
+import BasketActionSerious from './index-842f2f16.js';
 import { observer } from 'mobx-react-lite';
 import { useTranslation, DivaUtils } from '@crystaldesign/diva-core';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -174,14 +174,14 @@ var CheckOutForm = function CheckOutForm(props) {
   };
   var _useState7 = useState({
       configurationName: (_basket$ProductSetNam = basket.ProductSetName) !== null && _basket$ProductSetNam !== void 0 ? _basket$ProductSetNam : '',
-      buildService: (_ref = (_basket$Client = basket.Client) === null || _basket$Client === void 0 ? void 0 : _basket$Client.delivery) !== null && _ref !== void 0 ? _ref : (_basket$OrderSets = basket.OrderSets) === null || _basket$OrderSets === void 0 ? void 0 : _basket$OrderSets.find(function (set) {
+      buildService: (_ref = (_basket$Client = basket.Client) === null || _basket$Client === void 0 ? void 0 : _basket$Client.delivery) !== null && _ref !== void 0 ? _ref : !!((_basket$OrderSets = basket.OrderSets) !== null && _basket$OrderSets !== void 0 && _basket$OrderSets.find(function (set) {
         return set.OrderLines.find(function (ol) {
           var _ol$VariantBasketData;
           return !!(((_ol$VariantBasketData = ol.VariantBasketDatas) === null || _ol$VariantBasketData === void 0 || (_ol$VariantBasketData = _ol$VariantBasketData.find(function (o) {
             return o.OPT === 'SERVICE';
           })) === null || _ol$VariantBasketData === void 0 ? void 0 : _ol$VariantBasketData.OPV) == 'JA');
         });
-      }),
+      })),
       sellingAdvisor: (_basket$Salesperson = basket.Salesperson) !== null && _basket$Salesperson !== void 0 ? _basket$Salesperson : "".concat(((_viewHandler$configSt2 = viewHandler.configState.currentUser) === null || _viewHandler$configSt2 === void 0 ? void 0 : _viewHandler$configSt2.name) || '', " ").concat(((_viewHandler$configSt3 = viewHandler.configState.currentUser) === null || _viewHandler$configSt3 === void 0 ? void 0 : _viewHandler$configSt3.familyName) || '').trim(),
       toProduct: (_basket$ClientRemark = basket.ClientRemark) !== null && _basket$ClientRemark !== void 0 ? _basket$ClientRemark : '',
       firstName: (_basket$Client$firstN = (_basket$Client2 = basket.Client) === null || _basket$Client2 === void 0 ? void 0 : _basket$Client2.firstName) !== null && _basket$Client$firstN !== void 0 ? _basket$Client$firstN : '',

package/build/esm/{index-f5c75ccd.js → index-4e8fde3b.js}

@@ -1,8 +1,8 @@
-import { s as styleInject, u as useViewHandler } from './index-fc51b49c.js';
+import { s as styleInject, u as useViewHandler } from './index-6603715f.js';
 import 'react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import SettingsHeader from './index-dbb8be59.js';
+import SettingsHeader from './index-a0facb3a.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-b47b36cf.js → index-4ecb1718.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-fc51b49c.js';
+import { u as useViewHandler } from './index-6603715f.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-aaf9c791.js → index-5027d29e.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-fc51b49c.js';
+import { s as styleInject, u as useViewHandler } from './index-6603715f.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
-import OptionSelector from './index-68d48825.js';
-import LayoutSelection from './index-a3ca8e9e.js';
+import OptionSelector from './index-81dc7e1c.js';
+import LayoutSelection from './index-69210af1.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-12753eb1.js';
-import './index-a559818a.js';
+import './index.module-312c61e8.js';
+import './index-658ad8f3.js';
 
 var wrapper = "wrapper-XC8ci";
 var scrollable = "scrollable-Smp2u";

package/build/esm/{index-1c26a3d1.js → index-503ae59d.js}

@@ -1,23 +1,23 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { a as usePlannerUIHandler, u as useViewHandler } from './index-fc51b49c.js';
+import { a as usePlannerUIHandler, u as useViewHandler } from './index-6603715f.js';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import AVL from './index-4e186a47.js';
-import AVR from './index-afbcdd35.js';
-import Outline from './index-03560d03.js';
-import RotationClockwise from './index-996b7059.js';
-import RotationCounterClockwise from './index-6ff5f2f7.js';
-import Trash from './index-40105887.js';
-import { u as useDockingPointPositioning, I as ItemsDPAccContainer } from './index-66f7cb8b.js';
+import AVL from './index-ae572cf2.js';
+import AVR from './index-ab334b23.js';
+import Outline from './index-56c1d064.js';
+import RotationClockwise from './index-75f62e27.js';
+import RotationCounterClockwise from './index-1208f82a.js';
+import Trash from './index-44192a61.js';
+import { u as useDockingPointPositioning, I as ItemsDPAccContainer } from './index-45a8722d.js';
 import { Vector2 } from '@crystaldesign/web-planner-logic';
-import PosNr from './index-15a5e8b9.js';
-import BoxCopy from './index-791b85bb.js';
-import Move3DGrid from './index-4bcecc7f.js';
-import Rotation3DGrid from './index-61bcfca5.js';
+import PosNr from './index-b4688689.js';
+import BoxCopy from './index-203e2184.js';
+import Move3DGrid from './index-a16c2026.js';
+import Rotation3DGrid from './index-5bee5a97.js';
 import { getLogger } from '@crystaldesign/diva-core';
 import { DivaError } from '@crystaldesign/diva-utils';
-import ElementCopy from './index-7f157548.js';
-import DistanceToGround from './index-40092c00.js';
+import ElementCopy from './index-af9c5278.js';
+import DistanceToGround from './index-a30fc1d0.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -29,7 +29,7 @@ import '@babel/runtime/helpers/createClass';
 import '@babel/runtime/helpers/toConsumableArray';
 import 'mobx';
 import 'classnames';
-import './index-51e5d361.js';
+import './index-23d0424f.js';
 import 'react-draggable';
 
 function usePosNrPositioning(_ref) {

package/build/esm/{index-f6ac8861.js → index-5073f52f.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-fc51b49c.js';
+import { s as styleInject } from './index-6603715f.js';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-03560d03.js → index-56c1d064.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import './index-fc51b49c.js';
+import './index-6603715f.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';

package/build/esm/{index-550ba0ef.js → index-572c28e7.js}

@@ -1,5 +1,5 @@
-import { s as styleInject } from './index-fc51b49c.js';
-import ProductHeader from './index-e246b4ca.js';
+import { s as styleInject } from './index-6603715f.js';
+import ProductHeader from './index-051ab992.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-c42c9060.js';
+import './index-0b306549.js';
 import '@crystaldesign/content-box';
-import './index-437c07f1.js';
+import './index-e154e98c.js';
 import '@crystaldesign/content-item';
 import 'react-draggable';
 

package/build/esm/{index-1da130b1.js → index-59a6674b.js}

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

package/build/esm/{index-cd261c5a.js → index-5b5c63e1.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-fc51b49c.js';
+import { s as styleInject, u as useViewHandler } from './index-6603715f.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-508489c3.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-0d208756.js';
 import classnames from 'classnames';
-import IsActive from './index-fe1a83c5.js';
+import IsActive from './index-b43e1af4.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import GenericToolTip from './index-6e22d6b3.js';
-import InfoIcon from './index-af067b82.js';
+import GenericToolTip from './index-88f292f1.js';
+import InfoIcon from './index-c8f8e620.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-67825254.js → index-5b5ccff7.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-fc51b49c.js';
+import { s as styleInject } from './index-6603715f.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-d1e2ab04.js → index-5b9a8371.js}

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

package/build/esm/{index-61bcfca5.js → index-5bee5a97.js}

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

package/build/esm/{index-1f5b337a.js → index-5ccd969e.js}

@@ -1,12 +1,12 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-fc51b49c.js';
-import SettingsHeader from './index-dbb8be59.js';
+import { s as styleInject, u as useViewHandler } from './index-6603715f.js';
+import SettingsHeader from './index-a0facb3a.js';
 import { useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
 import { useState, useEffect } from 'react';
 import Dropdown from 'react-dropdown';
-import MobileDropdown from './index-0ca68a62.js';
+import MobileDropdown from './index-ed584061.js';
 import { observer } from 'mobx-react-lite';
-import InfoIcon from './index-af067b82.js';
+import InfoIcon from './index-c8f8e620.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -19,7 +19,7 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index-a559818a.js';
+import './index-658ad8f3.js';
 import 'classnames';
 
 var wrapper = "wrapper-xpzd5";

package/build/esm/{index-8b93bfd4.js → index-5ed5b530.js}

@@ -1,10 +1,10 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-fc51b49c.js';
+import { s as styleInject, u as useViewHandler } from './index-6603715f.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-af067b82.js';
+import InfoIcon from './index-c8f8e620.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -88,6 +88,10 @@ var DropDowmText = function DropDowmText(_ref) {
   } finally {
     _iterator.f();
   }
+  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) {
@@ -107,11 +111,11 @@ 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],
+    }), contentItem && /*#__PURE__*/jsx(InfoIcon, {
+      item: contentItem,
       style: {
         bottom: 'calc(50% - 8px)',
-        right: '5%'
+        right: '-5%'
       }
     })]
   });

package/build/esm/{index-f9850c0a.js → index-5f879181.js}

@@ -1,10 +1,10 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-fc51b49c.js';
+import { s as styleInject, u as useViewHandler } from './index-6603715f.js';
 import { observer } from 'mobx-react-lite';
 import { useEffect } from 'react';
-import RalDropdownFilter from './index-bd8cba7a.js';
-import SlideFilter from './index-62102f67.js';
+import RalDropdownFilter from './index-c827413e.js';
+import SlideFilter from './index-6a62a84c.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -20,9 +20,9 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'react-dropdown';
 import 'classnames';
-import './index-a559818a.js';
+import './index-658ad8f3.js';
 import '@crystaldesign/content-box';
-import './index-491d4fdf.js';
+import './index-83dadcdf.js';
 
 var css_248z = "#wcConfigurator .Dropdown-root {\n  position: relative;\n}\n\n#wcConfigurator .Dropdown-control {\n  position: relative;\n  overflow: hidden;\n  background-color: white;\n  border: 1px solid #ccc;\n  border-radius: 2px;\n  box-sizing: border-box;\n  color: #333;\n  cursor: default;\n  outline: none;\n  padding: 4px 24px 4px 10px;\n  transition: all 200ms ease;\n}\n\n#wcConfigurator .Dropdown-control:hover {\n  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);\n}\n\n#wcConfigurator .Dropdown-arrow {\n  border-color: #999 transparent transparent;\n  border-style: solid;\n  border-width: 5px 5px 0;\n  content: ' ';\n  display: block;\n  height: 0;\n  margin-top: -ceil(2.5);\n  position: absolute;\n  right: 10px;\n  top: 14px;\n  width: 0;\n}\n\n#wcConfigurator .is-open .Dropdown-arrow {\n  border-color: transparent transparent #999;\n  border-width: 0 5px 5px;\n}\n\n#wcConfigurator .Dropdown-menu {\n  background-color: white;\n  border: 1px solid #ccc;\n  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);\n  box-sizing: border-box;\n  margin-top: -1px;\n  max-height: 200px;\n  overflow-y: auto;\n  position: absolute;\n  top: 100%;\n  width: 100%;\n  z-index: 1000;\n  -webkit-overflow-scrolling: touch;\n}\n\n#wcConfigurator .Dropdown-menu .Dropdown-group > .Dropdown-title {\n  padding: 8px 10px;\n  color: rgba(51, 51, 51, 1);\n  font-weight: 300;\n  text-transform: capitalize;\n}\n\n#wcConfigurator .Dropdown-option {\n  box-sizing: border-box;\n  color: rgba(51, 51, 51, 0.8);\n  cursor: pointer;\n  display: block;\n  padding: 8px 10px;\n}\n\n#wcConfigurator .Dropdown-option:last-child {\n  border-bottom-right-radius: 2px;\n  border-bottom-left-radius: 2px;\n}\n\n#wcConfigurator .Dropdown-option:hover {\n  background-color: #f2f9fc;\n  color: #333;\n}\n\n#wcConfigurator .Dropdown-option.is-selected {\n  background-color: #f2f9fc;\n  color: #333;\n}\n\n#wcConfigurator .Dropdown-noresults {\n  box-sizing: border-box;\n  color: #ccc;\n  cursor: default;\n  display: block;\n  padding: 8px 10px;\n}\n";
 styleInject(css_248z);

package/build/esm/{index-f2aede33.js → index-5fb9ec48.js}

@@ -1,14 +1,14 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-fc51b49c.js';
+import { u as useViewHandler } from './index-6603715f.js';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import { w as wrapper, t as tabs, s as sel, a as selectionWrapper, b as selectionText, c as selection, T as Table } from './index-25c8b6b6.js';
+import { w as wrapper, t as tabs, s as sel, a as selectionWrapper, b as selectionText, c as selection, T as Table } from './index-c75e79a5.js';
 import classnames from 'classnames';
-import properties from './CatalogProperties-e068dedf.js';
-import properties$1 from './ArticleProperties-051ce229.js';
-import properties$2 from './OptionProperties-5b084eba.js';
-import properties$3 from './OptionValueProperties-00b24076.js';
+import properties from './CatalogProperties-0430bd65.js';
+import properties$1 from './ArticleProperties-5240edb7.js';
+import properties$2 from './OptionProperties-df9da5ae.js';
+import properties$3 from './OptionValueProperties-f75d09c3.js';
 import Select from 'react-select';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -22,7 +22,7 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index-8569b39e.js';
+import './index-dc039272.js';
 import 'react-switch';
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }

package/build/esm/{index-b459dbe1.js → index-60291551.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-fc51b49c.js';
+import { s as styleInject } from './index-6603715f.js';
 import 'react';
-import SettingsItemHeader from './index-0dbbf72d.js';
+import SettingsItemHeader from './index-6c32e771.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -18,28 +18,28 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'mobx-react-lite';
 import 'classnames';
-import './index-f64a79fc.js';
-import './index-f9850c0a.js';
-import './index-bd8cba7a.js';
+import './index-bf3564f0.js';
+import './index-5f879181.js';
+import './index-c827413e.js';
 import 'react-dropdown';
-import './index-a559818a.js';
-import './index-62102f67.js';
+import './index-658ad8f3.js';
+import './index-6a62a84c.js';
 import '@crystaldesign/content-box';
-import './index-491d4fdf.js';
-import './index-36b92d54.js';
-import './index-ce037ed2.js';
-import './index-8569b39e.js';
+import './index-83dadcdf.js';
+import './index-0aaaaab4.js';
+import './index-660de7f5.js';
+import './index-dc039272.js';
 import 'react-switch';
-import './index-d26f1658.js';
-import './index-8824ca02.js';
-import './index-1c1aaab8.js';
-import './index-0ca8205f.js';
-import './index-431acb8f.js';
-import './index-6d2bfff7.js';
+import './index-74a4c6b5.js';
+import './index-16ab903b.js';
+import './index-c350365d.js';
+import './index-a4236b8e.js';
+import './index-bf090f72.js';
+import './index-cafb2ea8.js';
 import 'react-laag';
-import './index-6e22d6b3.js';
-import './index-a14b45f7.js';
-import './index-af067b82.js';
+import './index-88f292f1.js';
+import './index-f4f1300c.js';
+import './index-c8f8e620.js';
 
 var settingsHeaderContainer = "settingsHeaderContainer-ywbxo";
 var settingsHeaderTitle = "settingsHeaderTitle-AeKfm";