@crystaldesign/diva-web-planner-react 25.3.0-beta.2 → 25.3.0-beta.20

package/build/esm/{index-4df5ff41.js → index-1322eaf5.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-363a8405.js';
+import { s as styleInject } from './index-d12cf5ba.js';
 import 'react';
 import classnames from 'classnames';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-51a87a71.js → index-18b776d1.js}

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

package/build/esm/{index-09c29e10.js → index-19f924a5.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-363a8405.js';
+import { s as styleInject, u as useViewHandler } from './index-d12cf5ba.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import VerticalTabGroupItemStandard from './index-2a142fcd.js';
+import VerticalTabGroupItemStandard from './index-064f7453.js';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -18,7 +18,7 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import 'classnames';
-import './IconHandler-0c81013b.js';
+import './IconHandler-9af38abe.js';
 
 var priceDiv = "price-div-veoFD";
 var priceText = "price-text-34sGt";

package/build/esm/{index-dd92b284.js → index-1b0be175.js}

@@ -1,10 +1,10 @@
-import './index-363a8405.js';
+import './index-d12cf5ba.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import Dropdown from 'react-dropdown';
-import { w as wrapper, d as dropdownRoot, a as dropdownControl } from './index.module-8fb7566a.js';
-import Arrow from './index-7417db1c.js';
+import { w as wrapper, d as dropdownRoot, a as dropdownControl } from './index.module-c8905895.js';
+import Arrow from './index-b04ca849.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-732a51b7.js → index-1c219dc1.js}

@@ -1,16 +1,16 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-363a8405.js';
+import { s as styleInject, u as useViewHandler } from './index-d12cf5ba.js';
 import { useState } from 'react';
 import { useHover, useLayer } from 'react-laag';
 import { observer } from 'mobx-react-lite';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-6b75fe80.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-0c231150.js';
 import classnames from 'classnames';
-import IsActive from './index-75228fc1.js';
+import IsActive from './index-211518ef.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import GenericToolTip from './index-3c1c72fa.js';
-import InfoIcon from './index-32307e76.js';
-import PricePreview from './index-52dc632a.js';
+import GenericToolTip from './index-2f6f0dfa.js';
+import InfoIcon from './index-e6c1f6d4.js';
+import PricePreview from './index-1d49faf3.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -115,7 +115,8 @@ var Gallery = function Gallery(_ref) {
           className: item.isFav ? wcFavoriteSel : wcFavorite
         })]
       }), !hidePricePreview && item.pricePreviewPromise !== undefined && /*#__PURE__*/jsx(PricePreview, {
-        asyncPricePreview: item.pricePreviewPromise
+        asyncPricePreview: item.pricePreviewPromise,
+        sel: item.sel
       })]
     })), isOver && ((_renderLayer = renderLayer) === null || _renderLayer === void 0 ? void 0 : _renderLayer(/*#__PURE__*/jsx(GenericToolTip, {
       text: /*'RAL: ' + item.rals?.[0] + '     ' +*/item.text,

package/build/esm/{index-bee796a8.js → index-1caa450f.js}

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

package/build/esm/{index-52dc632a.js → index-1d49faf3.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-363a8405.js';
+import { s as styleInject, u as useViewHandler } from './index-d12cf5ba.js';
 import { Suspense } from 'react';
 import DivaUtils from '@crystaldesign/diva-utils';
 import { useDivaCore } from '@crystaldesign/diva-core';
@@ -32,11 +32,13 @@ var PricePreview = function PricePreview(_ref) {
     _ref$pos = _ref.pos,
     pos = _ref$pos === void 0 ? 'right' : _ref$pos,
     style = _ref.style,
-    price = _ref.price;
+    price = _ref.price,
+    sel = _ref.sel;
   var _useDivaCore = useDivaCore(),
     _useDivaCore$state = _useDivaCore.state,
     hidePrices = _useDivaCore$state.hidePrices,
     hideConfigPricePreview = _useDivaCore$state.hideConfigPricePreview;
+  var viewHandler = useViewHandler();
   if (hidePrices) return /*#__PURE__*/jsx(Fragment, {});
   if (price) return /*#__PURE__*/jsx("div", {
     className: classnames(pricePreview, pos == 'left' ? left : right),
@@ -45,7 +47,7 @@ var PricePreview = function PricePreview(_ref) {
       showDecimals: 'IF_NEEDED'
     }))
   });
-  if (hideConfigPricePreview) return /*#__PURE__*/jsx(Fragment, {});
+  if (hideConfigPricePreview || viewHandler.getViewConfig().pricePreview == 'fromCurrentPriceHideCurrent' && sel) return /*#__PURE__*/jsx(Fragment, {});
   if (asyncPricePreview) return /*#__PURE__*/jsx(Suspense, {
     fallback: /*#__PURE__*/jsx(Fragment, {}),
     children: /*#__PURE__*/jsx(AsyncRender1, {
@@ -83,6 +85,7 @@ var AsyncRender2 = function AsyncRender2(_ref3) {
   switch (pricePreviewType) {
     default:
     case 'fromCurrentPrice':
+    case 'fromCurrentPriceHideCurrent':
       deltaPrice = result.price - result.origPrice;
       break;
     case 'fromBasePrice':

package/build/esm/{index-f4abb936.js → index-1d68f4f4.js}

@@ -1,13 +1,13 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-363a8405.js';
+import { s as styleInject, u as useViewHandler } from './index-d12cf5ba.js';
 import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
 import { useState, useCallback } from 'react';
 import { observer } from 'mobx-react-lite';
 import { ProductDetailPageComponent } from '@crystaldesign/product-detail-page';
 import ProductsComponent, { useProductState } from '@crystaldesign/products-component';
-import SettingsHeader from './index-b1db8ee1.js';
+import SettingsHeader from './index-ca18f956.js';
 import classnames from 'classnames';
-import Search from './index-91c51612.js';
+import Search from './index-f940deb0.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-4401ed28.js → index-1e986b29.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-363a8405.js';
+import { s as styleInject, u as useViewHandler } from './index-d12cf5ba.js';
 import { useRef, useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';

package/build/esm/{index-98f745bb.js → index-2002ce7b.js}

@@ -1,7 +1,7 @@
 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-363a8405.js';
+import { u as useViewHandler } from './index-d12cf5ba.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-116ef3b1.js → index-2063e2b4.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-363a8405.js';
+import { s as styleInject, u as useViewHandler } from './index-d12cf5ba.js';
 import { useRef, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';

package/build/esm/{index-75228fc1.js → index-211518ef.js}

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

package/build/esm/{index-68fe84a6.js → index-22970828.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-363a8405.js';
+import { s as styleInject } from './index-d12cf5ba.js';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-cbe20b57.js → index-235bea22.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-363a8405.js';
+import { s as styleInject, u as useViewHandler } from './index-d12cf5ba.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import { DivaUtils } from '@crystaldesign/diva-core';

package/build/esm/{index-59b1976c.js → index-23964279.js}

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

package/build/esm/{index-03cd8df7.js → index-24f6d682.js}

@@ -1,5 +1,5 @@
 import _typeof from '@babel/runtime/helpers/typeof';
-import { s as styleInject } from './index-363a8405.js';
+import { s as styleInject } from './index-d12cf5ba.js';
 import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
 import 'react';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';

package/build/esm/{index-6954aded.js → index-2668556e.js}

@@ -1,5 +1,5 @@
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-363a8405.js';
+import { s as styleInject, u as useViewHandler } from './index-d12cf5ba.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';

package/build/esm/{index-6e256a0a.js → index-26c4dc3a.js}

@@ -1,5 +1,5 @@
-import { s as styleInject } from './index-363a8405.js';
-import ProductHeader from './index-68c223c5.js';
+import { s as styleInject } from './index-d12cf5ba.js';
+import ProductHeader from './index-80b6cb06.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -18,9 +18,9 @@ import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import 'mobx-react-lite';
 import 'classnames';
-import './index-fc4bc774.js';
+import './index-501aa88a.js';
 import '@crystaldesign/content-box';
-import './index-0bbd5a11.js';
+import './index-8fb30f80.js';
 import '@crystaldesign/content-item';
 import 'react-draggable';
 

package/build/esm/{index-c016eacb.js → index-27657777.js}

@@ -3,9 +3,9 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-363a8405.js';
+import { s as styleInject, u as useViewHandler } from './index-d12cf5ba.js';
 import { useState, useEffect } from 'react';
-import { n as notExpanded } from './index.module-ad78a9b3.js';
+import { n as notExpanded } from './index.module-ab0bdbaa.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { DivaUtils } from '@crystaldesign/diva-core';

package/build/esm/{index-57f13ec9.js → index-2795ffe7.js}

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

package/build/esm/{index-3e024b1d.js → index-27bb800c.js}

@@ -1,10 +1,10 @@
-import { s as styleInject, u as useViewHandler } from './index-363a8405.js';
+import { s as styleInject, u as useViewHandler } from './index-d12cf5ba.js';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import ArQrCodeIcon from './index-968d8e3e.js';
-import ProductRoomList from './index-43263dab.js';
+import ArQrCodeIcon from './index-7f6171a1.js';
+import ProductRoomList from './index-ea361ef9.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -20,9 +20,9 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import 'react-laag';
-import './index-e0da7130.js';
+import './index-5a33a186.js';
 import 'react-qr-code';
-import './index-4b63dba8.js';
+import './index-08788527.js';
 
 var wcNav3DToolbar = "wc_Nav3DToolbar-5t7Cu";
 var settingsHidden = "settings-hidden-xs6Vf";

package/build/esm/{index-484f5c2a.js → index-28498ed1.js}

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

package/build/esm/{index-632448d0.js → index-29723bbe.js}

@@ -1,11 +1,11 @@
-import { u as useViewHandler } from './index-363a8405.js';
+import { u as useViewHandler } from './index-d12cf5ba.js';
 import 'react';
 import classnames from 'classnames';
-import { r as row, b as columToggleName, t as title, n as name, s as sel, a as toggle } from './index.module-c27fe936.js';
-import Toggle from './index-82a386e0.js';
+import { r as row, b as columToggleName, t as title, n as name, s as sel, a as toggle } from './index.module-53f0c29f.js';
+import Toggle from './index-b9e6473e.js';
 import { getLogger } from '@crystaldesign/diva-core';
-import InfoIcon from './index-32307e76.js';
-import PricePreview from './index-52dc632a.js';
+import InfoIcon from './index-e6c1f6d4.js';
+import PricePreview from './index-1d49faf3.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -73,7 +73,8 @@ var ToggleName = function ToggleName(_ref) {
         viewHandler.paletteViewHandler.clickedOnConfigPalette(noItem, undefined, paletteId);
       },
       children: [noItem.pricePreviewPromise !== undefined && /*#__PURE__*/jsx(PricePreview, {
-        asyncPricePreview: noItem.pricePreviewPromise
+        asyncPricePreview: noItem.pricePreviewPromise,
+        sel: noItem.sel
       }), /*#__PURE__*/jsx("div", {
         className: !checked ? sel : undefined,
         dangerouslySetInnerHTML: {
@@ -96,7 +97,8 @@ var ToggleName = function ToggleName(_ref) {
         viewHandler.paletteViewHandler.clickedOnConfigPalette(yesItem, undefined, paletteId);
       },
       children: [yesItem.pricePreviewPromise !== undefined && /*#__PURE__*/jsx(PricePreview, {
-        asyncPricePreview: yesItem.pricePreviewPromise
+        asyncPricePreview: yesItem.pricePreviewPromise,
+        sel: yesItem.sel
       }), /*#__PURE__*/jsx("div", {
         className: checked ? sel : undefined,
         dangerouslySetInnerHTML: {

package/build/esm/{index-3b62f540.js → index-2b03f7fb.js}

@@ -1,9 +1,9 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-363a8405.js';
+import { s as styleInject, u as useViewHandler } from './index-d12cf5ba.js';
 import 'react';
-import SettingsHeaderContainer from './index-c7b8014c.js';
-import SettingsScroller from './index-7a093e6e.js';
+import SettingsHeaderContainer from './index-9e70a74c.js';
+import SettingsScroller from './index-ba6d6405.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
@@ -19,59 +19,59 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
-import './index-b1db8ee1.js';
-import './index-bee796a8.js';
-import './index-e74bca59.js';
+import './index-ca18f956.js';
+import './index-1caa450f.js';
+import './index-d1173e4d.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-246368a2.js';
+import './index-e36806b7.js';
 import 'react-laag';
-import './index-41d50663.js';
-import './index-c2d34534.js';
+import './index-a8a0076c.js';
+import './index-aa34815f.js';
 import 'sift';
-import './index-32e87e26.js';
-import './index-86b188ea.js';
-import './index-57f13ec9.js';
-import './index-46121105.js';
-import './index.module-c27fe936.js';
-import './index-82a386e0.js';
+import './index-f7047e39.js';
+import './index-dcbfec02.js';
+import './index-2795ffe7.js';
+import './index-0cfdacf9.js';
+import './index.module-53f0c29f.js';
+import './index-b9e6473e.js';
 import 'react-switch';
-import './index-32307e76.js';
-import './index-52dc632a.js';
-import './index-4877f054.js';
+import './index-e6c1f6d4.js';
+import './index-1d49faf3.js';
+import './index-5d26cc1a.js';
 import 'react-dropdown';
-import './index-4bf43ccc.js';
-import './index-c3d359e8.js';
-import './index-7417db1c.js';
-import './index-8c6c3869.js';
+import './index-8e025b4e.js';
+import './index-e65257b3.js';
+import './index-b04ca849.js';
+import './index-36a25c35.js';
 import '@crystaldesign/content-box';
-import './index-51a87a71.js';
-import './index-37027c76.js';
-import './index-5f6a7616.js';
-import './index-632448d0.js';
-import './index-dfb9bd20.js';
-import './index-04ec816c.js';
-import './index-f8962816.js';
-import './index-3c1c72fa.js';
-import './index-d6d98fbf.js';
-import './index-d34895c3.js';
-import './index-63a51c9e.js';
-import './index-7003e76e.js';
-import './index-8e327141.js';
-import './index-ef639d0e.js';
-import './index-5621e08a.js';
-import './index-efc4f2d7.js';
-import './index.module-ef889635.js';
-import './index-75228fc1.js';
-import './index-ab68713d.js';
-import './index-586d431d.js';
-import './index-728cd19e.js';
-import './index-025ed166.js';
-import './index-83c4767a.js';
-import './index-ae165203.js';
-import './index.module-6b75fe80.js';
-import './index-92d67222.js';
-import './index-0d2c7f84.js';
-import './index-5b3cd0b7.js';
+import './index-18b776d1.js';
+import './index-05376b84.js';
+import './index-fce41f7a.js';
+import './index-29723bbe.js';
+import './index-3ea85c4e.js';
+import './index-a9a7e9b6.js';
+import './index-70ebc75d.js';
+import './index-2f6f0dfa.js';
+import './index-7d6a1145.js';
+import './index-effc095c.js';
+import './index-87efd509.js';
+import './index-1002b84b.js';
+import './index-07a3d539.js';
+import './index-935fa4dc.js';
+import './index-726aa7bc.js';
+import './index-02b76ac5.js';
+import './index.module-a8e69ed5.js';
+import './index-211518ef.js';
+import './index-982912ad.js';
+import './index-be0ea070.js';
+import './index-30fb11f1.js';
+import './index-0f068fe7.js';
+import './index-e01f7a72.js';
+import './index-a116f684.js';
+import './index.module-0c231150.js';
+import './index-6cd43689.js';
+import './index-ba13f74d.js';
+import './index-dce4d6c2.js';
 
 var wcConfiguratorSettings = "wcConfigurator-settings-nB7sW";
 var tabsHorizontal = "tabs-horizontal-052sb";

package/build/esm/{index-0b2d8d72.js → index-2bb8fc15.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-363a8405.js';
+import { s as styleInject, u as useViewHandler } from './index-d12cf5ba.js';
 import { useRef, useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
@@ -68,11 +68,6 @@ var PlannerRTV = function PlannerRTV() {
     viewHandler.productState.glbUrl = undefined;
     if (!viewHandler.productState.allow3DComb) viewHandler.productState.activateAR = undefined;
   }, [viewHandler.settingsState.configChanged]);
-  if (!viewHandler.productState.doShowRTV && rerender.current === true || !viewHandler.isParentViewVisible) return /*#__PURE__*/jsx(Fragment, {});
-  rerender.current = false;
-  if (viewHandler.hqRenderScript === undefined || !viewHandler.productState.browserSupportAR) {
-    return /*#__PURE__*/jsx(Fragment, {});
-  }
   useEffect(function () {
     var newState = [];
     viewHandler.viewPlannerHandler.plannerUIHandler.uiItems.forEach(function (uiItem) {
@@ -90,6 +85,11 @@ var PlannerRTV = function PlannerRTV() {
       setElementsInfo(newState);
     }
   }, [viewHandler.viewPlannerHandler.plannerUIHandler.uiItems]);
+  if (!viewHandler.productState.doShowRTV && rerender.current === true || !viewHandler.isParentViewVisible) return /*#__PURE__*/jsx(Fragment, {});
+  rerender.current = true;
+  if (viewHandler.hqRenderScript === undefined || !viewHandler.productState.browserSupportAR) {
+    return /*#__PURE__*/jsx(Fragment, {});
+  }
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(RealTimeRenderer, {
       renderjob: viewHandler.hqRenderScript,

package/build/esm/{index-34eece44.js → index-2c235144.js}

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

package/build/esm/{index-2b9ed4a9.js → index-2c7e1ce8.js}

@@ -1,7 +1,7 @@
-import { s as styleInject, u as useViewHandler } from './index-363a8405.js';
+import { s as styleInject, u as useViewHandler } from './index-d12cf5ba.js';
 import 'react';
 import classnames from 'classnames';
-import ArQrCodeIcon from './index-968d8e3e.js';
+import ArQrCodeIcon from './index-7f6171a1.js';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { observer } from 'mobx-react-lite';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -19,9 +19,9 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import 'react-laag';
-import './index-e0da7130.js';
+import './index-5a33a186.js';
 import 'react-qr-code';
-import './index-4b63dba8.js';
+import './index-08788527.js';
 
 var mobileWrapper = "mobile-wrapper-CITxg";
 var dimensionIcon = "dimension-icon-NuaQY";

package/build/esm/{index-4ba84d0e.js → index-2d1397c0.js}

@@ -1,11 +1,11 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-363a8405.js';
+import { s as styleInject, u as useViewHandler } from './index-d12cf5ba.js';
 import classnames from 'classnames';
-import Toggle from './index-82a386e0.js';
+import Toggle from './index-b9e6473e.js';
 import { useState, useEffect } from 'react';
 import Dropdown from 'react-dropdown';
-import BasketActionSerious from './index-ec27d3e5.js';
+import BasketActionSerious from './index-d6856dc7.js';
 import { observer } from 'mobx-react-lite';
 import { useTranslation, DivaUtils } from '@crystaldesign/diva-core';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/{index-3c1c72fa.js → index-2f6f0dfa.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-363a8405.js';
+import { s as styleInject } from './index-d12cf5ba.js';
 import 'react';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import PricePreview from './index-52dc632a.js';
+import PricePreview from './index-1d49faf3.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-63e61e8c.js → index-3042c59b.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-363a8405.js';
+import { s as styleInject, u as useViewHandler } from './index-d12cf5ba.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import Group from './index-4df5ff41.js';
+import Group from './index-1322eaf5.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import StandradGroup from './index-eff813d1.js';
+import StandradGroup from './index-84faf0b0.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -19,10 +19,10 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import 'classnames';
-import './index-f053ee26.js';
+import './index-3ccb83c5.js';
 import 'react-collapsible';
-import './index-32307e76.js';
-import './index-52dc632a.js';
+import './index-e6c1f6d4.js';
+import './index-1d49faf3.js';
 
 var container = "container-IOQq6";
 var css_248z = ".container-IOQq6 {\n  display: flex;\n  flex-wrap: wrap;\n  position: relative;\n  width: 100%;\n}\n";

package/build/esm/{index-728cd19e.js → index-30fb11f1.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-363a8405.js';
+import { s as styleInject, u as useViewHandler } from './index-d12cf5ba.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import IsActive from './index-75228fc1.js';
-import InfoIcon from './index-32307e76.js';
+import IsActive from './index-211518ef.js';
+import InfoIcon from './index-e6c1f6d4.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';