@crystaldesign/diva-web-planner-react 24.12.0-beta.1 → 24.12.0-beta.10

package/build/esm/{index-aadc5340.js → index-d41a9c5e.js}

@@ -1,19 +1,19 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-c856efdf.js';
+import { s as styleInject, u as useViewHandler } from './index-85638eb4.js';
 import React, { useState, useEffect, Suspense } from 'react';
 import { observer } from 'mobx-react-lite';
 import sift from 'sift';
-import TextBox from './index-7560b124.js';
-import ItemVariant from './index-e9bcd6b6.js';
-import SettingsPaletteGroup from './index-1fe0a4ad.js';
-import ToggleOption from './index-65e32900.js';
-import GroupDropdown from './index-7a88f7dd.js';
-import PromotedProducts from './index-2998d14e.js';
-import ToggleName from './index-d5b3db05.js';
-import ProductList from './index-ad517e8f.js';
-import itemPaletteTypeComponentMap from './index-795b0ecd.js';
-import ItemWrapper from './index-4f2e2c9a.js';
+import TextBox from './index-4b23d3fd.js';
+import ItemVariant from './index-b5107ba2.js';
+import SettingsPaletteGroup from './index-1e8bab2a.js';
+import ToggleOption from './index-21a864b4.js';
+import GroupDropdown from './index-ee936856.js';
+import PromotedProducts from './index-4b2f16f2.js';
+import ToggleName from './index-79048c32.js';
+import ProductList from './index-569f9d5b.js';
+import itemPaletteTypeComponentMap from './index-3775de7b.js';
+import ItemWrapper from './index-9540ea87.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 
 var collapsableInner = "collapsable-inner-YPvJa";
@@ -23,10 +23,10 @@ styleInject(css_248z);
 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 ShelfPlanner = /*#__PURE__*/React.lazy(function () {
-  return import('./index-2c9370fc.js');
+  return import('./index-12016869.js');
 });
 var DoorPlanner = /*#__PURE__*/React.lazy(function () {
-  return import('./index-3b2f28f2.js');
+  return import('./index-21b5ba20.js');
 });
 var SettingsPaletteItem = function SettingsPaletteItem(_ref) {
   var _viewHandler$uiState$, _settingsSizes$gapDef, _settingsSizes$sizeDe, _viewHandler$uiState$2, _item$groups$;

package/build/esm/{index-2e3dbf69.js → index-d47a1cf8.js}

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

package/build/esm/{index-ca79dc8d.js → index-d481b3f5.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-c856efdf.js';
+import { u as useViewHandler } from './index-85638eb4.js';
 import { useState, useEffect } from 'react';
-import { n as notExpanded } from './index.module-a872b624.js';
-import { s as scrollable, h as header, t as table, c as column } from './index.module-b6e4cf63.js';
+import { n as notExpanded } from './index.module-7c9f36b1.js';
+import { s as scrollable, h as header, t as table, c as column } from './index.module-1a904061.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { DivaUtils } from '@crystaldesign/diva-core';

package/build/esm/{index-d60609c0.js → index-d5b1af4e.js}

@@ -1,4 +1,4 @@
-import { a as usePlannerUIHandler } from './index-c856efdf.js';
+import { a as usePlannerUIHandler } from './index-85638eb4.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-14887e9c.js → index-d7e01f55.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-c856efdf.js';
+import { s as styleInject } from './index-85638eb4.js';
 import { observer } from 'mobx-react-lite';
 import React from 'react';
 import QRCode from 'react-qr-code';
@@ -50,7 +50,7 @@ var FullscreenAr = function FullscreenAr(_ref) {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var userAgent = navigator.userAgent.toLowerCase();
-  if (userAgent.includes('fxios') || userAgent.includes('firefox') || isArCompatible == false) {
+  if (userAgent.includes('fxios') || userAgent.includes('firefox') || isArCompatible == false || userAgent.includes('edgios') && userAgent.includes('iphone')) {
     return /*#__PURE__*/jsxs("div", {
       className: errorWrapper,
       children: [/*#__PURE__*/jsx("div", {

package/build/esm/{index-6b4aa6d5.js → index-db373521.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-c856efdf.js';
+import { u as useViewHandler } from './index-85638eb4.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-b4c1f694.js';
+import { s as svgWrapper, t as table, c as column, a as selected } from './index.module-3e352dcb.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-3a6f89b8.js → index-dc887b36.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-c856efdf.js';
+import { s as styleInject, u as useViewHandler } from './index-85638eb4.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-b979acde.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-e112dbae.js';
 import { useHover, useLayer } from 'react-laag';
-import GenericToolTip from './index-fe19be84.js';
-import MetaData from './index-697e8519.js';
+import GenericToolTip from './index-c179b0bb.js';
+import MetaData from './index-8f7e7065.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import InfoIcon from './index-96699db8.js';
+import InfoIcon from './index-a278eb4c.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-7c2aa3ad.js → index-ddba8699.js}

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

package/build/esm/{index-8c022ce0.js → index-df5cdfaa.js}

@@ -1,5 +1,5 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject } from './index-c856efdf.js';
+import { s as styleInject } from './index-85638eb4.js';
 import 'react';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-ccce41ed.js → index-e042e6a5.js}

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

package/build/esm/{index-412601fa.js → index-e0973561.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-c856efdf.js';
+import { s as styleInject, u as useViewHandler } from './index-85638eb4.js';
 import 'react';
 import Dropdown from 'react-dropdown';
 import { useTranslation } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import Arrow from './index-8c022ce0.js';
+import Arrow from './index-df5cdfaa.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-594d7d8b.js → index-e10d1c40.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler, a as usePlannerUIHandler } from './index-c856efdf.js';
+import { u as useViewHandler, a as usePlannerUIHandler } from './index-85638eb4.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';

package/build/esm/{index-5303eb3e.js → index-e1f8e148.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-c856efdf.js';
+import { s as styleInject, u as useViewHandler } from './index-85638eb4.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-468ca949.js';
+import { g as getIconOfTabGroup } from './IconHandler-2eee866c.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-4347a8dc.js → index-e40cd91a.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-c856efdf.js';
+import { s as styleInject, u as useViewHandler } from './index-85638eb4.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useRef, useEffect } from 'react';
 import { useLayer } from 'react-laag';
-import Tooltip from './index-8679e71e.js';
+import Tooltip from './index-acb314cf.js';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import FullscreenAr from './index-14887e9c.js';
+import FullscreenAr from './index-d7e01f55.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 var wcNav3DToolbar = "wc_Nav3DToolbar-NM2CK";
@@ -77,7 +77,7 @@ var ArQrCodeTooltip = function ArQrCodeTooltip(props) {
     }
   }, [viewHandler.productState.doShowARQRCode]);
   useEffect(function () {
-    if (viewHandler.productState.activateAR && viewHandler.productState.doShowARQRCode) openModal({
+    if (viewHandler.productState.activateAR && viewHandler.productState.doShowARQRCode && openAr) openModal({
       content: /*#__PURE__*/jsx(FullscreenAr, {
         url: url,
         isArCompatible: viewHandler.productState.isArCompatible,
@@ -97,7 +97,7 @@ var ArQrCodeTooltip = function ArQrCodeTooltip(props) {
   }, [viewHandler.productState.activateAR, url]);
   useEffect(function () {
     //start timeout for auto open the tooltip
-    if (!viewHandler.productState.arCodeWasVisibleOnce && typeof arQrCodeConfig !== 'boolean' && arQrCodeConfig !== null && arQrCodeConfig !== void 0 && arQrCodeConfig.doAutoShow) {
+    if (!viewHandler.productState.arCodeWasVisibleOnce && typeof arQrCodeConfig !== 'boolean' && arQrCodeConfig !== null && arQrCodeConfig !== void 0 && arQrCodeConfig.doAutoShow && !openAr) {
       var _arQrCodeConfig$timeU;
       autoCloseTimeout.current = setTimeout(function () {
         viewHandler.productState.setArCodeWasVisibleOnce();

package/build/esm/{index-64030d6c.js → index-e4e792d1.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-c856efdf.js';
+import { s as styleInject, u as useViewHandler } from './index-85638eb4.js';
 import 'react';
 import { DivaUtils } from '@crystaldesign/diva-core';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-1e4ce66a.js → index-e5f460f6.js}

@@ -1,6 +1,6 @@
-import { s as styleInject } from './index-c856efdf.js';
+import { s as styleInject } from './index-85638eb4.js';
 import { observer } from 'mobx-react-lite';
-import Arrow from './index-8c022ce0.js';
+import Arrow from './index-df5cdfaa.js';
 import 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-8ab6e293.js → index-e697ccb3.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-c856efdf.js';
+import { s as styleInject, u as useViewHandler } from './index-85638eb4.js';
 import classnames from 'classnames';
 import { useRef } from 'react';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-4de007ef.js → index-e77429a4.js}

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

package/build/esm/{index-bcbf6c70.js → index-e91186a8.js}

@@ -1,10 +1,10 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-c856efdf.js';
+import './index-85638eb4.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
-import ArticleOverview from './index-e56af5a2.js';
-import SVGViewer from './index-0188ed2f.js';
+import ArticleOverview from './index-2ffac9df.js';
+import SVGViewer from './index-8fc4e17d.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -18,14 +18,14 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index.module-b6e4cf63.js';
-import './index.module-52ed4673.js';
+import './index.module-1a904061.js';
+import './index.module-fc519863.js';
 import 'classnames';
-import './index.module-a872b624.js';
+import './index.module-7c9f36b1.js';
 import 'react-collapsible';
-import './index-6b4aa6d5.js';
-import './index.module-b4c1f694.js';
-import './index-f605232c.js';
+import './index-db373521.js';
+import './index.module-3e352dcb.js';
+import './index-23c2f3f2.js';
 
 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; }

package/build/esm/{index-81ebb671.js → index-eb323540.js}

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

package/build/esm/{index-1e9cf117.js → index-eb5ecd37.js}

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

package/build/esm/{index-fcf45d29.js → index-ed1f830f.js}

@@ -1,14 +1,14 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-c856efdf.js';
+import { u as useViewHandler } from './index-85638eb4.js';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import { w as wrapper, t as tabs, s as sel, a as selectionWrapper, b as selectionText, c as selection, T as Table } from './index-008a56d1.js';
+import { w as wrapper, t as tabs, s as sel, a as selectionWrapper, b as selectionText, c as selection, T as Table } from './index-7c465ff9.js';
 import classnames from 'classnames';
-import properties from './CatalogProperties-6bcf7d7a.js';
-import properties$1 from './ArticleProperties-a8a3fc1d.js';
-import properties$2 from './OptionProperties-6ed06f4e.js';
-import properties$3 from './OptionValueProperties-1bf01fb1.js';
+import properties from './CatalogProperties-d4c6df91.js';
+import properties$1 from './ArticleProperties-ec60834f.js';
+import properties$2 from './OptionProperties-8204fba0.js';
+import properties$3 from './OptionValueProperties-bfd2a6b0.js';
 import Select from 'react-select';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -22,7 +22,7 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index-cdad7a8e.js';
+import './index-2c20ad5e.js';
 import 'react-switch';
 
 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; }

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

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

package/build/esm/{index-b3ed6589.js → index-ed77dbff.js}

@@ -1,7 +1,7 @@
-import { s as styleInject, u as useViewHandler } from './index-c856efdf.js';
+import { s as styleInject, u as useViewHandler } from './index-85638eb4.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
-import ToolContainer from './index-590a477a.js';
+import ToolContainer from './index-0d1f52dd.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -17,52 +17,52 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-2f3a77c1.js';
-import './index.module-a872b624.js';
-import './index-0a3919a1.js';
-import './index-64030d6c.js';
+import './index-5d2fb375.js';
+import './index.module-7c9f36b1.js';
+import './index-a505f04a.js';
+import './index-e4e792d1.js';
 import 'classnames';
-import './index-804341a9.js';
+import './index-017380e9.js';
 import 'react-collapsible';
-import './index-c1fe8013.js';
-import './index-db5d1c17.js';
-import './index.module-52ed4673.js';
+import './index-25815674.js';
+import './index-cffea7df.js';
+import './index.module-fc519863.js';
 import 'react-json-view';
-import './index-ca79dc8d.js';
-import './index.module-b6e4cf63.js';
-import './index-86a4bec1.js';
+import './index-d481b3f5.js';
+import './index.module-1a904061.js';
+import './index-f358982f.js';
 import 'jsoneditor';
-import './index-2faa9634.js';
-import './index-e56af5a2.js';
-import './index-bcbf6c70.js';
-import './index-0188ed2f.js';
-import './index-6b4aa6d5.js';
-import './index.module-b4c1f694.js';
-import './index-f605232c.js';
-import './index-09e36fea.js';
-import './index-c1f7373b.js';
-import './index-8d843567.js';
+import './index-0370c63a.js';
+import './index-2ffac9df.js';
+import './index-e91186a8.js';
+import './index-8fc4e17d.js';
+import './index-db373521.js';
+import './index.module-3e352dcb.js';
+import './index-23c2f3f2.js';
+import './index-a2dd6aa2.js';
+import './index-545f1a5e.js';
+import './index-d2fbcecf.js';
 import 'react-dropdown';
-import './index.module-a0c0fc60.js';
-import './index-8c022ce0.js';
-import './index-973e8947.js';
-import './index-e63c5f74.js';
-import './index-8ab6e293.js';
-import './index-824d0197.js';
-import './index-6effa4a6.js';
-import './index-fcf45d29.js';
-import './index-008a56d1.js';
-import './index-cdad7a8e.js';
+import './index.module-a0f3158e.js';
+import './index-df5cdfaa.js';
+import './index-a2575400.js';
+import './index-a0bf44e6.js';
+import './index-e697ccb3.js';
+import './index-ba1d7695.js';
+import './index-5514f97e.js';
+import './index-ed1f830f.js';
+import './index-7c465ff9.js';
+import './index-2c20ad5e.js';
 import 'react-switch';
-import './CatalogProperties-6bcf7d7a.js';
-import './ArticleProperties-a8a3fc1d.js';
-import './OptionProperties-6ed06f4e.js';
-import './OptionValueProperties-1bf01fb1.js';
+import './CatalogProperties-d4c6df91.js';
+import './ArticleProperties-ec60834f.js';
+import './OptionProperties-8204fba0.js';
+import './OptionValueProperties-bfd2a6b0.js';
 import 'react-select';
 
 var container = "container-43rJg";
 var item = "item-JRY9h";
-var css_248z = ".container-43rJg {\n  display: flex;\n  height: 42px;\n  gap: 12px;\n  justify-content: space-around;\n  overflow: auto;\n  align-items: center;\n  background-color: #f3f3f3;\n}\n\n.item-JRY9h {\n  cursor: pointer;\n  min-width: 80px;\n  padding-left: 12px;\n  padding-right: 12px;\n}\n";
+var css_248z = ".container-43rJg {\n  display: flex;\n  height: 42px;\n  gap: 12px;\n  justify-content: space-around;\n  overflow: auto;\n  align-items: center;\n  background-color: #f3f3f3;\n}\n\n.item-JRY9h {\n  cursor: pointer;\n  min-width: 80px;\n  padding-left: 12px;\n  padding-right: 12px;\n  text-align: center;\n}\n";
 styleInject(css_248z);
 
 var Toolbar = function Toolbar(props) {

package/build/esm/{index-09282eea.js → index-ed7f6044.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-c856efdf.js';
+import { s as styleInject, u as useViewHandler } from './index-85638eb4.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';

package/build/esm/{index-7a88f7dd.js → index-ee936856.js}

@@ -1,12 +1,12 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-c856efdf.js';
+import { s as styleInject } from './index-85638eb4.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
 import Dropdown from 'react-dropdown';
-import RALFilter from './index-957c520b.js';
-import Searchbar from './index-674201c9.js';
-import Arrow from './index-8c022ce0.js';
+import RALFilter from './index-95332e41.js';
+import Searchbar from './index-5f830b78.js';
+import Arrow from './index-df5cdfaa.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-412601fa.js';
-import './index-c769b5d0.js';
+import './index-e0973561.js';
+import './index-7e124367.js';
 import '@crystaldesign/content-box';
-import './index-64fab963.js';
+import './index-cbb5fd09.js';
 
 var container = "container-sQHMr";
 var dropdownRoot = "Dropdown-root-elxKM";

package/build/esm/{index-96e590f8.js → index-eedbdc08.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-c856efdf.js';
+import { s as styleInject, u as useViewHandler } from './index-85638eb4.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import SettingsHeader from './index-d6d65d0d.js';
-import SettingsConfigSingle from './index-bc4620ea.js';
-import SettingsPosNr from './index-2be26288.js';
+import SettingsHeader from './index-b6fc2177.js';
+import SettingsConfigSingle from './index-98241552.js';
+import SettingsPosNr from './index-7a49b012.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -20,9 +20,9 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-810b8566.js';
+import './index-4f271fcf.js';
 import 'react-laag';
-import './index-2f4f91c9.js';
+import './index-1de3b6f4.js';
 
 var wcConfiguratorSettingsFoldConfSettings = "wcConfigurator-settings-FoldConfSettings-hZych";
 var landscape = "landscape-LFbXM";

package/build/esm/{index-4928e1a7.js → index-f0be93ed.js}

@@ -1,7 +1,7 @@
-import { s as styleInject, u as useViewHandler } from './index-c856efdf.js';
+import { s as styleInject, u as useViewHandler } from './index-85638eb4.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import RoomSerious from './index-39590974.js';
+import RoomSerious from './index-c230cb74.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-86a4bec1.js → index-f358982f.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-c856efdf.js';
+import { s as styleInject, u as useViewHandler } from './index-85638eb4.js';
 import { useRef, useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';

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

@@ -1,9 +1,9 @@
-import { u as useViewHandler } from './index-c856efdf.js';
+import { u as useViewHandler } from './index-85638eb4.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import Collapsible from 'react-collapsible';
-import ConfigStep from './index-4077ad72.js';
-import Header from './index-43a52d6d.js';
+import ConfigStep from './index-0466cb9e.js';
+import Header from './index-11cac856.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-c7386fc3.js → index-f93c39f2.js}

@@ -1,7 +1,7 @@
-import { s as styleInject, u as useViewHandler } from './index-c856efdf.js';
+import { s as styleInject, u as useViewHandler } from './index-85638eb4.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import RoomRound from './index-0a8360bf.js';
+import RoomRound from './index-17bb206a.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -32,7 +32,7 @@ var RoomListSelection = function RoomListSelection(props) {
   //const [expanded, setExpanded] = useState(true);
   var rooms = viewHandler.paletteViewHandler.getRoomList();
   var views = viewHandler.paletteViewHandler.getRoomViewList();
-  if (!viewHandler.uiState.ViewConfig.roomListInProduct || !viewHandler.settingsState.roomListInitialized || !viewHandler.productState.doShowRenderImage || viewHandler.settingsState.infoBoxContent || viewHandler.uiState.isMobileLandscape) return /*#__PURE__*/jsx(Fragment, {});
+  if (!viewHandler.uiState.ViewConfig.roomListInProduct || !viewHandler.settingsState.roomListInitialized || !viewHandler.productState.doShowRenderImage && !viewHandler.productState.doShow3DComb || viewHandler.settingsState.infoBoxContent || viewHandler.uiState.isMobileLandscape) return /*#__PURE__*/jsx(Fragment, {});
   var divSize = (_viewHandler$productS = viewHandler.productState.planner3DImageSvgArea) === null || _viewHandler$productS === void 0 ? void 0 : _viewHandler$productS.getBoundingClientRect();
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx("li", {

package/build/esm/{index-5dcb1d72.js → index-fc4bb9f0.js}

@@ -1,7 +1,7 @@
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-c856efdf.js';
+import { s as styleInject, u as useViewHandler } from './index-85638eb4.js';
 import { useState, useEffect } from 'react';
 import OrbitControlElement from 'react-3d-cube-interaction';
 import { observer } from 'mobx-react-lite';

package/build/esm/index.js

@@ -1,5 +1,5 @@
 import '@babel/runtime/helpers/defineProperty';
-export { W as WebPlannerReact, c as default } from './index-c856efdf.js';
+export { W as WebPlannerReact, c as default } from './index-85638eb4.js';
 import 'react';
 import '@crystaldesign/diva-core';
 import 'react/jsx-runtime';

package/build/esm/{index.module-b6e4cf63.js → index.module-1a904061.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-c856efdf.js';
+import { s as styleInject } from './index-85638eb4.js';
 
 var table = "table-bUPL7";
 var column = "column-MtERL";

package/build/esm/{index.module-eefb2c54.js → index.module-27c7a28b.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-c856efdf.js';
+import { s as styleInject } from './index-85638eb4.js';
 
 var wcFunctionsToolbar = "wcFunctionsToolbar-33mKP";
 var expanded = "Expanded-OjOcq";

package/build/esm/{index.module-b4c1f694.js → index.module-3e352dcb.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-c856efdf.js';
+import { s as styleInject } from './index-85638eb4.js';
 
 var svgWrapper = "svg-wrapper-hvaq9";
 var table = "table-GRFj-";

package/build/esm/{index.module-4a64f4a2.js → index.module-5172f50f.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-c856efdf.js';
+import { s as styleInject } from './index-85638eb4.js';
 
 var wcBoxPlannerAddElement = "wcBoxPlanner_AddElement-LWKJQ";
 var wcBoxPlannerAddElementLeft = "wcBoxPlanner_AddElementLeft-sCzAl";