@crystaldesign/diva-web-planner-react 26.10.0-beta.11 → 26.10.0-beta.13

package/build/esm/{index-be9f85be.js → index-654364d2.js}

@@ -1,8 +1,8 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-aa2f36a5.js';
+import { s as styleInject, u as useViewHandler } from './index-4d1b7d98.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
-import ToolContainer from './index-a7fdaa54.js';
+import ToolContainer from './index-02c549b6.js';
 import { useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -24,7 +24,7 @@ import 'react-switch';
 import 'react-countup';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
 import 'react-dom';
-import './index-8a5764e0.js';
+import './index-9d4ab072.js';
 import 'react-rnd';
 
 var container = "container-43rJg";

package/build/esm/{index-6cb1ee7c.js → index-66297652.js}

@@ -1,4 +1,4 @@
-import './index-aa2f36a5.js';
+import './index-4d1b7d98.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-22b02459.js → index-66d89d76.js}

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

package/build/esm/{index-a420eb0e.js → index-680447a0.js}

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

package/build/esm/{index-c6ba2591.js → index-68bdb736.js}

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

package/build/esm/{index-37f4b4c3.js → index-69aaa5cb.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-aa2f36a5.js';
+import { s as styleInject, u as useViewHandler } from './index-4d1b7d98.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';

package/build/esm/{index-f9faf7ce.js → index-6a5996c2.js}

@@ -1,5 +1,5 @@
-import { s as styleInject } from './index-aa2f36a5.js';
-import ProductHeader from './index-6c230b84.js';
+import { s as styleInject } from './index-4d1b7d98.js';
+import ProductHeader from './index-1feb737d.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -22,10 +22,10 @@ import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-switch';
 import 'react-countup';
-import './index-84d2a2d6.js';
-import './index-61013dbc.js';
+import './index-a198ceb6.js';
+import './index-f0ad393a.js';
 import '@crystaldesign/content-box';
-import './useCustomDimensions-198036bd.js';
+import './useCustomDimensions-c075e146.js';
 import '@crystaldesign/content-item';
 
 var productHeader = "productHeader-oJxLo";

package/build/esm/{index-8e468bed.js → index-6a9c1296.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-aa2f36a5.js';
+import { s as styleInject, u as useViewHandler } from './index-4d1b7d98.js';
 import { useState, useEffect } from 'react';
 import classnames from 'classnames';
 import BlockIcon from '@mui/icons-material/Block';

package/build/esm/{index-b9ff37df.js → index-6c3a37ac.js}

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

package/build/esm/{index-c2e40e42.js → index-6d497edc.js}

@@ -1,7 +1,7 @@
-import { u as useViewHandler } from './index-aa2f36a5.js';
+import { u as useViewHandler } from './index-4d1b7d98.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import { t as tabgroupWrapper, a as tablet, m as mobile, b as tabgroupTitle, o as optionWrapper, O as OptionItem } from './index-f12ce71a.js';
+import { t as tabgroupWrapper, a as tablet, m as mobile, b as tabgroupTitle, o as optionWrapper, O as OptionItem } from './index-310f1630.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -22,8 +22,8 @@ import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-switch';
 import 'react-countup';
-import './index-dea7c1f9.js';
-import './index-cf5d0a8c.js';
+import './index-49f3edfa.js';
+import './index-8a86c11a.js';
 
 var Summary = function Summary(_ref) {
   var itemP = _ref.item;

package/build/esm/{index-1a502f11.js → index-6e20cb6d.js}

@@ -1,12 +1,12 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler } from './index-aa2f36a5.js';
+import { u as useViewHandler } from './index-4d1b7d98.js';
 import { useRef, useEffect } from 'react';
-import ProductHeader from './index-7a2b1d6c.js';
-import ContentItemWrapper from './index-52deb222.js';
-import ProductSettings from './index-df3eebf2.js';
-import ProductCenter from './index-c3e3fbad.js';
-import ProductFooter from './index-b54eeaab.js';
-import ProductInfo from './index-3f06170e.js';
+import ProductHeader from './index-89e38014.js';
+import ContentItemWrapper from './index-11767a0e.js';
+import ProductSettings from './index-e21a8d3d.js';
+import ProductCenter from './index-9977d614.js';
+import ProductFooter from './index-7b688367.js';
+import ProductInfo from './index-bf01d323.js';
 import { observer } from 'mobx-react-lite';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -28,98 +28,96 @@ import 'flat';
 import 'react-switch';
 import 'react-countup';
 import '@crystaldesign/content-item';
-import './index-e4000e28.js';
-import './index-ba32d247.js';
+import './index-fe2e92a6.js';
+import './index-12a87fc2.js';
 import 'sift';
-import './index-e0fd5c7f.js';
-import './index-3447d778.js';
-import './index-b25ff5ec.js';
-import './index-f59d9266.js';
-import './index.module-9c77bce4.js';
-import './index-dea7c1f9.js';
-import './index-8e468bed.js';
+import './index-d5075ae8.js';
+import './index-86ef9342.js';
+import './index-5e4d5f99.js';
+import './index-43ad1902.js';
+import './index.module-ca1c3f5f.js';
+import './index-49f3edfa.js';
+import './index-6a9c1296.js';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';
-import './index-1b527938.js';
+import './index-ba920934.js';
 import 'react-dropdown';
-import './index-7e1a9f09.js';
+import './index-39d0bf83.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-686b5eb2.js';
-import './index-d0030489.js';
-import './index-cc566aac.js';
+import './index-c49712f8.js';
+import './index-cb154baf.js';
+import './index-d989536b.js';
 import '@crystaldesign/content-box';
-import './index-f90d7d85.js';
-import './index-964e87de.js';
-import './index-0106b297.js';
-import './index-7a0070cf.js';
+import './index-a8d2130d.js';
+import './index-04c27ab1.js';
+import './index-3d157f73.js';
+import './index-993eeb92.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './UnlockCard-a3186e35.js';
-import './index-feb108b0.js';
-import './index-e5a99437.js';
-import './index-cf5d0a8c.js';
-import './index-7e3f39c1.js';
-import './index-135bcd92.js';
-import './index-735e2cb0.js';
+import './UnlockCard-dec5e931.js';
+import './index-ffd74387.js';
+import './index-2476c538.js';
+import './index-8a86c11a.js';
+import './index-56254e0f.js';
+import './index-81e71804.js';
+import './index-7b9f6ef6.js';
 import 'react-laag';
-import './index.module-b825f617.js';
-import './index-c65475d9.js';
-import './index-a420eb0e.js';
-import './index-37f4b4c3.js';
-import './index-5dfe4845.js';
-import './index-04890c9e.js';
-import './index.module-9dce5a76.js';
-import './index-cf8bd5c0.js';
-import './index-b8244686.js';
-import './index-d88d6e9c.js';
-import './index-a9e450e8.js';
-import './index-5cfd1472.js';
-import './index-116bed5e.js';
-import './index-2febce90.js';
-import './index-59f3204b.js';
-import './index-e4bb7f5e.js';
-import './index-f5513761.js';
-import './index-9b48d580.js';
-import './index-fd5ccbd5.js';
-import './index-b6302c1e.js';
+import './index.module-7bf2a637.js';
+import './index-db01e6c3.js';
+import './index-680447a0.js';
+import './index-69aaa5cb.js';
+import './index-5003ffb4.js';
+import './index-9ccf81d3.js';
+import './index.module-7f9573c9.js';
+import './index-f1cc9cb5.js';
+import './index-4eb58bd2.js';
+import './index-8b1aea45.js';
+import './index-f725520c.js';
+import './index-049d27db.js';
+import './index-a9b500a8.js';
+import './index-0c39d5b6.js';
+import './index-307fffea.js';
+import './index-6248bba2.js';
+import './index-9ae4109e.js';
+import './index-9161d605.js';
+import './index-979681b2.js';
+import './index-96264c68.js';
 import 'rc-slider';
-import './index-d6b9e246.js';
-import './index-90badb5f.js';
-import './index-e6769f3f.js';
-import './index-263bf224.js';
-import './index-c3f5ec8f.js';
+import './index-430bed56.js';
+import './index-a097847d.js';
+import './index-09e758f6.js';
+import './index-2f8f1074.js';
+import './index-8313953d.js';
 import 'react-confetti-explosion';
-import './index-ea98d64f.js';
-import './index-1e15a742.js';
-import './index-bc22c4d2.js';
+import './index-0a7c8b00.js';
+import './index-0648dab2.js';
+import './index-f87ff5e7.js';
 import 'react-qr-code';
-import './index-bbf50d39.js';
-import './useCustomDimensions-198036bd.js';
-import './index-625fe0c8.js';
-import './ussIsSticky-9ba25bde.js';
-import './index-4e8a3899.js';
-import './index-7ca1efce.js';
-import './index-5f6ab0fc.js';
-import './index.module-237bec6d.js';
-import './index-dc4d9d68.js';
-import './index-402a11b3.js';
-import './index-51bbb400.js';
-import './index-60b5bc50.js';
-import './index-4e1e0451.js';
-import './index-123c404d.js';
-import './index-f0d75adc.js';
-import './index-78e001eb.js';
-import './index-09e78d18.js';
-import './index.module-6105565d.js';
-import './index-3d4f9377.js';
-import './index-e5354cf8.js';
-import './index-c8b67de2.js';
-import './index-6cb1ee7c.js';
-import './index-c77260eb.js';
-import './index-4d007181.js';
-import './index-13e1fa9a.js';
-import './index-d122b150.js';
-import './index-0ef1a4e9.js';
+import './index-1938c97a.js';
+import './useCustomDimensions-c075e146.js';
+import './index-afc31a88.js';
+import './ussIsSticky-590e8b31.js';
+import './index-a6947647.js';
+import './index-449e7114.js';
+import './index-e89167b9.js';
+import './index.module-6d6294fb.js';
+import './index-897bfd04.js';
+import './index-24f939ca.js';
+import './index-c35e08c3.js';
+import './index-3c91d3d2.js';
+import './index-a0786173.js';
+import './index-5127476d.js';
+import './index-d18b9a7f.js';
+import './index-7522e6f6.js';
+import './index-bc672234.js';
+import './index-e0825010.js';
+import './index-fa31012f.js';
+import './index-66297652.js';
+import './index-c09b8327.js';
+import './index-3859ee89.js';
+import './index-aabc3308.js';
+import './index-8bc841fa.js';
+import './index-f40114e1.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-8c80f848.js → index-719a0c9c.js}

@@ -1,8 +1,8 @@
-import { s as styleInject } from './index-aa2f36a5.js';
+import { s as styleInject } from './index-4d1b7d98.js';
 import 'react';
 import classnames from 'classnames';
 import { useTranslation } from '@crystaldesign/diva-core';
-import { g as getKey } from './index-ba32d247.js';
+import { g as getKey } from './index-12a87fc2.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -23,80 +23,80 @@ import 'flat';
 import 'react-switch';
 import 'react-countup';
 import 'sift';
-import './index-e0fd5c7f.js';
-import './index-3447d778.js';
-import './index-b25ff5ec.js';
-import './index-f59d9266.js';
-import './index.module-9c77bce4.js';
-import './index-dea7c1f9.js';
-import './index-8e468bed.js';
+import './index-d5075ae8.js';
+import './index-86ef9342.js';
+import './index-5e4d5f99.js';
+import './index-43ad1902.js';
+import './index.module-ca1c3f5f.js';
+import './index-49f3edfa.js';
+import './index-6a9c1296.js';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';
-import './index-1b527938.js';
+import './index-ba920934.js';
 import 'react-dropdown';
-import './index-7e1a9f09.js';
+import './index-39d0bf83.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-686b5eb2.js';
-import './index-d0030489.js';
-import './index-cc566aac.js';
+import './index-c49712f8.js';
+import './index-cb154baf.js';
+import './index-d989536b.js';
 import '@crystaldesign/content-box';
-import './index-f90d7d85.js';
-import './index-964e87de.js';
-import './index-0106b297.js';
-import './index-7a0070cf.js';
+import './index-a8d2130d.js';
+import './index-04c27ab1.js';
+import './index-3d157f73.js';
+import './index-993eeb92.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './UnlockCard-a3186e35.js';
-import './index-feb108b0.js';
-import './index-e5a99437.js';
-import './index-cf5d0a8c.js';
-import './index-7e3f39c1.js';
-import './index-135bcd92.js';
-import './index-735e2cb0.js';
+import './UnlockCard-dec5e931.js';
+import './index-ffd74387.js';
+import './index-2476c538.js';
+import './index-8a86c11a.js';
+import './index-56254e0f.js';
+import './index-81e71804.js';
+import './index-7b9f6ef6.js';
 import 'react-laag';
-import './index.module-b825f617.js';
-import './index-c65475d9.js';
-import './index-a420eb0e.js';
-import './index-37f4b4c3.js';
-import './index-5dfe4845.js';
-import './index-04890c9e.js';
-import './index.module-9dce5a76.js';
-import './index-cf8bd5c0.js';
-import './index-b8244686.js';
-import './index-d88d6e9c.js';
-import './index-a9e450e8.js';
-import './index-5cfd1472.js';
-import './index-116bed5e.js';
-import './index-2febce90.js';
-import './index-59f3204b.js';
-import './index-e4bb7f5e.js';
-import './index-f5513761.js';
-import './index-9b48d580.js';
-import './index-fd5ccbd5.js';
-import './index-b6302c1e.js';
+import './index.module-7bf2a637.js';
+import './index-db01e6c3.js';
+import './index-680447a0.js';
+import './index-69aaa5cb.js';
+import './index-5003ffb4.js';
+import './index-9ccf81d3.js';
+import './index.module-7f9573c9.js';
+import './index-f1cc9cb5.js';
+import './index-4eb58bd2.js';
+import './index-8b1aea45.js';
+import './index-f725520c.js';
+import './index-049d27db.js';
+import './index-a9b500a8.js';
+import './index-0c39d5b6.js';
+import './index-307fffea.js';
+import './index-6248bba2.js';
+import './index-9ae4109e.js';
+import './index-9161d605.js';
+import './index-979681b2.js';
+import './index-96264c68.js';
 import 'rc-slider';
-import './index-d6b9e246.js';
-import './index-90badb5f.js';
-import './index-e6769f3f.js';
-import './index-263bf224.js';
-import './index-c3f5ec8f.js';
+import './index-430bed56.js';
+import './index-a097847d.js';
+import './index-09e758f6.js';
+import './index-2f8f1074.js';
+import './index-8313953d.js';
 import 'react-confetti-explosion';
-import './index-ea98d64f.js';
-import './index-1e15a742.js';
-import './index-bc22c4d2.js';
+import './index-0a7c8b00.js';
+import './index-0648dab2.js';
+import './index-f87ff5e7.js';
 import 'react-qr-code';
-import './index-bbf50d39.js';
-import './useCustomDimensions-198036bd.js';
-import './index-625fe0c8.js';
-import './ussIsSticky-9ba25bde.js';
-import './index-4e8a3899.js';
-import './index-7ca1efce.js';
-import './index-5f6ab0fc.js';
-import './index.module-237bec6d.js';
-import './index-dc4d9d68.js';
-import './index-402a11b3.js';
-import './index-51bbb400.js';
-import './index-60b5bc50.js';
+import './index-1938c97a.js';
+import './useCustomDimensions-c075e146.js';
+import './index-afc31a88.js';
+import './ussIsSticky-590e8b31.js';
+import './index-a6947647.js';
+import './index-449e7114.js';
+import './index-e89167b9.js';
+import './index.module-6d6294fb.js';
+import './index-897bfd04.js';
+import './index-24f939ca.js';
+import './index-c35e08c3.js';
+import './index-3c91d3d2.js';
 
 var container = "container-UuJhj";
 var title = "title-f6urG";

package/build/esm/{index-b8c9c331.js → index-72de253f.js}

@@ -1,9 +1,9 @@
-import { u as useViewHandler } from './index-aa2f36a5.js';
+import { u as useViewHandler } from './index-4d1b7d98.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import Collapsible from 'react-collapsible';
-import ConfigStep from './index-36edba26.js';
-import Header from './index-91a3594c.js';
+import ConfigStep from './index-3e05478c.js';
+import Header from './index-d8db62cf.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index.module-6105565d.js → index-7522e6f6.js}

@@ -1,4 +1,8 @@
-import { s as styleInject } from './index-aa2f36a5.js';
+import { s as styleInject, u as useViewHandler } from './index-4d1b7d98.js';
+import { observer } from 'mobx-react-lite';
+import 'react';
+import NavBar from './index-bc672234.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 var wcConfiguratorProductCenter = "wcConfigurator-product-center-T-Vr3";
 var landscape = "landscape-mjn27";
@@ -10,8 +14,34 @@ var wcConfiguratorArticleImage = "wcConfigurator-ArticleImage--2dad";
 var center = "center-eIYYK";
 var imageCenterOrbit = "imageCenterOrbit-m9ffC";
 var imageCenterStatic = "imageCenterStatic-Xu-zR";
-var wcPlanner3DGrid = "wcPlanner3DGrid-lVpTW";
-var css_248z = ".wcConfigurator-product-center-T-Vr3 {\n  position: absolute;\n  left: 0px;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  width: 100%;\n  transform: translateZ(0);\n}\n\n.landscape-mjn27.wcConfigurator-product-center-T-Vr3 {\n  height: calc(100% - 54.4px);\n  top: 54.4px;\n}\n\n.landscape-mjn27.wcConfigurator-product-center-T-Vr3 {\n  width: 45%;\n}\n\n.fullscreen-rBOrC.landscape-mjn27.wcConfigurator-product-center-T-Vr3 {\n  width: 100%;\n  top: 0px;\n  height: 100%;\n}\n\n.portrait-gNyhf.wcConfigurator-product-center-T-Vr3 {\n  width: 100%;\n  height: 100%;\n}\n.portrait-gNyhf.in-grid-visible-8UlAH.wcConfigurator-product-center-T-Vr3 {\n  height: calc(100% - 62px);\n  top: 62px;\n}\n\n.wcConfigurator-3dimage-10NCi {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n}\n\n.wcConfigurator-ArticleImage--2dad {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n\n.wcConfigurator-ArticleImage--2dad .center-eIYYK {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: auto;\n  height: auto;\n  max-width: 100%;\n  max-height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform: translate(-50%, -50%);\n}\n.imageCenterOrbit-m9ffC {\n  box-sizing: inherit;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  z-index: 5;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.imageCenterStatic-Xu-zR {\n  box-sizing: inherit;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  z-index: 5;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.wcPlanner3DGrid-lVpTW {\n  z-index: 6;\n  position: absolute;\n  left: 0px;\n  top: 0px;\n}\n";
+var css_248z = ".wcConfigurator-product-center-T-Vr3 {\n  position: absolute;\n  left: 0px;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  width: 100%;\n  transform: translateZ(0);\n}\n\n.landscape-mjn27.wcConfigurator-product-center-T-Vr3 {\n  height: calc(100% - 54.4px);\n  top: 54.4px;\n}\n\n.landscape-mjn27.wcConfigurator-product-center-T-Vr3 {\n  width: 45%;\n}\n\n.fullscreen-rBOrC.landscape-mjn27.wcConfigurator-product-center-T-Vr3 {\n  width: 100%;\n  top: 0px;\n  height: 100%;\n}\n\n.portrait-gNyhf.wcConfigurator-product-center-T-Vr3 {\n  width: 100%;\n  height: 100%;\n}\n.portrait-gNyhf.in-grid-visible-8UlAH.wcConfigurator-product-center-T-Vr3 {\n  height: calc(100% - 62px);\n  top: 62px;\n}\n\n.wcConfigurator-3dimage-10NCi {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n}\n\n.wcConfigurator-ArticleImage--2dad {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n\n.wcConfigurator-ArticleImage--2dad .center-eIYYK {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: auto;\n  height: auto;\n  max-width: 100%;\n  max-height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform: translate(-50%, -50%);\n}\n.imageCenterOrbit-m9ffC {\n  box-sizing: inherit;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  z-index: 5;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.imageCenterStatic-Xu-zR {\n  box-sizing: inherit;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  z-index: 5;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n";
 styleInject(css_248z);
 
-export { wcConfiguratorArticleImage as a, wcConfigurator3Dimage as b, center as c, imageCenterOrbit as d, imageCenterStatic as e, fullscreen as f, wcPlanner3DGrid as g, inGridVisible as i, landscape as l, portrait as p, wcConfiguratorProductCenter as w };
+var Planner3DImage = function Planner3DImage(props) {
+  var viewHandler = useViewHandler();
+  return /*#__PURE__*/jsxs("div", {
+    ref: function ref(_ref) {
+      return viewHandler.productState.setImage3DElement(_ref);
+    },
+    className: wcConfigurator3Dimage,
+    id: "3DImage-Container",
+    style: {
+      // backgroundImage: viewHandler.productState.RenderImageURL,
+      visibility: viewHandler.productState.doShowRenderImage ? 'visible' : 'hidden'
+    },
+    children: [/*#__PURE__*/jsx(NavBar, {}), /*#__PURE__*/jsx("img", {
+      className: !viewHandler.productState.plannerRenderingIsStaticBG ? imageCenterOrbit : imageCenterStatic,
+      id: "diva3dImg",
+      draggable: "false",
+      src: viewHandler.productState.diva3dImgSrc
+    })]
+  });
+};
+var Planner3DImage$1 = observer(Planner3DImage);
+
+var index = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  'default': Planner3DImage$1
+});
+
+export { Planner3DImage$1 as P, wcConfiguratorArticleImage as a, index as b, center as c, fullscreen as f, inGridVisible as i, landscape as l, portrait as p, wcConfiguratorProductCenter as w };

package/build/esm/{index-63392c2a.js → index-76295c04.js}

@@ -1,12 +1,12 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler, G as GenericToolTip } from './index-aa2f36a5.js';
+import { s as styleInject, u as useViewHandler, G as GenericToolTip } from './index-4d1b7d98.js';
 import { observer } from 'mobx-react-lite';
 import { useState, createElement } from 'react';
 import { useHover, useLayer } from 'react-laag';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import MetaData from './index-116bed5e.js';
+import MetaData from './index-a9b500a8.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/asyncToGenerator';

package/build/esm/{index-915c4a3a.js → index-770a6e89.js}

@@ -1,9 +1,9 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { u as useViewHandler } from './index-aa2f36a5.js';
+import { u as useViewHandler } from './index-4d1b7d98.js';
 import { useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
-import ItemVariant from './index-c6ba2591.js';
+import ItemVariant from './index-68bdb736.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-10f30d14.js → index-77e161fb.js}

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

package/build/esm/{index-8074d518.js → index-7899bfe2.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-aa2f36a5.js';
+import { s as styleInject, u as useViewHandler } from './index-4d1b7d98.js';
 import { useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';

package/build/esm/{index-47a6f3e0.js → index-7a9b7deb.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler, c as usePlannerUIHandler } from './index-aa2f36a5.js';
+import { u as useViewHandler, c as usePlannerUIHandler } from './index-4d1b7d98.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
@@ -92,12 +92,12 @@ var Outline3D = function Outline3D(_ref) {
       setIsDragging(false);
     },
     onMouseMove: function onMouseMove(e) {
-      if ((mouseDownDetected || viewHandler.viewPlannerHandler.getPlanner3DGridIsInTransformMode()) && !isDragging) {
+      if (mouseDownDetected && !isDragging) {
         setIsDragging(true);
       }
     },
     onTouchMove: function onTouchMove(e) {
-      if ((mouseDownDetected || viewHandler.viewPlannerHandler.getPlanner3DGridIsInTransformMode()) && !isDragging) {
+      if (mouseDownDetected && !isDragging) {
         setIsDragging(true);
       }
     },

package/build/esm/{index-b54eeaab.js → index-7b688367.js}

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

package/build/esm/{index-72a799cf.js → index-7b709a79.js}

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