@crystaldesign/diva-web-planner-react 25.14.0-rc.7 → 25.14.0-rc.9

package/build/esm/{index-69befb7d.js → index-fc104d1c.js}

@@ -1,15 +1,15 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { u as useViewHandler } from './index-f9606c0a.js';
+import { u as useViewHandler } from './index-6629fd9c.js';
 import 'react';
-import SettingsHeaderContainer from './index-4a7ae128.js';
-import SettingsScroller from './index-3f9d4dd8.js';
+import SettingsHeaderContainer from './index-c4773936.js';
+import SettingsScroller from './index-fb58fcb0.js';
 import { observer } from 'mobx-react-lite';
-import { w as wcConfiguratorSettings, t as tabsHorizontal, e as expanded } from './index.module-f4cd7f29.js';
+import { w as wcConfiguratorSettings, t as tabsHorizontal, e as expanded } from './index.module-24e3137a.js';
 import classnames from 'classnames';
-import SettingsSwiper from './index-ff7e75c5.js';
-import SettingsExpanderButtons from './index-85b7cc22.js';
-import SettingsBottomDrawer from './index-d6fefdd9.js';
+import SettingsSwiper from './index-22bd1ac3.js';
+import SettingsExpanderButtons from './index-daf3f5d9.js';
+import SettingsBottomDrawer from './index-62a49d56.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-dynamic-multi-render';
@@ -25,84 +25,84 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-4040c35b.js';
+import './index-012fea91.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-4adef298.js';
+import './index-0922c81a.js';
 import 'sift';
-import './index-6f7dd610.js';
-import './index-a1631896.js';
-import './index-df1c3c67.js';
-import './index-1993b0af.js';
-import './index.module-444db377.js';
-import './index-424e5dad.js';
+import './index-48b3567a.js';
+import './index-60928461.js';
+import './index-eeef666c.js';
+import './index-9dc61ed7.js';
+import './index.module-91976f27.js';
+import './index-07b59e16.js';
 import 'react-switch';
-import './index-d8593737.js';
-import './index-6df8b64e.js';
-import './index-94feac8d.js';
+import './index-133f94b1.js';
+import './index-53ae6dff.js';
+import './index-90349d6e.js';
 import 'react-countup';
-import './index-d7cd9b95.js';
+import './index-9434bd7e.js';
 import 'react-dropdown';
-import './index-8c4bf70b.js';
-import './index-4794d972.js';
-import './index-1e67d9d0.js';
-import './index-54012356.js';
+import './index-67c096bb.js';
+import './index-6a7d2368.js';
+import './index-48af7dcc.js';
+import './index-d3a3c52f.js';
 import '@crystaldesign/content-box';
-import './index-937612ff.js';
-import './index-c2a988f7.js';
-import './index-96549e60.js';
-import './index-795db5a6.js';
-import './index-35e22b79.js';
-import './index-b287c6be.js';
-import './index-88df72b9.js';
-import './index-42b92aac.js';
-import './index-b26c5ce5.js';
+import './index-428b4fd7.js';
+import './index-92e8c435.js';
+import './index-f8403e5f.js';
+import './index-c4ea57bf.js';
+import './index-29945b82.js';
+import './index-a271d1ee.js';
+import './index-44d3284a.js';
+import './index-68843660.js';
+import './index-b6509082.js';
 import 'react-laag';
-import './index.module-21d16da4.js';
-import './index-3ce6dc6a.js';
-import './index-afcdb236.js';
-import './index-13f13821.js';
-import './index-3d7bc081.js';
-import './index-10eedb8a.js';
-import './index-de610037.js';
-import './index.module-d3407a5d.js';
-import './index-129d2ed0.js';
-import './index-7a6d0333.js';
-import './index-3981b514.js';
-import './index-9a3fd1c2.js';
-import './index-c26df380.js';
-import './index-d4151c25.js';
-import './index-a86a8d3c.js';
-import './index-eeae2887.js';
-import './index-9489e4a9.js';
-import './index-b05365aa.js';
-import './index-c17c7cbf.js';
-import './index-f7c22516.js';
+import './index.module-acaad1cd.js';
+import './index-20612a91.js';
+import './index-88c79fc9.js';
+import './index-cb3761a0.js';
+import './index-5cd6e6d9.js';
+import './index-56db7968.js';
+import './index-ece37763.js';
+import './index.module-11f862c2.js';
+import './index-1323662a.js';
+import './index-037588ff.js';
+import './index-49a45802.js';
+import './index-c7ff8111.js';
+import './index-bfe913e5.js';
+import './index-7e5066f2.js';
+import './index-4cb5aa56.js';
+import './index-260cecb0.js';
+import './index-884eb99a.js';
+import './index-c678af5b.js';
+import './index-1ff1d4e7.js';
+import './index-2a36d394.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './index-bdf8e5d7.js';
+import './index-466e80db.js';
 import 'rc-slider';
-import './index-41ec3543.js';
-import './index-e2fd8040.js';
-import './index-eeff5968.js';
-import './index-95264c04.js';
+import './index-95e5a317.js';
+import './index-b6fc40a4.js';
+import './index-ebfb18b5.js';
+import './index-b1f0f156.js';
 import 'react-confetti-explosion';
-import './index-45a8d5fd.js';
-import './index-41791f23.js';
-import './index-0ca8f0f0.js';
+import './index-698c73fb.js';
+import './index-abf8f9ab.js';
+import './index-3fc416e7.js';
 import 'react-qr-code';
-import './index-3492784b.js';
-import './useCustomDimensions-66be2d01.js';
-import './index-250c2903.js';
-import './ussIsSticky-06d01153.js';
-import './index-9449af87.js';
-import './index-d63d2a60.js';
-import './index-b196f570.js';
-import './index.module-fd800f2d.js';
-import './index-10c47822.js';
-import './index-e9291d44.js';
-import './index-97f0482d.js';
-import './index-c0546dc0.js';
-import './index-79ee3cff.js';
+import './index-cf12e657.js';
+import './useCustomDimensions-7c131574.js';
+import './index-41ed1349.js';
+import './ussIsSticky-a5a9b166.js';
+import './index-e3fc4a76.js';
+import './index-8baeb90f.js';
+import './index-1bc7a405.js';
+import './index.module-a3d6c2f9.js';
+import './index-0c96fb4b.js';
+import './index-82e43381.js';
+import './index-6b12cb4c.js';
+import './index-7fa7a269.js';
+import './index-d0a5f7f5.js';
 import '@mui/material';
 
 var _excluded = ["className", "tabgroupElement"];

package/build/esm/{index-39e36153.js → index-fe003564.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-f9606c0a.js';
+import { s as styleInject, u as useViewHandler } from './index-6629fd9c.js';
 import { useRef, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';

package/build/esm/{index-4400a1e0.js → index-feaac87b.js}

@@ -1,13 +1,13 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-f9606c0a.js';
+import { s as styleInject, u as useViewHandler } from './index-6629fd9c.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-4040c35b.js';
+import SettingsHeader from './index-012fea91.js';
 import classnames from 'classnames';
-import Search from './index-6c93ab88.js';
+import Search from './index-6ee9dd73.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-e236ab1b.js → index-ff87164d.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-f9606c0a.js';
+import { s as styleInject } from './index-6629fd9c.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/index.js

@@ -1,6 +1,6 @@
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
-export { W as WebPlannerReact, c as default } from './index-f9606c0a.js';
+export { W as WebPlannerReact, c as default } from './index-6629fd9c.js';
 import 'react';
 import '@crystaldesign/diva-core';
 import 'react/jsx-runtime';

package/build/esm/{index.module-d3407a5d.js → index.module-11f862c2.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-f9606c0a.js';
+import { s as styleInject } from './index-6629fd9c.js';
 
 var paletteItem = "palette-item-efwMm";
 var sel = "sel-SyPrw";

package/build/esm/{index.module-f4cd7f29.js → index.module-24e3137a.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-f9606c0a.js';
+import { s as styleInject } from './index-6629fd9c.js';
 
 var wcConfiguratorSettings = "wcConfigurator-settings-nB7sW";
 var wcConfiguratorSettingsExpander = "wcConfigurator-settings-expander-mf-Rs";

package/build/esm/{index.module-a578f7e2.js → index.module-2c3ac159.js}

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

package/build/esm/{index.module-c4591935.js → index.module-35f4a2d5.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-f9606c0a.js';
+import { s as styleInject } from './index-6629fd9c.js';
 
 var wrapper = "wrapper-TcEZn";
 var css_248z = ".wrapper-TcEZn {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.Dropdown-root-7zz-C {\n  box-shadow: var(--boxShadowHover);\n  width: 300px;\n  min-width: 100px;\n}\n\n.Dropdown-control-x--YK {\n  border-radius: var(--globalBorderRadius);\n  border-color: white;\n  padding: 2px 12px 3px 10px;\n  line-height: 20.8px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  color: var(--secondaryColor);\n  cursor: pointer;\n}\n";

package/build/esm/{index.module-a0f18bd4.js → index.module-71a39569.js}

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

package/build/esm/{index.module-444db377.js → index.module-91976f27.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-f9606c0a.js';
+import { s as styleInject } from './index-6629fd9c.js';
 
 var row = "row-2sbo5";
 var colum = "colum-bfgmE";

package/build/esm/{index.module-f2b006c6.js → index.module-91a5d26b.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-f9606c0a.js';
+import { s as styleInject } from './index-6629fd9c.js';
 
 var wcConfiguratorSettingsActions = "wcConfigurator-settings-actions-7Gl-H";
 var container = "container-1HnE3";

package/build/esm/{index.module-fd800f2d.js → index.module-a3d6c2f9.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-f9606c0a.js';
+import { s as styleInject } from './index-6629fd9c.js';
 
 var roomItem = "room-item-sysI7";
 var sel = "sel-QWnr4";

package/build/esm/{index.module-21d16da4.js → index.module-acaad1cd.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-f9606c0a.js';
+import { s as styleInject } from './index-6629fd9c.js';
 
 var wcFavorite = "wcFavorite-WCYzN";
 var wcFavoriteSel = "wcFavorite_sel-Fww5G";

package/build/esm/{index.module-c52e62f5.js → index.module-e25015ad.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-f9606c0a.js';
+import { s as styleInject } from './index-6629fd9c.js';
 
 var wcUi2DOutlineDraggable = "wcUI2D_Outline_Draggable-MP-7N";
 var wcUi2DOutlineSelectable = "wcUI2D_Outline_Selectable--NB0c";

package/build/esm/{index.module-140cbba0.js → index.module-ef083ec7.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-f9606c0a.js';
+import { s as styleInject } from './index-6629fd9c.js';
 
 var box = "box-vVSPN";
 var boxSelected = "boxSelected-HZqUZ";

package/build/esm/{index.module-f0bcfe12.js → index.module-f86841cb.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-f9606c0a.js';
+import { s as styleInject } from './index-6629fd9c.js';
 
 var wcConfiguratorProductCenter = "wcConfigurator-product-center-T-Vr3";
 var landscape = "landscape-mjn27";

package/build/esm/{index.module-e8e1fa92.js → index.module-fda479b0.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-f9606c0a.js';
+import { s as styleInject } from './index-6629fd9c.js';
 
 var wholeWrapper = "whole-wrapper-5OM64";
 var notExpanded = "not-expanded-A0UYP";

package/build/esm/{react-json-viewer-7664e9ca.js → react-json-viewer-e29a2bd3.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-f9606c0a.js';
+import { s as styleInject } from './index-6629fd9c.js';
 
 var css_248z = "/* base styles */\n\n._GzYRV {\n  line-height: 1.2;\n  white-space: pre-wrap;\n  white-space: -moz-pre-wrap;\n  white-space: -pre-wrap;\n  white-space: -o-pre-wrap;\n  word-wrap: break-word;\n}\n\n._3eOF8 {\n  margin-right: 5px;\n  font-weight: bold;\n}\n\n._3eOF8 + ._3eOF8 {\n  margin-left: -5px;\n}\n\n._1MFti {\n  cursor: pointer;\n}\n\n._f10Tu {\n  font-size: 1.2em;\n  margin-right: 5px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n}\n\n._1UmXx::after {\n  content: '\\25B8';\n}\n\n._1LId0::after {\n  content: '\\25BE';\n}\n\n._1pNG9 {\n  margin-right: 5px;\n}\n\n._1pNG9::after {\n  content: '...';\n  font-size: 0.8em;\n}\n\n._2IvMF {\n  background: #eee;\n}\n\n._2bkNM {\n  margin: 0 10px;\n  padding: 0;\n}\n\n._2bkNM > ul {\n  margin: 0;\n  padding: 0;\n}\n\n/* default light style */\n._1MGIk {\n  font-weight: 600;\n  margin-right: 5px;\n  color: #000000;\n}\n\n._2YKJg {\n}\n\n._3uHL6 {\n  color: #000000;\n}\n\n._2T6PJ {\n  color: #df113a;\n}\n\n._1Gho6 {\n  color: #df113a;\n}\n\n._vGjyY {\n  color: rgb(42, 63, 60);\n}\n\n._1bQdo {\n  color: #0b75f5;\n}\n\n._3zQKs {\n  color: rgb(70, 144, 56);\n}\n\n._1xvuR {\n  color: #43413d;\n}\n\n._oLqym {\n  color: #000000;\n}\n\n._2AXVT {\n  color: #000000;\n}\n\n._2KJWg {\n  color: #000000;\n}\n\n/* default dark style */\n._11RoI {\n  background: rgb(0, 43, 54);\n}\n\n._17H2C {\n  color: rgb(253, 246, 227);\n}\n\n._3QHg2 {\n  color: rgb(253, 246, 227);\n}\n\n._3fDAz {\n  color: rgb(253, 246, 227);\n}\n\n._2bSDX {\n  font-weight: bolder;\n  margin-right: 5px;\n  color: rgb(253, 246, 227);\n}\n\n._1RQEj {\n}\n\n._gsbQL {\n  color: rgb(253, 246, 227);\n}\n\n._LaAZe {\n  color: rgb(129, 181, 172);\n}\n\n._GTKgm {\n  color: rgb(129, 181, 172);\n}\n\n._Chy1W {\n  color: rgb(203, 75, 22);\n}\n\n._2bveF {\n  color: rgb(211, 54, 130);\n}\n\n._2vRm- {\n  color: rgb(174, 129, 255);\n}\n\n._1prJR {\n  color: rgb(38, 139, 210);\n}\n";
 styleInject(css_248z);

package/build/esm/{useCustomDimensions-66be2d01.js → useCustomDimensions-7c131574.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-f9606c0a.js';
+import { u as useViewHandler } from './index-6629fd9c.js';
 import { useState, useEffect } from 'react';
 
 var useCustomDimensions = function useCustomDimensions() {

package/build/esm/{ussIsSticky-06d01153.js → ussIsSticky-a5a9b166.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import './index-f9606c0a.js';
+import './index-6629fd9c.js';
 import { useRef, useState, useEffect } from 'react';
 
 function useStickyScroll() {

package/build/types/web-planner-react/src/components/Product/ProductCenter/Planner3DImage/OrbitInteraction/standard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/components/Product/ProductCenter/Planner3DImage/OrbitInteraction/standard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AASnD,UAAU,KAAK;IACb,8BAA8B,CAAC,EAAE,MAAM,CAAC;CACzC;8DAQiG,KAAK;;;AAgGvG,wBAAkD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/components/Product/ProductCenter/Planner3DImage/OrbitInteraction/standard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AASnD,UAAU,KAAK;IACb,8BAA8B,CAAC,EAAE,MAAM,CAAC;CACzC;8DAQiG,KAAK;;;AAuGvG,wBAAkD"}

package/build/umd/2934.diva-web-planner-react.umd.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see 2934.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2934],{92934:(e,n,t)=>{t.r(n),t.d(n,{default:()=>y});var a=t(84658),i=t(34988),o=t(50747),r=t.n(o),l=t(87363),d=t(58902),s=t(93379),c=t.n(s),u=t(7795),m=t.n(u),v=t(90569),b=t.n(v),h=t(3565),p=t.n(h),x=t(19216),f=t.n(x),g=t(44589),S=t.n(g),C=t(50557),P={};P.styleTagTransform=S(),P.setAttributes=p(),P.insert=b().bind(null,"head"),P.domAPI=m(),P.insertStyleElement=f();c()(C.ZP,P);C.ZP&&C.ZP.locals&&C.ZP.locals;var V=t(76189),z=t(9420),I=t(88683),Z=t(65515),D=t.n(Z),N=t(47514),O=void 0,j=void 0,w=void 0;const y=(0,z.Pi)((function OrbitInteractionStandard(e){var n,t=e.orbitInteractionContainerClass,o=void 0===t?C.il:t,s=(0,V.NP)(),c=(0,l.useState)(!0),u=(0,i.Z)(c,2),m=u[0],v=u[1],b=(0,I.useTranslation)().t;if((0,l.useEffect)((function(){w&&clearTimeout(w),m?w=setTimeout((0,a.Z)(r().mark((function _callee(){return r().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:s.productState.setOrbitIsHidden(!0);case 1:case"end":return e.stop()}}),_callee)}))),2e3):s.productState.setOrbitIsHidden(!1)}),[m]),s.productState.plannerRenderingIsStaticBG)return(0,N.jsx)(N.Fragment,{});var h=s.viewPlannerHandler.getOrbitCubeInitParams();return s.uiState.isLoading&&(O=void 0,j=void 0),(0,N.jsx)("div",{className:D()(o,s.uiState.isInMobileView?C.ai:void 0,s.productState.roomListExpanded?C.th:void 0),children:(0,N.jsx)(d.Z,{hiddenState:[m,v],ref:function ref(e){return s.productState.setOrbitCubeElement(e)},size:s.uiState.isInMobileView?"40px":"80px",interactionElement:null!==(n=s.productState.planner3DImageSvgArea)&&void 0!==n?n:document.getElementById("diva3dImg"),onRotationChange:function onRotationChange(e){if(s.productState.ignoreUpdateRenderingOnOrbitChanged)s.productState.setIgnoreUpdateRenderingOnOrbitChanged(!1);else if(null==O||null==j||e.horizontal!=O||e.vertical!=j){var n=e.horizontal,t=e.vertical;O=e.horizontal,j=e.vertical,s.viewPlannerHandler.updateOrbitCubeInitParams(e.horizontal,e.vertical),s.divaWebPlanner.handle3DVisualizationChanged("Nav3DSetVPByVal",{nav3DSetVPByVal:{rotX:n,rotY:t}})}},onZoomChange:function onZoomChange(e){var n=Math.round(e.absoluteZoom);s.divaWebPlanner.handle3DVisualizationChanged("Nav3DZoom",{nav3DZoom:{zoomVal:n}})},autoHide:2e3,initialRotation:null!=h?{horizontal:h.rotHorizontal,vertical:h.rotVertical}:void 0,zoomFactorResetDelay:500,minCssScale:.5,maxCssScale:1.5,disableDefaultScrollBehaviour:!0,cubeFaceChildren:{back:(0,N.jsx)("div",{className:C.VK,children:b("cube.back")}),bottom:(0,N.jsx)("div",{className:C.VK,children:b("cube.bottom")}),front:(0,N.jsx)("div",{className:C.VK,children:b("cube.front")}),left:(0,N.jsx)("div",{className:C.VK,children:b("cube.left")}),right:(0,N.jsx)("div",{className:C.VK,children:b("cube.right")}),top:(0,N.jsx)("div",{className:C.VK,children:b("cube.top")})}})})}))},50557:(e,n,t)=>{t.d(n,{VK:()=>d,ZP:()=>u,ai:()=>s,il:()=>l,th:()=>c});var a=t(8081),i=t.n(a),o=t(23645),r=t.n(o)()(i());r.push([e.id,".index-module--cG_fH {\n  position: absolute;\n  bottom: 16px;\n  right: 20px;\n  z-index: 350;\n}\n\n.index-module--s0Mfg {\n  font-size: max(12px, min(2vw, 20px));\n}\n\n.index-module--zoQmM.index-module--cG_fH {\n  position: absolute;\n  bottom: 52px;\n  left: 10px;\n  right: auto;\n  right: initial;\n  z-index: 350;\n}\n\n.index-module--i_KdX {\n  display: none;\n}\n",""]);var l="index-module--cG_fH",d="index-module--s0Mfg",s="index-module--zoQmM",c="index-module--i_KdX";const u=r}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2934],{92934:(e,n,t)=>{t.r(n),t.d(n,{default:()=>y});var a=t(84658),i=t(34988),o=t(50747),r=t.n(o),l=t(87363),d=t(58902),s=t(93379),c=t.n(s),u=t(7795),m=t.n(u),v=t(90569),b=t.n(v),h=t(3565),p=t.n(h),x=t(19216),f=t.n(x),g=t(44589),S=t.n(g),C=t(50557),P={};P.styleTagTransform=S(),P.setAttributes=p(),P.insert=b().bind(null,"head"),P.domAPI=m(),P.insertStyleElement=f();c()(C.ZP,P);C.ZP&&C.ZP.locals&&C.ZP.locals;var V=t(76189),z=t(9420),I=t(88683),Z=t(65515),D=t.n(Z),O=t(47514),N=void 0,j=void 0,w=void 0;const y=(0,z.Pi)((function OrbitInteractionStandard(e){var n,t=e.orbitInteractionContainerClass,o=void 0===t?C.il:t,s=(0,V.NP)(),c=(0,l.useState)(!0),u=(0,i.Z)(c,2),m=u[0],v=u[1],b=(0,I.useTranslation)().t,h=(0,I.useDivaCore)().state.isModalOpen?null:null!==(n=s.productState.planner3DImageSvgArea)&&void 0!==n?n:document.getElementById("diva3dImg");if((0,l.useEffect)((function(){w&&clearTimeout(w),m?w=setTimeout((0,a.Z)(r().mark((function _callee(){return r().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:s.productState.setOrbitIsHidden(!0);case 1:case"end":return e.stop()}}),_callee)}))),2e3):s.productState.setOrbitIsHidden(!1)}),[m]),s.productState.plannerRenderingIsStaticBG)return(0,O.jsx)(O.Fragment,{});var p=s.viewPlannerHandler.getOrbitCubeInitParams();return s.uiState.isLoading&&(N=void 0,j=void 0),(0,O.jsx)("div",{className:D()(o,s.uiState.isInMobileView?C.ai:void 0,s.productState.roomListExpanded?C.th:void 0),children:(0,O.jsx)(d.Z,{hiddenState:[m,v],ref:function ref(e){return s.productState.setOrbitCubeElement(e)},size:s.uiState.isInMobileView?"40px":"80px",interactionElement:h,onRotationChange:function onRotationChange(e){if(s.productState.ignoreUpdateRenderingOnOrbitChanged)s.productState.setIgnoreUpdateRenderingOnOrbitChanged(!1);else if(null==N||null==j||e.horizontal!=N||e.vertical!=j){var n=e.horizontal,t=e.vertical;N=e.horizontal,j=e.vertical,s.viewPlannerHandler.updateOrbitCubeInitParams(e.horizontal,e.vertical),s.divaWebPlanner.handle3DVisualizationChanged("Nav3DSetVPByVal",{nav3DSetVPByVal:{rotX:n,rotY:t}})}},onZoomChange:function onZoomChange(e){var n=Math.round(e.absoluteZoom);s.divaWebPlanner.handle3DVisualizationChanged("Nav3DZoom",{nav3DZoom:{zoomVal:n}})},autoHide:2e3,initialRotation:null!=p?{horizontal:p.rotHorizontal,vertical:p.rotVertical}:void 0,zoomFactorResetDelay:500,minCssScale:.5,maxCssScale:1.5,disableDefaultScrollBehaviour:!0,cubeFaceChildren:{back:(0,O.jsx)("div",{className:C.VK,children:b("cube.back")}),bottom:(0,O.jsx)("div",{className:C.VK,children:b("cube.bottom")}),front:(0,O.jsx)("div",{className:C.VK,children:b("cube.front")}),left:(0,O.jsx)("div",{className:C.VK,children:b("cube.left")}),right:(0,O.jsx)("div",{className:C.VK,children:b("cube.right")}),top:(0,O.jsx)("div",{className:C.VK,children:b("cube.top")})}})})}))},50557:(e,n,t)=>{t.d(n,{VK:()=>d,ZP:()=>u,ai:()=>s,il:()=>l,th:()=>c});var a=t(8081),i=t.n(a),o=t(23645),r=t.n(o)()(i());r.push([e.id,".index-module--cG_fH {\n  position: absolute;\n  bottom: 16px;\n  right: 20px;\n  z-index: 350;\n}\n\n.index-module--s0Mfg {\n  font-size: max(12px, min(2vw, 20px));\n}\n\n.index-module--zoQmM.index-module--cG_fH {\n  position: absolute;\n  bottom: 52px;\n  left: 10px;\n  right: auto;\n  right: initial;\n  z-index: 350;\n}\n\n.index-module--i_KdX {\n  display: none;\n}\n",""]);var l="index-module--cG_fH",d="index-module--s0Mfg",s="index-module--zoQmM",c="index-module--i_KdX";const u=r}}]);