@crystaldesign/diva-web-planner-react 24.14.0-rc.3 → 24.15.0-beta.2

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

@@ -1,10 +1,10 @@
-import { s as styleInject, u as useViewHandler } from './index-483f324a.js';
+import { s as styleInject, u as useViewHandler } from './index-35c3b12b.js';
 import { useEffect } from 'react';
-import Inputbox from './index-feb45ee9.js';
-import { cssVariables } from './index-af87b4ee.js';
-import Product from './index-6fe50a09.js';
-import Settings from './index-b565075f.js';
-import TabGroup from './index-9d22abf1.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-8fa3cddd.js';
-import './index-317b26b5.js';
+import './index-abe9de06.js';
+import './index-5a985397.js';
 import 'react-switch';
 import 'react-dropdown';
-import './index-ce2b0c1a.js';
-import './index-798187fc.js';
-import './index-cf3c6df3.js';
-import './index-544bbf8e.js';
-import './index-f6bf6aa1.js';
-import './index.module-42e0b7b0.js';
-import './index-dfadd250.js';
-import './index-b5a70c87.js';
-import './index-14271560.js';
-import './index-ad3ecd50.js';
-import './index-4b811f65.js';
-import './index-ed3f972b.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-5473d68f.js';
-import './index-5308ead9.js';
+import './index-dab33a21.js';
+import './index-658f0dd9.js';
 import '@crystaldesign/content-item';
 import 'react-draggable';
-import './index-ebfeb9f4.js';
-import './index-e5a4a0e2.js';
-import './index-a8443537.js';
-import './index-f2728e73.js';
-import './index-39d977e7.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-608df5c0.js';
-import './index-117b1ef7.js';
-import './index-c5c1becb.js';
+import './index-7cf110bb.js';
+import './index-232bd882.js';
+import './index-21c0d77e.js';
 import 'sift';
-import './index-843cfa1c.js';
-import './index-a8bfa6de.js';
-import './index-0f2352fa.js';
-import './index-38392d79.js';
-import './index.module-362fbbf5.js';
-import './index-ea2413d6.js';
-import './index-1bb8d25e.js';
-import './index-34dfba08.js';
-import './index-ee8b35ab.js';
-import './index-316c712f.js';
-import './index-7195bcc9.js';
-import './index-ae95e312.js';
-import './index-72587334.js';
-import './index-154cd022.js';
-import './index-e3df1a0c.js';
-import './index-f2d516b8.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-8a32ddb3.js';
-import './index-0ff7d81f.js';
-import './index-403fb7ca.js';
-import './index-496c7044.js';
-import './index-cd15b3d4.js';
-import './index-22693bd0.js';
-import './index-d1bf9d11.js';
-import './index-bcf08144.js';
-import './index-e94b529b.js';
-import './index-1d340e9c.js';
-import './index-f0371831.js';
-import './index-871bfe27.js';
-import './index-7f395591.js';
-import './index.module-d2a48dc8.js';
-import './index-03a2aed4.js';
-import './index-a5792a26.js';
-import './index-c8409234.js';
-import './index-07764edb.js';
-import './index-a51d91b7.js';
-import './index-67067ab8.js';
-import './index-85cc579d.js';
-import './index.module-5b30aef0.js';
-import './index-723bce4c.js';
-import './index-19933e9f.js';
-import './index-a38a96e9.js';
-import './index-858e1375.js';
-import './index-986208c7.js';
-import './index-b0d14849.js';
-import './index-a5e5f6cd.js';
-import './index-93fb1dc3.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-3982b9ec.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-483f324a.js';
+import { u as useViewHandler } from './index-35c3b12b.js';
 import { useState, useEffect } from 'react';
-import { n as notExpanded } from './index.module-31e20af7.js';
-import { s as scrollable, h as header, t as table, c as column } from './index.module-14e47384.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-eb621cf4.js → index-7258ec09.js}

@@ -1,9 +1,9 @@
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { a as usePlannerUIHandler } from './index-483f324a.js';
+import { a as usePlannerUIHandler } from './index-35c3b12b.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import Outline3D from './index-5b510a52.js';
-import ItemsContainer from './index-b78ddcbe.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-74ff5d35.js';
-import './index-5f584adf.js';
-import './index-43bb4960.js';
-import './index-c5252869.js';
-import './index-0caff949.js';
-import './index-fb591ece.js';
-import './index-bed5745e.js';
-import './index-eb649569.js';
-import './index-d373cc45.js';
-import './index-664cb374.js';
-import './index-bc7f642f.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-eb15fda6.js';
-import './index-3ed173f2.js';
-import './index-5d4806cc.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-496c7044.js → index-72961d6c.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-483f324a.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-e94b529b.js → index-74474d28.js}

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

package/build/esm/{index-0f2352fa.js → index-745ea0bf.js}

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

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

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-483f324a.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-c8b01464.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-4b811f65.js → index-74b7f7ce.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-483f324a.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-03a2aed4.js → index-74f82074.js}

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

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

@@ -1,9 +1,9 @@
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-483f324a.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-39d977e7.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-608df5c0.js';
+import './index-7cf110bb.js';
 import 'classnames';
 
 var SettingsPosNrContainer = function SettingsPosNrContainer(_ref) {

package/build/esm/{index-04fb2707.js → index-772b37f0.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-483f324a.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-8606f916.js → index-793d7f3b.js}

@@ -1,5 +1,5 @@
 import _typeof from '@babel/runtime/helpers/typeof';
-import { s as styleInject } from './index-483f324a.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-9d22abf1.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-483f324a.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-858e1375.js';
-import TabGroupVertical from './index-b0d14849.js';
-import TabSearch from './index-93fb1dc3.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-986208c7.js';
-import './index-a5e5f6cd.js';
+import './index-eeb21c12.js';
+import './index-44cf08e1.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
 
 var wcConfiguratorSteps = "wcConfigurator-steps-1pUS0";

package/build/esm/{index-969ed927.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-483f324a.js';
+import { s as styleInject, u as useViewHandler } from './index-35c3b12b.js';
 import { useState, useEffect } from 'react';
-import { n as notExpanded } from './index.module-31e20af7.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-608df5c0.js → index-7cf110bb.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-483f324a.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-72587334.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-483f324a.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-059b6765.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-483f324a.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-bed5745e.js → index-81345b43.js}

@@ -1,7 +1,7 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { a as usePlannerUIHandler } from './index-483f324a.js';
+import { a as usePlannerUIHandler } from './index-35c3b12b.js';
 import { useState } from 'react';
-import DPACC from './index-eb649569.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-a5792a26.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-483f324a.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-c8409234.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-30a30e66.js → index-82c137f2.js}

@@ -1,10 +1,11 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-483f324a.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-ea2413d6.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-03ff16e1.js → index-83957377.js}

@@ -1,18 +1,18 @@
-import { s as styleInject, u as useViewHandler } from './index-483f324a.js';
+import { s as styleInject, u as useViewHandler } from './index-35c3b12b.js';
 import classnames from 'classnames';
-import DockFilter from './index-28e434d9.js';
-import RALFilter from './index-34dfba08.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-72587334.js';
-import ToggleHeader from './index-67960dfd.js';
-import NumberInput from './index-0d68aceb.js';
-import InfoButton from './index-92a6e470.js';
-import PDFButton from './index-f3d8b0b2.js';
-import SummaryVariantButton from './index-ae7c4b03.js';
-import SelectedOpv from './index-b6646d64.js';
-import InfoIcon from './index-ea2413d6.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-ee8b35ab.js';
+import './index-c57b232b.js';
 import 'react-dropdown';
-import './index-316c712f.js';
-import './index-7195bcc9.js';
+import './index-6bbeb637.js';
+import './index-07d9f5c1.js';
 import '@crystaldesign/content-box';
-import './index-ae95e312.js';
-import './index-317b26b5.js';
+import './index-e90d3993.js';
+import './index-5a985397.js';
 import 'react-switch';
-import './index-44e66b07.js';
+import './index-41a2547c.js';
 import 'react-laag';
-import './index-cd15b3d4.js';
-import './index-496c7044.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-d45a8433.js → index-85199978.js}

@@ -1,9 +1,9 @@
-import { u as useViewHandler } from './index-483f324a.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-2f470bbb.js';
-import Header from './index-d2f2974a.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-f370b21a.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-483f324a.js';
+import { u as useViewHandler } from './index-35c3b12b.js';
 import { toJS } from 'mobx';
 import { useState } from 'react';
-import { h as header } from './index.module-14e47384.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-d6a5cce9.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-31e20af7.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-403e4130.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-483f324a.js';
+import { s as styleInject, u as useViewHandler } from './index-35c3b12b.js';
 import { useState, useEffect } from 'react';
-import { n as notExpanded } from './index.module-31e20af7.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';