@crystaldesign/diva-web-planner-react 24.15.0-beta.31 → 24.15.0-beta.32

package/build/esm/{index-f8fda269.js → index-227cd8a9.js}

@@ -1,18 +1,18 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-4238b6c1.js';
+import { u as useViewHandler } from './index-fd6fee6c.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import { w as wcSize, d as wcSizeSmall, e as wcImagePlaceHolder, b as wcImage, t as textContainer, f as big, c as wcConfiguratorSettingsTitle, m as metaData, g as ccConstructionWarning, p as paletteItem, s as sel } from './index.module-88189b53.js';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-992ce231.js';
+import { w as wcSize, d as wcSizeSmall, e as wcImagePlaceHolder, b as wcImage, t as textContainer, f as big, c as wcConfiguratorSettingsTitle, m as metaData, g as ccConstructionWarning, p as paletteItem, s as sel } from './index.module-dd4473e6.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-7b60fdf0.js';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import IsActive from './index-7fe327dd.js';
+import IsActive from './index-61f843ad.js';
 import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-796275b1.js';
-import GenericToolTip from './index-197e79bf.js';
-import InfoIcon from './index-efc5dd21.js';
-import PricePreview from './index-0f663f3c.js';
+import MetaData from './index-924e5401.js';
+import GenericToolTip from './index-52f953d8.js';
+import InfoIcon from './index-baf6f0a5.js';
+import PricePreview from './index-97646e57.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-536676cc.js → index-252e89fd.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-4238b6c1.js';
+import { u as useViewHandler } from './index-fd6fee6c.js';
 import { useState, useEffect } from 'react';
-import { n as notExpanded } from './index.module-b691c642.js';
-import { s as scrollable, h as header, t as table, c as column } from './index.module-649b6c6b.js';
+import { n as notExpanded } from './index.module-28c8479a.js';
+import { s as scrollable, h as header, t as table, c as column } from './index.module-b54fa20d.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { DivaUtils } from '@crystaldesign/diva-core';

package/build/esm/{index-0e4c18f2.js → index-2585ef9c.js}

@@ -1,8 +1,8 @@
-import { s as styleInject, u as useViewHandler } from './index-4238b6c1.js';
+import { s as styleInject, u as useViewHandler } from './index-fd6fee6c.js';
 import 'react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import SettingsHeader from './index-28e57850.js';
+import SettingsHeader from './index-1ffd1e87.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-eadd0746.js → index-27b45ca3.js}

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

package/build/esm/{index-ec77ca4a.js → index-287dbd3c.js}

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

package/build/esm/{index-64c284db.js → index-28d6eabf.js}

@@ -1,9 +1,9 @@
-import { u as useViewHandler } from './index-4238b6c1.js';
+import { u as useViewHandler } from './index-fd6fee6c.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import Collapsible from 'react-collapsible';
-import ConfigStep from './index-10fbb8b7.js';
-import Header from './index-911af5c1.js';
+import ConfigStep from './index-837aab7a.js';
+import Header from './index-fa875288.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-6391be72.js → index-292124f5.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-4238b6c1.js';
+import { s as styleInject, u as useViewHandler } from './index-fd6fee6c.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import VerticalTabGroupItemStandard from './index-1807f268.js';
+import VerticalTabGroupItemStandard from './index-018a8a32.js';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -17,7 +17,7 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'classnames';
-import './IconHandler-60f7e09a.js';
+import './IconHandler-8c13f528.js';
 
 var priceDiv = "price-div-veoFD";
 var priceText = "price-text-34sGt";

package/build/esm/{index-8696ed4f.js → index-2c17fa95.js}

@@ -1,8 +1,8 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-4238b6c1.js';
+import { u as useViewHandler } from './index-fd6fee6c.js';
 import { useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
-import ItemVariant from './index-76dbdd6a.js';
+import ItemVariant from './index-4e6406df.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-975ec0c7.js → index-2c9e5fd3.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-4238b6c1.js';
+import { s as styleInject, u as useViewHandler } from './index-fd6fee6c.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-60f7e09a.js';
+import { g as getIconOfTabGroup } from './IconHandler-8c13f528.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-956e77fb.js → index-2d951d86.js}

@@ -1,13 +1,13 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-4238b6c1.js';
+import { s as styleInject, u as useViewHandler } from './index-fd6fee6c.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-28e57850.js';
+import SettingsHeader from './index-1ffd1e87.js';
 import classnames from 'classnames';
-import Search from './index-c4b4a961.js';
+import Search from './index-1c1c7bab.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-bf632920.js → index-2e173d0a.js}

@@ -1,7 +1,7 @@
-import { s as styleInject } from './index-4238b6c1.js';
+import { s as styleInject } from './index-fd6fee6c.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
-import Item from './index-48f3b85a.js';
+import Item from './index-4d3013b4.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -17,10 +17,10 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'react-laag';
-import './index-197e79bf.js';
-import './index-0f663f3c.js';
+import './index-52f953d8.js';
+import './index-97646e57.js';
 import 'classnames';
-import './index-796275b1.js';
+import './index-924e5401.js';
 
 var wrapper = "wrapper-Da1y8";
 var css_248z = ".wrapper-Da1y8 {\n  display: flex;\n  margin-left: 16px;\n  margin-right: 16px;\n  gap: 6px 10px;\n  overflow: auto;\n  width: 100%;\n  flex-wrap: wrap;\n}\n";

package/build/esm/{index-85a2ff22.js → index-2ea88dcc.js}

@@ -1,13 +1,13 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-4238b6c1.js';
-import SettingsHeader from './index-28e57850.js';
+import { s as styleInject, u as useViewHandler } from './index-fd6fee6c.js';
+import SettingsHeader from './index-1ffd1e87.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { useState, useEffect } from 'react';
 import Dropdown from 'react-dropdown';
-import MobileDropdown from './index-596f0d61.js';
+import MobileDropdown from './index-54ac048f.js';
 import { observer } from 'mobx-react-lite';
-import InfoIcon from './index-efc5dd21.js';
-import PricePreview from './index-0f663f3c.js';
+import InfoIcon from './index-baf6f0a5.js';
+import PricePreview from './index-97646e57.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -20,7 +20,7 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index-ebbb0e7e.js';
+import './index-74f00ce8.js';
 import 'classnames';
 
 var wrapper = "wrapper-xpzd5";

package/build/esm/{index-dd175f63.js → index-3312d011.js}

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

package/build/esm/{index-d1584d77.js → index-33224e7e.js}

@@ -1,14 +1,14 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-4238b6c1.js';
+import { s as styleInject, u as useViewHandler } from './index-fd6fee6c.js';
 import classnames from 'classnames';
 import { useHover, useLayer } from 'react-laag';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import MetaData from './index-796275b1.js';
-import GenericToolTip from './index-197e79bf.js';
-import InfoIcon from './index-efc5dd21.js';
+import MetaData from './index-924e5401.js';
+import GenericToolTip from './index-52f953d8.js';
+import InfoIcon from './index-baf6f0a5.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -20,7 +20,7 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index-0f663f3c.js';
+import './index-97646e57.js';
 
 var articleItem = "ArticleItem-2xa9z";
 var sel = "sel-3vhEw";

package/build/esm/{index-bc8cc166.js → index-33b5bb3d.js}

@@ -1,5 +1,5 @@
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-4238b6c1.js';
+import { s as styleInject, u as useViewHandler } from './index-fd6fee6c.js';
 import { useEffect } from 'react';
 import classnames from 'classnames';
 import { jsx, Fragment } from 'react/jsx-runtime';

package/build/esm/{index-281c7503.js → index-365a3a04.js}

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

package/build/esm/{index-fff7acbe.js → index-3a02f42c.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-4238b6c1.js';
+import { s as styleInject, u as useViewHandler } from './index-fd6fee6c.js';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import ArQrCodeIcon from './index-a9b0f755.js';
+import ArQrCodeIcon from './index-0e244ab5.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -18,9 +18,9 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'react-laag';
-import './index-57303daf.js';
+import './index-7dd6e85b.js';
 import 'react-qr-code';
-import './index-fd0f6765.js';
+import './index-6553d2a2.js';
 
 var wcNav3DToolbar = "wc_Nav3DToolbar-5t7Cu";
 var settingsHidden = "settings-hidden-xs6Vf";

package/build/esm/{index-17b43a9e.js → index-3d8571ab.js}

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

package/build/esm/{index-5621fdb4.js → index-3e9bbb5f.js}

@@ -1,7 +1,7 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-4238b6c1.js';
+import { u as useViewHandler } from './index-fd6fee6c.js';
 import { useState, useEffect } from 'react';
-import ItemVariant from './index-07e47dd0.js';
+import ItemVariant from './index-fad05baf.js';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-12f8d047.js → index-3f805940.js}

@@ -1,10 +1,10 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-4238b6c1.js';
+import { s as styleInject, u as useViewHandler } from './index-fd6fee6c.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 Image3DNavBar from './index-dd175f63.js';
+import Image3DNavBar from './index-3312d011.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -84,8 +84,9 @@ var Planner3D = function Planner3D() {
     return /*#__PURE__*/jsx(Fragment, {});
   }
   return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx(Image3DNavBar, {}), /*#__PURE__*/jsx(RealTimeRenderer, {
+    children: [viewHandler.productState.doShow3DComb && /*#__PURE__*/jsx(Image3DNavBar, {}), /*#__PURE__*/jsx(RealTimeRenderer, {
       renderjob: viewHandler.hqRenderScript,
+      viewpoint: viewHandler.camInfo,
       isMobile: isMobile,
       elementsInfo: elemetsInfo,
       actions: actions,
@@ -98,7 +99,8 @@ var Planner3D = function Planner3D() {
       renderInBackground: false,
       overlayImage: viewHandler.divaWebPlanner.getEnableUnityRtvKombi() ? {
         base64: viewHandler.productState.diva3dImgSrc,
-        isStaticBg: viewHandler.productState.plannerRenderingIsStaticBG
+        isStaticBg: viewHandler.productState.plannerRenderingIsStaticBG,
+        isStart: viewHandler.productState.plannerRenderingIsStart
       } : undefined,
       uiConfig: {
         templateConfig: (_ref = (_viewHandler$uiState$ = viewHandler.uiState.templateConfig) === null || _viewHandler$uiState$ === void 0 ? void 0 : _viewHandler$uiState$['Product/ProductCenter/PlannerUI/PlannerUIVariants']) !== null && _ref !== void 0 ? _ref : 'standard',
@@ -116,7 +118,8 @@ var Planner3D = function Planner3D() {
           });
         },
         requestNewOverlayImage: function requestNewOverlayImage(viewpoint, focus) {
-          return viewHandler.divaWebPlanner.updatePlannerView('3DCOMB', undefined, {
+          viewHandler.productState.setPlannerRenderingIsStart(false);
+          viewHandler.divaWebPlanner.updatePlannerView('3DCOMB', undefined, {
             focus: focus,
             currentCamera: viewpoint
           });

package/build/esm/{index-54c45826.js → index-3fff9d20.js}

@@ -1,5 +1,5 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-4238b6c1.js';
+import { s as styleInject, u as useViewHandler } from './index-fd6fee6c.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-840b428d.js → index-402005a2.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-4238b6c1.js';
+import { u as useViewHandler } from './index-fd6fee6c.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-42df1486.js → index-40618114.js}

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

package/build/esm/{index-25b84b6a.js → index-41eda017.js}

@@ -1,5 +1,5 @@
-import { s as styleInject } from './index-4238b6c1.js';
-import ProductHeader from './index-43ffd16c.js';
+import { s as styleInject } from './index-fd6fee6c.js';
+import ProductHeader from './index-987703ef.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -17,9 +17,9 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'mobx-react-lite';
 import 'classnames';
-import './index-a3cb419f.js';
+import './index-02fc322c.js';
 import '@crystaldesign/content-box';
-import './index-99f7559c.js';
+import './index-6002e691.js';
 import '@crystaldesign/content-item';
 import 'react-draggable';
 

package/build/esm/{index-b002443a.js → index-41f32141.js}

@@ -1,8 +1,8 @@
-import { s as styleInject, u as useViewHandler } from './index-4238b6c1.js';
+import { s as styleInject, u as useViewHandler } from './index-fd6fee6c.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import PlannerMsgItem from './index-7ab2d11e.js';
+import PlannerMsgItem from './index-b9b24a30.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-6a179cc8.js → index-433aa456.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler } from './index-4238b6c1.js';
+import { u as useViewHandler } from './index-fd6fee6c.js';
 import 'react';
 import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';
-import ShelfDeleteButton from './index-7157342c.js';
+import ShelfDeleteButton from './index-f867467d.js';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-3b5ef243.js → index-451eb1cc.js}

@@ -1,10 +1,10 @@
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-4238b6c1.js';
+import { s as styleInject, u as useViewHandler } from './index-fd6fee6c.js';
 import { useState, useEffect } from 'react';
 import Collapsible from 'react-collapsible';
-import SubTabGroupHeader from './index-eadd0746.js';
-import { S as SettingsItem } from './index-0a62ea63.js';
+import SubTabGroupHeader from './index-27b45ca3.js';
+import { S as SettingsItem } from './index-cd1aa130.js';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -20,56 +20,56 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'classnames';
 import 'sift';
-import './index-0e4c18f2.js';
-import './index-28e57850.js';
-import './index-7c3fd2ea.js';
-import './index-a39ff64d.js';
-import './index-43c635c5.js';
-import './index.module-fc5a5fa4.js';
-import './index-c9d64e0f.js';
+import './index-2585ef9c.js';
+import './index-1ffd1e87.js';
+import './index-5772e70e.js';
+import './index-4be211d3.js';
+import './index-79ca7dbc.js';
+import './index.module-e42b6f10.js';
+import './index-b645235e.js';
 import 'react-switch';
-import './index-efc5dd21.js';
-import './index-0f663f3c.js';
-import './index-76e80cda.js';
+import './index-baf6f0a5.js';
+import './index-97646e57.js';
+import './index-bf7e7d7e.js';
 import 'react-dropdown';
-import './index-f4bbad50.js';
+import './index-e7a5416f.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-17162832.js';
-import './index-ebbb0e7e.js';
-import './index-edd299b4.js';
+import './index-5813d93c.js';
+import './index-74f00ce8.js';
+import './index-55fea5df.js';
 import '@crystaldesign/content-box';
-import './index-0b321731.js';
-import './index-25a1df5d.js';
-import './index-e695c275.js';
-import './index-2e36cbea.js';
-import './index-956e77fb.js';
+import './index-453876e7.js';
+import './index-7560e820.js';
+import './index-94e5f55c.js';
+import './index-78364031.js';
+import './index-2d951d86.js';
 import '@crystaldesign/product-detail-page';
 import '@crystaldesign/products-component';
-import './index-c4b4a961.js';
-import './index-27d132cf.js';
-import './index-d1584d77.js';
+import './index-1c1c7bab.js';
+import './index-6c141da5.js';
+import './index-33224e7e.js';
 import 'react-laag';
-import './index-796275b1.js';
-import './index-197e79bf.js';
-import './index-731c8660.js';
-import './index-423da763.js';
-import './index-91d5eb8a.js';
-import './index-42df1486.js';
-import './index-c7960446.js';
-import './index-9e3366bc.js';
-import './index-c15bd722.js';
-import './index-56e5cc54.js';
-import './index.module-88189b53.js';
-import './index-7fe327dd.js';
-import './index-3c138b4d.js';
-import './index-e701f826.js';
-import './index-710590c2.js';
-import './index-0489077a.js';
-import './index-ef460f33.js';
-import './index-ee3c80e7.js';
-import './index.module-992ce231.js';
-import './index-32f7ee15.js';
-import './index-ec77ca4a.js';
+import './index-924e5401.js';
+import './index-52f953d8.js';
+import './index-b33dd04d.js';
+import './index-730a01cf.js';
+import './index-dc77db35.js';
+import './index-40618114.js';
+import './index-86e23f02.js';
+import './index-b4733a4f.js';
+import './index-1ad6da85.js';
+import './index-ab22a3ca.js';
+import './index.module-dd4473e6.js';
+import './index-61f843ad.js';
+import './index-831a4f04.js';
+import './index-c978d0d3.js';
+import './index-5e49c160.js';
+import './index-e3728299.js';
+import './index-e9aa7ce4.js';
+import './index-c9e60ab7.js';
+import './index.module-7b60fdf0.js';
+import './index-a8f2acc5.js';
+import './index-287dbd3c.js';
 
 var collapsableOuter = "collapsable-outer-udXIP";
 var css_248z = ".collapsable-outer-udXIP {\n  overflow: visible !important;\n}\n.collapsable-outer-udXIP {\n  height: auto;\n  transition: none 0s ease 0s;\n}\n";

package/build/esm/{index-0b321731.js → index-453876e7.js}

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

package/build/esm/{index-b02b8dfb.js → index-453fe8ec.js}

@@ -1,6 +1,6 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-4238b6c1.js';
-import { useState } from 'react';
+import { u as useViewHandler } from './index-fd6fee6c.js';
+import { useState, useRef } from 'react';
 import classnames from 'classnames';
 import { Vector2 } from '@crystaldesign/web-planner-logic';
 import Draggable from 'react-draggable';
@@ -26,6 +26,7 @@ var Move3DGrid = function Move3DGrid(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     isDragging = _useState2[0],
     setIsDragging = _useState2[1];
+  var draggable = useRef(null); // https://github.com/react-grid-layout/react-draggable/blob/v4.4.2/lib/DraggableCore.js#L159-L171
   var mouseDownDetected = false;
   var viewHandler = useViewHandler();
   var onStartDragging = function onStartDragging(e) {
@@ -70,6 +71,7 @@ var Move3DGrid = function Move3DGrid(_ref) {
   };
   return /*#__PURE__*/jsx(Draggable, {
     handle: ".handle3DMove",
+    nodeRef: draggable,
     onStart: function onStart(e) {
       onStartDragging(e);
     },
@@ -80,6 +82,7 @@ var Move3DGrid = function Move3DGrid(_ref) {
       onDragEnd();
     },
     children: /*#__PURE__*/jsx("div", {
+      ref: draggable,
       style: {
         visibility: isDragging ? 'hidden' : 'visible',
         left: item.position.x + 'px',

package/build/esm/{index-431d7221.js → index-45702a04.js}

@@ -1,9 +1,9 @@
-import { u as useViewHandler } from './index-4238b6c1.js';
+import { u as useViewHandler } from './index-fd6fee6c.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import Image3DNavBar from './index-dd175f63.js';
-import { g as wcConfigurator3Dimage, h as imageCenterOrbit, j as imageCenterStatic } from './index.module-c552273c.js';
-import Logo from './index-123d0f65.js';
+import Image3DNavBar from './index-3312d011.js';
+import { g as wcConfigurator3Dimage, h as imageCenterOrbit, j as imageCenterStatic } from './index.module-2e18d47d.js';
+import Logo from './index-b4875478.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-f135e552.js → index-499962c6.js}

@@ -1,4 +1,4 @@
-import './index-4238b6c1.js';
+import './index-fd6fee6c.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';