@crystaldesign/diva-web-planner-react 24.11.0-beta.10 → 24.11.0-beta.11

package/build/esm/{ArticleProperties-b01fdd70.js → ArticleProperties-81b18f4b.js}

@@ -1,4 +1,4 @@
-import './index-77e10fb9.js';
+import './index-e6d0b513.js';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{CatalogProperties-f7a7c07e.js → CatalogProperties-f1104fca.js}

@@ -1,4 +1,4 @@
-import './index-77e10fb9.js';
+import './index-e6d0b513.js';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{IconHandler-10990e50.js → IconHandler-4b28c8d8.js}

@@ -1,4 +1,4 @@
-import './index-77e10fb9.js';
+import './index-e6d0b513.js';
 
 var getIconOfTabGroup = function getIconOfTabGroup(tabGroup, tabGroupObj, customer) {
   var sirvURL = 'https://cdn.diva-portal.com/static/images/TabIcons/';

package/build/esm/{OptionProperties-7c8eb3b6.js → OptionProperties-e3da449a.js}

@@ -1,4 +1,4 @@
-import './index-77e10fb9.js';
+import './index-e6d0b513.js';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{OptionValueProperties-1dfb623f.js → OptionValueProperties-15339464.js}

@@ -1,4 +1,4 @@
-import './index-77e10fb9.js';
+import './index-e6d0b513.js';
 import 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{Planner2DGrid-123ca1c6.js → Planner2DGrid-554a9507.js}

@@ -1,7 +1,7 @@
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-77e10fb9.js';
+import './index-e6d0b513.js';
 import { fabric } from 'fabric';
 import { Vector3, Vector2 } from '@crystaldesign/web-planner-logic';
 import { getLogger, DivaUtils } from '@crystaldesign/diva-core';

package/build/esm/{Planner3DImage-f97820be.js → Planner3DImage-ed286364.js}

@@ -1,7 +1,7 @@
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-77e10fb9.js';
+import './index-e6d0b513.js';
 import { Vector3, Vector2, Rendering } from '@crystaldesign/web-planner-logic';
 import { getLogger } from '@crystaldesign/diva-core';
 import * as THREE from 'three';

package/build/esm/{index-7a6b32b2.js → index-00513c1d.js}

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

package/build/esm/{index-58795a45.js → index-010a6dc0.js}

@@ -1,10 +1,10 @@
-import { u as useViewHandler } from './index-77e10fb9.js';
+import { u as useViewHandler } from './index-e6d0b513.js';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
-import { w as wcNav3DToolbar, s as settingsHidden, l as landscape, p as portrait, a as wcZoomIn, b as wcZoomOut, c as wcViews, d as wcFullScreen, e as wc3DDimLine, f as wc3DGridPlannerMode, A as ArQrCodeIcon, g as arAbsolute } from './index-93c63b97.js';
+import { w as wcNav3DToolbar, s as settingsHidden, l as landscape, p as portrait, a as wcZoomIn, b as wcZoomOut, c as wcViews, d as wcFullScreen, e as wc3DDimLine, f as wc3DGridPlannerMode, A as ArQrCodeIcon, g as arAbsolute } from './index-7b63d737.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import ProductRoomList from './index-47eae5dc.js';
+import ProductRoomList from './index-bb1526ea.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -19,9 +19,9 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'react-laag';
-import './index-321acc3c.js';
+import './index-598bc3fc.js';
 import 'react-qr-code';
-import './index-70396ac1.js';
+import './index-c547ed9f.js';
 
 var NavBar = function NavBar() {
   var viewHandler = useViewHandler();

package/build/esm/{index-e6d4b550.js → index-01aa16e1.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-77e10fb9.js';
+import { s as styleInject } from './index-e6d0b513.js';
 import classnames from 'classnames';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';

package/build/esm/{index-dff479bd.js → index-03417b0b.js}

@@ -1,12 +1,12 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-77e10fb9.js';
+import { s as styleInject } from './index-e6d0b513.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
 import Dropdown from 'react-dropdown';
-import RALFilter from './index-38cadf74.js';
-import Searchbar from './index-a69178b8.js';
-import Arrow from './index-8f8c8d0b.js';
+import RALFilter from './index-c6102937.js';
+import Searchbar from './index-8ccb7c5c.js';
+import Arrow from './index-c395e1a3.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -21,10 +21,10 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-6d56e5a5.js';
-import './index-17f8d841.js';
+import './index-fb7c602a.js';
+import './index-1fa98161.js';
 import '@crystaldesign/content-box';
-import './index-df3fd1e7.js';
+import './index-671dae0a.js';
 
 var container = "container-sQHMr";
 var dropdownRoot = "Dropdown-root-elxKM";

package/build/esm/{index-b737c3cf.js → index-0545e38f.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-77e10fb9.js';
+import { s as styleInject, u as useViewHandler } from './index-e6d0b513.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-03dedf75.js';
-import TabGroupVertical from './index-a98d9870.js';
-import TabGroupSingle from './index-f2edbb09.js';
+import TabGroupHorizontal from './index-ee824aea.js';
+import TabGroupVertical from './index-1a71bd42.js';
+import TabSearch from './index-deaea113.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/asyncToGenerator';
@@ -19,8 +19,9 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index-4b683495.js';
-import './index-bdb1151c.js';
+import './index-c9406f6f.js';
+import './index-1affff07.js';
+import '@babel/runtime/helpers/objectDestructuringEmpty';
 
 var wcConfiguratorSteps = "wcConfigurator-steps-1pUS0";
 var horizontal = "horizontal-6TCsO";
@@ -29,19 +30,21 @@ var portrait = "portrait-uvNtu";
 var closeRight = "close-right-rv5xk";
 var closeLeft = "close-left-S5bW1";
 var vertical = "vertical-HLAFY";
+var tabSearchVisibleClass = "tab-search-visible-class-VelST";
 var landscape = "landscape-O7G0i";
 var wcConfigCloseButton = "wcConfigCloseButton-mkHVY";
 var closeButtonHidden = "closeButtonHidden-g1FQc";
 var wcConfiguratorStepsContainer = "wcConfigurator-steps-Container-Yb9mE";
-var css_248z = ".wcConfigurator-steps-1pUS0 {\n  z-index: 300;\n}\n\n.horizontal-6TCsO.wcConfigurator-steps-1pUS0 {\n  background-color: var(--thirdColor);\n}\n.horizontal-6TCsO .wcConfigurator-steps-split-ATmZ8 {\n  height: 100%;\n  width: calc(100% - 4.3rem);\n  float: left;\n  background: var(--tabGroupBackground);\n}\n\n.horizontal-6TCsO.portrait-uvNtu.close-right-rv5xk .wcConfigurator-steps-split-ATmZ8 {\n  width: calc(100% - 3.6rem);\n}\n.horizontal-6TCsO.portrait-uvNtu.close-left-S5bW1 .wcConfigurator-steps-split-ATmZ8 {\n  width: 100%;\n}\n\n.vertical-HLAFY .wcConfigurator-steps-split-ATmZ8 {\n  height: 100%;\n  width: 100%;\n  background: var(--tabGroupBackground);\n}\n\n.horizontal-6TCsO.landscape-O7G0i .wcConfigurator-steps-split-ATmZ8 {\n  width: 100%;\n}\n\n.wcConfigCloseButton-mkHVY {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2220%22 height%3D%2220%22 viewBox%3D%220 0 20 20%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M0.5625 0.836182L18.5625 18.8362M18.5625 0.836182L0.5625 18.8362%22 stroke%3D%22%234A4A4A%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center center;\n  float: left;\n  width: 32px;\n  height: 32px;\n  margin: 12.8px;\n  margin-left: 17.6px;\n  transition: background-color 0.15s ease;\n  border-radius: var(--globalBorderRadius);\n}\n.vertical-HLAFY .wcConfigCloseButton-mkHVY {\n  position: absolute;\n  top: -56px;\n  left: 30px;\n}\n\n.portrait-uvNtu .wcConfigCloseButton-mkHVY {\n  position: absolute;\n  top: 0;\n  margin: 10px;\n}\n\n.portrait-uvNtu.close-right-rv5xk .wcConfigCloseButton-mkHVY {\n  right: 0;\n}\n\n.portrait-uvNtu.close-left-S5bW1 .wcConfigCloseButton-mkHVY {\n  left: -50px;\n}\n\n.wcConfigCloseButton-mkHVY:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.wcConfigCloseButton-mkHVY:active {\n  background-color: rgba(197, 197, 197, 0.1);\n}\n\n.wcTabGroupItem-eqGtC:first-child {\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n}\n\n.horizontal-6TCsO.wcConfigurator-steps-1pUS0 .wcConfigurator-steps-split-ATmZ8 {\n  border-radius: var(--globalBorderRadius);\n  height: 100%;\n  border-width: 0px;\n  overflow-x: auto;\n}\n.wcConfigur-xKWej .wcConfiguratorator-steps-Container-FGpNz {\n  width: -moz-max-content;\n  width: max-content;\n  height: 100%;\n}\n\n.horizontal-6TCsO .wcConfigurator-steps-split-ATmZ8 {\n  height: 100%;\n  width: calc(100% - 4.3rem);\n  float: left;\n}\n\n.horizontal-6TCsO.closeButtonHidden-g1FQc .wcConfigurator-steps-split-ATmZ8,\n.horizontal-6TCsO.closeButtonHidden-g1FQc.portrait-uvNtu .wcConfigurator-steps-split-ATmZ8,\n.horizontal-6TCsO.closeButtonHidden-g1FQc.landscape-O7G0i .wcConfigurator-steps-split-ATmZ8 {\n  width: 100%;\n}\n\n.horizontal-6TCsO.wcConfigurator-steps-1pUS0 .wcConfigurator-steps-split-ATmZ8::-webkit-scrollbar {\n  display: none;\n}\n\n/* Hide scrollbar for IE and Edge */\n.horizontal-6TCsO.wcConfigurator-steps-1pUS0 .wcConfigurator-steps-split-ATmZ8,\n.wcConfigurator-steps-1pUS0 .wcConfigurator-steps-split-ATmZ8 {\n  -ms-overflow-style: none;\n  scrollbar-width: none; /* Firefox */\n}\n\n.vertical-HLAFY.wcConfigurator-steps-1pUS0 .wcConfigurator-steps-split-ATmZ8 {\n  overflow: auto;\n\n  /* Hide scrollbar for IE, Edge add Firefox */\n\n  -ms-overflow-style: none;\n  scrollbar-width: none; /* Firefox */\n}\n\n.vertical-HLAFY.wcConfigurator-steps-1pUS0 .wcConfigurator-steps-split-ATmZ8::-webkit-scrollbar {\n  display: none;\n}\n\n.horizontal-6TCsO .wcConfigurator-steps-Container-Yb9mE {\n  width: -moz-max-content;\n  width: max-content;\n  height: 100%;\n}\n\n.vertical-HLAFY .wcConfigurator-steps-Container-Yb9mE {\n  width: 100%;\n  height: 100%;\n}\n";
+var css_248z = ".wcConfigurator-steps-1pUS0 {\n  z-index: 300;\n}\n\n.horizontal-6TCsO.wcConfigurator-steps-1pUS0 {\n  background-color: var(--thirdColor);\n}\n.horizontal-6TCsO .wcConfigurator-steps-split-ATmZ8 {\n  height: 100%;\n  width: calc(100% - 4.3rem);\n  float: left;\n  background: var(--tabGroupBackground);\n}\n\n.horizontal-6TCsO.portrait-uvNtu.close-right-rv5xk .wcConfigurator-steps-split-ATmZ8 {\n  width: calc(100% - 3.6rem);\n}\n.horizontal-6TCsO.portrait-uvNtu.close-left-S5bW1 .wcConfigurator-steps-split-ATmZ8 {\n  width: 100%;\n}\n\n.vertical-HLAFY .wcConfigurator-steps-split-ATmZ8 {\n  height: 100%;\n  width: 100%;\n  background: var(--tabGroupBackground);\n}\n\n.tab-search-visible-class-VelST.vertical-HLAFY .wcConfigurator-steps-split-ATmZ8 {\n  height: calc(100% - 46px);\n}\n.horizontal-6TCsO.landscape-O7G0i .wcConfigurator-steps-split-ATmZ8 {\n  width: 100%;\n}\n\n.wcConfigCloseButton-mkHVY {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2220%22 height%3D%2220%22 viewBox%3D%220 0 20 20%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M0.5625 0.836182L18.5625 18.8362M18.5625 0.836182L0.5625 18.8362%22 stroke%3D%22%234A4A4A%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center center;\n  float: left;\n  width: 32px;\n  height: 32px;\n  margin: 12.8px;\n  margin-left: 17.6px;\n  transition: background-color 0.15s ease;\n  border-radius: var(--globalBorderRadius);\n}\n.vertical-HLAFY .wcConfigCloseButton-mkHVY {\n  position: absolute;\n  top: -56px;\n  left: 30px;\n}\n\n.portrait-uvNtu .wcConfigCloseButton-mkHVY {\n  position: absolute;\n  top: 0;\n  margin: 10px;\n}\n\n.portrait-uvNtu.close-right-rv5xk .wcConfigCloseButton-mkHVY {\n  right: 0;\n}\n\n.portrait-uvNtu.close-left-S5bW1 .wcConfigCloseButton-mkHVY {\n  left: -50px;\n}\n\n.wcConfigCloseButton-mkHVY:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.wcConfigCloseButton-mkHVY:active {\n  background-color: rgba(197, 197, 197, 0.1);\n}\n\n.wcTabGroupItem-eqGtC:first-child {\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n}\n\n.horizontal-6TCsO.wcConfigurator-steps-1pUS0 .wcConfigurator-steps-split-ATmZ8 {\n  border-radius: var(--globalBorderRadius);\n  height: 100%;\n  border-width: 0px;\n  overflow-x: auto;\n}\n.wcConfigur-xKWej .wcConfiguratorator-steps-Container-FGpNz {\n  width: -moz-max-content;\n  width: max-content;\n  height: 100%;\n}\n\n.horizontal-6TCsO .wcConfigurator-steps-split-ATmZ8 {\n  height: 100%;\n  width: calc(100% - 4.3rem);\n  float: left;\n}\n\n.horizontal-6TCsO.closeButtonHidden-g1FQc .wcConfigurator-steps-split-ATmZ8,\n.horizontal-6TCsO.closeButtonHidden-g1FQc.portrait-uvNtu .wcConfigurator-steps-split-ATmZ8,\n.horizontal-6TCsO.closeButtonHidden-g1FQc.landscape-O7G0i .wcConfigurator-steps-split-ATmZ8 {\n  width: 100%;\n}\n\n.horizontal-6TCsO.wcConfigurator-steps-1pUS0 .wcConfigurator-steps-split-ATmZ8::-webkit-scrollbar {\n  display: none;\n}\n\n/* Hide scrollbar for IE and Edge */\n.horizontal-6TCsO.wcConfigurator-steps-1pUS0 .wcConfigurator-steps-split-ATmZ8,\n.wcConfigurator-steps-1pUS0 .wcConfigurator-steps-split-ATmZ8 {\n  -ms-overflow-style: none;\n  scrollbar-width: none; /* Firefox */\n}\n\n.vertical-HLAFY.wcConfigurator-steps-1pUS0 .wcConfigurator-steps-split-ATmZ8 {\n  overflow: auto;\n\n  /* Hide scrollbar for IE, Edge add Firefox */\n\n  -ms-overflow-style: none;\n  scrollbar-width: none; /* Firefox */\n}\n\n.vertical-HLAFY.wcConfigurator-steps-1pUS0 .wcConfigurator-steps-split-ATmZ8::-webkit-scrollbar {\n  display: none;\n}\n\n.horizontal-6TCsO .wcConfigurator-steps-Container-Yb9mE {\n  width: -moz-max-content;\n  width: max-content;\n  height: 100%;\n}\n\n.vertical-HLAFY .wcConfigurator-steps-Container-Yb9mE {\n  width: 100%;\n  height: 100%;\n}\n";
 styleInject(css_248z);
 
-var _excluded = ["className", "showCloseButtonInMobile"];
+var _excluded = ["className", "showCloseButtonInMobile", "tabSearchClass"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TabGroupContainer = function TabGroupContainer(_ref) {
   var className = _ref.className,
     showCloseButtonInMobile = _ref.showCloseButtonInMobile,
+    tabSearchClass = _ref.tabSearchClass,
     props = _objectWithoutProperties(_ref, _excluded);
   var viewHandler = useViewHandler();
   var _useTranslation = useTranslation(),
@@ -51,6 +54,7 @@ var TabGroupContainer = function TabGroupContainer(_ref) {
     isFullscreenComponent = _useDivaCore$state.isFullscreenComponent,
     isMobile = _useDivaCore$state.dimensions.isMobile;
   var closeButtonVisible = isFullscreenComponent && showCloseButtonInMobile !== 'none' || viewHandler.tabGroupState.curTabGroupType != 'vertical' && !viewHandler.uiState.ViewConfig.hideCloseButton && viewHandler.eventIsManagedByClient('onWebPlanerClose') && !((!showCloseButtonInMobile || showCloseButtonInMobile == 'none') && viewHandler.getIsInMobileView());
+  var tabSearchVisible = viewHandler.uiState.ViewConfig.tabGroupSearchVisible;
   var tabGroupScroller = useRef(null);
   useEffect(function () {
     if (tabGroupScroller.current) {
@@ -59,13 +63,15 @@ var TabGroupContainer = function TabGroupContainer(_ref) {
     return function () {};
   }, [tabGroupScroller]);
   return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
-    className: classnames(className, wcConfiguratorSteps, viewHandler.uiState.isMobilePortrait ? portrait : undefined, viewHandler.uiState.isMobileLandscape ? landscape : undefined, viewHandler.tabGroupState.curTabGroupType == 'horizontal' ? horizontal : undefined, viewHandler.tabGroupState.curTabGroupType == 'vertical' ? vertical : undefined, !closeButtonVisible ? closeButtonHidden : undefined, isMobile ? showCloseButtonInMobile == 'left' ? closeLeft : closeRight : undefined),
-    children: [/*#__PURE__*/jsx("div", {
+    className: classnames(className, wcConfiguratorSteps, viewHandler.uiState.isMobilePortrait ? portrait : undefined, viewHandler.uiState.isMobileLandscape ? landscape : undefined, viewHandler.tabGroupState.curTabGroupType == 'horizontal' ? horizontal : undefined, viewHandler.tabGroupState.curTabGroupType == 'vertical' ? vertical : undefined, !closeButtonVisible ? closeButtonHidden : undefined, tabSearchVisible ? tabSearchVisibleClass : undefined, isMobile ? showCloseButtonInMobile == 'left' ? closeLeft : closeRight : undefined),
+    children: [tabSearchVisible && /*#__PURE__*/jsx(TabSearch, {
+      className: tabSearchClass
+    }), /*#__PURE__*/jsx("div", {
       className: classnames(wcConfiguratorStepsSplit),
       ref: tabGroupScroller,
       children: /*#__PURE__*/jsxs("div", {
         className: wcConfiguratorStepsContainer,
-        children: [viewHandler.tabGroupState.curTabGroupType == 'horizontal' && /*#__PURE__*/jsx(TabGroupHorizontal, {}), viewHandler.tabGroupState.curTabGroupType == 'vertical' && /*#__PURE__*/jsx(TabGroupVertical, {}), viewHandler.tabGroupState.curTabGroupType == 'single' && /*#__PURE__*/jsx(TabGroupSingle, {})]
+        children: [viewHandler.tabGroupState.curTabGroupType == 'horizontal' && /*#__PURE__*/jsx(TabGroupHorizontal, {}), viewHandler.tabGroupState.curTabGroupType == 'vertical' && /*#__PURE__*/jsx(TabGroupVertical, {})]
       })
     }), closeButtonVisible && /*#__PURE__*/jsx("div", {
       className: wcConfigCloseButton,

package/build/esm/{index-bf2e13d1.js → index-059b95d3.js}

@@ -1,9 +1,9 @@
-import { u as useViewHandler } from './index-77e10fb9.js';
+import { u as useViewHandler } from './index-e6d0b513.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import Image3DNavBar from './index-0202c4f3.js';
-import { g as wcConfigurator3Dimage, i as imageCenterOrbit, h as imageCenterStatic } from './index.module-ff33e74b.js';
-import Logo from './index-f5b4600a.js';
+import Image3DNavBar from './index-35b0946c.js';
+import { g as wcConfigurator3Dimage, i as imageCenterOrbit, h as imageCenterStatic } from './index.module-1e0eefcd.js';
+import Logo from './index-c797b8d5.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-798e76d6.js → index-05ea38f6.js}

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

package/build/esm/{index-833c8f1e.js → index-07aa27b1.js}

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler } from './index-77e10fb9.js';
+import { u as useViewHandler } from './index-e6d0b513.js';
 import 'react';
-import Toggle from './index-6baf55c5.js';
+import Toggle from './index-50f2a299.js';
 import DivaUtils from '@crystaldesign/diva-utils';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-223e4867.js → index-09402ef3.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-77e10fb9.js';
+import { s as styleInject, u as useViewHandler } from './index-e6d0b513.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';

package/build/esm/{index-bb7ef4f6.js → index-0a338dde.js}

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

package/build/esm/{index-dbae8eb6.js → index-0c947e47.js}

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

package/build/esm/{index-6ab1f21b.js → index-0d8f3f8f.js}

@@ -1,6 +1,6 @@
-import { u as useViewHandler } from './index-77e10fb9.js';
+import { u as useViewHandler } from './index-e6d0b513.js';
 import 'react';
-import { j as wcPlanner3DGrid } from './index.module-ff33e74b.js';
+import { j as wcPlanner3DGrid } from './index.module-1e0eefcd.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-5873f696.js → index-0da1be2c.js}

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

package/build/esm/{index-215b6af9.js → index-0e53174d.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-77e10fb9.js';
+import { s as styleInject, u as useViewHandler } from './index-e6d0b513.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-c13aee51.js';
-import GenericToolTip from './index-bc41564d.js';
+import MetaData from './index-6d6deee0.js';
+import GenericToolTip from './index-3c4cbf1b.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-faae2953.js → index-101de00b.js}

@@ -1,4 +1,4 @@
-import './index-77e10fb9.js';
+import './index-e6d0b513.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-464cfc43.js → index-11f6a272.js}

@@ -1,10 +1,10 @@
-import { u as useViewHandler } from './index-77e10fb9.js';
+import { u as useViewHandler } from './index-e6d0b513.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-5944cc90.js';
-import IsActive from './index-c7d1583a.js';
+import { p as paletteItem, w as wcSize, a as wcSizeNormal, b as wcImage, t as textContainer, c as wcConfiguratorSettingsTitle } from './index.module-cff83a21.js';
+import IsActive from './index-b08b8636.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-165aeed4.js → index-12637965.js}

@@ -1,10 +1,10 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-77e10fb9.js';
+import { s as styleInject, u as useViewHandler } from './index-e6d0b513.js';
 import { useRef, useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import RealTimeRenderer from '@crystaldesign/real-time-viewer';
-import { A as ArQrCodeIcon } from './index-93c63b97.js';
+import { A as ArQrCodeIcon } from './index-7b63d737.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -18,10 +18,10 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'react-laag';
-import './index-321acc3c.js';
+import './index-598bc3fc.js';
 import 'react-qr-code';
 import 'classnames';
-import './index-70396ac1.js';
+import './index-c547ed9f.js';
 
 var qrWrapper = "qr-wrapper-HRio6";
 var css_248z$1 = ".qr-wrapper-HRio6 {\n  z-index: 500;\n  margin: 0;\n  position: absolute;\n  bottom: 60px;\n  left: 14px;\n}\n";

package/build/esm/{index-bf6f3cc1.js → index-1568ca9d.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-77e10fb9.js';
+import { s as styleInject, u as useViewHandler } from './index-e6d0b513.js';
 import { useRef, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';

package/build/esm/{index-299e007b.js → index-15bc6fad.js}

@@ -1,7 +1,7 @@
-import { s as styleInject, u as useViewHandler } from './index-77e10fb9.js';
+import { s as styleInject, u as useViewHandler } from './index-e6d0b513.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import RoomRound from './index-7a6b32b2.js';
+import RoomRound from './index-00513c1d.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-fe67fcdf.js → index-16e601aa.js}

@@ -1,7 +1,7 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { a as usePlannerUIHandler } from './index-77e10fb9.js';
+import { a as usePlannerUIHandler } from './index-e6d0b513.js';
 import { useState } from 'react';
-import DPACC from './index-ce29b8c9.js';
+import DPACC from './index-36e6ab54.js';
 import { Vector2 } from '@crystaldesign/web-planner-logic';
 import { jsx, Fragment } from 'react/jsx-runtime';
 

package/build/esm/{index-6bf891e1.js → index-1831f42c.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler } from './index-77e10fb9.js';
+import { u as useViewHandler } from './index-e6d0b513.js';
 import 'react';
 import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';
-import ShelfDeleteButton from './index-71c55501.js';
+import ShelfDeleteButton from './index-bd0ebaec.js';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-b3fca0bd.js → index-19646d68.js}

@@ -1,8 +1,8 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { u as useViewHandler } from './index-77e10fb9.js';
+import { u as useViewHandler } from './index-e6d0b513.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
-import { r as reactJson, a as reactJsonExpanded } from './index.module-a24ee580.js';
+import { r as reactJson, a as reactJsonExpanded } from './index.module-0366e3ad.js';
 import classnames from 'classnames';
 import ReactJson from 'react-json-view';
 import { jsx, Fragment } from 'react/jsx-runtime';

package/build/esm/{index-a98d9870.js → index-1a71bd42.js}

@@ -1,7 +1,7 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-77e10fb9.js';
+import { u as useViewHandler } from './index-e6d0b513.js';
 import { useState, useEffect } from 'react';
-import ItemVariant from './index-bdb1151c.js';
+import ItemVariant from './index-1affff07.js';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-46db8646.js → index-1ac70d65.js}

@@ -1,8 +1,8 @@
-import './index-77e10fb9.js';
+import './index-e6d0b513.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import SVGOverview from './index-fe64f4b4.js';
-import SVGSourceViewer from './index-d39fd43c.js';
+import SVGOverview from './index-4e0bc01d.js';
+import SVGSourceViewer from './index-eba5f443.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -17,7 +17,7 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index.module-2cb033b7.js';
+import './index.module-397a7dba.js';
 import 'classnames';
 
 var index = function index(props) {

package/build/esm/{index-bdb1151c.js → index-1affff07.js}

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

package/build/esm/{index-05d30efc.js → index-1c065b5d.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-77e10fb9.js';
+import { s as styleInject, u as useViewHandler } from './index-e6d0b513.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-10990e50.js';
+import { g as getIconOfTabGroup } from './IconHandler-4b28c8d8.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-01e30bce.js → index-1c30559e.js}

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

package/build/esm/{index-b62476c0.js → index-1cfb44e8.js}

@@ -1,7 +1,7 @@
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-77e10fb9.js';
+import { s as styleInject, u as useViewHandler } from './index-e6d0b513.js';
 import 'react';
 import { DivaUtils } from '@crystaldesign/diva-core';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-ebd084fc.js → index-1e377363.js}

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

package/build/esm/{index-07a404cd.js → index-1e8236de.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-77e10fb9.js';
+import { s as styleInject, u as useViewHandler } from './index-e6d0b513.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useRef } from 'react';
 import classnames from 'classnames';

package/build/esm/{index-17f8d841.js → index-1fa98161.js}

@@ -1,8 +1,8 @@
-import { s as styleInject, u as useViewHandler } from './index-77e10fb9.js';
+import { s as styleInject, u as useViewHandler } from './index-e6d0b513.js';
 import 'react';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
 import { observer } from 'mobx-react-lite';
-import FilterItem from './index-df3fd1e7.js';
+import FilterItem from './index-671dae0a.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-d0f60635.js → index-1fb669d5.js}

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