@crystaldesign/diva-web-planner-react 24.11.0-beta.9 → 24.11.0-rc.1

package/build/esm/{index-e43623bf.js → index-2f4f91c9.js}

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

package/build/esm/{index-967f9e9d.js → index-2faa9634.js}

@@ -1,9 +1,9 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-77e10fb9.js';
+import './index-c856efdf.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ArticleOverview from './index-75fe7570.js';
-import JsonViewer from './index-b3fca0bd.js';
+import ArticleOverview from './index-e56af5a2.js';
+import JsonViewer from './index-db5d1c17.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -17,10 +17,10 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index.module-45212bcf.js';
-import './index.module-a24ee580.js';
+import './index.module-b6e4cf63.js';
+import './index.module-52ed4673.js';
 import 'classnames';
-import './index.module-5323d538.js';
+import './index.module-a872b624.js';
 import 'react-collapsible';
 import 'react-json-view';
 

package/build/esm/{index-7c7edb7d.js → index-31645e9b.js}

@@ -1,12 +1,12 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-77e10fb9.js';
-import SettingsHeader from './index-f92eaac0.js';
+import { s as styleInject, u as useViewHandler } from './index-c856efdf.js';
+import SettingsHeader from './index-d6d65d0d.js';
 import { useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
 import { useState, useEffect } from 'react';
 import Dropdown from 'react-dropdown';
-import MobileDropdown from './index-153c88cd.js';
+import MobileDropdown from './index-1e4ce66a.js';
 import { observer } from 'mobx-react-lite';
-import InfoIcon from './index-58817133.js';
+import InfoIcon from './index-96699db8.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -19,7 +19,7 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index-8f8c8d0b.js';
+import './index-8c022ce0.js';
 import 'classnames';
 
 var wrapper = "wrapper-xpzd5";

package/build/esm/{index-dc528ab0.js → index-329a05ad.js}

@@ -1,9 +1,9 @@
-import { u as useViewHandler } from './index-77e10fb9.js';
+import { u as useViewHandler } from './index-c856efdf.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import Collapsible from 'react-collapsible';
-import ConfigStep from './index-d63d86cb.js';
-import Header from './index-5743cd66.js';
+import ConfigStep from './index-4077ad72.js';
+import Header from './index-43a52d6d.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-833c8f1e.js → index-367cd8bc.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-c856efdf.js';
 import 'react';
-import Toggle from './index-6baf55c5.js';
+import Toggle from './index-cdad7a8e.js';
 import DivaUtils from '@crystaldesign/diva-utils';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-01379332.js → index-386e0cdc.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-c856efdf.js';
 import { useEffect } from 'react';
-import Settings from './index-5005aa22.js';
-import TabGroup from './index-b737c3cf.js';
+import Settings from './index-1b378907.js';
+import TabGroup from './index-21c9309e.js';
 import { observer } from 'mobx-react-lite';
-import Inputbox from './index-bf6f3cc1.js';
+import Inputbox from './index-e949eca4.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -18,74 +18,75 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index-296e3622.js';
-import './index-f92eaac0.js';
-import './index-7a84f8b3.js';
-import './index-c4bb1e72.js';
+import './index-96e590f8.js';
+import './index-d6d65d0d.js';
+import './index-bc4620ea.js';
+import './index-2be26288.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-1dbe8bc3.js';
+import './index-810b8566.js';
 import 'react-laag';
-import './index-e43623bf.js';
+import './index-2f4f91c9.js';
 import 'classnames';
-import './index-c8cdb22f.js';
-import './index-1e74a2a5.js';
+import './index-560337a9.js';
+import './index-aadc5340.js';
 import 'sift';
-import './index-28b3a85c.js';
-import './index-884095fa.js';
-import './index-01e30bce.js';
-import './index-c48e0af4.js';
-import './index.module-76c5874c.js';
-import './index-6baf55c5.js';
+import './index-7560b124.js';
+import './index-e9bcd6b6.js';
+import './index-1fe0a4ad.js';
+import './index-65e32900.js';
+import './index.module-8dca00fe.js';
+import './index-cdad7a8e.js';
 import 'react-switch';
-import './index-58817133.js';
-import './index-dff479bd.js';
+import './index-96699db8.js';
+import './index-7a88f7dd.js';
 import 'react-dropdown';
-import './index-38cadf74.js';
-import './index-6d56e5a5.js';
-import './index-8f8c8d0b.js';
-import './index-17f8d841.js';
+import './index-957c520b.js';
+import './index-412601fa.js';
+import './index-8c022ce0.js';
+import './index-c769b5d0.js';
 import '@crystaldesign/content-box';
-import './index-df3fd1e7.js';
-import './index-a69178b8.js';
-import './index-85fc390a.js';
-import './index-bda652ec.js';
-import './index-9c0e4539.js';
+import './index-64fab963.js';
+import './index-674201c9.js';
+import './index-2998d14e.js';
+import './index-d5b3db05.js';
+import './index-ad517e8f.js';
 import '@crystaldesign/products-component';
-import './index-9bbc7329.js';
-import './index-1137783e.js';
-import './index-27bdda3c.js';
-import './index-c13aee51.js';
-import './index-bc41564d.js';
-import './index-ebd084fc.js';
-import './index-e532232f.js';
-import './index-cc15e296.js';
-import './index-dbae8eb6.js';
-import './index-bda24741.js';
-import './index-c5a096bb.js';
-import './index-5b973d5a.js';
-import './index-464cfc43.js';
-import './index.module-5944cc90.js';
-import './index-c7d1583a.js';
-import './index-2d1b3d86.js';
-import './index-e6d4b550.js';
-import './index-dcabb032.js';
-import './index-47264fe0.js';
-import './index-6eacebfa.js';
-import './index-9cbf0465.js';
-import './index.module-ec8647fe.js';
-import './index-d18e5dc8.js';
-import './index-d0f60635.js';
-import './index-bb7ef4f6.js';
-import './index-03dedf75.js';
-import './index-4b683495.js';
-import './index-a98d9870.js';
-import './index-bdb1151c.js';
-import './index-f2edbb09.js';
+import './index-7ae75cd6.js';
+import './index-795b0ecd.js';
+import './index-14592ae0.js';
+import './index-697e8519.js';
+import './index-fe19be84.js';
+import './index-7467e052.js';
+import './index-21add204.js';
+import './index-0e561059.js';
+import './index-f9c9bd2d.js';
+import './index-b391d1df.js';
+import './index-b74978c9.js';
+import './index-03f5b39e.js';
+import './index-fedcb4d0.js';
+import './index.module-9ac0bbda.js';
+import './index-d0d798c8.js';
+import './index-6c6a61ba.js';
+import './index-658f19c7.js';
+import './index-d1147d5f.js';
+import './index-af1185c5.js';
+import './index-2ef36158.js';
+import './index-3a6f89b8.js';
+import './index.module-b979acde.js';
+import './index-4f2e2c9a.js';
+import './index-c2ba17d7.js';
+import './index-4e1e2638.js';
+import './index-0a2e7852.js';
+import './index-584be025.js';
+import './index-db9b03fb.js';
+import './index-21e822c4.js';
+import './index-4d4549b6.js';
 
 var wcConfigurator = "wcConfigurator-IeI91";
 var wcConfiguratorSteps = "wc-configurator-steps-yPThi";
 var wcConfiguratorSettings = "wc-configurator-Settings-3U39-";
-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";
+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";
 styleInject(css_248z);
 
 var Classification = function Classification(props) {
@@ -106,7 +107,8 @@ var Classification = function Classification(props) {
       id: "wcConfigurator",
       className: wcConfigurator,
       children: [/*#__PURE__*/jsx(TabGroup, {
-        className: wcConfiguratorSteps
+        className: wcConfiguratorSteps,
+        tabSearchClass: tabSearchClass
       }), /*#__PURE__*/jsx(Settings, {
         className: wcConfiguratorSettings
       }), viewHandler.settingsState.inputBoxVisible && /*#__PURE__*/jsx(Inputbox, {})]

package/build/esm/{index-dbb7ee32.js → index-39590974.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-c856efdf.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-9cbf0465.js → index-3a6f89b8.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-77e10fb9.js';
+import { s as styleInject, u as useViewHandler } from './index-c856efdf.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-ec8647fe.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-b979acde.js';
 import { useHover, useLayer } from 'react-laag';
-import GenericToolTip from './index-bc41564d.js';
-import MetaData from './index-c13aee51.js';
+import GenericToolTip from './index-fe19be84.js';
+import MetaData from './index-697e8519.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import InfoIcon from './index-58817133.js';
+import InfoIcon from './index-96699db8.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -115,7 +115,7 @@ var Option = function Option(_ref) {
       },
       metaData: item.metaData,
       visible: [metaDataVisible, setMetaDataVisible]
-    }, item.codex), isOver && ((_renderLayer = renderLayer) === null || _renderLayer === void 0 ? void 0 : _renderLayer( /*#__PURE__*/jsx(GenericToolTip, {
+    }, item.codex), isOver && ((_renderLayer = renderLayer) === null || _renderLayer === void 0 ? void 0 : _renderLayer(/*#__PURE__*/jsx(GenericToolTip, {
       text: item.text + (item.freeText ? item.freeText : ''),
       hexColor: item.hexColor,
       desciption: metaDataVisible,

package/build/esm/{index-07a404cd.js → index-3b2f28f2.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-c856efdf.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useRef } from 'react';
 import classnames from 'classnames';

package/build/esm/{index-d63d86cb.js → index-4077ad72.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-c856efdf.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import classnames from 'classnames';

package/build/esm/{index-6d56e5a5.js → index-412601fa.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-c856efdf.js';
 import 'react';
 import Dropdown from 'react-dropdown';
 import { useTranslation } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import Arrow from './index-8f8c8d0b.js';
+import Arrow from './index-8c022ce0.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -50,24 +50,27 @@ var RalDropdownFilter = function RalDropdownFilter(_ref) {
       value: item.text
     };
   });
-  return /*#__PURE__*/jsx(Dropdown, {
-    className: classnames(dropdownRootClass),
-    controlClassName: dropdownControl,
-    options: dropDownValues,
-    value: actValue,
-    onChange: function onChange(val) {
-      return viewHandler.paletteViewHandler.onSelectFilter(id, val.value, 'RAL');
-    },
-    placeholder: t('configurator.colors'),
-    arrowClosed: /*#__PURE__*/jsx(Arrow, {
-      onClick: deleteCurValue,
-      open: false,
-      iconAsDelete: !!actValue
-    }),
-    arrowOpen: /*#__PURE__*/jsx(Arrow, {
-      onClick: deleteCurValue,
-      open: true,
-      iconAsDelete: !!actValue
+  return /*#__PURE__*/jsx("div", {
+    "data-test-id": "ral-dropdown",
+    children: /*#__PURE__*/jsx(Dropdown, {
+      className: classnames(dropdownRootClass),
+      controlClassName: dropdownControl,
+      options: dropDownValues,
+      value: actValue,
+      onChange: function onChange(val) {
+        return viewHandler.paletteViewHandler.onSelectFilter(id, val.value, 'RAL');
+      },
+      placeholder: t('configurator.colors'),
+      arrowClosed: /*#__PURE__*/jsx(Arrow, {
+        onClick: deleteCurValue,
+        open: false,
+        iconAsDelete: !!actValue
+      }),
+      arrowOpen: /*#__PURE__*/jsx(Arrow, {
+        onClick: deleteCurValue,
+        open: true,
+        iconAsDelete: !!actValue
+      })
     })
   });
 };

package/build/esm/{index-12919e4e.js → index-42136cad.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-c856efdf.js';
 import 'react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-d1347197.js → index-42cab33c.js}

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

package/build/esm/{index-93c63b97.js → index-4347a8dc.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-c856efdf.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useRef, useEffect } from 'react';
 import { useLayer } from 'react-laag';
-import Tooltip from './index-321acc3c.js';
+import Tooltip from './index-8679e71e.js';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import FullscreenAr from './index-70396ac1.js';
+import FullscreenAr from './index-14887e9c.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 var wcNav3DToolbar = "wc_Nav3DToolbar-NM2CK";
@@ -34,7 +34,9 @@ var ArQrCodeTooltip = function ArQrCodeTooltip(props) {
     t = _useTranslation.t;
   var _useDivaCore = useDivaCore(),
     openModal = _useDivaCore.actions.openModal,
-    isMobile = _useDivaCore.state.isMobile;
+    _useDivaCore$state = _useDivaCore.state,
+    isMobile = _useDivaCore$state.isMobile,
+    isTablet = _useDivaCore$state.dimensions.isTablet;
   //tooltip is going to close itself by timer
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -42,13 +44,14 @@ var ArQrCodeTooltip = function ArQrCodeTooltip(props) {
     setAutoClose = _useState2[1];
   var autoCloseTimeout = useRef();
   var arQrCodeConfig = (_viewHandler$getViewC = viewHandler.getViewConfig()) === null || _viewHandler$getViewC === void 0 ? void 0 : _viewHandler$getViewC.enableAR;
+  var openAr = isMobile || isTablet;
 
   //for fade animation
   var _useState3 = useState(viewHandler.productState.arCodeWasVisibleOnce),
     _useState4 = _slicedToArray(_useState3, 2),
     tooltipVisible = _useState4[0],
     setTooltipVisible = _useState4[1];
-  var showTooltip = (tooltipVisible || viewHandler.productState.doShowARQRCode) && !isMobile && viewHandler.isParentViewVisible;
+  var showTooltip = (tooltipVisible || viewHandler.productState.doShowARQRCode) && !openAr && viewHandler.isParentViewVisible;
   var _useLayer = useLayer({
       isOpen: showTooltip,
       auto: true,
@@ -77,6 +80,7 @@ var ArQrCodeTooltip = function ArQrCodeTooltip(props) {
     if (viewHandler.productState.activateAR && viewHandler.productState.doShowARQRCode) openModal({
       content: /*#__PURE__*/jsx(FullscreenAr, {
         url: url,
+        isArCompatible: viewHandler.productState.isArCompatible,
         activateAR: viewHandler.productState.activateAR
       }),
       fullscreen: true,
@@ -113,7 +117,7 @@ var ArQrCodeTooltip = function ArQrCodeTooltip(props) {
   }, [viewHandler.productState.doShowARQRCode]);
   var onClick = function onClick() {
     viewHandler.productState.setDoShowARQRCode(true);
-    if (isMobile) {
+    if (openAr) {
       if (!viewHandler.productState.doShowRTV) {
         viewHandler.productState.loadRTVForAr = true;
         viewHandler.productState.onChangePlannerView('RTV');
@@ -121,6 +125,7 @@ var ArQrCodeTooltip = function ArQrCodeTooltip(props) {
       openModal({
         content: /*#__PURE__*/jsx(FullscreenAr, {
           url: url,
+          isArCompatible: viewHandler.productState.isArCompatible,
           activateAR: viewHandler.productState.activateAR
         }),
         fullscreen: true,
@@ -137,11 +142,15 @@ var ArQrCodeTooltip = function ArQrCodeTooltip(props) {
     }
   };
   return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx("li", _objectSpread(_objectSpread({}, props), {}, {
+    children: [/*#__PURE__*/jsx("li", _objectSpread(_objectSpread(_objectSpread({}, props), {}, {
       className: classnames(arIcon, props.className),
       onClick: onClick,
       title: t('configurator.ar_qr_title')
-    }, triggerProps)), showTooltip && renderLayer( /*#__PURE__*/jsx(Tooltip, {
+    }, triggerProps), {}, {
+      style: {
+        visibility: viewHandler.productState.doShowRenderImage ? 'visible' : 'hidden'
+      }
+    })), showTooltip && renderLayer(/*#__PURE__*/jsx(Tooltip, {
       arrowProps: arrowProps,
       layerProps: layerProps,
       autoClose: autoClose,

package/build/esm/{index-5743cd66.js → index-43a52d6d.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-c856efdf.js';
 import 'react';
 import classnames from 'classnames';
 import { useTranslation } from '@crystaldesign/diva-core';
@@ -21,7 +21,7 @@ var verticalItem = "verticalItem-EHV6R";
 var openClass = "open-class-cQobQ";
 var visited = "visited-ecPKp";
 var arrow = "arrow-hUG12";
-var css_248z = ".verticalItem-EHV6R {\n  font-size: 12px;\n  padding: 12px 16px 12px 16px;\n  width: calc(100% - 32px);\n  color: #fff;\n  position: relative;\n  cursor: pointer;\n  background-color: #2e4351;\n  display: flex;\n  justify-content: space-between;\n  line-height: 20px;\n  border-bottom: #fdfdfd 1px solid;\n  transition: border 0.3s ease;\n}\n.open-class-cQobQ.verticalItem-EHV6R {\n  border-bottom: none;\n}\n\n.visited-ecPKp {\n  background-color: #142a37;\n}\n\n.arrow-hUG12 {\n  width: 8px;\n  height: 20px;\n  margin-right: 6px;\n  background: center / 100% no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%228%22 height%3D%2213%22 viewBox%3D%220 0 8 13%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath d%3D%22M0.947266 1.14893L6.94727 6.29178L0.947266 11.9489%22 stroke%3D%22%23fff%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E %3C%2Fsvg%3E\");\n  transition: transform 0.3s ease;\n}\n\n.open-class-cQobQ .arrow-hUG12 {\n  transform: rotate(90deg);\n}\n";
+var css_248z = ".verticalItem-EHV6R {\n  font-size: 12px;\n  padding: 12px 16px;\n  width: calc(100% - 32px);\n  color: #fff;\n  position: relative;\n  cursor: pointer;\n  background-color: #2e4351;\n  display: flex;\n  justify-content: space-between;\n  line-height: 20px;\n  border-bottom: #fdfdfd 1px solid;\n  transition: border 0.3s ease;\n}\n.open-class-cQobQ.verticalItem-EHV6R {\n  border-bottom: none;\n}\n\n.visited-ecPKp {\n  background-color: #142a37;\n}\n\n.arrow-hUG12 {\n  width: 8px;\n  height: 20px;\n  margin-right: 6px;\n  background: center / 100% no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%228%22 height%3D%2213%22 viewBox%3D%220 0 8 13%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath d%3D%22M0.947266 1.14893L6.94727 6.29178L0.947266 11.9489%22 stroke%3D%22%23fff%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E %3C%2Fsvg%3E\");\n  transition: transform 0.3s ease;\n}\n\n.open-class-cQobQ .arrow-hUG12 {\n  transform: rotate(90deg);\n}\n";
 styleInject(css_248z);
 
 var Header = function Header(_ref) {

package/build/esm/{index-8f7a3a82.js → index-45ad2420.js}

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

package/build/esm/{index-7ef07cfa.js → index-46b857c5.js}

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

package/build/esm/{index-223e4867.js → index-46bcaa69.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-c856efdf.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';

package/build/esm/{index-78bfd015.js → index-47e979e6.js}

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

package/build/esm/{index-1fad170f.js → index-4928e1a7.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-c856efdf.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import RoomSerious from './index-dbb7ee32.js';
+import RoomSerious from './index-39590974.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-6ebbccce.js → index-4ba4b153.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-c856efdf.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import Group from './index-ee8531b3.js';
+import Group from './index-af196b62.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import StandradGroup from './index-7fa367d5.js';
+import StandradGroup from './index-53aab2e0.js';
 import { jsx, jsxs, Fragment } 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 'classnames';
-import './index-24b9c437.js';
+import './index-108e1fb2.js';
 import 'react-collapsible';
 
 var container = "container-IOQq6";

package/build/esm/{index-65023cbb.js → index-4cc6d427.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-77e10fb9.js';
+import { s as styleInject } from './index-c856efdf.js';
 import { DivaUtils } from '@crystaldesign/diva-core';
 import 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/index-4d4549b6.js

@@ -0,0 +1,52 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
+import { u as useViewHandler } from './index-c856efdf.js';
+import { observer } from 'mobx-react-lite';
+import { useState, useEffect } from 'react';
+import { useTranslation } from '@crystaldesign/diva-core';
+import { jsx } from 'react/jsx-runtime';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+
+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 TabSearch = function TabSearch(_ref) {
+  var props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    search = _useState2[0],
+    setSearch = _useState2[1];
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var viewHandler = useViewHandler();
+  useEffect(function () {
+    viewHandler.tabGroupState.setFilterTabgroup(search && search !== '' ? search : undefined);
+  }, [search]);
+  useEffect(function () {
+    if (viewHandler.tabGroupState.filterTabgroup === undefined && search) {
+      setSearch('');
+    }
+  }, [viewHandler.tabGroupState.filterTabgroup]);
+  return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({}, props), {}, {
+    children: /*#__PURE__*/jsx("input", {
+      value: search,
+      type: "text",
+      onChange: function onChange(e) {
+        return setSearch(e.target.value);
+      },
+      placeholder: t('filter.global')
+    })
+  }));
+};
+var TabSearch$1 = observer(TabSearch);
+
+export { TabSearch$1 as default };

package/build/esm/{index-e2012d5f.js → index-4de007ef.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-c856efdf.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import classnames from 'classnames';

package/build/esm/{index-b8a9fb88.js → index-4dfc2ad0.js}

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

package/build/esm/{index-bb7ef4f6.js → index-4e1e2638.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-c856efdf.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';