@crystaldesign/diva-web-planner-react 24.11.0-rc.5 → 24.11.0-rc.7

package/build/esm/{index-bcefa106.js → index-48b1371f.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-be37d003.js';
+import { s as styleInject, u as useViewHandler } from './index-89422b62.js';
 import { useEffect } from 'react';
-import Settings from './index-1808166a.js';
-import TabGroup from './index-14f1fe3e.js';
+import Settings from './index-48a0e0ba.js';
+import TabGroup from './index-20ff757d.js';
 import { observer } from 'mobx-react-lite';
-import Inputbox from './index-c297b8c7.js';
+import Inputbox from './index-4ff2c40c.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -18,75 +18,75 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index-66bdc4b3.js';
-import './index-27f27d86.js';
-import './index-5b157502.js';
-import './index-fb5f7ebc.js';
+import './index-969d025c.js';
+import './index-53585f56.js';
+import './index-3a4d82e6.js';
+import './index-d81ec21e.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-d37e510f.js';
+import './index-dcbc7423.js';
 import 'react-laag';
-import './index-35d58a92.js';
+import './index-d50e045d.js';
 import 'classnames';
-import './index-4f74be7f.js';
-import './index-1e2bc670.js';
+import './index-7bd61ef9.js';
+import './index-c61d60e8.js';
 import 'sift';
-import './index-7077b2cb.js';
-import './index-6836c49a.js';
-import './index-ad3c983a.js';
-import './index-e3415a7d.js';
-import './index.module-bd06d0b8.js';
-import './index-3a25f4a1.js';
+import './index-0f4c49e1.js';
+import './index-be17af19.js';
+import './index-ff4a8a6e.js';
+import './index-584cd391.js';
+import './index.module-3c6772b2.js';
+import './index-ecf042e9.js';
 import 'react-switch';
-import './index-a480e3cd.js';
-import './index-3e93e1db.js';
+import './index-0b624781.js';
+import './index-ac9ba711.js';
 import 'react-dropdown';
-import './index-864f8857.js';
-import './index-967fe278.js';
-import './index-d0537588.js';
-import './index-a124f219.js';
+import './index-8e036f40.js';
+import './index-4c644118.js';
+import './index-f449db9b.js';
+import './index-613d0fe0.js';
 import '@crystaldesign/content-box';
-import './index-89ae05a6.js';
-import './index-46b01dea.js';
-import './index-8045cbf5.js';
-import './index-d694c50a.js';
-import './index-4bb32b37.js';
+import './index-70968fb7.js';
+import './index-83f0b254.js';
+import './index-cb76817e.js';
+import './index-593614a9.js';
+import './index-751e559b.js';
 import '@crystaldesign/products-component';
-import './index-4118f95b.js';
-import './index-0fc5b79e.js';
-import './index-9f5f6030.js';
-import './index-795f7143.js';
-import './index-d7fdbad1.js';
-import './index-b511b04d.js';
-import './index-5c0f9727.js';
-import './index-db5b98e3.js';
-import './index-9079e7f1.js';
-import './index-6b394068.js';
-import './index-5c8da06d.js';
-import './index-a29865e6.js';
-import './index-1b5b79dc.js';
-import './index.module-b2925bb5.js';
-import './index-7dcfb62c.js';
-import './index-8cf336f5.js';
-import './index-d0b59b7b.js';
-import './index-4a4015b0.js';
-import './index-aa72072a.js';
-import './index-995b1665.js';
-import './index-5b2cbc62.js';
-import './index.module-d1525f4c.js';
-import './index-f222875a.js';
-import './index-5833c77e.js';
-import './index-904d2a52.js';
-import './index-f48239ab.js';
-import './index-da492eac.js';
-import './index-fbf38cb0.js';
-import './index-79b17c3e.js';
-import './index-50b6ef7d.js';
+import './index-c0b51f42.js';
+import './index-9e173755.js';
+import './index-d95c52af.js';
+import './index-7e332d5a.js';
+import './index-b8ac73b9.js';
+import './index-58763738.js';
+import './index-19fcd756.js';
+import './index-6fb507fa.js';
+import './index-2fb0329f.js';
+import './index-5e996bb0.js';
+import './index-c0cba587.js';
+import './index-cab64717.js';
+import './index-53e5304e.js';
+import './index.module-d1c0d03a.js';
+import './index-bead2436.js';
+import './index-a45c730d.js';
+import './index-dc422809.js';
+import './index-75389d7d.js';
+import './index-4f664224.js';
+import './index-a7a5ec51.js';
+import './index-222e87c0.js';
+import './index.module-7fd821eb.js';
+import './index-2da0ba1b.js';
+import './index-45c21336.js';
+import './index-9a60bad2.js';
+import './index-67c8a558.js';
+import './index-df52687a.js';
+import './index-5d52bcfd.js';
+import './index-2d75e5a6.js';
+import './index-14a17319.js';
 
 var wcConfigurator = "wcConfigurator-IeI91";
 var wcConfiguratorSteps = "wc-configurator-steps-yPThi";
 var wcConfiguratorSettings = "wc-configurator-Settings-3U39-";
 var tabSearchClass = "tab-search-class-qJEaW";
-var css_248z = "body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.wcConfigurator-IeI91 {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n}\n\n.wcConfigurator-IeI91 *,\n.wcConfigurator-IeI91 *::before,\n.wcConfigurator-IeI91 *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.wc-configurator-steps-yPThi {\n  border-radius: 8px 0 0 8px;\n  overflow: hidden;\n  width: 350px;\n  position: relative;\n}\n\n.wc-configurator-Settings-3U39- {\n  width: calc(100% - 350px);\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n\n.tab-search-class-qJEaW {\n  background-color: #0d3040;\n  padding: 12px 16px;\n\n  position: relative;\n}\n\n.tab-search-class-qJEaW input {\n  outline: medium none invert !important;\n  outline: initial !important;\n}\n\n.tab-search-class-qJEaW input {\n  color: #fff;\n  width: 100%;\n  background-color: #0d3040;\n  font-size: 14px;\n  border: 0px solid;\n}\n";
+var css_248z = "body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.wcConfigurator-IeI91 {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n}\n\n.wcConfigurator-IeI91 *,\n.wcConfigurator-IeI91 *::before,\n.wcConfigurator-IeI91 *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.wc-configurator-steps-yPThi {\n  border-radius: 8px 0 0 8px;\n  overflow: hidden;\n  width: 350px;\n  position: relative;\n}\n\n.wc-configurator-Settings-3U39- {\n  width: calc(100% - 350px);\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n\n.tab-search-class-qJEaW {\n  background-color: #0d3040;\n  padding: 12px 16px;\n  position: relative;\n  display: flex;\n}\n\n.tab-search-class-qJEaW input {\n  outline: medium none invert !important;\n  outline: initial !important;\n}\n\n.tab-search-class-qJEaW input {\n  color: #fff;\n  width: 100%;\n  background-color: #0d3040;\n  font-size: 14px;\n  border: 0px solid;\n}\n\n.tab-search-class-qJEaW div {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2210%22 height%3D%2210%22 viewBox%3D%220 0 10 10%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1 1L9 9M9 1L1 9%22 stroke%3D%22%23eee%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 75%;\n  width: 16px;\n  height: 16px;\n  transition: all 0.15s ease;\n  margin: 0px 3px;\n  border-radius: var(--globalBorderRadius);\n  cursor: pointer;\n}\n\n.tab-search-class-qJEaW div:hover {\n  background-size: 100%;\n}\n";
 styleInject(css_248z);
 
 var Classification = function Classification(props) {

package/build/esm/{index-e6a06eb1.js → index-49c5bfa5.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-be37d003.js';
+import { s as styleInject, u as useViewHandler } from './index-89422b62.js';
 import classnames from 'classnames';
-import Toggle from './index-3a25f4a1.js';
+import Toggle from './index-ecf042e9.js';
 import { useState, useEffect } from 'react';
 import Dropdown from 'react-dropdown';
-import BasketActionSerious from './index-f193c034.js';
+import BasketActionSerious from './index-76a88e7a.js';
 import { observer } from 'mobx-react-lite';
 import { useTranslation, DivaUtils } from '@crystaldesign/diva-core';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/{index-57897ffa.js → index-4b8f4353.js}

@@ -1,16 +1,16 @@
-import { u as useViewHandler } from './index-be37d003.js';
+import { u as useViewHandler } from './index-89422b62.js';
 import { observer } from 'mobx-react-lite';
 import React, { Suspense } from 'react';
-import Planner2DGrid from './index-514e2378.js';
-import Planner3DImage from './index-35b61d2c.js';
-import { w as wcConfiguratorProductCenter, p as portrait, l as landscape, s as settingsHidden, f as fullscreen, a as wcConfiguratorArticleImage, c as center, b as foldback, d as foldbackLeft, e as foldup } from './index.module-611bf977.js';
+import Planner2DGrid from './index-0b9aaa6a.js';
+import Planner3DImage from './index-68aa888c.js';
+import { w as wcConfiguratorProductCenter, p as portrait, l as landscape, s as settingsHidden, f as fullscreen, a as wcConfiguratorArticleImage, c as center, b as foldback, d as foldbackLeft, e as foldup } from './index.module-3a87a092.js';
 import classnames from 'classnames';
-import Planner3DGrid from './index-12622728.js';
-import PlannerMsgContainer from './index-ba3d0e6c.js';
-import PlannerUIVariant from './index-7e8f5d5f.js';
-import RotateInfo from './index-561d7a08.js';
-import PromotedOpvs from './index-c9389132.js';
-import OrbitInteraction from './index-ad48e627.js';
+import Planner3DGrid from './index-216a4723.js';
+import PlannerMsgContainer from './index-0bf4b94a.js';
+import PlannerUIVariant from './index-c3722cd5.js';
+import RotateInfo from './index-97f612fa.js';
+import PromotedOpvs from './index-6ed85036.js';
+import OrbitInteraction from './index-c65fb44d.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -25,12 +25,12 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index-eed08c4f.js';
-import './index-5b21ef05.js';
+import './index-002e6145.js';
+import './index-2e995bbf.js';
 import '@crystaldesign/content-box';
 
 var PlannerRTV = /*#__PURE__*/React.lazy(function () {
-  return import('./index-9d7f44f9.js');
+  return import('./index-d843471d.js');
 });
 var ProductCenter = function ProductCenter(_ref) {
   var style = _ref.style,

package/build/esm/{index-967fe278.js → index-4c644118.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-be37d003.js';
+import { s as styleInject, u as useViewHandler } from './index-89422b62.js';
 import 'react';
 import Dropdown from 'react-dropdown';
 import { useTranslation } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import Arrow from './index-d0537588.js';
+import Arrow from './index-f449db9b.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-775c0658.js → index-4d0ee3fa.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-be37d003.js';
+import { u as useViewHandler } from './index-89422b62.js';
 import classnames from 'classnames';
 import { useState } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-30593017.js → index-4e901210.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-be37d003.js';
+import { u as useViewHandler } from './index-89422b62.js';
 import { useState } from 'react';
 import { observer } from 'mobx-react-lite';
-import { s as svgWrapper, t as table, c as column, a as selected } from './index.module-ab106043.js';
+import { s as svgWrapper, t as table, c as column, a as selected } from './index.module-05164ff2.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-2290eed6.js → index-4f13374d.js}

@@ -1,7 +1,7 @@
-import { s as styleInject } from './index-be37d003.js';
+import { s as styleInject } from './index-89422b62.js';
 import 'react';
-import PlannerUI from './index-c860f0e2.js';
-import { c as wc3DOutlineSvg, d as wc3DOutlinePolygon, e as wc3DOutlinePolygonContours, f as wc3DOutlinePolygonContoursSel } from './index.module-51bb7323.js';
+import PlannerUI from './index-058f13c1.js';
+import { c as wc3DOutlineSvg, d as wc3DOutlinePolygon, e as wc3DOutlinePolygonContours, f as wc3DOutlinePolygonContoursSel } from './index.module-bf785f08.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -17,24 +17,24 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'mobx-react-lite';
-import './index-6473f7db.js';
+import './index-c1f108b9.js';
 import 'classnames';
-import './index-d2cbf9f9.js';
-import './index-62091701.js';
-import './index-4485aebb.js';
-import './index-8760c8b4.js';
-import './index-a28da1b2.js';
-import './index-2d78decd.js';
-import './index-514763cc.js';
-import './index-b5d3c85a.js';
-import './index-724fa2c9.js';
-import './index-6d75e9c4.js';
-import './index-ad28aca3.js';
-import './index-a0870be9.js';
+import './index-7981383a.js';
+import './index-0ccb1d4a.js';
+import './index-f7e93026.js';
+import './index-81dee9c9.js';
+import './index-0ec772f7.js';
+import './index-f389e5aa.js';
+import './index-b0a34219.js';
+import './index-6c5d32b5.js';
+import './index-af3ca3b2.js';
+import './index-8c9b7ccd.js';
+import './index-922b0d87.js';
+import './index-d3f2fb9f.js';
 import 'react-draggable';
-import './index-ad8d369e.js';
-import './index-b62f3695.js';
-import './index-0abf979b.js';
+import './index-b81866eb.js';
+import './index-d82a2ec6.js';
+import './index-af68d4e7.js';
 
 var hidden = "hidden-75j7C";
 var css_248z = ".hidden-75j7C {\n  display: none;\n}\n";

package/build/esm/{index-aa72072a.js → index-4f664224.js}

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

package/build/esm/{index-688641ab.js → index-4f81709a.js}

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

package/build/esm/{index-c297b8c7.js → index-4ff2c40c.js}

@@ -1,7 +1,7 @@
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-be37d003.js';
+import { s as styleInject, u as useViewHandler } from './index-89422b62.js';
 import { useRef, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';

package/build/esm/{index-3321f54b.js → index-506e4c55.js}

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

package/build/esm/{index-6f45630e.js → index-5159122c.js}

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

package/build/esm/{index-27f27d86.js → index-53585f56.js}

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

package/build/esm/{index-1b5b79dc.js → index-53e5304e.js}

@@ -1,10 +1,10 @@
-import { u as useViewHandler } from './index-be37d003.js';
+import { u as useViewHandler } from './index-89422b62.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
-import { p as paletteItem, w as wcSize, a as wcSizeNormal, b as wcImage, t as textContainer, c as wcConfiguratorSettingsTitle } from './index.module-b2925bb5.js';
-import IsActive from './index-7dcfb62c.js';
+import { p as paletteItem, w as wcSize, a as wcSizeNormal, b as wcImage, t as textContainer, c as wcConfiguratorSettingsTitle } from './index.module-d1c0d03a.js';
+import IsActive from './index-bead2436.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-8072c9f8.js → index-5421ab29.js}

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

package/build/esm/{index-fec15e86.js → index-5478ce0f.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-be37d003.js';
+import { s as styleInject, u as useViewHandler } from './index-89422b62.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-aa6a039d.js';
+import { g as getIconOfTabGroup } from './IconHandler-dca2e48e.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-66814abf.js → index-54f22070.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-be37d003.js';
+import { s as styleInject, u as useViewHandler } from './index-89422b62.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-d1525f4c.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-7fd821eb.js';
 import { useHover, useLayer } from 'react-laag';
-import GenericToolTip from './index-d7fdbad1.js';
-import MetaData from './index-795f7143.js';
+import GenericToolTip from './index-b8ac73b9.js';
+import MetaData from './index-7e332d5a.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import InfoIcon from './index-a480e3cd.js';
+import InfoIcon from './index-0b624781.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-d92e0601.js → index-579f3dcb.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-be37d003.js';
+import { s as styleInject } from './index-89422b62.js';
 import 'react';
-import SettingsItemHeader from './index-228ab5e0.js';
+import SettingsItemHeader from './index-3a7b9185.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-6f45630e.js';
-import './index-864f8857.js';
-import './index-967fe278.js';
+import './index-5159122c.js';
+import './index-8e036f40.js';
+import './index-4c644118.js';
 import 'react-dropdown';
-import './index-d0537588.js';
-import './index-a124f219.js';
+import './index-f449db9b.js';
+import './index-613d0fe0.js';
 import '@crystaldesign/content-box';
-import './index-89ae05a6.js';
-import './index-46b01dea.js';
-import './index-5b390b54.js';
-import './index-3a25f4a1.js';
+import './index-70968fb7.js';
+import './index-83f0b254.js';
+import './index-aef42325.js';
+import './index-ecf042e9.js';
 import 'react-switch';
-import './index-c4ebc879.js';
-import './index-ef86a0dc.js';
-import './index-610c7c2f.js';
-import './index-fb22767a.js';
-import './index-32f251fc.js';
-import './index-bdae9d00.js';
+import './index-1da68168.js';
+import './index-3dc7c3c4.js';
+import './index-3f7c97a7.js';
+import './index-2295cb21.js';
+import './index-e6cd2c13.js';
+import './index-665c8145.js';
 import 'react-laag';
-import './index-d7fdbad1.js';
-import './index-795f7143.js';
-import './index-a480e3cd.js';
+import './index-b8ac73b9.js';
+import './index-7e332d5a.js';
+import './index-0b624781.js';
 
 var settingsHeaderContainer = "settingsHeaderContainer-ywbxo";
 var settingsHeaderTitle = "settingsHeaderTitle-AeKfm";

package/build/esm/{index-e3415a7d.js → index-584cd391.js}

@@ -1,12 +1,12 @@
-import { u as useViewHandler } from './index-be37d003.js';
+import { u as useViewHandler } from './index-89422b62.js';
 import 'react';
 import classnames from 'classnames';
-import { r as row, c as colum, t as title, a as toggleWrapper } from './index.module-bd06d0b8.js';
-import Toggle from './index-3a25f4a1.js';
+import { r as row, c as colum, t as title, a as toggleWrapper } from './index.module-3c6772b2.js';
+import Toggle from './index-ecf042e9.js';
 import { observer } from 'mobx-react-lite';
 import { getLogger } from '@crystaldesign/diva-core';
 import { DivaError } from '@crystaldesign/diva-utils';
-import InfoIcon from './index-a480e3cd.js';
+import InfoIcon from './index-0b624781.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-b511b04d.js → index-58763738.js}

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

package/build/esm/{index-d694c50a.js → index-593614a9.js}

@@ -1,10 +1,10 @@
-import { u as useViewHandler } from './index-be37d003.js';
+import { u as useViewHandler } from './index-89422b62.js';
 import 'react';
 import classnames from 'classnames';
-import { r as row, c as colum, t as title, n as name, s as sel, a as toggleWrapper } from './index.module-bd06d0b8.js';
-import Toggle from './index-3a25f4a1.js';
+import { r as row, c as colum, t as title, n as name, s as sel, a as toggleWrapper } from './index.module-3c6772b2.js';
+import Toggle from './index-ecf042e9.js';
 import { getLogger } from '@crystaldesign/diva-core';
-import InfoIcon from './index-a480e3cd.js';
+import InfoIcon from './index-0b624781.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-8a840298.js → index-5ced0c76.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-be37d003.js';
+import { s as styleInject, u as useViewHandler } from './index-89422b62.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';

package/build/esm/{index-fbf38cb0.js → index-5d52bcfd.js}

@@ -1,7 +1,7 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-be37d003.js';
+import { u as useViewHandler } from './index-89422b62.js';
 import { useState, useEffect } from 'react';
-import ItemVariant from './index-79b17c3e.js';
+import ItemVariant from './index-2d75e5a6.js';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -28,19 +28,7 @@ var TabGroupVertical = function TabGroupVertical(props) {
 
   //scroll logic
   useEffect(function () {
-    if (!viewHandler.tabGroupState.curTabGroup) return;
-    var curTabGroup = viewHandler.tabGroupState.tabGroupItems.get(viewHandler.tabGroupState.curTabGroup.key);
-    if (!viewHandler.tabGroupState.tabGroupScroller || !curTabGroup) return;
-    var offsetToTop = viewHandler.tabGroupState.tabGroupScroller.getBoundingClientRect().height / 100 * 10; //  das Active Div soll 10% in der Breite nach links positioniert sein
-    var actDivPos = curTabGroup.getBoundingClientRect().top - viewHandler.tabGroupState.tabGroupScroller.getBoundingClientRect().top; //     dies ist die Position des activen Divs relative dazu wie gerade gescrollt ist
-    var actScrollVal = viewHandler.tabGroupState.tabGroupScroller.scrollTop; //           soweit ist aktuell gescrollt
-
-    var toScrollTop = actDivPos - offsetToTop + actScrollVal;
-    viewHandler.tabGroupState.tabGroupScroller.scrollTo({
-      left: 0,
-      top: toScrollTop,
-      behavior: 'smooth'
-    });
+    viewHandler.tabGroupState.scrollToCurTabgroup();
   }, [viewHandler.tabGroupState.curTabGroup]);
 
   //render until we get initial heigth

package/build/esm/{index-6f8a5afc.js → index-5e0bff67.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-be37d003.js';
+import { s as styleInject, u as useViewHandler } from './index-89422b62.js';
 import 'react';
 import classnames from 'classnames';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-6b394068.js → index-5e996bb0.js}

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