@crystaldesign/diva-web-planner-react 24.15.0-beta.1 → 24.15.0-beta.2

package/build/esm/{index-e104602c.js → index-6f867840.js}

@@ -1,10 +1,10 @@
-import { s as styleInject, u as useViewHandler } from './index-78c00eed.js';
+import { s as styleInject, u as useViewHandler } from './index-35c3b12b.js';
 import { useEffect } from 'react';
-import Inputbox from './index-2a3dcafb.js';
-import { cssVariables } from './index-6e0138ed.js';
-import Product from './index-40c692e3.js';
-import Settings from './index-dc38a14f.js';
-import TabGroup from './index-e0f74443.js';
+import Inputbox from './index-c650e3fa.js';
+import { cssVariables } from './index-40b8165d.js';
+import Product from './index-a3a0344f.js';
+import Settings from './index-fb2349f7.js';
+import TabGroup from './index-7a97c568.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
@@ -22,84 +22,84 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-c5728dcc.js';
-import './index-da03ac83.js';
+import './index-abe9de06.js';
+import './index-5a985397.js';
 import 'react-switch';
 import 'react-dropdown';
-import './index-b9ebe6ae.js';
-import './index-cad0350b.js';
-import './index-4fec04c5.js';
-import './index-d936cd51.js';
-import './index-2837cc66.js';
-import './index.module-702a1e11.js';
-import './index-b8cc69c9.js';
-import './index-c84f1694.js';
-import './index-86c21008.js';
-import './index-8caf1d13.js';
-import './index-4890dffc.js';
-import './index-71faed98.js';
+import './index-16456942.js';
+import './index-16c87199.js';
+import './index-10a9d564.js';
+import './index-5e436e96.js';
+import './index-1a51f2df.js';
+import './index.module-f77f9082.js';
+import './index-45be66c0.js';
+import './index-1134c1ba.js';
+import './index-4d0b953b.js';
+import './index-ca976189.js';
+import './index-74b7f7ce.js';
+import './index-18579740.js';
 import '@crystaldesign/content-box';
-import './index-5fedc70f.js';
-import './index-e870f0ab.js';
+import './index-dab33a21.js';
+import './index-658f0dd9.js';
 import '@crystaldesign/content-item';
 import 'react-draggable';
-import './index-1aabf2d6.js';
-import './index-3aa9b5d6.js';
-import './index-8f367602.js';
-import './index-33f908f6.js';
-import './index-40e56edf.js';
+import './index-da7cb9a4.js';
+import './index-bb6da57d.js';
+import './index-e2dd9621.js';
+import './index-75a7cd6f.js';
+import './index-4106cade.js';
 import 'react-laag';
-import './index-d2a408bd.js';
-import './index-00d23ccb.js';
-import './index-44e5cfbe.js';
+import './index-7cf110bb.js';
+import './index-232bd882.js';
+import './index-21c0d77e.js';
 import 'sift';
-import './index-e59e8329.js';
-import './index-59d02025.js';
-import './index-9acec70e.js';
-import './index-a0e5ef19.js';
-import './index.module-4d7bf583.js';
-import './index-007fc7e3.js';
-import './index-2dc56e9a.js';
-import './index-7998c732.js';
-import './index-b25979c4.js';
-import './index-3c1f3355.js';
-import './index-bdf685bc.js';
-import './index-6fef9dff.js';
-import './index-a6180195.js';
-import './index-42fa0481.js';
-import './index-4ff6104b.js';
-import './index-d97360e8.js';
+import './index-69a1567b.js';
+import './index-b0002783.js';
+import './index-745ea0bf.js';
+import './index-d1fd0d23.js';
+import './index.module-c8e4c4b4.js';
+import './index-fa9ad2a2.js';
+import './index-2d30cfaa.js';
+import './index-45036a91.js';
+import './index-c57b232b.js';
+import './index-6bbeb637.js';
+import './index-07d9f5c1.js';
+import './index-e90d3993.js';
+import './index-7d2f30ce.js';
+import './index-456a4ffb.js';
+import './index-67e30220.js';
+import './index-6c2c9980.js';
 import '@crystaldesign/products-component';
-import './index-7a3d3d31.js';
-import './index-b9af893f.js';
-import './index-0fa77985.js';
-import './index-681fe5cc.js';
-import './index-0c92ea5c.js';
-import './index-6231d6c0.js';
-import './index-1f72abf6.js';
-import './index-8c0ebda9.js';
-import './index-e24c19c9.js';
-import './index-86e78ee9.js';
-import './index-84c9ffd8.js';
-import './index-13a34f64.js';
-import './index-bc909eae.js';
-import './index.module-4860657e.js';
-import './index-4635d1ae.js';
-import './index-8fcad7e8.js';
-import './index-6b373137.js';
-import './index-de52cdea.js';
-import './index-77de5457.js';
-import './index-511c4366.js';
-import './index-ff536ff0.js';
-import './index.module-9403b3fe.js';
-import './index-853c176e.js';
-import './index-37ace25f.js';
-import './index-d9b129f1.js';
-import './index-97fe941b.js';
-import './index-517c163f.js';
-import './index-80d64353.js';
-import './index-d8c33a2d.js';
-import './index-d2f6d343.js';
+import './index-91d3dd34.js';
+import './index-c1d846a6.js';
+import './index-1fcc2a56.js';
+import './index-72961d6c.js';
+import './index-d7c94fc4.js';
+import './index-2ee79f97.js';
+import './index-ecbf27df.js';
+import './index-23bf52e2.js';
+import './index-74474d28.js';
+import './index-3627f830.js';
+import './index-b4f6dc24.js';
+import './index-a94a1fac.js';
+import './index-3dd00bd8.js';
+import './index.module-5efdbb96.js';
+import './index-74f82074.js';
+import './index-829fb4c1.js';
+import './index-481dd847.js';
+import './index-4950c9f7.js';
+import './index-d4b652d0.js';
+import './index-b224a160.js';
+import './index-aee2dcae.js';
+import './index.module-7db72c65.js';
+import './index-f6079c09.js';
+import './index-2cce2e0a.js';
+import './index-52d9ff81.js';
+import './index-e551ae01.js';
+import './index-eeb21c12.js';
+import './index-33504ca0.js';
+import './index-44cf08e1.js';
+import './index-50581145.js';
 
 var wcConfigurator = "wcConfigurator-VvOGT";
 var wcConfiguratorSteps = "wc-configurator-steps-CYXm7";

package/build/esm/{index-07c18737.js → index-7088df9a.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-78c00eed.js';
+import { u as useViewHandler } from './index-35c3b12b.js';
 import { useState, useEffect } from 'react';
-import { n as notExpanded } from './index.module-b61eb773.js';
-import { s as scrollable, h as header, t as table, c as column } from './index.module-1cb21715.js';
+import { n as notExpanded } from './index.module-36102827.js';
+import { s as scrollable, h as header, t as table, c as column } from './index.module-93433ff3.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { DivaUtils } from '@crystaldesign/diva-core';

package/build/esm/{index-5314f4d7.js → index-7258ec09.js}

@@ -1,9 +1,9 @@
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { a as usePlannerUIHandler } from './index-78c00eed.js';
+import { a as usePlannerUIHandler } from './index-35c3b12b.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import Outline3D from './index-d88ae19b.js';
-import ItemsContainer from './index-e32c6b03.js';
+import Outline3D from './index-4830ac42.js';
+import ItemsContainer from './index-c501cdfa.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-55ba96a6.js';
-import './index-a0abdb7f.js';
-import './index-630686ea.js';
-import './index-dafa5f25.js';
-import './index-3c9930ed.js';
-import './index-78781ebd.js';
-import './index-e2c3b613.js';
-import './index-1c5eacf2.js';
-import './index-7b38889d.js';
-import './index-d70d2f75.js';
-import './index-2781eb94.js';
+import './index-c7b9e21b.js';
+import './index-20aa420a.js';
+import './index-603366db.js';
+import './index-fd31c688.js';
+import './index-e83ca6fd.js';
+import './index-6bb759fe.js';
+import './index-81345b43.js';
+import './index-4b84dbfb.js';
+import './index-3478c4be.js';
+import './index-966909f7.js';
+import './index-14379e48.js';
 import 'react-draggable';
-import './index-37d467ee.js';
-import './index-47587365.js';
-import './index-1b84adec.js';
+import './index-e28b1c50.js';
+import './index-4aef9417.js';
+import './index-880cb9f9.js';
 
 var PlannerUI = function PlannerUI(_ref) {
   var plannerUIProps = _ref.plannerUIProps;

package/build/esm/{index-681fe5cc.js → index-72961d6c.js}

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

package/build/esm/{index-e24c19c9.js → index-74474d28.js}

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

package/build/esm/{index-9acec70e.js → index-745ea0bf.js}

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

package/build/esm/{index-c10c9b20.js → index-7467fc81.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-78c00eed.js';
+import { s as styleInject, u as useViewHandler } from './index-35c3b12b.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-ce3f6723.js';
+import { g as getIconOfTabGroup } from './IconHandler-454f7708.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-4890dffc.js → index-74b7f7ce.js}

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

package/build/esm/{index-4635d1ae.js → index-74f82074.js}

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

package/build/esm/{index-33f908f6.js → index-75a7cd6f.js}

@@ -1,9 +1,9 @@
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-78c00eed.js';
+import { u as useViewHandler } from './index-35c3b12b.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-40e56edf.js';
+import { w as wcConfiguratorSettingsHeaderActElements, S as SettingsPosNr$1 } from './index-4106cade.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-d2a408bd.js';
+import './index-7cf110bb.js';
 import 'classnames';
 
 var SettingsPosNrContainer = function SettingsPosNrContainer(_ref) {

package/build/esm/{index-894eaea6.js → index-772b37f0.js}

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

package/build/esm/{index-010dc4ee.js → index-793d7f3b.js}

@@ -1,5 +1,5 @@
 import _typeof from '@babel/runtime/helpers/typeof';
-import { s as styleInject } from './index-78c00eed.js';
+import { s as styleInject } from './index-35c3b12b.js';
 import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
 import 'react';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';

package/build/esm/{index-e0f74443.js → index-7a97c568.js}

@@ -1,13 +1,13 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-78c00eed.js';
+import { s as styleInject, u as useViewHandler } from './index-35c3b12b.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import classnames from 'classnames';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import TabGroupHorizontal from './index-97fe941b.js';
-import TabGroupVertical from './index-80d64353.js';
-import TabSearch from './index-d2f6d343.js';
+import TabGroupHorizontal from './index-e551ae01.js';
+import TabGroupVertical from './index-33504ca0.js';
+import TabSearch from './index-50581145.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/asyncToGenerator';
@@ -19,8 +19,8 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index-517c163f.js';
-import './index-d8c33a2d.js';
+import './index-eeb21c12.js';
+import './index-44cf08e1.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
 
 var wcConfiguratorSteps = "wcConfigurator-steps-1pUS0";

package/build/esm/{index-f2247c7a.js → index-7af92075.js}

@@ -3,9 +3,9 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-78c00eed.js';
+import { s as styleInject, u as useViewHandler } from './index-35c3b12b.js';
 import { useState, useEffect } from 'react';
-import { n as notExpanded } from './index.module-b61eb773.js';
+import { n as notExpanded } from './index.module-36102827.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { DivaUtils } from '@crystaldesign/diva-core';

package/build/esm/{index-d2a408bd.js → index-7cf110bb.js}

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

package/build/esm/{index-a6180195.js → index-7d2f30ce.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-78c00eed.js';
+import { s as styleInject, u as useViewHandler } from './index-35c3b12b.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-025cf6a2.js → index-8122db46.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-78c00eed.js';
+import { s as styleInject, u as useViewHandler } from './index-35c3b12b.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useRef } from 'react';
 import classnames from 'classnames';

package/build/esm/{index-e2c3b613.js → index-81345b43.js}

@@ -1,7 +1,7 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { a as usePlannerUIHandler } from './index-78c00eed.js';
+import { a as usePlannerUIHandler } from './index-35c3b12b.js';
 import { useState } from 'react';
-import DPACC from './index-1c5eacf2.js';
+import DPACC from './index-4b84dbfb.js';
 import { Vector2 } from '@crystaldesign/web-planner-logic';
 import { jsx, Fragment } from 'react/jsx-runtime';
 

package/build/esm/{index-8fcad7e8.js → index-829fb4c1.js}

@@ -1,10 +1,10 @@
 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-78c00eed.js';
+import { s as styleInject, u as useViewHandler } from './index-35c3b12b.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
-import StepInfo from './index-6b373137.js';
+import StepInfo from './index-481dd847.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-8b1e24a7.js → index-82c137f2.js}

@@ -1,10 +1,11 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-78c00eed.js';
+import { s as styleInject, u as useViewHandler } from './index-35c3b12b.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-007fc7e3.js';
+import InfoIcon from './index-fa9ad2a2.js';
+import MarqueeText from 'react-marquee-text';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -27,7 +28,10 @@ var title = "title-2mKgp";
 var colum = "colum-cjf3n";
 var dropdownWidth = "dropdownWidth-D5Fng";
 var image = "image-7MOa9";
-var css_248z = ".wcDropDownSelect-RE7qJ {\n  padding: 8px 24px 8px 8px !important;\n  box-sizing: border-box !important;\n}\n\n.wcDropDownSelect-RE7qJ {\n  height: 2.4375rem;\n  padding: 0.5rem;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  border: 1px solid #cacaca;\n  border-radius: 4px;\n  background-color: #fefefe;\n  font-family: inherit;\n  font-size: 13px;\n  line-height: 22px;\n  color: #0a0a0a;\n  background-origin: content-box;\n  background-position: right -1rem center;\n  background-repeat: no-repeat;\n  background-size: 9px 6px;\n  padding-right: 1.5rem;\n  transition:\n    box-shadow 0.5s,\n    border-color 0.25s ease-in-out;\n  font-weight: 300;\n}\n\n.dropDownArea-yEewD {\n  max-height: 520px !important;\n  width: -moz-fit-content !important;\n  width: fit-content !important;\n  display: inline-block !important;\n}\n\n.dropDownArea-yEewD {\n\n  right: 0;\n  min-width: 152px;\n  max-width: 370px;\n  letter-spacing: 0px;\n  font-size: 13px;\n  font-weight: 300;\n}\n\n.dropDownArea-yEewD .dropOption-i-M5T {\n  white-space: nowrap;\n}\n.wcDropDownSelect-RE7qJ .dropOption-i-M5T {\n  width: 110px;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.row-80qIj {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n}\n\n.title-2mKgp {\n  text-align: left;\n  padding-bottom: 9px;\n  padding-top: 9px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n.colum-cjf3n {\n  width: 50%;\n}\n.dropdownWidth-D5Fng {\n  width: 155px;\n  margin: 10px 15px;\n  height: -moz-fit-content;\n  height: fit-content;\n}\n\n.image-7MOa9 {\n  width: 45%;\n}\n";
+var css_248z$1 = ".wcDropDownSelect-RE7qJ {\n  padding: 8px 24px 8px 8px !important;\n  box-sizing: border-box !important;\n}\n\n.wcDropDownSelect-RE7qJ {\n  height: 2.4375rem;\n  padding: 0.5rem;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  border: 1px solid #cacaca;\n  border-radius: 4px;\n  background-color: #fefefe;\n  font-family: inherit;\n  font-size: 13px;\n  line-height: 22px;\n  color: #0a0a0a;\n  background-origin: content-box;\n  background-position: right -1rem center;\n  background-repeat: no-repeat;\n  background-size: 9px 6px;\n  padding-right: 1.5rem;\n  transition:\n    box-shadow 0.5s,\n    border-color 0.25s ease-in-out;\n  font-weight: 300;\n}\n\n.dropDownArea-yEewD {\n  max-height: 520px !important;\n  width: -moz-fit-content !important;\n  width: fit-content !important;\n  display: inline-block !important;\n}\n\n.dropDownArea-yEewD {\n\n  right: 0;\n  min-width: 152px;\n  max-width: 370px;\n  letter-spacing: 0px;\n  font-size: 13px;\n  font-weight: 300;\n}\n\n.dropDownArea-yEewD .dropOption-i-M5T {\n  white-space: nowrap;\n}\n.wcDropDownSelect-RE7qJ .dropOption-i-M5T {\n  width: 110px;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.row-80qIj {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n}\n\n.title-2mKgp {\n  text-align: left;\n  padding-bottom: 9px;\n  padding-top: 9px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n.colum-cjf3n {\n  width: 50%;\n}\n.dropdownWidth-D5Fng {\n  width: 155px;\n  margin: 10px 15px;\n  height: -moz-fit-content;\n  height: fit-content;\n}\n\n.image-7MOa9 {\n  width: 45%;\n}\n";
+styleInject(css_248z$1);
+
+var css_248z = "/*\n@ts-ignore\n*/\n@keyframes marqueeScroll {\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n}\n";
 styleInject(css_248z);
 
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
@@ -81,7 +85,23 @@ var DropDowmText = function DropDowmText(_ref) {
         text: _item.text,
         value: _item.codex
       };
-      if (_item.sel) selOption = option;
+      if (_item.sel) {
+        selOption = {
+          label: _item.text.length > 16 ? /*#__PURE__*/jsx(MarqueeText, {
+            direction: "right",
+            duration: 25,
+            textSpacing: '8px',
+            children: _item.text
+          }) : /*#__PURE__*/jsx("div", {
+            className: dropOption,
+            dangerouslySetInnerHTML: {
+              __html: _item.text
+            }
+          }),
+          text: _item.text,
+          value: _item.codex
+        };
+      }
       options.push(option);
     }
   } catch (err) {

package/build/esm/{index-b83f1f39.js → index-83957377.js}

@@ -1,18 +1,18 @@
-import { s as styleInject, u as useViewHandler } from './index-78c00eed.js';
+import { s as styleInject, u as useViewHandler } from './index-35c3b12b.js';
 import classnames from 'classnames';
-import DockFilter from './index-0842bf5f.js';
-import RALFilter from './index-7998c732.js';
+import DockFilter from './index-4c6cca94.js';
+import RALFilter from './index-45036a91.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
-import Searchbar from './index-a6180195.js';
-import ToggleHeader from './index-5bb16558.js';
-import NumberInput from './index-72d7c760.js';
-import InfoButton from './index-4585b821.js';
-import PDFButton from './index-aca75acc.js';
-import SummaryVariantButton from './index-ad33bf25.js';
-import SelectedOpv from './index-21489bf0.js';
-import InfoIcon from './index-007fc7e3.js';
+import Searchbar from './index-7d2f30ce.js';
+import ToggleHeader from './index-179dbb8c.js';
+import NumberInput from './index-5ccb3d28.js';
+import InfoButton from './index-dcbe8ced.js';
+import PDFButton from './index-3bb6dbe6.js';
+import SummaryVariantButton from './index-a6ced392.js';
+import SelectedOpv from './index-5ab6dc0e.js';
+import InfoIcon from './index-fa9ad2a2.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-b25979c4.js';
+import './index-c57b232b.js';
 import 'react-dropdown';
-import './index-3c1f3355.js';
-import './index-bdf685bc.js';
+import './index-6bbeb637.js';
+import './index-07d9f5c1.js';
 import '@crystaldesign/content-box';
-import './index-6fef9dff.js';
-import './index-da03ac83.js';
+import './index-e90d3993.js';
+import './index-5a985397.js';
 import 'react-switch';
-import './index-f9b620bd.js';
+import './index-41a2547c.js';
 import 'react-laag';
-import './index-0c92ea5c.js';
-import './index-681fe5cc.js';
+import './index-d7c94fc4.js';
+import './index-72961d6c.js';
 
 var headerWrapper = "header-wrapper-qVEmI";
 var wcConfiguratorSettingsHeaderTitle = "wcConfigurator-settings-header-title--CcUK";

package/build/esm/{index-ecdac0f1.js → index-85199978.js}

@@ -1,9 +1,9 @@
-import { u as useViewHandler } from './index-78c00eed.js';
+import { u as useViewHandler } from './index-35c3b12b.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import Collapsible from 'react-collapsible';
-import ConfigStep from './index-0dd8a8b3.js';
-import Header from './index-90fad762.js';
+import ConfigStep from './index-a61e8600.js';
+import Header from './index-0bfe04fe.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-c4012b78.js → index-86162936.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-78c00eed.js';
+import { u as useViewHandler } from './index-35c3b12b.js';
 import { toJS } from 'mobx';
 import { useState } from 'react';
-import { h as header } from './index.module-1cb21715.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-bf84ddfe.js';
+import { h as header } from './index.module-93433ff3.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-1fd77a13.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
-import { n as notExpanded } from './index.module-b61eb773.js';
+import { n as notExpanded } from './index.module-36102827.js';
 import Collapsible from 'react-collapsible';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-493d63c3.js → index-8668506f.js}

@@ -3,9 +3,9 @@ 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 { s as styleInject, u as useViewHandler } from './index-78c00eed.js';
+import { s as styleInject, u as useViewHandler } from './index-35c3b12b.js';
 import { useState, useEffect } from 'react';
-import { n as notExpanded } from './index.module-b61eb773.js';
+import { n as notExpanded } from './index.module-36102827.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { DivaUtils } from '@crystaldesign/diva-core';