@crystaldesign/diva-web-planner-react 25.14.0-rc.0 → 25.14.0-rc.10

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

@@ -1,2 +1,2 @@
 /*! For license information please see 4585.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4585,4207,2650],{44207:(e,n,t)=>{t.r(n),t.d(n,{FullscreenArHeader:()=>z,default:()=>f});var i=t(9420),o=t(87363),r=t.n(o),a=t(22182),d=t(93379),M=t.n(d),c=t(7795),l=t.n(c),u=t(90569),s=t.n(u),N=t(3565),x=t.n(N),j=t(19216),g=t.n(j),D=t(44589),I=t.n(D),p=t(22109),T={};T.styleTagTransform=I(),T.setAttributes=x(),T.insert=s().bind(null,"head"),T.domAPI=l(),T.insertStyleElement=g();M()(p.ZP,T);p.ZP&&p.ZP.locals&&p.ZP.locals;var w=t(65515),m=t.n(w),A=t(88683),y=t(47514),S=(0,A.getLogger)("Planner","WEB-PLANNER-REACT"),z=function FullscreenArHeader(){var e=(0,A.useTranslation)().t;return(0,y.jsx)("div",{className:p.Fs,children:e("configurator.ar_qr_title")})};const f=(0,i.Pi)((function FullscreenAr(e){var n=e.url,t=e.isArCompatible,i=e.broswerSupportAR,o=e.activateAR,d=e.hqRenderScript,M=e.isTablet,c=(0,A.useTranslation)().t;return 0!=t&&i?(0,y.jsx)("div",{className:m()(p.Gr,M?p.Mq:void 0),children:(0,y.jsxs)("div",{className:p.YS,children:[(0,y.jsx)("div",{className:p.aS,children:(0,y.jsx)("div",{className:p.fL,children:c("configurator.ar_qr_text")})}),(0,y.jsxs)("div",{className:p.$D,children:[(0,y.jsxs)("div",{className:p.GD,children:[(0,y.jsx)("div",{className:m()(p.qv,p.ti)}),(0,y.jsxs)("div",{className:p.Ji,children:[(0,y.jsx)("div",{className:p.nx,children:c("configurator.ar_qr_step")+" 1"}),(0,y.jsx)("div",{className:p.$h,children:c("configurator.ar_qr_step1")})]})]}),(0,y.jsxs)("div",{className:p.GD,children:[(0,y.jsx)("div",{className:m()(p.qv,p.Ro)}),(0,y.jsxs)("div",{className:p.Ji,children:[(0,y.jsx)("div",{className:p.nx,children:c("configurator.ar_qr_step")+" 2"}),(0,y.jsx)("div",{className:p.$h,children:c("configurator.ar_qr_step2")})]})]}),(0,y.jsxs)("div",{className:p.GD,children:[(0,y.jsx)("div",{className:m()(p.qv,p.Lt)}),(0,y.jsxs)("div",{className:p.Ji,children:[(0,y.jsx)("div",{className:p.nx,children:c("configurator.ar_qr_step")+" 3"}),(0,y.jsx)("div",{className:p.$h,children:c("configurator.ar_qr_step3")})]})]})]}),(0,y.jsx)("div",{className:p.Yq,children:(0,y.jsx)("div",{"aria-disabled":!o,className:m()(p.c8,o?void 0:p.JU),onClick:function onClick(){S.businessEvent("onInitARViewer","RealTimeViewer","Load AR viewer",{arMedia:n,hqRenderScript:d}),null==o||o()},children:o?c("configurator.open_ar"):(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)("div",{className:p._m}),c("arviewer.initializing")]})})}),(0,y.jsx)("div",{className:p.fL,children:c("configurator.ar_qr_bottom_text")}),n&&(0,y.jsxs)("div",{className:p.SS,children:[" ",n&&r().createElement(a.ZP,{value:n,size:220})]})]})}):(0,y.jsxs)("div",{className:p.J3,children:[(0,y.jsx)("div",{className:p.Mx,dangerouslySetInnerHTML:{__html:c("arviewer.failed")}}),(0,y.jsxs)("div",{className:p.dj,children:[" ",n&&r().createElement(a.ZP,{value:n,size:220})]})]})}))},52650:(e,n,t)=>{t.r(n),t.d(n,{default:()=>z});var i=t(80248),o=t(22182),r=t(9420),a=t(87363),d=t.n(a),M=t(88683),c=t(46770),l=t(76189),u=t(93379),s=t.n(u),N=t(7795),x=t.n(N),j=t(90569),g=t.n(j),D=t(3565),I=t.n(D),p=t(19216),T=t.n(p),w=t(44589),m=t.n(w),A=t(16033),y={};y.styleTagTransform=m(),y.setAttributes=I(),y.insert=g().bind(null,"head"),y.domAPI=x(),y.insertStyleElement=T();s()(A.ZP,y);A.ZP&&A.ZP.locals&&A.ZP.locals;var S=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const z=(0,r.Pi)((function ArQrCodeTooltip(e){var n,t=e.layerProps,i=e.arrowProps,r=e.autoClose,u=e.fadeIn,s=e.fadeout,N=e.url,x=(0,l.NP)(),j=x.getViewConfig().arQrCodeConfig,g=null!=j&&j.timeUnitAutohide?j.timeUnitAutohide:6,D=(0,M.useDivaCore)().state.theme,I=(0,M.useTranslation)().t,p=(0,a.useRef)();return(0,a.useEffect)((function(){return r&&(null!=p&&p.current||(p.current=setTimeout((function(){return x.productState.setDoShowARQRCode(!1)}),1e3*(g+1)))),function(){null!=p&&p.current&&clearTimeout(p.current)}}),[r]),(0,a.useEffect)((function(){x.productState.doShowARQRCode?x.productState.setArCodeWasVisibleOnce():null!=p&&p.current&&clearTimeout(p.current)}),[x.productState.doShowARQRCode]),(0,S.jsxs)("div",_objectSpread(_objectSpread({},t),{},{className:A.YS,style:_objectSpread(_objectSpread({opacity:s?0:u?1:void 0},t.style),{},{zIndex:1000005}),children:[(0,S.jsx)("div",{className:A.SS,children:N&&d().createElement(o.ZP,{value:N,size:96,onClick:function onClick(){return N&&window.open(N,"_blank")}})}),(0,S.jsxs)("div",{className:A.aS,style:{fontFamily:null==D||null===(n=D.typography)||void 0===n?void 0:n.fontFamily},children:[(0,S.jsx)("div",{className:A.Fs,children:I("configurator.ar_qr_title")}),(0,S.jsx)("div",{className:A.fL,children:I("configurator.ar_qr_text")})]}),(0,S.jsx)("div",{className:A.UF,onClick:function onClick(){return x.productState.setDoShowARQRCode(!1)}}),(0,S.jsx)(c.Eh,_objectSpread({onPointerEnterCapture:void 0,onPointerLeaveCapture:void 0},i)),r&&(0,S.jsx)("div",{className:A.L3,style:{animationDuration:g+"s"}})]}))}))},24585:(e,n,t)=>{t.r(n),t.d(n,{default:()=>I});var i=t(80248),o=t(34988),r=t(72874),a=t(9420),d=t(76189),M=t(87363),c=t(46770),l=t(52650),u=t(88683),s=t(65515),N=t.n(s),x=t(44207),j=t(22182),g=t(47514),D=["Button","dontOpenModal"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const I=(0,a.Pi)((function ArQrCodeTooltip(e){var n=e.Button,t=e.dontOpenModal,i=(0,r.Z)(e,D),a=(0,d.NP)(),s=(0,u.useTranslation)().t,I=(0,u.useDivaCore)(),p=I.actions,T=p.openDrawerMenu,w=p.openModal,m=I.state,A=m.isMobile,y=m.dimensions.isTablet,S=(0,M.useState)(!1),z=(0,o.Z)(S,2),f=z[0],h=z[1],C=(0,M.useRef)(),b=(0,M.useState)(!1),O=(0,o.Z)(b,2),L=O[0],E=O[1],Q=a.getViewConfig().arQrCodeConfig,v=A||y,R=v&&!a.productState.allow3DComb&&!a.productState.allowRTV,U=(0,M.useState)(a.productState.arCodeWasVisibleOnce),k=(0,o.Z)(U,2),P=k[0],Y=k[1],Z=(P||a.productState.doShowARQRCode)&&!v&&a.isParentViewVisible&&!t,V=(0,c.sJ)({isOpen:Z,auto:!0,placement:"right-end",triggerOffset:16}),W=V.triggerProps,F=V.layerProps,H=V.renderLayer,G=V.arrowProps,_=(0,M.useState)(),B=(0,o.Z)(_,2),J=B[0],q=B[1];(0,M.useEffect)((function(){var e;a.uiState.AllConfig.arViewerIframe?L&&w({rejectByIcon:!0,fullscreen:!0,dontRenderForm:!0,callback:function callback(e){a.productState.loadRTVForAr=!1,a.productState.setDoShowARQRCode(!1),E(!1),a.productState.onChangePlannerView(a.productState.allow3DComb?"3DCOMB":a.productState.allowRTV?"RTV":"3D")},title:(0,g.jsx)(x.FullscreenArHeader,{}),content:(0,g.jsx)(x.default,{url:J,isArCompatible:a.productState.isArCompatible,broswerSupportAR:a.productState.browserSupportAR,activateAR:a.productState.activateAR,hqRenderScript:a.hqRenderScript,isTablet:y})}):T({id:"ar-qr-code",mountElement:null!==(e=a.uiState.wrapperRef)&&void 0!==e?e:void 0,handleInternScroll:!0,showOverlay:!0,direction:"bottom",onClose:function onClose(){E(!1),a.productState.loadRTVForAr=!1,a.productState.setDoShowARQRCode(!1),a.productState.onChangePlannerView(a.productState.allow3DComb?"3DCOMB":a.productState.allowRTV?"RTV":"3D")},title:(0,g.jsx)(x.FullscreenArHeader,{}),content:(0,g.jsx)(x.default,{url:J,isArCompatible:a.productState.isArCompatible,broswerSupportAR:a.productState.browserSupportAR,activateAR:a.productState.activateAR,hqRenderScript:a.hqRenderScript,isTablet:y}),open:L})}),[L,a.productState.activateAR]),(0,M.useEffect)((function(){!1===a.productState.isARIframeVisible&&E(!1)}),[a.productState.isARIframeVisible]),(0,M.useEffect)((function(){1==a.productState.doShowARQRCode&&a.openARObserverConnection((function(){return a.divaWebPlanner.getPlannerHandler().saveSetHQRenderScript()})).then((function(e){return q(e)}))}),[a.productState.doShowARQRCode]),(0,M.useEffect)((function(){a.productState.doShowARQRCode&&R&&E(!0)}),[a.productState.activateAR,J]),(0,M.useEffect)((function(){if(!t){var e;if(!a.productState.arCodeWasVisibleOnce&&null!=Q&&Q.doAutoShow&&!v)C.current=setTimeout((function(){a.productState.setArCodeWasVisibleOnce(),h(!0),a.productState.setDoShowARQRCode(!0)}),1e3*(null!==(e=null==Q?void 0:Q.timeUntilAutoShow)&&void 0!==e?e:30));!a.productState.doShowARQRCode&&f&&h(!1),P!==a.productState.doShowARQRCode&&setTimeout((function(){Y(a.productState.doShowARQRCode)}),200)}}),[a.productState.doShowARQRCode]);var X=function onClick(){a.productState.setDoShowARQRCode(!0);var e=a.viewPlannerHandler.getCurPlannerViewMode();R?(a.productState.doShowRTV||"RTViewer"==e||"3DCOMB"==e||(a.setHQRenderScript(void 0),a.productState.onChangePlannerView(a.productState.allow3DComb?"3DCOMB":"RTV")),E(!0),a.productState.loadRTVForAr=!0):"RTViewer"!=e&&"3DCOMB"!=e||(a.productState.loadRTVForAr=!0,E(!0))};return J&&!v&&t?(0,g.jsxs)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",width:"100%"},children:[(0,g.jsx)(j.ZP,{value:J,size:96,onClick:function onClick(){return J&&window.open(J,"_blank")}}),";"]}):n?(0,g.jsx)(n,{onClick:X}):(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)("li",_objectSpread(_objectSpread(_objectSpread({id:"ar-icon"},i),{},{className:N()(i.className),onClick:X,title:s("configurator.ar_qr_title")},W),{},{style:{visibility:a.productState.doShowRenderImage||a.productState.doShow3DComb||a.productState.doShowRTV||a.productState.doShowAIRoom?"visible":"hidden"}})),Z&&H((0,g.jsx)(l.default,{arrowProps:G,layerProps:F,autoClose:f,fadeIn:P,fadeout:!a.productState.doShowARQRCode,url:J}))]})}))},22109:(e,n,t)=>{t.d(n,{$D:()=>S,$h:()=>C,Fs:()=>A,GD:()=>z,Gr:()=>g,J3:()=>D,JU:()=>R,Ji:()=>f,Lt:()=>E,Mq:()=>w,Mx:()=>I,Ro:()=>L,SS:()=>U,YS:()=>T,Yq:()=>Q,ZP:()=>P,_m:()=>k,aS:()=>m,c8:()=>v,dj:()=>p,fL:()=>y,nx:()=>h,qv:()=>b,ti:()=>O});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),d=t(61667),M=t.n(d),c=new URL(t(96214),t.b),l=new URL(t(78752),t.b),u=new URL(t(30923),t.b),s=a()(o()),N=M()(c),x=M()(l),j=M()(u);s.push([e.id,".index-module--ImFgT {\n  overflow: auto;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.index-module--b5la4 {\n  display: flex;\n  gap: 48px;\n  flex-wrap: wrap;\n  justify-content: center;\n}\n.index-module--rPHsB {\n  max-width: 400px;\n}\n.index-module--pCvNx {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--rJxjD {\n  display: flex;\n  flex-direction: column;\n  margin: 8px 32px;\n  gap: 42px;\n  color: #000;\n  width: calc(100% - 64px);\n}\n\n.index-module--wMJTl .index-module--rJxjD {\n  gap: 64px;\n  width: auto;\n  width: initial;\n  max-width: 600px;\n}\n\n.index-module--D8Hh2 {\n  display: flex;\n  flex-direction: column;\n  gap: 32px;\n}\n\n.index-module--Wih2i {\n  max-width: calc(100% - 32px);\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 40px;\n  height: 40px;\n}\n\n.index-module--NZIwX {\n  font-weight: 300;\n  font-size: 18px;\n  line-height: 130%;\n}\n\n.index-module--c06na {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.index-module--wMJTl .index-module--c06na {\n  gap: 32px;\n}\n\n.index-module--XQWSR {\n  display: flex;\n  gap: 12px;\n}\n\n.index-module--hsJe1 {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  justify-content: center;\n}\n\n.index-module--R08lN {\n  font-weight: 300;\n  font-size: 16px;\n  color: #7b7b7b;\n}\n\n.index-module--w1zAR {\n  font-size: 14px;\n  color: #000000;\n}\n\n.index-module--tNtQi {\n  border-radius: 50%;\n  background-color: #f2f2f2;\n  width: 56px;\n  height: 56px;\n}\n\n.index-module--RMCB9 {\n  background: center / 50% no-repeat #f2f2f2 url("+N+");\n}\n.index-module--rlsDm {\n  background: center / 50% no-repeat #f2f2f2 url("+x+");\n}\n.index-module--gAkyp {\n  background: center / 40% no-repeat #f2f2f2 url("+j+");\n}\n.index-module--RZc1O {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.index-module--vFCfN {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  padding: 10px 21px;\n  gap: 10px;\n  background-color: var(--primaryColor);\n  border-radius: 3px;\n  cursor: pointer;\n  transition:\n    box-shadow 0.3s,\n    background-color 0.3s ease,\n    color 0.3s ease;\n  font-weight: 600;\n  letter-spacing: 0.8px;\n  color: #fff;\n  height: 38px;\n}\n.index-module--vLdW3 {\n  cursor: wait;\n  background-color: var(--secondaryColor);\n}\n\n.index-module--vFCfN:hover {\n  box-shadow: 0px 1px 4px #707070;\n}\n.index-module--vFCfN.index-module--vLdW3:hover {\n  box-shadow: none;\n}\n\n.index-module--Xiew7 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding-bottom: 64px;\n}\n\n.index-module--U0ivw {\n  border: 3px solid #f3f3f3;\n  border-radius: 50%;\n  border-top: 3px solid #aaa;\n  width: 25px;\n  height: 25px;\n  animation: index-module--r8P_P 2s linear infinite;\n}\n\n@keyframes index-module--r8P_P {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var g="index-module--ImFgT",D="index-module--b5la4",I="index-module--rPHsB",p="index-module--pCvNx",T="index-module--rJxjD",w="index-module--wMJTl",m="index-module--D8Hh2",A="index-module--Wih2i",y="index-module--NZIwX",S="index-module--c06na",z="index-module--XQWSR",f="index-module--hsJe1",h="index-module--R08lN",C="index-module--w1zAR",b="index-module--tNtQi",O="index-module--RMCB9",L="index-module--rlsDm",E="index-module--gAkyp",Q="index-module--RZc1O",v="index-module--vFCfN",R="index-module--vLdW3",U="index-module--Xiew7",k="index-module--U0ivw";const P=s},16033:(e,n,t)=>{t.d(n,{Fs:()=>j,L3:()=>I,SS:()=>N,UF:()=>D,YS:()=>s,ZP:()=>p,aS:()=>x,fL:()=>g});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),d=t(61667),M=t.n(d),c=new URL(t(55345),t.b),l=a()(o()),u=M()(c);l.push([e.id,".index-module--GFPXG {\n  background: #ffffff;\n  border-radius: 3px;\n  filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.25));\n  display: flex;\n  padding: 22px;\n  gap: 12px;\n  opacity: 0;\n  transition: opacity 200ms ease-in-out;\n}\n\n.index-module--r8bLl {\n  width: 96px;\n  height: 96px;\n}\n\n.index-module--fQVST {\n  display: flex;\n  flex-direction: column;\n  color: #000000;\n  width: 220px;\n  gap: 8px;\n}\n\n.index-module--tTQQc {\n  max-width: calc(100% - 32px);\n  font-weight: 600;\n  font-size: 17px;\n  line-height: 19px;\n}\n\n.index-module--mWanv {\n  font-weight: 300;\n  font-size: 16px;\n  line-height: 130%;\n}\n\n.index-module--Yb4D5 {\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  width: 42px;\n  height: 42px;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 80%;\n  background-image: url("+u+");\n  transition: background-size 100ms ease-in;\n  cursor: pointer;\n}\n\n.index-module--Yb4D5:hover {\n  background-size: 90%;\n}\n.index-module--lC9xM {\n  background: var(--secondaryColor);\n  height: 3px;\n  border-radius: 0 2px 2px 0;\n  animation-name: index-module--zZxxQ;\n  animation-timing-function: linear;\n  transition: width 0s ease-in;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n}\n\n@keyframes index-module--zZxxQ {\n  from {\n    width: 100%;\n  }\n  to {\n    width: 0%;\n  }\n}\n",""]);var s="index-module--GFPXG",N="index-module--r8bLl",x="index-module--fQVST",j="index-module--tTQQc",g="index-module--mWanv",D="index-module--Yb4D5",I="index-module--lC9xM";const p=l},96214:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMwMF8zMDEwMCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8zMDBfMzAxMDApIj4KPHBhdGggZD0iTTQuNTQ4MTUgMTkuNUM0LjA0MzAyIDE5LjUgMy42MTU0NSAxOS4zMjUgMy4yNjU0NSAxOC45NzVDMi45MTU0NyAxOC42MjUgMi43NDA0OCAxOC4xOTc0IDIuNzQwNDggMTcuNjkyM1Y2LjMwNzczQzIuNzQwNDggNS44MDI2IDIuOTE1NDcgNS4zNzUwMyAzLjI2NTQ1IDUuMDI1MDNDMy42MTU0NSA0LjY3NTAzIDQuMDQzMDIgNC41MDAwMyA0LjU0ODE1IDQuNTAwMDNIMTUuOTMyN0MxNi40Mzc4IDQuNTAwMDMgMTYuODY1NCA0LjY3NTAzIDE3LjIxNTQgNS4wMjUwM0MxNy41NjU0IDUuMzc1MDMgMTcuNzQwNCA1LjgwMjYgMTcuNzQwNCA2LjMwNzczVjEwLjg4NDdMMjEuMjU5NiA3LjM2NTQ2VjE2LjYzNDZMMTcuNzQwNCAxMy4xMTU0VjE3LjY5MjNDMTcuNzQwNCAxOC4xOTc0IDE3LjU2NTQgMTguNjI1IDE3LjIxNTQgMTguOTc1QzE2Ljg2NTQgMTkuMzI1IDE2LjQzNzggMTkuNSAxNS45MzI3IDE5LjVINC41NDgxNVpNNC41NDgxNSAxOEgxNS45MzI3QzE2LjAyMjUgMTggMTYuMDk2MiAxNy45NzEyIDE2LjE1MzkgMTcuOTEzNUMxNi4yMTE2IDE3Ljg1NTggMTYuMjQwNCAxNy43ODIgMTYuMjQwNCAxNy42OTIzVjYuMzA3NzNDMTYuMjQwNCA2LjIxNzk4IDE2LjIxMTYgNi4xNDQyNiAxNi4xNTM5IDYuMDg2NTZDMTYuMDk2MiA2LjAyODg2IDE2LjAyMjUgNi4wMDAwMSAxNS45MzI3IDYuMDAwMDFINC41NDgxNUM0LjQ1ODQgNi4wMDAwMSA0LjM4NDY4IDYuMDI4ODYgNC4zMjY5OCA2LjA4NjU2QzQuMjY5MjggNi4xNDQyNiA0LjI0MDQzIDYuMjE3OTggNC4yNDA0MyA2LjMwNzczVjE3LjY5MjNDNC4yNDA0MyAxNy43ODIgNC4yNjkyOCAxNy44NTU4IDQuMzI2OTggMTcuOTEzNUM0LjM4NDY4IDE3Ljk3MTIgNC40NTg0IDE4IDQuNTQ4MTUgMThaIiBmaWxsPSIjMUMxQjFGIi8+CjxwYXRoIGQ9Ik01IDExLjc1TDguOTAzODMgMTUuNjUzOUwxNS42MjY5IDguOTMwNzhMMTQuNTczIDcuODc2OTVMOC45MDM4MyAxMy41NDYyTDYuMDUzODMgMTAuNjk2Mkw1IDExLjc1WiIgZmlsbD0iIzFDMUIxRiIvPgo8L2c+Cjwvc3ZnPgo="},78752:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMwMF8zMDExMCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8zMDBfMzAxMTApIj4KPHBhdGggZD0iTTEyIDIwLjk0MjJDMTEuNTk4NyAyMC45NDIyIDExLjI0MzkgMjAuODM2NSAxMC45MzU2IDIwLjYyNDlDMTAuNjI3MiAyMC40MTM0IDEwLjQxMTUgMjAuMTM1OCAxMC4yODg0IDE5Ljc5MjJIOS45OTk5N0M5LjU5MTAxIDE5Ljc5MjIgOS4yMzg3NyAxOS42NDQ1IDguOTQzMjcgMTkuMzQ5QzguNjQ3NzYgMTkuMDUzNSA4LjUgMTguNzAxMiA4LjUgMTguMjkyM1YxNS4wMTE1QzcuNDkxMDMgMTQuNCA2LjY5NzEyIDEzLjU4MDEgNi4xMTgyNyAxMi41NTE5QzUuNTM5NDIgMTEuNTIzNyA1LjI1IDEwLjQyMzEgNS4yNSA5LjI1MDAxQzUuMjUgNy4zNjc5NyA1LjkwNDQ4IDUuNzcyNDYgNy4yMTM0NSA0LjQ2MzQ4QzguNTIyNDMgMy4xNTQ1MSAxMC4xMTc5IDIuNTAwMDMgMTIgMi41MDAwM0MxMy44ODIgMi41MDAwMyAxNS40Nzc1IDMuMTU0NTEgMTYuNzg2NSA0LjQ2MzQ4QzE4LjA5NTUgNS43NzI0NiAxOC43NSA3LjM2Nzk3IDE4Ljc1IDkuMjUwMDFDMTguNzUgMTAuNDQzNiAxOC40NjA1IDExLjU0OTQgMTcuODgxNyAxMi41NjczQzE3LjMwMjggMTMuNTg1MyAxNi41MDg5IDE0LjQgMTUuNSAxNS4wMTE1VjE4LjI5MjNDMTUuNSAxOC43MDEyIDE1LjM1MjIgMTkuMDUzNSAxNS4wNTY3IDE5LjM0OUMxNC43NjEyIDE5LjY0NDUgMTQuNDA4OSAxOS43OTIyIDE0IDE5Ljc5MjJIMTMuNzExNUMxMy41ODg0IDIwLjEzNTggMTMuMzcyNyAyMC40MTM0IDEzLjA2NDQgMjAuNjI0OUMxMi43NTYxIDIwLjgzNjUgMTIuNDAxMyAyMC45NDIyIDEyIDIwLjk0MjJaTTkuOTk5OTcgMTguMjkyM0gxNFYxNy4zNTM4SDkuOTk5OTdWMTguMjkyM1pNOS45OTk5NyAxNi40NjkySDE0VjE1LjVIOS45OTk5N1YxNi40NjkyWk05Ljc5OTk3IDE0SDExLjQwMzhWMTEuMDg4NUw5LjI2MTUzIDguOTQ2MTZMMTAuMSA4LjEwNzcxTDEyIDEwLjAwNzdMMTMuOSA4LjEwNzcxTDE0LjczODQgOC45NDYxNkwxMi41OTYxIDExLjA4ODVWMTRIMTQuMkMxNS4xIDEzLjU2NjcgMTUuODMzMyAxMi45MjkyIDE2LjQgMTIuMDg3NUMxNi45NjY2IDExLjI0NTggMTcuMjUgMTAuMyAxNy4yNSA5LjI1MDAxQzE3LjI1IDcuNzgzMzQgMTYuNzQxNiA2LjU0MTY3IDE1LjcyNSA1LjUyNTAxQzE0LjcwODMgNC41MDgzNCAxMy40NjY2IDQuMDAwMDEgMTIgNC4wMDAwMUMxMC41MzMzIDQuMDAwMDEgOS4yOTE2NCA0LjUwODM0IDguMjc0OTcgNS41MjUwMUM3LjI1ODMxIDYuNTQxNjcgNi43NDk5NyA3Ljc4MzM0IDYuNzQ5OTcgOS4yNTAwMUM2Ljc0OTk3IDEwLjMgNy4wMzMzMSAxMS4yNDU4IDcuNTk5OTcgMTIuMDg3NUM4LjE2NjY0IDEyLjkyOTIgOC44OTk5NyAxMy41NjY3IDkuNzk5OTcgMTRaIiBmaWxsPSIjMUMxQjFGIi8+CjwvZz4KPC9zdmc+Cg=="},30923:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDE5LjY1MzhMNi4wOTYxOSAxNS43NUw3LjE2NTM5IDE0LjY4MDhMOS4yNTAwNCAxNi43NjU0VjEyLjI1SDEwLjc1VjE2Ljc1MDFMMTIuODE5MiAxNC42NjU0TDEzLjkwMzggMTUuNzVMMTAgMTkuNjUzOFpNNC4yNTAwMiAxMy45MDM4TDAuMzQ2MTkxIDEwTDQuMjM0NjQgNi4xMTE1OEw1LjMwMzg0IDcuMTgwNzhMMy4yMzQ1OSA5LjI1MDAzSDcuNzQ5OTlWMTAuNzVIMy4yNDk5N0w1LjMzNDYyIDEyLjgxOTJMNC4yNTAwMiAxMy45MDM4Wk0xNS43NSAxMy45MDM4TDE0LjY4MDggMTIuODM0NkwxNi43NjU0IDEwLjc1SDEyLjI1VjkuMjUwMDNIMTYuNzUwMUwxNC42NjU0IDcuMTgwNzhMMTUuNzUgNi4wOTYxOEwxOS42NTM4IDEwTDE1Ljc1IDEzLjkwMzhaTTkuMjUwMDQgNy43NDk5OFYzLjIzNDU4TDcuMTY1MzkgNS4zMTkyTDYuMDk2MTkgNC4yNUwxMCAwLjM0NjE3NkwxMy45MDM4IDQuMjVMMTIuODM0NiA1LjMxOTJMMTAuNzUgMy4yMzQ1OFY3Ljc0OTk4SDkuMjUwMDRaIiBmaWxsPSIjMUMxQjFGIi8+Cjwvc3ZnPgo="},55345:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMzMl8xNDMiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI0Q5RDlEOSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMzMyXzE0MykiPgo8cGF0aCBkPSJNOC4yMjc0OSAxNi44MzY1TDcuMTY0MDYgMTUuNzczMUwxMC45MzcyIDEyTDcuMTY0MDYgOC4yNTE5TDguMjI3NDkgNy4xODg0OEwxMi4wMDA2IDEwLjk2MTZMMTUuNzQ4NyA3LjE4ODQ4TDE2LjgxMjEgOC4yNTE5TDEzLjAzOSAxMkwxNi44MTIxIDE1Ljc3MzFMMTUuNzQ4NyAxNi44MzY1TDEyLjAwMDYgMTMuMDYzNEw4LjIyNzQ5IDE2LjgzNjVaIiBmaWxsPSIjMUMxQjFGIi8+CjwvZz4KPC9zdmc+Cg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4585,4207,2650],{44207:(e,n,t)=>{t.r(n),t.d(n,{FullscreenArHeader:()=>z,default:()=>f});var i=t(9420),o=t(87363),r=t.n(o),a=t(22182),d=t(93379),M=t.n(d),c=t(7795),l=t.n(c),u=t(90569),s=t.n(u),N=t(3565),x=t.n(N),j=t(19216),g=t.n(j),D=t(44589),I=t.n(D),p=t(22109),T={};T.styleTagTransform=I(),T.setAttributes=x(),T.insert=s().bind(null,"head"),T.domAPI=l(),T.insertStyleElement=g();M()(p.ZP,T);p.ZP&&p.ZP.locals&&p.ZP.locals;var w=t(65515),m=t.n(w),A=t(88683),y=t(47514),S=(0,A.getLogger)("Planner","WEB-PLANNER-REACT"),z=function FullscreenArHeader(){var e=(0,A.useTranslation)().t;return(0,y.jsx)("div",{className:p.Fs,children:e("configurator.ar_qr_title")})};const f=(0,i.Pi)((function FullscreenAr(e){var n=e.url,t=e.isArCompatible,i=e.broswerSupportAR,o=e.activateAR,d=e.hqRenderScript,M=e.isTablet,c=(0,A.useTranslation)().t;return 0!=t&&i?(0,y.jsx)("div",{className:m()(p.Gr,M?p.Mq:void 0),children:(0,y.jsxs)("div",{className:p.YS,children:[(0,y.jsx)("div",{className:p.aS,children:(0,y.jsx)("div",{className:p.fL,children:c("configurator.ar_qr_text")})}),(0,y.jsxs)("div",{className:p.$D,children:[(0,y.jsxs)("div",{className:p.GD,children:[(0,y.jsx)("div",{className:m()(p.qv,p.ti)}),(0,y.jsxs)("div",{className:p.Ji,children:[(0,y.jsx)("div",{className:p.nx,children:c("configurator.ar_qr_step")+" 1"}),(0,y.jsx)("div",{className:p.$h,children:c("configurator.ar_qr_step1")})]})]}),(0,y.jsxs)("div",{className:p.GD,children:[(0,y.jsx)("div",{className:m()(p.qv,p.Ro)}),(0,y.jsxs)("div",{className:p.Ji,children:[(0,y.jsx)("div",{className:p.nx,children:c("configurator.ar_qr_step")+" 2"}),(0,y.jsx)("div",{className:p.$h,children:c("configurator.ar_qr_step2")})]})]}),(0,y.jsxs)("div",{className:p.GD,children:[(0,y.jsx)("div",{className:m()(p.qv,p.Lt)}),(0,y.jsxs)("div",{className:p.Ji,children:[(0,y.jsx)("div",{className:p.nx,children:c("configurator.ar_qr_step")+" 3"}),(0,y.jsx)("div",{className:p.$h,children:c("configurator.ar_qr_step3")})]})]})]}),(0,y.jsx)("div",{className:p.Yq,children:(0,y.jsx)("div",{"aria-disabled":!o,className:m()(p.c8,o?void 0:p.JU),onClick:function onClick(){S.businessEvent("onInitARViewer","RealTimeViewer","Load AR viewer",{arMedia:n,hqRenderScript:d}),null==o||o()},children:o?c("configurator.open_ar"):(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)("div",{className:p._m}),c("arviewer.initializing")]})})}),(0,y.jsx)("div",{className:p.fL,children:c("configurator.ar_qr_bottom_text")}),n&&(0,y.jsxs)("div",{className:p.SS,children:[" ",n&&r().createElement(a.ZP,{value:n,size:220})]})]})}):(0,y.jsxs)("div",{className:p.J3,children:[(0,y.jsx)("div",{className:p.Mx,dangerouslySetInnerHTML:{__html:c("arviewer.failed")}}),(0,y.jsxs)("div",{className:p.dj,children:[" ",n&&r().createElement(a.ZP,{value:n,size:220})]})]})}))},52650:(e,n,t)=>{t.r(n),t.d(n,{default:()=>z});var i=t(80248),o=t(22182),r=t(9420),a=t(87363),d=t.n(a),M=t(88683),c=t(46770),l=t(76189),u=t(93379),s=t.n(u),N=t(7795),x=t.n(N),j=t(90569),g=t.n(j),D=t(3565),I=t.n(D),p=t(19216),T=t.n(p),w=t(44589),m=t.n(w),A=t(16033),y={};y.styleTagTransform=m(),y.setAttributes=I(),y.insert=g().bind(null,"head"),y.domAPI=x(),y.insertStyleElement=T();s()(A.ZP,y);A.ZP&&A.ZP.locals&&A.ZP.locals;var S=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const z=(0,r.Pi)((function ArQrCodeTooltip(e){var n,t=e.layerProps,i=e.arrowProps,r=e.autoClose,u=e.fadeIn,s=e.fadeout,N=e.url,x=(0,l.NP)(),j=x.getViewConfig().arQrCodeConfig,g=null!=j&&j.timeUnitAutohide?j.timeUnitAutohide:6,D=(0,M.useDivaCore)().state.theme,I=(0,M.useTranslation)().t,p=(0,a.useRef)();return(0,a.useEffect)((function(){return r&&(null!=p&&p.current||(p.current=setTimeout((function(){return x.productState.setDoShowARQRCode(!1)}),1e3*(g+1)))),function(){null!=p&&p.current&&clearTimeout(p.current)}}),[r]),(0,a.useEffect)((function(){x.productState.doShowARQRCode?x.productState.setArCodeWasVisibleOnce():null!=p&&p.current&&clearTimeout(p.current)}),[x.productState.doShowARQRCode]),(0,S.jsxs)("div",_objectSpread(_objectSpread({},t),{},{className:A.YS,style:_objectSpread(_objectSpread({opacity:s?0:u?1:void 0},t.style),{},{zIndex:1000005}),children:[(0,S.jsx)("div",{className:A.SS,children:N&&d().createElement(o.ZP,{value:N,size:96,onClick:function onClick(){return N&&window.open(N,"_blank")}})}),(0,S.jsxs)("div",{className:A.aS,style:{fontFamily:null==D||null===(n=D.typography)||void 0===n?void 0:n.fontFamily},children:[(0,S.jsx)("div",{className:A.Fs,children:I("configurator.ar_qr_title")}),(0,S.jsx)("div",{className:A.fL,children:I("configurator.ar_qr_text")})]}),(0,S.jsx)("div",{className:A.UF,onClick:function onClick(){return x.productState.setDoShowARQRCode(!1)}}),(0,S.jsx)(c.Eh,_objectSpread({onPointerEnterCapture:void 0,onPointerLeaveCapture:void 0},i)),r&&(0,S.jsx)("div",{className:A.L3,style:{animationDuration:g+"s"}})]}))}))},24585:(e,n,t)=>{t.r(n),t.d(n,{default:()=>I});var i=t(80248),o=t(34988),r=t(72874),a=t(9420),d=t(76189),M=t(87363),c=t(46770),l=t(52650),u=t(88683),s=t(65515),N=t.n(s),x=t(44207),j=t(22182),g=t(47514),D=["Button","dontOpenModal"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const I=(0,a.Pi)((function ArQrCodeTooltip(e){var n=e.Button,t=e.dontOpenModal,i=(0,r.Z)(e,D),a=(0,d.NP)(),s=(0,u.useTranslation)().t,I=(0,u.useDivaCore)(),p=I.actions,T=p.openDrawerMenu,w=p.openModal,m=I.state,A=m.isMobile,y=m.dimensions.isTablet,S=(0,M.useState)(!1),z=(0,o.Z)(S,2),f=z[0],h=z[1],C=(0,M.useRef)(),b=(0,M.useState)(!1),O=(0,o.Z)(b,2),L=O[0],E=O[1],Q=a.getViewConfig().arQrCodeConfig,v=A||y,R=v&&!a.productState.allow3DComb&&!a.productState.allowRTV,U=(0,M.useState)(a.productState.arCodeWasVisibleOnce),k=(0,o.Z)(U,2),P=k[0],Y=k[1],Z=(P||a.productState.doShowARQRCode)&&!v&&a.isParentViewVisible&&!t,V=(0,c.sJ)({isOpen:Z,auto:!0,placement:"right-end",triggerOffset:16}),W=V.triggerProps,F=V.layerProps,H=V.renderLayer,G=V.arrowProps,_=(0,M.useState)(),B=(0,o.Z)(_,2),J=B[0],q=B[1];(0,M.useEffect)((function(){var e;a.uiState.AllConfig.arViewerIframe?L&&w({rejectByIcon:!0,fullscreen:!0,dontRenderForm:!0,callback:function callback(e){a.productState.loadRTVForAr=!1,a.productState.setDoShowARQRCode(!1),E(!1),a.productState.onChangePlannerView(a.productState.allow3DComb?"3DCOMB":a.productState.allowRTV?"RTV":"3D")},title:(0,g.jsx)(x.FullscreenArHeader,{}),content:(0,g.jsx)(x.default,{url:J,isArCompatible:a.productState.isArCompatible,broswerSupportAR:a.productState.browserSupportAR,activateAR:a.productState.activateAR,hqRenderScript:a.hqRenderScript,isTablet:y})}):T({id:"ar-qr-code",mountElement:null!==(e=a.uiState.wrapperRef)&&void 0!==e?e:void 0,handleInternScroll:!0,showOverlay:!0,direction:"bottom",onClose:function onClose(){E(!1),a.productState.loadRTVForAr=!1,a.productState.setDoShowARQRCode(!1),a.productState.onChangePlannerView(a.productState.allow3DComb?"3DCOMB":a.productState.allowRTV?"RTV":"3D")},title:(0,g.jsx)(x.FullscreenArHeader,{}),content:(0,g.jsx)(x.default,{url:J,isArCompatible:a.productState.isArCompatible,broswerSupportAR:a.productState.browserSupportAR,activateAR:a.productState.activateAR,hqRenderScript:a.hqRenderScript,isTablet:y}),open:L})}),[L,a.productState.activateAR]),(0,M.useEffect)((function(){!1===a.productState.isARIframeVisible&&E(!1)}),[a.productState.isARIframeVisible]),(0,M.useEffect)((function(){1==a.productState.doShowARQRCode&&a.openARObserverConnection((function(){return a.divaWebPlanner.getPlannerHandler().saveSetHQRenderScript()})).then((function(e){return q(e)}))}),[a.productState.doShowARQRCode]),(0,M.useEffect)((function(){a.productState.doShowARQRCode&&R&&E(!0)}),[a.productState.activateAR,J]),(0,M.useEffect)((function(){if(!t){var e;if(!a.productState.arCodeWasVisibleOnce&&null!=Q&&Q.doAutoShow&&!v)C.current=setTimeout((function(){a.productState.setArCodeWasVisibleOnce(),h(!0),a.productState.setDoShowARQRCode(!0)}),1e3*(null!==(e=null==Q?void 0:Q.timeUntilAutoShow)&&void 0!==e?e:30));!a.productState.doShowARQRCode&&f&&h(!1),P!==a.productState.doShowARQRCode&&setTimeout((function(){Y(a.productState.doShowARQRCode)}),200)}}),[a.productState.doShowARQRCode]);var X=function onClick(){a.productState.setDoShowARQRCode(!0);var e=a.viewPlannerHandler.getCurPlannerViewMode();R?(a.productState.doShowRTV||"RTViewer"==e||"3DCOMB"==e||(a.setHQRenderScript(void 0),a.productState.onChangePlannerView(a.productState.allow3DComb?"3DCOMB":"RTV")),E(!0),a.productState.loadRTVForAr=!0):!v||"RTViewer"!=e&&"3DCOMB"!=e||(a.productState.loadRTVForAr=!0,E(!0))};return J&&!v&&t?(0,g.jsxs)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",width:"100%"},children:[(0,g.jsx)(j.ZP,{value:J,size:96,onClick:function onClick(){return J&&window.open(J,"_blank")}}),";"]}):n?(0,g.jsx)(n,{onClick:X}):(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)("li",_objectSpread(_objectSpread(_objectSpread({id:"ar-icon"},i),{},{className:N()(i.className),onClick:X,title:s("configurator.ar_qr_title")},W),{},{style:{visibility:a.productState.doShowRenderImage||a.productState.doShow3DComb||a.productState.doShowRTV||a.productState.doShowAIRoom?"visible":"hidden"}})),Z&&H((0,g.jsx)(l.default,{arrowProps:G,layerProps:F,autoClose:f,fadeIn:P,fadeout:!a.productState.doShowARQRCode,url:J}))]})}))},22109:(e,n,t)=>{t.d(n,{$D:()=>S,$h:()=>C,Fs:()=>A,GD:()=>z,Gr:()=>g,J3:()=>D,JU:()=>R,Ji:()=>f,Lt:()=>E,Mq:()=>w,Mx:()=>I,Ro:()=>L,SS:()=>U,YS:()=>T,Yq:()=>Q,ZP:()=>P,_m:()=>k,aS:()=>m,c8:()=>v,dj:()=>p,fL:()=>y,nx:()=>h,qv:()=>b,ti:()=>O});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),d=t(61667),M=t.n(d),c=new URL(t(96214),t.b),l=new URL(t(78752),t.b),u=new URL(t(30923),t.b),s=a()(o()),N=M()(c),x=M()(l),j=M()(u);s.push([e.id,".index-module--ImFgT {\n  overflow: auto;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.index-module--b5la4 {\n  display: flex;\n  gap: 48px;\n  flex-wrap: wrap;\n  justify-content: center;\n}\n.index-module--rPHsB {\n  max-width: 400px;\n}\n.index-module--pCvNx {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--rJxjD {\n  display: flex;\n  flex-direction: column;\n  margin: 8px 32px;\n  gap: 42px;\n  color: #000;\n  width: calc(100% - 64px);\n}\n\n.index-module--wMJTl .index-module--rJxjD {\n  gap: 64px;\n  width: auto;\n  width: initial;\n  max-width: 600px;\n}\n\n.index-module--D8Hh2 {\n  display: flex;\n  flex-direction: column;\n  gap: 32px;\n}\n\n.index-module--Wih2i {\n  max-width: calc(100% - 32px);\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 40px;\n  height: 40px;\n}\n\n.index-module--NZIwX {\n  font-weight: 300;\n  font-size: 18px;\n  line-height: 130%;\n}\n\n.index-module--c06na {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.index-module--wMJTl .index-module--c06na {\n  gap: 32px;\n}\n\n.index-module--XQWSR {\n  display: flex;\n  gap: 12px;\n}\n\n.index-module--hsJe1 {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  justify-content: center;\n}\n\n.index-module--R08lN {\n  font-weight: 300;\n  font-size: 16px;\n  color: #7b7b7b;\n}\n\n.index-module--w1zAR {\n  font-size: 14px;\n  color: #000000;\n}\n\n.index-module--tNtQi {\n  border-radius: 50%;\n  background-color: #f2f2f2;\n  width: 56px;\n  height: 56px;\n}\n\n.index-module--RMCB9 {\n  background: center / 50% no-repeat #f2f2f2 url("+N+");\n}\n.index-module--rlsDm {\n  background: center / 50% no-repeat #f2f2f2 url("+x+");\n}\n.index-module--gAkyp {\n  background: center / 40% no-repeat #f2f2f2 url("+j+");\n}\n.index-module--RZc1O {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.index-module--vFCfN {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  padding: 10px 21px;\n  gap: 10px;\n  background-color: var(--primaryColor);\n  border-radius: 3px;\n  cursor: pointer;\n  transition:\n    box-shadow 0.3s,\n    background-color 0.3s ease,\n    color 0.3s ease;\n  font-weight: 600;\n  letter-spacing: 0.8px;\n  color: #fff;\n  height: 38px;\n}\n.index-module--vLdW3 {\n  cursor: wait;\n  background-color: var(--secondaryColor);\n}\n\n.index-module--vFCfN:hover {\n  box-shadow: 0px 1px 4px #707070;\n}\n.index-module--vFCfN.index-module--vLdW3:hover {\n  box-shadow: none;\n}\n\n.index-module--Xiew7 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding-bottom: 64px;\n}\n\n.index-module--U0ivw {\n  border: 3px solid #f3f3f3;\n  border-radius: 50%;\n  border-top: 3px solid #aaa;\n  width: 25px;\n  height: 25px;\n  animation: index-module--r8P_P 2s linear infinite;\n}\n\n@keyframes index-module--r8P_P {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var g="index-module--ImFgT",D="index-module--b5la4",I="index-module--rPHsB",p="index-module--pCvNx",T="index-module--rJxjD",w="index-module--wMJTl",m="index-module--D8Hh2",A="index-module--Wih2i",y="index-module--NZIwX",S="index-module--c06na",z="index-module--XQWSR",f="index-module--hsJe1",h="index-module--R08lN",C="index-module--w1zAR",b="index-module--tNtQi",O="index-module--RMCB9",L="index-module--rlsDm",E="index-module--gAkyp",Q="index-module--RZc1O",v="index-module--vFCfN",R="index-module--vLdW3",U="index-module--Xiew7",k="index-module--U0ivw";const P=s},16033:(e,n,t)=>{t.d(n,{Fs:()=>j,L3:()=>I,SS:()=>N,UF:()=>D,YS:()=>s,ZP:()=>p,aS:()=>x,fL:()=>g});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),d=t(61667),M=t.n(d),c=new URL(t(55345),t.b),l=a()(o()),u=M()(c);l.push([e.id,".index-module--GFPXG {\n  background: #ffffff;\n  border-radius: 3px;\n  filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.25));\n  display: flex;\n  padding: 22px;\n  gap: 12px;\n  opacity: 0;\n  transition: opacity 200ms ease-in-out;\n}\n\n.index-module--r8bLl {\n  width: 96px;\n  height: 96px;\n}\n\n.index-module--fQVST {\n  display: flex;\n  flex-direction: column;\n  color: #000000;\n  width: 220px;\n  gap: 8px;\n}\n\n.index-module--tTQQc {\n  max-width: calc(100% - 32px);\n  font-weight: 600;\n  font-size: 17px;\n  line-height: 19px;\n}\n\n.index-module--mWanv {\n  font-weight: 300;\n  font-size: 16px;\n  line-height: 130%;\n}\n\n.index-module--Yb4D5 {\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  width: 42px;\n  height: 42px;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 80%;\n  background-image: url("+u+");\n  transition: background-size 100ms ease-in;\n  cursor: pointer;\n}\n\n.index-module--Yb4D5:hover {\n  background-size: 90%;\n}\n.index-module--lC9xM {\n  background: var(--secondaryColor);\n  height: 3px;\n  border-radius: 0 2px 2px 0;\n  animation-name: index-module--zZxxQ;\n  animation-timing-function: linear;\n  transition: width 0s ease-in;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n}\n\n@keyframes index-module--zZxxQ {\n  from {\n    width: 100%;\n  }\n  to {\n    width: 0%;\n  }\n}\n",""]);var s="index-module--GFPXG",N="index-module--r8bLl",x="index-module--fQVST",j="index-module--tTQQc",g="index-module--mWanv",D="index-module--Yb4D5",I="index-module--lC9xM";const p=l},96214:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMwMF8zMDEwMCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8zMDBfMzAxMDApIj4KPHBhdGggZD0iTTQuNTQ4MTUgMTkuNUM0LjA0MzAyIDE5LjUgMy42MTU0NSAxOS4zMjUgMy4yNjU0NSAxOC45NzVDMi45MTU0NyAxOC42MjUgMi43NDA0OCAxOC4xOTc0IDIuNzQwNDggMTcuNjkyM1Y2LjMwNzczQzIuNzQwNDggNS44MDI2IDIuOTE1NDcgNS4zNzUwMyAzLjI2NTQ1IDUuMDI1MDNDMy42MTU0NSA0LjY3NTAzIDQuMDQzMDIgNC41MDAwMyA0LjU0ODE1IDQuNTAwMDNIMTUuOTMyN0MxNi40Mzc4IDQuNTAwMDMgMTYuODY1NCA0LjY3NTAzIDE3LjIxNTQgNS4wMjUwM0MxNy41NjU0IDUuMzc1MDMgMTcuNzQwNCA1LjgwMjYgMTcuNzQwNCA2LjMwNzczVjEwLjg4NDdMMjEuMjU5NiA3LjM2NTQ2VjE2LjYzNDZMMTcuNzQwNCAxMy4xMTU0VjE3LjY5MjNDMTcuNzQwNCAxOC4xOTc0IDE3LjU2NTQgMTguNjI1IDE3LjIxNTQgMTguOTc1QzE2Ljg2NTQgMTkuMzI1IDE2LjQzNzggMTkuNSAxNS45MzI3IDE5LjVINC41NDgxNVpNNC41NDgxNSAxOEgxNS45MzI3QzE2LjAyMjUgMTggMTYuMDk2MiAxNy45NzEyIDE2LjE1MzkgMTcuOTEzNUMxNi4yMTE2IDE3Ljg1NTggMTYuMjQwNCAxNy43ODIgMTYuMjQwNCAxNy42OTIzVjYuMzA3NzNDMTYuMjQwNCA2LjIxNzk4IDE2LjIxMTYgNi4xNDQyNiAxNi4xNTM5IDYuMDg2NTZDMTYuMDk2MiA2LjAyODg2IDE2LjAyMjUgNi4wMDAwMSAxNS45MzI3IDYuMDAwMDFINC41NDgxNUM0LjQ1ODQgNi4wMDAwMSA0LjM4NDY4IDYuMDI4ODYgNC4zMjY5OCA2LjA4NjU2QzQuMjY5MjggNi4xNDQyNiA0LjI0MDQzIDYuMjE3OTggNC4yNDA0MyA2LjMwNzczVjE3LjY5MjNDNC4yNDA0MyAxNy43ODIgNC4yNjkyOCAxNy44NTU4IDQuMzI2OTggMTcuOTEzNUM0LjM4NDY4IDE3Ljk3MTIgNC40NTg0IDE4IDQuNTQ4MTUgMThaIiBmaWxsPSIjMUMxQjFGIi8+CjxwYXRoIGQ9Ik01IDExLjc1TDguOTAzODMgMTUuNjUzOUwxNS42MjY5IDguOTMwNzhMMTQuNTczIDcuODc2OTVMOC45MDM4MyAxMy41NDYyTDYuMDUzODMgMTAuNjk2Mkw1IDExLjc1WiIgZmlsbD0iIzFDMUIxRiIvPgo8L2c+Cjwvc3ZnPgo="},78752:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMwMF8zMDExMCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8zMDBfMzAxMTApIj4KPHBhdGggZD0iTTEyIDIwLjk0MjJDMTEuNTk4NyAyMC45NDIyIDExLjI0MzkgMjAuODM2NSAxMC45MzU2IDIwLjYyNDlDMTAuNjI3MiAyMC40MTM0IDEwLjQxMTUgMjAuMTM1OCAxMC4yODg0IDE5Ljc5MjJIOS45OTk5N0M5LjU5MTAxIDE5Ljc5MjIgOS4yMzg3NyAxOS42NDQ1IDguOTQzMjcgMTkuMzQ5QzguNjQ3NzYgMTkuMDUzNSA4LjUgMTguNzAxMiA4LjUgMTguMjkyM1YxNS4wMTE1QzcuNDkxMDMgMTQuNCA2LjY5NzEyIDEzLjU4MDEgNi4xMTgyNyAxMi41NTE5QzUuNTM5NDIgMTEuNTIzNyA1LjI1IDEwLjQyMzEgNS4yNSA5LjI1MDAxQzUuMjUgNy4zNjc5NyA1LjkwNDQ4IDUuNzcyNDYgNy4yMTM0NSA0LjQ2MzQ4QzguNTIyNDMgMy4xNTQ1MSAxMC4xMTc5IDIuNTAwMDMgMTIgMi41MDAwM0MxMy44ODIgMi41MDAwMyAxNS40Nzc1IDMuMTU0NTEgMTYuNzg2NSA0LjQ2MzQ4QzE4LjA5NTUgNS43NzI0NiAxOC43NSA3LjM2Nzk3IDE4Ljc1IDkuMjUwMDFDMTguNzUgMTAuNDQzNiAxOC40NjA1IDExLjU0OTQgMTcuODgxNyAxMi41NjczQzE3LjMwMjggMTMuNTg1MyAxNi41MDg5IDE0LjQgMTUuNSAxNS4wMTE1VjE4LjI5MjNDMTUuNSAxOC43MDEyIDE1LjM1MjIgMTkuMDUzNSAxNS4wNTY3IDE5LjM0OUMxNC43NjEyIDE5LjY0NDUgMTQuNDA4OSAxOS43OTIyIDE0IDE5Ljc5MjJIMTMuNzExNUMxMy41ODg0IDIwLjEzNTggMTMuMzcyNyAyMC40MTM0IDEzLjA2NDQgMjAuNjI0OUMxMi43NTYxIDIwLjgzNjUgMTIuNDAxMyAyMC45NDIyIDEyIDIwLjk0MjJaTTkuOTk5OTcgMTguMjkyM0gxNFYxNy4zNTM4SDkuOTk5OTdWMTguMjkyM1pNOS45OTk5NyAxNi40NjkySDE0VjE1LjVIOS45OTk5N1YxNi40NjkyWk05Ljc5OTk3IDE0SDExLjQwMzhWMTEuMDg4NUw5LjI2MTUzIDguOTQ2MTZMMTAuMSA4LjEwNzcxTDEyIDEwLjAwNzdMMTMuOSA4LjEwNzcxTDE0LjczODQgOC45NDYxNkwxMi41OTYxIDExLjA4ODVWMTRIMTQuMkMxNS4xIDEzLjU2NjcgMTUuODMzMyAxMi45MjkyIDE2LjQgMTIuMDg3NUMxNi45NjY2IDExLjI0NTggMTcuMjUgMTAuMyAxNy4yNSA5LjI1MDAxQzE3LjI1IDcuNzgzMzQgMTYuNzQxNiA2LjU0MTY3IDE1LjcyNSA1LjUyNTAxQzE0LjcwODMgNC41MDgzNCAxMy40NjY2IDQuMDAwMDEgMTIgNC4wMDAwMUMxMC41MzMzIDQuMDAwMDEgOS4yOTE2NCA0LjUwODM0IDguMjc0OTcgNS41MjUwMUM3LjI1ODMxIDYuNTQxNjcgNi43NDk5NyA3Ljc4MzM0IDYuNzQ5OTcgOS4yNTAwMUM2Ljc0OTk3IDEwLjMgNy4wMzMzMSAxMS4yNDU4IDcuNTk5OTcgMTIuMDg3NUM4LjE2NjY0IDEyLjkyOTIgOC44OTk5NyAxMy41NjY3IDkuNzk5OTcgMTRaIiBmaWxsPSIjMUMxQjFGIi8+CjwvZz4KPC9zdmc+Cg=="},30923:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDE5LjY1MzhMNi4wOTYxOSAxNS43NUw3LjE2NTM5IDE0LjY4MDhMOS4yNTAwNCAxNi43NjU0VjEyLjI1SDEwLjc1VjE2Ljc1MDFMMTIuODE5MiAxNC42NjU0TDEzLjkwMzggMTUuNzVMMTAgMTkuNjUzOFpNNC4yNTAwMiAxMy45MDM4TDAuMzQ2MTkxIDEwTDQuMjM0NjQgNi4xMTE1OEw1LjMwMzg0IDcuMTgwNzhMMy4yMzQ1OSA5LjI1MDAzSDcuNzQ5OTlWMTAuNzVIMy4yNDk5N0w1LjMzNDYyIDEyLjgxOTJMNC4yNTAwMiAxMy45MDM4Wk0xNS43NSAxMy45MDM4TDE0LjY4MDggMTIuODM0NkwxNi43NjU0IDEwLjc1SDEyLjI1VjkuMjUwMDNIMTYuNzUwMUwxNC42NjU0IDcuMTgwNzhMMTUuNzUgNi4wOTYxOEwxOS42NTM4IDEwTDE1Ljc1IDEzLjkwMzhaTTkuMjUwMDQgNy43NDk5OFYzLjIzNDU4TDcuMTY1MzkgNS4zMTkyTDYuMDk2MTkgNC4yNUwxMCAwLjM0NjE3NkwxMy45MDM4IDQuMjVMMTIuODM0NiA1LjMxOTJMMTAuNzUgMy4yMzQ1OFY3Ljc0OTk4SDkuMjUwMDRaIiBmaWxsPSIjMUMxQjFGIi8+Cjwvc3ZnPgo="},55345:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMzMl8xNDMiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI0Q5RDlEOSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMzMyXzE0MykiPgo8cGF0aCBkPSJNOC4yMjc0OSAxNi44MzY1TDcuMTY0MDYgMTUuNzczMUwxMC45MzcyIDEyTDcuMTY0MDYgOC4yNTE5TDguMjI3NDkgNy4xODg0OEwxMi4wMDA2IDEwLjk2MTZMMTUuNzQ4NyA3LjE4ODQ4TDE2LjgxMjEgOC4yNTE5TDEzLjAzOSAxMkwxNi44MTIxIDE1Ljc3MzFMMTUuNzQ4NyAxNi44MzY1TDEyLjAwMDYgMTMuMDYzNEw4LjIyNzQ5IDE2LjgzNjVaIiBmaWxsPSIjMUMxQjFGIi8+CjwvZz4KPC9zdmc+Cg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 9750.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9750,2934],{55037:(e,n,t)=>{t.r(n),t.d(n,{default:()=>g});t(87363);var i=t(92934),a=t(93379),o=t.n(a),r=t(7795),l=t.n(r),d=t(90569),s=t.n(d),u=t(3565),c=t.n(u),m=t(19216),v=t.n(m),h=t(44589),b=t.n(h),p=t(74665),x={};x.styleTagTransform=b(),x.setAttributes=c(),x.insert=s().bind(null,"head"),x.domAPI=l(),x.insertStyleElement=v();o()(p.Z,x);p.Z&&p.Z.locals&&p.Z.locals;var f=t(47514);const g=function OrbitInteractionFree(e){return(0,f.jsx)(i.default,{orbitInteractionContainerClass:p.i})}},92934:(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),u=t.n(s),c=t(7795),m=t.n(c),v=t(90569),h=t.n(v),b=t(3565),p=t.n(b),x=t(19216),f=t.n(x),g=t(44589),S=t.n(g),C=t(50557),z={};z.styleTagTransform=S(),z.setAttributes=p(),z.insert=h().bind(null,"head"),z.domAPI=m(),z.insertStyleElement=f();u()(C.ZP,z);C.ZP&&C.ZP.locals&&C.ZP.locals;var P=t(76189),Z=t(9420),I=t(88683),V=t(65515),y=t.n(V),D=t(47514),O=void 0,j=void 0,N=void 0;const w=(0,Z.Pi)((function OrbitInteractionStandard(e){var n,t=e.orbitInteractionContainerClass,o=void 0===t?C.il:t,s=(0,P.NP)(),u=(0,l.useState)(!0),c=(0,a.Z)(u,2),m=c[0],v=c[1],h=(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,D.jsx)(D.Fragment,{});var b=s.viewPlannerHandler.getOrbitCubeInitParams();return s.uiState.isLoading&&(O=void 0,j=void 0),(0,D.jsx)("div",{className:y()(o,s.uiState.isInMobileView?C.ai:void 0,s.productState.roomListExpanded?C.th:void 0),children:(0,D.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!=b?{horizontal:b.rotHorizontal,vertical:b.rotVertical}:void 0,zoomFactorResetDelay:500,minCssScale:.5,maxCssScale:1.5,disableDefaultScrollBehaviour:!0,cubeFaceChildren:{back:(0,D.jsx)("div",{className:C.VK,children:h("cube.back")}),bottom:(0,D.jsx)("div",{className:C.VK,children:h("cube.bottom")}),front:(0,D.jsx)("div",{className:C.VK,children:h("cube.front")}),left:(0,D.jsx)("div",{className:C.VK,children:h("cube.left")}),right:(0,D.jsx)("div",{className:C.VK,children:h("cube.right")}),top:(0,D.jsx)("div",{className:C.VK,children:h("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,th:()=>u});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: 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",u="index-module--i_KdX";const c=r}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9750,2934],{55037:(e,n,t)=>{t.r(n),t.d(n,{default:()=>g});t(87363);var i=t(92934),a=t(93379),o=t.n(a),r=t(7795),l=t.n(r),d=t(90569),s=t.n(d),u=t(3565),c=t.n(u),m=t(19216),v=t.n(m),h=t(44589),b=t.n(h),p=t(74665),x={};x.styleTagTransform=b(),x.setAttributes=c(),x.insert=s().bind(null,"head"),x.domAPI=l(),x.insertStyleElement=v();o()(p.Z,x);p.Z&&p.Z.locals&&p.Z.locals;var f=t(47514);const g=function OrbitInteractionFree(e){return(0,f.jsx)(i.default,{orbitInteractionContainerClass:p.i})}},92934:(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),u=t.n(s),c=t(7795),m=t.n(c),v=t(90569),h=t.n(v),b=t(3565),p=t.n(b),x=t(19216),f=t.n(x),g=t(44589),C=t.n(g),S=t(50557),z={};z.styleTagTransform=C(),z.setAttributes=p(),z.insert=h().bind(null,"head"),z.domAPI=m(),z.insertStyleElement=f();u()(S.ZP,z);S.ZP&&S.ZP.locals&&S.ZP.locals;var P=t(76189),Z=t(9420),I=t(88683),V=t(65515),D=t.n(V),O=t(47514),y=void 0,j=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)(),u=(0,l.useState)(!0),c=(0,a.Z)(u,2),m=c[0],v=c[1],h=(0,I.useTranslation)().t,b=(0,I.useDivaCore)().state.isModalOpen?null:null!==(n=s.productState.planner3DImageSvgArea)&&void 0!==n?n:document.getElementById("diva3dImg");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 p=s.viewPlannerHandler.getOrbitCubeInitParams();return s.uiState.isLoading&&(y=void 0,j=void 0),(0,O.jsx)("div",{className:D()(o,s.uiState.isInMobileView?S.ai:void 0,s.productState.roomListExpanded?S.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:b,onRotationChange:function onRotationChange(e){if(s.productState.ignoreUpdateRenderingOnOrbitChanged)s.productState.setIgnoreUpdateRenderingOnOrbitChanged(!1);else if(null==y||null==j||e.horizontal!=y||e.vertical!=j){var n=e.horizontal,t=e.vertical;y=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:S.VK,children:h("cube.back")}),bottom:(0,O.jsx)("div",{className:S.VK,children:h("cube.bottom")}),front:(0,O.jsx)("div",{className:S.VK,children:h("cube.front")}),left:(0,O.jsx)("div",{className:S.VK,children:h("cube.left")}),right:(0,O.jsx)("div",{className:S.VK,children:h("cube.right")}),top:(0,O.jsx)("div",{className:S.VK,children:h("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,th:()=>u});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: 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",u="index-module--i_KdX";const c=r}}]);