@crystaldesign/diva-web-planner-react 25.5.0-rc.25 → 25.5.0-rc.27

package/build/esm/{index-26d5a0de.js → index-f6a093dc.js}

@@ -1,11 +1,11 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { u as useViewHandler } from './index-6db6c84f.js';
+import { u as useViewHandler } from './index-dddd0461.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
-import { r as reactJson, a as reactJsonExpanded } from './index.module-63e2df13.js';
+import { r as reactJson, a as reactJsonExpanded } from './index.module-05133872.js';
 import classnames from 'classnames';
 import { JsonView, darkStyles } from 'react-json-view-lite';
-import './react-json-viewer-38821365.js';
+import './react-json-viewer-5dafab85.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-652625fe.js → index-f83b885d.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-6db6c84f.js';
+import { s as styleInject, u as useViewHandler } from './index-dddd0461.js';
 import { useState, useEffect } from 'react';
-import { n as notExpanded } from './index.module-368fd7f0.js';
+import { n as notExpanded } from './index.module-795ee95c.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { DivaUtils } from '@crystaldesign/diva-core';

package/build/esm/{index-0f5f8985.js → index-f89096b2.js}

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

package/build/esm/{index-87843a7b.js → index-f9b57c31.js}

@@ -1,15 +1,15 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-6db6c84f.js';
+import { s as styleInject, u as useViewHandler } from './index-dddd0461.js';
 import { useTranslation, useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
 import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-e8e9ef29.js';
-import GenericToolTip from './index-1c115e95.js';
-import PricePreview from './index-1d45a013.js';
-import InfoIcon from './index-12e791cc.js';
+import MetaData from './index-779a1d55.js';
+import GenericToolTip from './index-b3b49b3e.js';
+import PricePreview from './index-7e1d60e9.js';
+import InfoIcon from './index-46013c14.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-670904fa.js → index-fac78781.js}

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

package/build/esm/{index-9f1d1dc9.js → index-fb4c47c0.js}

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

package/build/esm/{index-90596f0d.js → index-fc05e9c8.js}

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

package/build/esm/index.js

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

package/build/esm/{index.module-63e2df13.js → index.module-05133872.js}

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

package/build/esm/{index.module-3dabecf8.js → index.module-160cff34.js}

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

package/build/esm/{index.module-ea4ce256.js → index.module-19439d4f.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-6db6c84f.js';
+import { s as styleInject } from './index-dddd0461.js';
 
 var wrapper = "wrapper-TcEZn";
 var dropdownRoot = "Dropdown-root-7zz-C";

package/build/esm/{index.module-8d3c785f.js → index.module-3fbc1a09.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-6db6c84f.js';
+import { s as styleInject } from './index-dddd0461.js';
 
 var wcFunctionsToolbar = "wcFunctionsToolbar-33mKP";
 var mobile = "mobile--gThy";

package/build/esm/{index.module-33e213b0.js → index.module-54d3ea36.js}

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

package/build/esm/{index.module-41e6b719.js → index.module-5acd5cd6.js}

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

package/build/esm/{index.module-a76d98f0.js → index.module-69468107.js}

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

package/build/esm/{index.module-368fd7f0.js → index.module-795ee95c.js}

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

package/build/esm/{index.module-66edbb96.js → index.module-83048d5c.js}

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

package/build/esm/{index.module-739e67a8.js → index.module-87e9ced9.js}

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

package/build/esm/{index.module-e57a964d.js → index.module-91167c53.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-6db6c84f.js';
+import { s as styleInject } from './index-dddd0461.js';
 
 var paletteItem = "PaletteItem-bhj8-";
 var sel = "sel-SyPrw";

package/build/esm/{index.module-130fe97d.js → index.module-a0c4b21f.js}

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

package/build/esm/{index.module-d18ba309.js → index.module-f896b215.js}

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

package/build/esm/{react-json-viewer-38821365.js → react-json-viewer-5dafab85.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-6db6c84f.js';
+import { s as styleInject } from './index-dddd0461.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/types/web-planner-react/src/components/Action/Navigation/gold/index.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
-interface Props {
-}
-declare const _default: ((props: Props) => React.JSX.Element) & {
+import { NavProps } from '../standard';
+declare const _default: ((props: NavProps) => React.JSX.Element) & {
     displayName: string;
 };
 export default _default;

package/build/types/web-planner-react/src/components/Action/Navigation/gold/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Action/Navigation/gold/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,KAAK;CAAG;iCAEmB,KAAK;;;AAI1C,wBAA8C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Action/Navigation/gold/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAyB,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;iCAIpB,QAAQ;;;AAY7C,wBAA8C"}

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3097.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3097],{63097:(e,n,t)=>{t.r(n),t.d(n,{default:()=>H});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),v=t.n(u),m=t(90569),b=t.n(m),h=t(3565),f=t.n(h),p=t(19216),x=t.n(p),g=t(44589),S=t.n(g),C=t(50557),P={};P.styleTagTransform=S(),P.setAttributes=f(),P.insert=b().bind(null,"head"),P.domAPI=v(),P.insertStyleElement=x();c()(C.ZP,P);C.ZP&&C.ZP.locals&&C.ZP.locals;var V=t(91923),z=t(9420),Z=t(88683),I=t(65515),D=t.n(I),N=t(47514),O=void 0,j=void 0,w=void 0;const H=(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),v=u[0],m=u[1],b=(0,Z.useTranslation)().t;if((0,l.useEffect)((function(){w&&clearTimeout(w),v?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)}),[v]),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),children:(0,N.jsx)(d.Z,{hiddenState:[v,m],ref:function ref(e){return s.productState.setOrbitCubeElement(e)},size:s.uiState.isInMobileView?"50px":"80px",interactionElement:null!==(n=s.productState.planner3DImageSvgArea)&&void 0!==n?n:void 0,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:()=>c,ai:()=>s,il:()=>l});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: 20px;\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: 48px;\n  left: 20px;\n  right: auto;\n  right: initial;\n  z-index: 350;\n}\n",""]);var l="index-module--cG_fH",d="index-module--s0Mfg",s="index-module--zoQmM";const c=r}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3097],{63097:(e,n,t)=>{t.r(n),t.d(n,{default:()=>H});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),f=t.n(h),p=t(19216),g=t.n(p),x=t(44589),S=t.n(x),C=t(50557),P={};P.styleTagTransform=S(),P.setAttributes=f(),P.insert=b().bind(null,"head"),P.domAPI=m(),P.insertStyleElement=g();c()(C.ZP,P);C.ZP&&C.ZP.locals&&C.ZP.locals;var V=t(91923),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 H=(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),children:(0,N.jsx)(d.Z,{hiddenState:[m,v],ref:function ref(e){return s.productState.setOrbitCubeElement(e)},size:s.uiState.isInMobileView?"50px":"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:()=>c,ai:()=>s,il:()=>l});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: 20px;\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: 48px;\n  left: 20px;\n  right: auto;\n  right: initial;\n  z-index: 350;\n}\n",""]);var l="index-module--cG_fH",d="index-module--s0Mfg",s="index-module--zoQmM";const c=r}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3811.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3811,3097],{33811:(e,n,t)=>{t.r(n),t.d(n,{default:()=>g});t(87363);var i=t(63097),a=t(93379),o=t.n(a),r=t(7795),l=t.n(r),s=t(90569),d=t.n(s),c=t(3565),u=t.n(c),m=t(19216),v=t.n(m),b=t(44589),h=t.n(b),f=t(74665),p={};p.styleTagTransform=h(),p.setAttributes=u(),p.insert=d().bind(null,"head"),p.domAPI=l(),p.insertStyleElement=v();o()(f.Z,p);f.Z&&f.Z.locals&&f.Z.locals;var x=t(47514);const g=function OrbitInteractionFree(e){return(0,x.jsx)(i.default,{orbitInteractionContainerClass:f.i})}},63097:(e,n,t)=>{t.r(n),t.d(n,{default:()=>y});var i=t(84658),a=t(34988),o=t(50747),r=t.n(o),l=t(87363),s=t(58902),d=t(93379),c=t.n(d),u=t(7795),m=t.n(u),v=t(90569),b=t.n(v),h=t(3565),f=t.n(h),p=t(19216),x=t.n(p),g=t(44589),C=t.n(g),S=t(50557),z={};z.styleTagTransform=C(),z.setAttributes=f(),z.insert=b().bind(null,"head"),z.domAPI=m(),z.insertStyleElement=x();c()(S.ZP,z);S.ZP&&S.ZP.locals&&S.ZP.locals;var P=t(91923),Z=t(9420),V=t(88683),I=t(65515),D=t.n(I),O=t(47514),j=void 0,N=void 0,w=void 0;const y=(0,Z.Pi)((function OrbitInteractionStandard(e){var n,t=e.orbitInteractionContainerClass,o=void 0===t?S.il:t,d=(0,P.NP)(),c=(0,l.useState)(!0),u=(0,a.Z)(c,2),m=u[0],v=u[1],b=(0,V.useTranslation)().t;if((0,l.useEffect)((function(){w&&clearTimeout(w),m?w=setTimeout((0,i.Z)(r().mark((function _callee(){return r().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:d.productState.setOrbitIsHidden(!0);case 1:case"end":return e.stop()}}),_callee)}))),2e3):d.productState.setOrbitIsHidden(!1)}),[m]),d.productState.plannerRenderingIsStaticBG)return(0,O.jsx)(O.Fragment,{});var h=d.viewPlannerHandler.getOrbitCubeInitParams();return d.uiState.isLoading&&(j=void 0,N=void 0),(0,O.jsx)("div",{className:D()(o,d.uiState.isInMobileView?S.ai:void 0),children:(0,O.jsx)(s.Z,{hiddenState:[m,v],ref:function ref(e){return d.productState.setOrbitCubeElement(e)},size:d.uiState.isInMobileView?"50px":"80px",interactionElement:null!==(n=d.productState.planner3DImageSvgArea)&&void 0!==n?n:void 0,onRotationChange:function onRotationChange(e){if(d.productState.ignoreUpdateRenderingOnOrbitChanged)d.productState.setIgnoreUpdateRenderingOnOrbitChanged(!1);else if(null==j||null==N||e.horizontal!=j||e.vertical!=N){var n=e.horizontal,t=e.vertical;j=e.horizontal,N=e.vertical,d.viewPlannerHandler.updateOrbitCubeInitParams(e.horizontal,e.vertical),d.divaWebPlanner.handle3DVisualizationChanged("Nav3DSetVPByVal",{nav3DSetVPByVal:{rotX:n,rotY:t}})}},onZoomChange:function onZoomChange(e){var n=Math.round(e.absoluteZoom);d.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,O.jsx)("div",{className:S.VK,children:b("cube.back")}),bottom:(0,O.jsx)("div",{className:S.VK,children:b("cube.bottom")}),front:(0,O.jsx)("div",{className:S.VK,children:b("cube.front")}),left:(0,O.jsx)("div",{className:S.VK,children:b("cube.left")}),right:(0,O.jsx)("div",{className:S.VK,children:b("cube.right")}),top:(0,O.jsx)("div",{className:S.VK,children:b("cube.top")})}})})}))},74665:(e,n,t)=>{t.d(n,{Z:()=>s,i:()=>l});var i=t(8081),a=t.n(i),o=t(23645),r=t.n(o)()(a());r.push([e.id,".index-module--uhzhi {\n  position: absolute;\n  bottom: 20px;\n  right: 70px;\n  z-index: 350;\n}\n",""]);var l="index-module--uhzhi";const s=r},50557:(e,n,t)=>{t.d(n,{VK:()=>s,ZP:()=>c,ai:()=>d,il:()=>l});var i=t(8081),a=t.n(i),o=t(23645),r=t.n(o)()(a());r.push([e.id,".index-module--cG_fH {\n  position: absolute;\n  bottom: 20px;\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: 48px;\n  left: 20px;\n  right: auto;\n  right: initial;\n  z-index: 350;\n}\n",""]);var l="index-module--cG_fH",s="index-module--s0Mfg",d="index-module--zoQmM";const c=r}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3811,3097],{33811:(e,n,t)=>{t.r(n),t.d(n,{default:()=>g});t(87363);var i=t(63097),a=t(93379),o=t.n(a),r=t(7795),l=t.n(r),d=t(90569),s=t.n(d),c=t(3565),u=t.n(c),m=t(19216),v=t.n(m),b=t(44589),h=t.n(b),f=t(74665),p={};p.styleTagTransform=h(),p.setAttributes=u(),p.insert=s().bind(null,"head"),p.domAPI=l(),p.insertStyleElement=v();o()(f.Z,p);f.Z&&f.Z.locals&&f.Z.locals;var x=t(47514);const g=function OrbitInteractionFree(e){return(0,x.jsx)(i.default,{orbitInteractionContainerClass:f.i})}},63097:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var i=t(84658),a=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),f=t.n(h),p=t(19216),x=t.n(p),g=t(44589),C=t.n(g),S=t(50557),z={};z.styleTagTransform=C(),z.setAttributes=f(),z.insert=b().bind(null,"head"),z.domAPI=m(),z.insertStyleElement=x();c()(S.ZP,z);S.ZP&&S.ZP.locals&&S.ZP.locals;var P=t(91923),Z=t(9420),I=t(88683),V=t(65515),D=t.n(V),O=t(47514),j=void 0,y=void 0,N=void 0;const w=(0,Z.Pi)((function OrbitInteractionStandard(e){var n,t=e.orbitInteractionContainerClass,o=void 0===t?S.il:t,s=(0,P.NP)(),c=(0,l.useState)(!0),u=(0,a.Z)(c,2),m=u[0],v=u[1],b=(0,I.useTranslation)().t;if((0,l.useEffect)((function(){N&&clearTimeout(N),m?N=setTimeout((0,i.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 h=s.viewPlannerHandler.getOrbitCubeInitParams();return s.uiState.isLoading&&(j=void 0,y=void 0),(0,O.jsx)("div",{className:D()(o,s.uiState.isInMobileView?S.ai:void 0),children:(0,O.jsx)(d.Z,{hiddenState:[m,v],ref:function ref(e){return s.productState.setOrbitCubeElement(e)},size:s.uiState.isInMobileView?"50px":"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==j||null==y||e.horizontal!=j||e.vertical!=y){var n=e.horizontal,t=e.vertical;j=e.horizontal,y=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,O.jsx)("div",{className:S.VK,children:b("cube.back")}),bottom:(0,O.jsx)("div",{className:S.VK,children:b("cube.bottom")}),front:(0,O.jsx)("div",{className:S.VK,children:b("cube.front")}),left:(0,O.jsx)("div",{className:S.VK,children:b("cube.left")}),right:(0,O.jsx)("div",{className:S.VK,children:b("cube.right")}),top:(0,O.jsx)("div",{className:S.VK,children:b("cube.top")})}})})}))},74665:(e,n,t)=>{t.d(n,{Z:()=>d,i:()=>l});var i=t(8081),a=t.n(i),o=t(23645),r=t.n(o)()(a());r.push([e.id,".index-module--uhzhi {\n  position: absolute;\n  bottom: 20px;\n  right: 70px;\n  z-index: 350;\n}\n",""]);var l="index-module--uhzhi";const d=r},50557:(e,n,t)=>{t.d(n,{VK:()=>d,ZP:()=>c,ai:()=>s,il:()=>l});var i=t(8081),a=t.n(i),o=t(23645),r=t.n(o)()(a());r.push([e.id,".index-module--cG_fH {\n  position: absolute;\n  bottom: 20px;\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: 48px;\n  left: 20px;\n  right: auto;\n  right: initial;\n  z-index: 350;\n}\n",""]);var l="index-module--cG_fH",d="index-module--s0Mfg",s="index-module--zoQmM";const c=r}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7568.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7568],{37568:(e,n,t)=>{t.r(n),t.d(n,{default:()=>x});var r=t(84658),o=t(34988),a=t(50747),i=t.n(a),l=t(91923),s=t(87363),d=t(9420),c=t(88683),u=t(70318),p=t.n(u),A=t(43494),g=t(93379),v=t.n(g),w=t(7795),f=t.n(w),h=t(90569),b=t.n(h),m=t(3565),C=t.n(m),S=t(19216),R=t.n(S),D=t(44589),y=t.n(D),T=t(64890),L={};L.styleTagTransform=y(),L.setAttributes=C(),L.insert=b().bind(null,"head"),L.domAPI=f(),L.insertStyleElement=R();v()(T.Z,L);T.Z&&T.Z.locals&&T.Z.locals;var k=t(47514);const x=(0,d.Pi)((function PlannerRTV(){var e,n,t,a=(0,l.NP)(),d=(0,s.useRef)(),u=(0,c.useTranslation)().t,g=(0,s.useState)(!1),v=(0,o.Z)(g,2),w=v[0],f=v[1],h=(0,s.useState)([]),b=(0,o.Z)(h,2),m=b[0],C=b[1],S=(0,s.useRef)(!0),R=(0,s.useRef)(),D=a.viewPlannerHandler.getPlannerViewConfig(),y=(0,s.useRef)(null),T=(0,c.useDivaCore)(),L=T.actions,x=T.state,U=x.apiConfig,I=x.isMobile,E=x.isFirefox,P=x.jwt,X=x.dimensions.isTablet,Y=I||X;(0,s.useEffect)((function(){!a.hqRenderScript&&a.productState.doShowRTV?(L.toggleLoading("HQRenderScript",!1,!0),setTimeout((function(){return L.toggleLoading("HQRenderScript",!1,!1)}),5e3)):a.hqRenderScript&&L.toggleLoading("HQRenderScript",!1,!1)}),[a.productState.doShowRTV,a.hqRenderScript]),(0,s.useEffect)((function(){a.productState.glbUrl=void 0,a.productState.allow3DComb||(a.productState.activateAR=void 0)}),[a.settingsState.configChanged]),(0,s.useEffect)((function(){var e=[];a.viewPlannerHandler.plannerUIHandler.uiItems.forEach((function(n){"PosNr"==n.type&&e.push({setId:n.setId,elementId:Number(n.elementId),active:"selected"==n.elemState,selectable:"unselectable"!=n.elemState,posNr:n.posNr,type:n.type})})),JSON.stringify(e)!=JSON.stringify(m)&&C(e)}),[a.viewPlannerHandler.plannerUIHandler.uiItems]);var j=Y&&a.uiState.AllConfig.arViewerIframe,K=a.uiState.AllConfig.arViewerUrl+"?arObject=1";return(0,s.useEffect)((function(){L.loadModelViewer();var e=function messageListener(e){y.current&&("AR_READY"===e.data.type&&(y.current.style.zIndex="10000",y.current.style.position="fixed",L.closeModal()),"AR_CLOSE"===e.data.type&&(a.productState.setDoShowARQRCode(!1),y.current.style.zIndex="0",y.current.style.position="absolute",y.current.src=K,f(!1),a.productState.onChangePlannerView(a.productState.allow3DComb?"3DCOMB":a.productState.allowRTV?"RTV":"3D")))};return window.addEventListener("message",e),function(){window.removeEventListener("message",e)}}),[]),(0,s.useEffect)((function(){if(j&&a.productState.doShowARQRCode&&R.current){y.current.style.zIndex="10000",y.current.style.position="fixed";var e=new FileReader;e.readAsDataURL(R.current),e.onloadend=function(){var n,t=e.result;null===(n=y.current)||void 0===n||null===(n=n.contentWindow)||void 0===n||n.postMessage({type:"SET_AR_OBJECT",payload:t},"*")}}}),[a.productState.doShowARQRCode]),!a.productState.doShowRTV&&!0===S.current||!a.isParentViewVisible?(0,k.jsx)(k.Fragment,{}):(S.current=!0,void 0!==a.hqRenderScript&&a.productState.browserSupportAR?(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(p(),{renderjob:a.hqRenderScript,isMobile:Y,elementsInfo:m,actions:L,inBackground:w,viewHandler:a,freePlacesOnGrids:a.settingsState.freePlacesOnGrids,plannedPlacesOnGrids:a.settingsState.plannedPlacesOnGrids,apiConfig:U,jwt:P,renderInBackground:!!j&&!w,uiConfig:{templateConfig:null!==(e=null===(n=a.uiState.templateConfig)||void 0===n?void 0:n["Product/ProductCenter/PlannerUI/PlannerUIVariants"])&&void 0!==e?e:"standard",posNumIcon:D.posNumIcon,posTrashIcon:D.posTrashRotIcon,hideUiIcons:null!==(t=a.divaWebPlanner.hidePlannerUiIcons())&&void 0!==t&&t},callbacks:{setGlb:Y?function(){var e=(0,r.Z)(i().mark((function _callee(e,n){var t;return i().wrap((function _callee$(r){for(;;)switch(r.prev=r.next){case 0:a.productState.glbUrl=e,j&&y.current&&n&&((t=new FileReader).readAsDataURL(n),R.current=n,t.onloadend=function(){var e,n=t.result;null===(e=y.current)||void 0===e||null===(e=e.contentWindow)||void 0===e||e.postMessage({type:"SET_AR_OBJECT",payload:n},"*")});case 2:case"end":return r.stop()}}),_callee)})));return function(n,t){return e.apply(this,arguments)}}():void 0,onElementSelected:function onElementSelected(e,n){a.viewPlannerHandler.onElementSelected(e,n)},onMissingGeo:function onMissingGeo(){a.productState.loadRTVForAr&&L.openModal({title:u("configurator.missinggeo_title"),text:u("configurator.missinggeo"),accept:"OK"})}}},"real-time-renderer"),j&&(0,k.jsx)("iframe",{src:K,ref:y,allow:"xr-spatial-tracking; camera; accelerometer; magnetometer; gyroscope",allowFullScreen:!0,style:{width:"100%",height:"100%"}}),a.productState.glbUrl&&!j&&(0,k.jsx)("div",{id:"ar-viewer",children:(0,k.jsxs)("model-viewer",{id:"model-viewer",ref:function ref(e){var n,t;d.current=e,null===(n=d.current)||void 0===n||n.addEventListener("model-visibility",(function(e){var n;e.detail.visible&&a.productState.setRTVActivateAR(null===(n=d.current)||void 0===n?void 0:n.canActivateAR,(function(){var e;return null===(e=d.current)||void 0===e?void 0:e.activateAR()}))})),null===(t=d.current)||void 0===t||t.addEventListener("ar-status",(function(e){var n;a.productState.setRTVActivateAR(null===(n=d.current)||void 0===n?void 0:n.canActivateAR,(function(){var e;return null===(e=d.current)||void 0===e?void 0:e.activateAR()})),"failed"===e.detail.status||"not-presenting"==e.detail.status?f(!1):f(!0)}))},src:a.productState.glbUrl,ar:!0,"ar-scale":"fixed","ar-modes":E?"":"webxr quick-look","shadow-intensity":"1","camera-controls":!0,"touch-action":"pan-y",style:{position:"absolute",height:"100%",width:"100%",top:"0px",background:"white"},children:[(0,k.jsx)("div",{id:"ar-prompt",children:(0,k.jsx)("img",{src:A})}),(0,k.jsx)("button",{id:"ar-failure",children:"AR is not tracking!"})]})})]}):(0,k.jsx)(k.Fragment,{}))}))},64890:(e,n,t)=>{t.d(n,{Z:()=>p});var r=t(8081),o=t.n(r),a=t(23645),i=t.n(a),l=t(61667),s=t.n(l),d=new URL(t(43494),t.b),c=i()(o()),u=s()(d);c.push([e.id,"/* This keeps child nodes hidden while the element loads */\n#ar-viewer :not(:defined) > * {\n  display: none;\n}\n\n#ar-viewer model-viewer {\n  background-color: #eee;\n  overflow-x: hidden;\n}\n\n#ar-viewer #ar-button {\n  background-image: url("+u+");\n  background-repeat: no-repeat;\n  background-size: 20px 20px;\n  background-position: 12px 50%;\n  background-color: #fff;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  white-space: nowrap;\n  bottom: 132px;\n  padding: 0px 16px 0px 40px;\n  font-size: 14px;\n  color: #4285f4;\n  height: 36px;\n  line-height: 36px;\n  border-radius: 18px;\n  border: 1px solid #dadce0;\n}\n\n#ar-viewer #ar-button:active {\n  background-color: #e8eaed;\n}\n\n#ar-viewer #ar-button:focus {\n  outline: none;\n}\n\n#ar-viewer #ar-button.focus-visible {\n  outline: 1px solid #4285f4;\n}\n\n#ar-viewer #ar-button:focus-visible {\n  outline: 1px solid #4285f4;\n}\n\n@keyframes circle {\n  from {\n    transform: translateX(-50%) rotate(0deg) translateX(50px) rotate(0deg);\n  }\n  to {\n    transform: translateX(-50%) rotate(360deg) translateX(50px) rotate(-360deg);\n  }\n}\n\n@keyframes elongate {\n  from {\n    transform: translateX(100px);\n  }\n  to {\n    transform: translateX(-100px);\n  }\n}\n\n#ar-viewer model-viewer > #ar-prompt {\n  position: absolute;\n  left: 50%;\n  bottom: 0px;\n  animation: elongate 2s infinite ease-in-out alternate;\n  display: none;\n}\n\n#ar-viewer model-viewer[ar-status='session-started'] > #ar-prompt {\n  display: block;\n  visibility: visible;\n}\n\n#ar-viewer model-viewer > #ar-prompt > img {\n  animation: circle 4s linear infinite;\n}\n\n#ar-viewer model-viewer > #ar-failure {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  bottom: 175px;\n  display: none;\n}\n\n#ar-viewer model-viewer[ar-tracking='not-tracking'] > #ar-failure {\n  display: block;\n}\n\n#ar-viewer .slider {\n  width: 100%;\n  text-align: center;\n  overflow: hidden;\n  position: absolute;\n  bottom: 16px;\n}\n\n#ar-viewer .slides {\n  display: flex;\n  overflow-x: auto;\n  scroll-snap-type: x mandatory;\n  scroll-behavior: smooth;\n  -webkit-overflow-scrolling: touch;\n}\n\n#ar-viewer .slide {\n  scroll-snap-align: start;\n  flex-shrink: 0;\n  width: 100px;\n  height: 100px;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-color: #fff;\n  margin-right: 10px;\n  border-radius: 10px;\n  border: none;\n  display: flex;\n}\n\n#ar-viewer .slide.selected {\n  border: 2px solid #4285f4;\n}\n\n#ar-viewer .slide:focus {\n  outline: none;\n}\n\n#ar-viewer .slide.focus-visible {\n  outline: 1px solid #4285f4;\n}\n\n#ar-viewer .slide:focus-visible {\n  outline: 1px solid #4285f4;\n}\n",""]);const p=c},43494:e=>{e.exports="data:image/png;base64,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"}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7568],{37568:(e,n,t)=>{t.r(n),t.d(n,{default:()=>x});var r=t(84658),o=t(34988),a=t(50747),i=t.n(a),l=t(91923),s=t(87363),d=t(9420),c=t(88683),u=t(70318),p=t.n(u),A=t(43494),g=t(93379),v=t.n(g),w=t(7795),f=t.n(w),h=t(90569),b=t.n(h),m=t(3565),C=t.n(m),S=t(19216),R=t.n(S),D=t(44589),y=t.n(D),T=t(64890),L={};L.styleTagTransform=y(),L.setAttributes=C(),L.insert=b().bind(null,"head"),L.domAPI=f(),L.insertStyleElement=R();v()(T.Z,L);T.Z&&T.Z.locals&&T.Z.locals;var k=t(47514);const x=(0,d.Pi)((function PlannerRTV(){var e,n,t,a=(0,l.NP)(),d=(0,s.useRef)(),u=(0,c.useTranslation)().t,g=(0,s.useState)(!1),v=(0,o.Z)(g,2),w=v[0],f=v[1],h=(0,s.useState)([]),b=(0,o.Z)(h,2),m=b[0],C=b[1],S=(0,s.useRef)(!0),R=(0,s.useRef)(),D=a.viewPlannerHandler.getPlannerViewConfig(),y=(0,s.useRef)(null),T=(0,c.useDivaCore)(),L=T.actions,x=T.state,U=x.apiConfig,I=x.isMobile,E=x.isFirefox,P=x.jwt,X=x.dimensions.isTablet,Y=I||X;(0,s.useEffect)((function(){!a.hqRenderScript&&a.productState.doShowRTV?(L.toggleLoading("HQRenderScript",!1,!0),setTimeout((function(){return L.toggleLoading("HQRenderScript",!1,!1)}),5e3)):a.hqRenderScript&&L.toggleLoading("HQRenderScript",!1,!1)}),[a.productState.doShowRTV,a.hqRenderScript]),(0,s.useEffect)((function(){a.productState.glbUrl=void 0,a.productState.allow3DComb||(a.productState.activateAR=void 0)}),[a.settingsState.configChanged]),(0,s.useEffect)((function(){var e=[];a.viewPlannerHandler.plannerUIHandler.uiItems.forEach((function(n){"PosNr"==n.type&&e.push({setId:n.setId,elementId:Number(n.elementId),active:"selected"==n.elemState,selectable:"unselectable"!=n.elemState,posNr:n.posNr,type:n.type})})),JSON.stringify(e)!=JSON.stringify(m)&&C(e)}),[a.viewPlannerHandler.plannerUIHandler.uiItems]);var j=Y&&a.uiState.AllConfig.arViewerIframe,K=a.uiState.AllConfig.arViewerUrl+"?arObject=1";return(0,s.useEffect)((function(){L.loadModelViewer();var e=function messageListener(e){y.current&&("AR_READY"===e.data.type&&a.productState.doShowARQRCode&&(y.current.style.zIndex="10000",y.current.style.position="fixed",L.closeModal()),"AR_CLOSE"===e.data.type&&(a.productState.setDoShowARQRCode(!1),y.current.style.zIndex="0",y.current.style.position="absolute",y.current.src=K,f(!1),a.productState.onChangePlannerView(a.productState.allow3DComb?"3DCOMB":a.productState.allowRTV?"RTV":"3D")))};return window.addEventListener("message",e),function(){window.removeEventListener("message",e)}}),[]),(0,s.useEffect)((function(){if(j&&a.productState.doShowARQRCode&&R.current){y.current.style.zIndex="10000",y.current.style.position="fixed";var e=new FileReader;e.readAsDataURL(R.current),e.onloadend=function(){var n,t=e.result;null===(n=y.current)||void 0===n||null===(n=n.contentWindow)||void 0===n||n.postMessage({type:"SET_AR_OBJECT",payload:t},"*")}}}),[a.productState.doShowARQRCode]),!a.productState.doShowRTV&&!0===S.current||!a.isParentViewVisible?(0,k.jsx)(k.Fragment,{}):(S.current=!0,void 0!==a.hqRenderScript&&a.productState.browserSupportAR?(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(p(),{renderjob:a.hqRenderScript,isMobile:Y,elementsInfo:m,actions:L,inBackground:w,viewHandler:a,freePlacesOnGrids:a.settingsState.freePlacesOnGrids,plannedPlacesOnGrids:a.settingsState.plannedPlacesOnGrids,apiConfig:U,jwt:P,renderInBackground:!!j&&!w,uiConfig:{templateConfig:null!==(e=null===(n=a.uiState.templateConfig)||void 0===n?void 0:n["Product/ProductCenter/PlannerUI/PlannerUIVariants"])&&void 0!==e?e:"standard",posNumIcon:D.posNumIcon,posTrashIcon:D.posTrashRotIcon,hideUiIcons:null!==(t=a.divaWebPlanner.hidePlannerUiIcons())&&void 0!==t&&t},callbacks:{setGlb:Y?function(){var e=(0,r.Z)(i().mark((function _callee(e,n){var t;return i().wrap((function _callee$(r){for(;;)switch(r.prev=r.next){case 0:a.productState.glbUrl=e,j&&y.current&&n&&((t=new FileReader).readAsDataURL(n),R.current=n,t.onloadend=function(){var e,n=t.result;null===(e=y.current)||void 0===e||null===(e=e.contentWindow)||void 0===e||e.postMessage({type:"SET_AR_OBJECT",payload:n},"*")});case 2:case"end":return r.stop()}}),_callee)})));return function(n,t){return e.apply(this,arguments)}}():void 0,onElementSelected:function onElementSelected(e,n){a.viewPlannerHandler.onElementSelected(e,n)},onMissingGeo:function onMissingGeo(){a.productState.loadRTVForAr&&L.openModal({title:u("configurator.missinggeo_title"),text:u("configurator.missinggeo"),accept:"OK"})}}},"real-time-renderer"),j&&(0,k.jsx)("iframe",{src:K,ref:y,allow:"xr-spatial-tracking; camera; accelerometer; magnetometer; gyroscope",allowFullScreen:!0,style:{width:"100%",height:"100%"}}),a.productState.glbUrl&&!j&&(0,k.jsx)("div",{id:"ar-viewer",children:(0,k.jsxs)("model-viewer",{id:"model-viewer",ref:function ref(e){var n,t;d.current=e,null===(n=d.current)||void 0===n||n.addEventListener("model-visibility",(function(e){var n;e.detail.visible&&a.productState.setRTVActivateAR(null===(n=d.current)||void 0===n?void 0:n.canActivateAR,(function(){var e;return null===(e=d.current)||void 0===e?void 0:e.activateAR()}))})),null===(t=d.current)||void 0===t||t.addEventListener("ar-status",(function(e){var n;a.productState.setRTVActivateAR(null===(n=d.current)||void 0===n?void 0:n.canActivateAR,(function(){var e;return null===(e=d.current)||void 0===e?void 0:e.activateAR()})),"failed"===e.detail.status||"not-presenting"==e.detail.status?f(!1):f(!0)}))},src:a.productState.glbUrl,ar:!0,"ar-scale":"fixed","ar-modes":E?"":"webxr quick-look","shadow-intensity":"1","camera-controls":!0,"touch-action":"pan-y",style:{position:"absolute",height:"100%",width:"100%",top:"0px",background:"white"},children:[(0,k.jsx)("div",{id:"ar-prompt",children:(0,k.jsx)("img",{src:A})}),(0,k.jsx)("button",{id:"ar-failure",children:"AR is not tracking!"})]})})]}):(0,k.jsx)(k.Fragment,{}))}))},64890:(e,n,t)=>{t.d(n,{Z:()=>p});var r=t(8081),o=t.n(r),a=t(23645),i=t.n(a),l=t(61667),s=t.n(l),d=new URL(t(43494),t.b),c=i()(o()),u=s()(d);c.push([e.id,"/* This keeps child nodes hidden while the element loads */\n#ar-viewer :not(:defined) > * {\n  display: none;\n}\n\n#ar-viewer model-viewer {\n  background-color: #eee;\n  overflow-x: hidden;\n}\n\n#ar-viewer #ar-button {\n  background-image: url("+u+");\n  background-repeat: no-repeat;\n  background-size: 20px 20px;\n  background-position: 12px 50%;\n  background-color: #fff;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  white-space: nowrap;\n  bottom: 132px;\n  padding: 0px 16px 0px 40px;\n  font-size: 14px;\n  color: #4285f4;\n  height: 36px;\n  line-height: 36px;\n  border-radius: 18px;\n  border: 1px solid #dadce0;\n}\n\n#ar-viewer #ar-button:active {\n  background-color: #e8eaed;\n}\n\n#ar-viewer #ar-button:focus {\n  outline: none;\n}\n\n#ar-viewer #ar-button.focus-visible {\n  outline: 1px solid #4285f4;\n}\n\n#ar-viewer #ar-button:focus-visible {\n  outline: 1px solid #4285f4;\n}\n\n@keyframes circle {\n  from {\n    transform: translateX(-50%) rotate(0deg) translateX(50px) rotate(0deg);\n  }\n  to {\n    transform: translateX(-50%) rotate(360deg) translateX(50px) rotate(-360deg);\n  }\n}\n\n@keyframes elongate {\n  from {\n    transform: translateX(100px);\n  }\n  to {\n    transform: translateX(-100px);\n  }\n}\n\n#ar-viewer model-viewer > #ar-prompt {\n  position: absolute;\n  left: 50%;\n  bottom: 0px;\n  animation: elongate 2s infinite ease-in-out alternate;\n  display: none;\n}\n\n#ar-viewer model-viewer[ar-status='session-started'] > #ar-prompt {\n  display: block;\n  visibility: visible;\n}\n\n#ar-viewer model-viewer > #ar-prompt > img {\n  animation: circle 4s linear infinite;\n}\n\n#ar-viewer model-viewer > #ar-failure {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  bottom: 175px;\n  display: none;\n}\n\n#ar-viewer model-viewer[ar-tracking='not-tracking'] > #ar-failure {\n  display: block;\n}\n\n#ar-viewer .slider {\n  width: 100%;\n  text-align: center;\n  overflow: hidden;\n  position: absolute;\n  bottom: 16px;\n}\n\n#ar-viewer .slides {\n  display: flex;\n  overflow-x: auto;\n  scroll-snap-type: x mandatory;\n  scroll-behavior: smooth;\n  -webkit-overflow-scrolling: touch;\n}\n\n#ar-viewer .slide {\n  scroll-snap-align: start;\n  flex-shrink: 0;\n  width: 100px;\n  height: 100px;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-color: #fff;\n  margin-right: 10px;\n  border-radius: 10px;\n  border: none;\n  display: flex;\n}\n\n#ar-viewer .slide.selected {\n  border: 2px solid #4285f4;\n}\n\n#ar-viewer .slide:focus {\n  outline: none;\n}\n\n#ar-viewer .slide.focus-visible {\n  outline: 1px solid #4285f4;\n}\n\n#ar-viewer .slide:focus-visible {\n  outline: 1px solid #4285f4;\n}\n",""]);const p=c},43494:e=>{e.exports="data:image/png;base64,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"}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8086.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8086,1280],{8086:(e,_,n)=>{n.r(_),n.d(_,{default:()=>p});var o=n(80248),r=n(9420),t=(n(87363),n(41280)),i=n(93379),a=n.n(i),l=n(7795),c=n.n(l),s=n(90569),d=n.n(s),u=n(3565),E=n.n(u),O=n(19216),P=n.n(O),x=n(44589),b=n.n(x),v=n(30867),m={};m.styleTagTransform=b(),m.setAttributes=E(),m.insert=d().bind(null,"head"),m.domAPI=c(),m.insertStyleElement=P();a()(v.ZP,m);v.ZP&&v.ZP.locals&&v.ZP.locals;var M=n(47514);function ownKeys(e,_){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);_&&(o=o.filter((function(_){return Object.getOwnPropertyDescriptor(e,_).enumerable}))),n.push.apply(n,o)}return n}function _objectSpread(e){for(var _=1;_<arguments.length;_++){var n=null!=arguments[_]?arguments[_]:{};_%2?ownKeys(Object(n),!0).forEach((function(_){(0,o.Z)(e,_,n[_])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(_){Object.defineProperty(e,_,Object.getOwnPropertyDescriptor(n,_))}))}return e}const p=(0,r.Pi)((function ActionNavigationGold(e){return(0,M.jsx)(t.default,_objectSpread(_objectSpread({},e),{},{showBackButtonText:!0,backOverwrite:v.op,forthOverwrite:v.ox}))}))},41280:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(80248),_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(72874),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(65515),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_model__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(91923),mobx_react_lite__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(9420),react__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(87363),react__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__),_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(88683),_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5__),_index_module_css__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(40976),_GlobalElements_Checkout_IconComponent__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(39667),_GlobalElements_Checkout__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(71097),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(47514),_excluded=["className","showBackButtonText","backOverwrite","forthOverwrite","showNextButtonIcon","showCheckoutButtons"];function ownKeys(e,_){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);_&&(o=o.filter((function(_){return Object.getOwnPropertyDescriptor(e,_).enumerable}))),n.push.apply(n,o)}return n}function _objectSpread(e){for(var _=1;_<arguments.length;_++){var n=null!=arguments[_]?arguments[_]:{};_%2?ownKeys(Object(n),!0).forEach((function(_){(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__.Z)(e,_,n[_])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(_){Object.defineProperty(e,_,Object.getOwnPropertyDescriptor(n,_))}))}return e}var ActionNavigation=function ActionNavigation(e){var _,n=e.className,o=e.showBackButtonText,r=e.backOverwrite,t=e.forthOverwrite,i=e.showNextButtonIcon,a=e.showCheckoutButtons,l=(0,_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_10__.Z)(e,_excluded),c=(0,_model__WEBPACK_IMPORTED_MODULE_2__.NP)(),s=(0,_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5__.useTranslation)().t;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.Fragment,{children:!c.uiState.configSettingsIsHidden&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div",_objectSpread(_objectSpread({},l),{},{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()(n,_index_module_css__WEBPACK_IMPORTED_MODULE_6__.jl,c.actionButtonState.isOnFirstStep?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.FN:void 0,c.actionButtonState.isOnFirstStepDisabled?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.$t:void 0,c.actionButtonState.isOnLastStep?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.Is:void 0,"vertical"==c.tabGroupState.curTabGroupType?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.KR:void 0,c.uiState.isMobilePortrait?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.tW:void 0,c.uiState.isMobileLandscape?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.Qv:void 0),children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div",{className:_index_module_css__WEBPACK_IMPORTED_MODULE_6__.nC,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()(_index_module_css__WEBPACK_IMPORTED_MODULE_6__.LI,_index_module_css__WEBPACK_IMPORTED_MODULE_6__.op,r),onClick:c.actionButtonState.onClickConfiguratorSettingsBack,children:[!o&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateBack, var(--secondaryColor))",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),o&&s("configurator.Back")]}),a&&(null===(_=c.getViewConfig().checkout)||void 0===_?void 0:_.buttons.map((function(e,_){return evalVisible(e,c)?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div",{className:_index_module_css__WEBPACK_IMPORTED_MODULE_6__.rK,onClick:function onClick(){return(0,_GlobalElements_Checkout__WEBPACK_IMPORTED_MODULE_8__.onClickCheckout)(e,c,_,s)},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_GlobalElements_Checkout_IconComponent__WEBPACK_IMPORTED_MODULE_7__.default,{checkoutButton:e,size:40})},_):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.Fragment,{})}))),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()(_index_module_css__WEBPACK_IMPORTED_MODULE_6__.LI,_index_module_css__WEBPACK_IMPORTED_MODULE_6__.ox,t),onClick:c.actionButtonState.onClickConfiguratorSettingsForth,id:"wcConfigurator-action-next",children:[s("configurator.Next"),i&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateForthFontColor, #ffffff)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]})]})}))})};const __WEBPACK_DEFAULT_EXPORT__=(0,mobx_react_lite__WEBPACK_IMPORTED_MODULE_3__.Pi)(ActionNavigation);var evalVisible=function evalVisible(button,viewHandler){var rule=button.visibleNavigatorFunction;return!(button.visibleRule&&!eval(button.visibleRule))&&(!1!==rule&&void 0!==rule&&(!0===rule||viewHandler.uiState.isMobileLandscape&&rule.includes("MOBILE_L")||viewHandler.uiState.isMobilePortrait&&rule.includes("MOBILE_P")||!viewHandler.getIsInMobileView()&&rule.includes("DESKTOP")))}},30867:(e,_,n)=>{n.d(_,{ZP:()=>c,op:()=>a,ox:()=>l});var o=n(8081),r=n.n(o),t=n(23645),i=n.n(t)()(r());i.push([e.id,".index-module--vFsUL {\n  border: 1px var(--secondaryColor) solid;\n  border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n  background-color: white;\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: 50%;\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--PgOEW {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  background-color: var(--navigateForth, var(--secondaryColor));\n  color: #ffffff;\n  color: var(--navigateForthFontColor, #ffffff);\n  float: right;\n  width: 50%;\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n",""]);var a="index-module--vFsUL",l="index-module--PgOEW";const c=i},28717:(e,_,n)=>{n.d(_,{$t:()=>O,FN:()=>x,Is:()=>P,KR:()=>c,LI:()=>s,Qv:()=>b,ZP:()=>m,jl:()=>a,nC:()=>l,op:()=>u,ox:()=>E,rK:()=>d,tW:()=>v});var o=n(8081),r=n.n(o),t=n(23645),i=n.n(t)()(r());i.push([e.id,"/*Navigaton Buttons*/\n.index-module--Ug06K {\n  transition: width 0.2s ease-in-out;\n}\n\n.index-module--uMdxf {\n  height: 100%;\n  font-weight: 300;\n  font-size: 14px;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  width: 100%;\n  display: flex;\n  gap: 3px;\n}\n.index-module--j2X1m .index-module--uMdxf {\n  line-height: var(--configuratorActionHeight);\n}\n\n.index-module--NUblS {\n  border-radius: var(--globalBorderRadius);\n  height: 100%;\n  text-align: center;\n}\n\n.index-module--mfwxp {\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--vWg5_ {\n  border: 1px var(--secondaryColor) solid;\n  border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n  background-color: white;\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--IneQR {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  background-color: var(--navigateForth, var(--secondaryColor));\n  color: #ffffff;\n  color: var(--navigateForthFontColor, #ffffff);\n  float: right;\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-grow: 3;\n}\n\n.index-module--vWg5_:hover,\n.index-module--IneQR:hover {\n  cursor: pointer;\n  box-shadow: var(--boxShadowHover);\n}\n.index-module--IneQR svg {\n  transform: rotate(180deg);\n  position: absolute;\n  right: 16px;\n}\n\n.index-module--n4fFc .index-module--IneQR {\n  pointer-events: none;\n  background-color: #707070;\n  background-color: var(--navigateForth, #707070);\n  border-color: #707070;\n}\n\n.index-module--YJM3e .index-module--vWg5_ {\n  width: 100%;\n}\n\n.index-module--YJM3e .index-module--IneQR {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--vWg5_ {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--IneQR {\n  width: 100%;\n}\n\n.index-module--CVPGS .index-module--NUblS,\n.index-module--KE5Qn .index-module--NUblS {\n  line-height: calc(var(--configuratorActionHeight) - 5px);\n  border-radius: var(--globalBorderRadius);\n}\n",""]);var a="index-module--Ug06K",l="index-module--uMdxf",c="index-module--j2X1m",s="index-module--NUblS",d="index-module--mfwxp",u="index-module--vWg5_",E="index-module--IneQR",O="index-module--n4fFc",P="index-module--YJM3e",x="index-module--X2uG9",b="index-module--CVPGS",v="index-module--KE5Qn";const m=i},40976:(e,_,n)=>{n.d(_,{$t:()=>P.$t,FN:()=>P.FN,Is:()=>P.Is,KR:()=>P.KR,LI:()=>P.LI,Qv:()=>P.Qv,jl:()=>P.jl,nC:()=>P.nC,op:()=>P.op,ox:()=>P.ox,rK:()=>P.rK,tW:()=>P.tW});var o=n(93379),r=n.n(o),t=n(7795),i=n.n(t),a=n(90569),l=n.n(a),c=n(3565),s=n.n(c),d=n(19216),u=n.n(d),E=n(44589),O=n.n(E),P=n(28717),x={};x.styleTagTransform=O(),x.setAttributes=s(),x.insert=l().bind(null,"head"),x.domAPI=i(),x.insertStyleElement=u();r()(P.ZP,x),P.ZP&&P.ZP.locals&&P.ZP.locals}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8086,1280],{8086:(e,_,n)=>{n.r(_),n.d(_,{default:()=>f});var o=n(80248),r=n(9420),t=(n(87363),n(41280)),i=n(93379),a=n.n(i),l=n(7795),s=n.n(l),c=n(90569),d=n.n(c),u=n(3565),E=n.n(u),O=n(19216),P=n.n(O),x=n(44589),b=n.n(x),v=n(30867),m={};m.styleTagTransform=b(),m.setAttributes=E(),m.insert=d().bind(null,"head"),m.domAPI=s(),m.insertStyleElement=P();a()(v.ZP,m);v.ZP&&v.ZP.locals&&v.ZP.locals;var M=n(65515),p=n.n(M),D=n(47514);function ownKeys(e,_){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);_&&(o=o.filter((function(_){return Object.getOwnPropertyDescriptor(e,_).enumerable}))),n.push.apply(n,o)}return n}function _objectSpread(e){for(var _=1;_<arguments.length;_++){var n=null!=arguments[_]?arguments[_]:{};_%2?ownKeys(Object(n),!0).forEach((function(_){(0,o.Z)(e,_,n[_])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(_){Object.defineProperty(e,_,Object.getOwnPropertyDescriptor(n,_))}))}return e}const f=(0,r.Pi)((function ActionNavigationGold(e){return(0,D.jsx)(t.default,_objectSpread(_objectSpread({},e),{},{className:p()(e.className,v.nC),showBackButtonText:!0,backOverwrite:v.op,forthOverwrite:v.ox}))}))},41280:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(80248),_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(72874),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(65515),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_model__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(91923),mobx_react_lite__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(9420),react__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(87363),react__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__),_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(88683),_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5__),_index_module_css__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(40976),_GlobalElements_Checkout_IconComponent__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(39667),_GlobalElements_Checkout__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(71097),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(47514),_excluded=["className","showBackButtonText","backOverwrite","forthOverwrite","showNextButtonIcon","showCheckoutButtons"];function ownKeys(e,_){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);_&&(o=o.filter((function(_){return Object.getOwnPropertyDescriptor(e,_).enumerable}))),n.push.apply(n,o)}return n}function _objectSpread(e){for(var _=1;_<arguments.length;_++){var n=null!=arguments[_]?arguments[_]:{};_%2?ownKeys(Object(n),!0).forEach((function(_){(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__.Z)(e,_,n[_])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(_){Object.defineProperty(e,_,Object.getOwnPropertyDescriptor(n,_))}))}return e}var ActionNavigation=function ActionNavigation(e){var _,n=e.className,o=e.showBackButtonText,r=e.backOverwrite,t=e.forthOverwrite,i=e.showNextButtonIcon,a=e.showCheckoutButtons,l=(0,_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_10__.Z)(e,_excluded),s=(0,_model__WEBPACK_IMPORTED_MODULE_2__.NP)(),c=(0,_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5__.useTranslation)().t;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.Fragment,{children:!s.uiState.configSettingsIsHidden&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div",_objectSpread(_objectSpread({},l),{},{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()(n,_index_module_css__WEBPACK_IMPORTED_MODULE_6__.jl,s.actionButtonState.isOnFirstStep?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.FN:void 0,s.actionButtonState.isOnFirstStepDisabled?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.$t:void 0,s.actionButtonState.isOnLastStep?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.Is:void 0,"vertical"==s.tabGroupState.curTabGroupType?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.KR:void 0,s.uiState.isMobilePortrait?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.tW:void 0,s.uiState.isMobileLandscape?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.Qv:void 0),children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div",{className:_index_module_css__WEBPACK_IMPORTED_MODULE_6__.nC,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()(_index_module_css__WEBPACK_IMPORTED_MODULE_6__.LI,_index_module_css__WEBPACK_IMPORTED_MODULE_6__.op,r),onClick:s.actionButtonState.onClickConfiguratorSettingsBack,children:[!o&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateBack, var(--secondaryColor))",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),o&&c("configurator.Back")]}),a&&(null===(_=s.getViewConfig().checkout)||void 0===_?void 0:_.buttons.map((function(e,_){return evalVisible(e,s)?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div",{className:_index_module_css__WEBPACK_IMPORTED_MODULE_6__.rK,onClick:function onClick(){return(0,_GlobalElements_Checkout__WEBPACK_IMPORTED_MODULE_8__.onClickCheckout)(e,s,_,c)},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_GlobalElements_Checkout_IconComponent__WEBPACK_IMPORTED_MODULE_7__.default,{checkoutButton:e,size:40})},_):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.Fragment,{})}))),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()(_index_module_css__WEBPACK_IMPORTED_MODULE_6__.LI,_index_module_css__WEBPACK_IMPORTED_MODULE_6__.ox,t),onClick:s.actionButtonState.onClickConfiguratorSettingsForth,id:"wcConfigurator-action-next",children:[c("configurator.Next"),i&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateForthFontColor, #ffffff)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]})]})}))})};const __WEBPACK_DEFAULT_EXPORT__=(0,mobx_react_lite__WEBPACK_IMPORTED_MODULE_3__.Pi)(ActionNavigation);var evalVisible=function evalVisible(button,viewHandler){var rule=button.visibleNavigatorFunction;return!(button.visibleRule&&!eval(button.visibleRule))&&(!1!==rule&&void 0!==rule&&(!0===rule||viewHandler.uiState.isMobileLandscape&&rule.includes("MOBILE_L")||viewHandler.uiState.isMobilePortrait&&rule.includes("MOBILE_P")||!viewHandler.getIsInMobileView()&&rule.includes("DESKTOP")))}},30867:(e,_,n)=>{n.d(_,{ZP:()=>c,nC:()=>a,op:()=>l,ox:()=>s});var o=n(8081),r=n.n(o),t=n(23645),i=n.n(t)()(r());i.push([e.id,".index-module--NSnuZ .index-module--vFsUL {\n  border: 1px var(--secondaryColor) solid;\n  border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n  background-color: white;\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: 50%;\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--NSnuZ .index-module--PgOEW {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  background-color: var(--navigateForth, var(--secondaryColor));\n  color: #ffffff;\n  color: var(--navigateForthFontColor, #ffffff);\n  float: right;\n  width: 50%;\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n",""]);var a="index-module--NSnuZ",l="index-module--vFsUL",s="index-module--PgOEW";const c=i},28717:(e,_,n)=>{n.d(_,{$t:()=>O,FN:()=>x,Is:()=>P,KR:()=>s,LI:()=>c,Qv:()=>b,ZP:()=>m,jl:()=>a,nC:()=>l,op:()=>u,ox:()=>E,rK:()=>d,tW:()=>v});var o=n(8081),r=n.n(o),t=n(23645),i=n.n(t)()(r());i.push([e.id,"/*Navigaton Buttons*/\n.index-module--Ug06K {\n  transition: width 0.2s ease-in-out;\n}\n\n.index-module--uMdxf {\n  height: 100%;\n  font-weight: 300;\n  font-size: 14px;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  width: 100%;\n  display: flex;\n  gap: 3px;\n}\n.index-module--j2X1m .index-module--uMdxf {\n  line-height: var(--configuratorActionHeight);\n}\n\n.index-module--NUblS {\n  border-radius: var(--globalBorderRadius);\n  height: 100%;\n  text-align: center;\n}\n\n.index-module--mfwxp {\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--vWg5_ {\n  border: 1px var(--secondaryColor) solid;\n  border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n  background-color: white;\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--IneQR {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  background-color: var(--navigateForth, var(--secondaryColor));\n  color: #ffffff;\n  color: var(--navigateForthFontColor, #ffffff);\n  float: right;\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-grow: 3;\n}\n\n.index-module--vWg5_:hover,\n.index-module--IneQR:hover {\n  cursor: pointer;\n  box-shadow: var(--boxShadowHover);\n}\n.index-module--IneQR svg {\n  transform: rotate(180deg);\n  position: absolute;\n  right: 16px;\n}\n\n.index-module--n4fFc .index-module--IneQR {\n  pointer-events: none;\n  background-color: #707070;\n  background-color: var(--navigateForth, #707070);\n  border-color: #707070;\n}\n\n.index-module--YJM3e .index-module--vWg5_ {\n  width: 100%;\n}\n\n.index-module--YJM3e .index-module--IneQR {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--vWg5_ {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--IneQR {\n  width: 100%;\n}\n\n.index-module--CVPGS .index-module--NUblS,\n.index-module--KE5Qn .index-module--NUblS {\n  line-height: calc(var(--configuratorActionHeight) - 5px);\n  border-radius: var(--globalBorderRadius);\n}\n",""]);var a="index-module--Ug06K",l="index-module--uMdxf",s="index-module--j2X1m",c="index-module--NUblS",d="index-module--mfwxp",u="index-module--vWg5_",E="index-module--IneQR",O="index-module--n4fFc",P="index-module--YJM3e",x="index-module--X2uG9",b="index-module--CVPGS",v="index-module--KE5Qn";const m=i},40976:(e,_,n)=>{n.d(_,{$t:()=>P.$t,FN:()=>P.FN,Is:()=>P.Is,KR:()=>P.KR,LI:()=>P.LI,Qv:()=>P.Qv,jl:()=>P.jl,nC:()=>P.nC,op:()=>P.op,ox:()=>P.ox,rK:()=>P.rK,tW:()=>P.tW});var o=n(93379),r=n.n(o),t=n(7795),i=n.n(t),a=n(90569),l=n.n(a),s=n(3565),c=n.n(s),d=n(19216),u=n.n(d),E=n(44589),O=n.n(E),P=n(28717),x={};x.styleTagTransform=O(),x.setAttributes=c(),x.insert=l().bind(null,"head"),x.domAPI=i(),x.insertStyleElement=u();r()(P.ZP,x),P.ZP&&P.ZP.locals&&P.ZP.locals}}]);