@crystaldesign/diva-web-planner-react 26.12.0-rc.1 → 26.12.0-rc.3

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

@@ -1,2 +1,2 @@
 /*! For license information please see 412.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[412,3156],{90412:(e,n,t)=>{t.r(n),t.d(n,{default:()=>g});t(87363);var i=t(93156),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})}},93156:(e,n,t)=>{t.r(n),t.d(n,{default:()=>j});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 I=t(35567),P=t(9420),Z=t(88683),V=t(65515),D=t.n(V),O=t(47514),w=void 0,y=void 0,R=void 0;const j=(0,P.Pi)((function OrbitInteractionStandard(e){var n,t=e.orbitInteractionContainerClass,o=void 0===t?C.il:t,s=(0,I.NP)(),u=(0,l.useState)(!0),c=(0,a.Z)(u,2),m=c[0],v=c[1],h=(0,Z.useTranslation)().t,b=(0,Z.useDivaCore)().state.isModalOpen?null:null!==(n=s.productState.planner3DImageSvgArea)&&void 0!==n?n:document.getElementById("diva3dImg");if((0,l.useEffect)((function(){R&&clearTimeout(R),m?R=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.doShowRenderImage||s.productState.doShowAIRoom||s.productState.plannerRenderingIsStaticBG)return(0,O.jsx)(O.Fragment,{});var p=s.viewPlannerHandler.getOrbitCubeInitParams();return s.uiState.isLoading&&(w=void 0,y=void 0),(0,O.jsx)("div",{className:D()(o,s.uiState.isInMobileView?C.ai:void 0,s.productState.roomListExpanded?C.th:void 0),children:(0,O.jsx)(d.Z,{hiddenState:[m,v],ref:function ref(e){return s.productState.setOrbitCubeElement(e)},size:s.uiState.isInMobileView?"40px":"80px",interactionElement:b,onRotationChange:function onRotationChange(e){if(s.productState.ignoreUpdateRenderingOnOrbitChanged)s.productState.setIgnoreUpdateRenderingOnOrbitChanged(!1);else if(null==w||null==y||e.horizontal!=w||e.vertical!=y){var n=e.horizontal,t=e.vertical;w=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!=p?{horizontal:p.rotHorizontal,vertical:p.rotVertical}:void 0,zoomFactorResetDelay:500,minCssScale:.5,maxCssScale:1.5,disableDefaultScrollBehaviour:!0,cubeFaceChildren:{back:(0,O.jsx)("div",{className:C.VK,children:h("cube.back")}),bottom:(0,O.jsx)("div",{className:C.VK,children:h("cube.bottom")}),front:(0,O.jsx)("div",{className:C.VK,children:h("cube.front")}),left:(0,O.jsx)("div",{className:C.VK,children:h("cube.left")}),right:(0,O.jsx)("div",{className:C.VK,children:h("cube.right")}),top:(0,O.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([[412,3156],{90412:(e,n,t)=>{t.r(n),t.d(n,{default:()=>g});t(87363);var i=t(93156),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})}},93156:(e,n,t)=>{t.r(n),t.d(n,{default:()=>j});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 I=t(91214),P=t(9420),Z=t(88683),V=t(65515),D=t.n(V),O=t(47514),w=void 0,y=void 0,R=void 0;const j=(0,P.Pi)((function OrbitInteractionStandard(e){var n,t=e.orbitInteractionContainerClass,o=void 0===t?C.il:t,s=(0,I.NP)(),u=(0,l.useState)(!0),c=(0,a.Z)(u,2),m=c[0],v=c[1],h=(0,Z.useTranslation)().t,b=(0,Z.useDivaCore)().state.isModalOpen?null:null!==(n=s.productState.planner3DImageSvgArea)&&void 0!==n?n:document.getElementById("diva3dImg");if((0,l.useEffect)((function(){R&&clearTimeout(R),m?R=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.doShowRenderImage||s.productState.doShowAIRoom||s.productState.plannerRenderingIsStaticBG)return(0,O.jsx)(O.Fragment,{});var p=s.viewPlannerHandler.getOrbitCubeInitParams();return s.uiState.isLoading&&(w=void 0,y=void 0),(0,O.jsx)("div",{className:D()(o,s.uiState.isInMobileView?C.ai:void 0,s.productState.roomListExpanded?C.th:void 0),children:(0,O.jsx)(d.Z,{hiddenState:[m,v],ref:function ref(e){return s.productState.setOrbitCubeElement(e)},size:s.uiState.isInMobileView?"40px":"80px",interactionElement:b,onRotationChange:function onRotationChange(e){if(s.productState.ignoreUpdateRenderingOnOrbitChanged)s.productState.setIgnoreUpdateRenderingOnOrbitChanged(!1);else if(null==w||null==y||e.horizontal!=w||e.vertical!=y){var n=e.horizontal,t=e.vertical;w=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!=p?{horizontal:p.rotHorizontal,vertical:p.rotVertical}:void 0,zoomFactorResetDelay:500,minCssScale:.5,maxCssScale:1.5,disableDefaultScrollBehaviour:!0,cubeFaceChildren:{back:(0,O.jsx)("div",{className:C.VK,children:h("cube.back")}),bottom:(0,O.jsx)("div",{className:C.VK,children:h("cube.bottom")}),front:(0,O.jsx)("div",{className:C.VK,children:h("cube.front")}),left:(0,O.jsx)("div",{className:C.VK,children:h("cube.left")}),right:(0,O.jsx)("div",{className:C.VK,children:h("cube.right")}),top:(0,O.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}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 4167.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4167],{44167:(n,e,t)=>{t.r(e),t.d(e,{default:()=>D});var o=t(80248),i=t(22182),r=t(9420),a=t(87363),d=t.n(a),c=t(88683),s=t(58292),l=t(35567),u=t(93379),p=t.n(u),x=t(7795),m=t.n(x),g=t(90569),f=t.n(g),b=t(3565),y=t.n(b),h=t(19216),j=t.n(h),C=t(44589),M=t.n(C),w=t(16033),I={};I.styleTagTransform=M(),I.setAttributes=y(),I.insert=f().bind(null,"head"),I.domAPI=m(),I.insertStyleElement=j();p()(w.ZP,I);w.ZP&&w.ZP.locals&&w.ZP.locals;var S=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const D=(0,r.Pi)((function ArQrCodeTooltip(n){var e,t=n.layerProps,o=n.arrowProps,r=n.autoClose,u=n.fadeIn,p=n.fadeout,x=n.url,m=(0,l.NP)(),g=m.getViewConfig().arQrCodeConfig,f=null!=g&&g.timeUnitAutohide?g.timeUnitAutohide:6,b=(0,c.useDivaCore)().state.theme,y=(0,c.useTranslation)().t,h=(0,a.useRef)();return(0,a.useEffect)((function(){return r&&(null!=h&&h.current||(h.current=setTimeout((function(){return m.productState.setDoShowARQRCode(!1)}),1e3*(f+1)))),function(){null!=h&&h.current&&clearTimeout(h.current)}}),[r]),(0,a.useEffect)((function(){m.productState.doShowARQRCode?m.productState.setArCodeWasVisibleOnce():null!=h&&h.current&&clearTimeout(h.current)}),[m.productState.doShowARQRCode]),(0,S.jsxs)("div",_objectSpread(_objectSpread({},t),{},{className:w.YS,style:_objectSpread(_objectSpread({opacity:p?0:u?1:void 0},t.style),{},{zIndex:1000005}),children:[(0,S.jsx)("div",{className:w.SS,children:x&&d().createElement(i.ZP,{value:x,size:96,onClick:function onClick(){return x&&window.open(x,"_blank")}})}),(0,S.jsxs)("div",{className:w.aS,style:{fontFamily:null==b||null===(e=b.typography)||void 0===e?void 0:e.fontFamily},children:[(0,S.jsx)("div",{className:w.Fs,children:y("configurator.ar_qr_title")}),(0,S.jsx)("div",{className:w.fL,children:y("configurator.ar_qr_text")})]}),(0,S.jsx)("div",{className:w.UF,onClick:function onClick(){return m.productState.setDoShowARQRCode(!1)}}),(0,S.jsx)(s.Eh,_objectSpread({onPointerEnterCapture:void 0,onPointerLeaveCapture:void 0},o)),r&&(0,S.jsx)("div",{className:w.L3,style:{animationDuration:f+"s"}})]}))}))},16033:(n,e,t)=>{t.d(e,{Fs:()=>g,L3:()=>y,SS:()=>x,UF:()=>b,YS:()=>p,ZP:()=>h,aS:()=>m,fL:()=>f});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),c=t.n(d),s=new URL(t(55345),t.b),l=a()(i()),u=c()(s);l.push([n.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 p="index-module--GFPXG",x="index-module--r8bLl",m="index-module--fQVST",g="index-module--tTQQc",f="index-module--mWanv",b="index-module--Yb4D5",y="index-module--lC9xM";const h=l},55345:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMzMl8xNDMiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI0Q5RDlEOSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMzMyXzE0MykiPgo8cGF0aCBkPSJNOC4yMjc0OSAxNi44MzY1TDcuMTY0MDYgMTUuNzczMUwxMC45MzcyIDEyTDcuMTY0MDYgOC4yNTE5TDguMjI3NDkgNy4xODg0OEwxMi4wMDA2IDEwLjk2MTZMMTUuNzQ4NyA3LjE4ODQ4TDE2LjgxMjEgOC4yNTE5TDEzLjAzOSAxMkwxNi44MTIxIDE1Ljc3MzFMMTUuNzQ4NyAxNi44MzY1TDEyLjAwMDYgMTMuMDYzNEw4LjIyNzQ5IDE2LjgzNjVaIiBmaWxsPSIjMUMxQjFGIi8+CjwvZz4KPC9zdmc+Cg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4167],{44167:(n,e,t)=>{t.r(e),t.d(e,{default:()=>D});var o=t(80248),i=t(22182),r=t(9420),a=t(87363),d=t.n(a),c=t(88683),s=t(58292),l=t(91214),u=t(93379),p=t.n(u),x=t(7795),m=t.n(x),g=t(90569),f=t.n(g),b=t(3565),y=t.n(b),h=t(19216),j=t.n(h),C=t(44589),M=t.n(C),w=t(16033),I={};I.styleTagTransform=M(),I.setAttributes=y(),I.insert=f().bind(null,"head"),I.domAPI=m(),I.insertStyleElement=j();p()(w.ZP,I);w.ZP&&w.ZP.locals&&w.ZP.locals;var S=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const D=(0,r.Pi)((function ArQrCodeTooltip(n){var e,t=n.layerProps,o=n.arrowProps,r=n.autoClose,u=n.fadeIn,p=n.fadeout,x=n.url,m=(0,l.NP)(),g=m.getViewConfig().arQrCodeConfig,f=null!=g&&g.timeUnitAutohide?g.timeUnitAutohide:6,b=(0,c.useDivaCore)().state.theme,y=(0,c.useTranslation)().t,h=(0,a.useRef)();return(0,a.useEffect)((function(){return r&&(null!=h&&h.current||(h.current=setTimeout((function(){return m.productState.setDoShowARQRCode(!1)}),1e3*(f+1)))),function(){null!=h&&h.current&&clearTimeout(h.current)}}),[r]),(0,a.useEffect)((function(){m.productState.doShowARQRCode?m.productState.setArCodeWasVisibleOnce():null!=h&&h.current&&clearTimeout(h.current)}),[m.productState.doShowARQRCode]),(0,S.jsxs)("div",_objectSpread(_objectSpread({},t),{},{className:w.YS,style:_objectSpread(_objectSpread({opacity:p?0:u?1:void 0},t.style),{},{zIndex:1000005}),children:[(0,S.jsx)("div",{className:w.SS,children:x&&d().createElement(i.ZP,{value:x,size:96,onClick:function onClick(){return x&&window.open(x,"_blank")}})}),(0,S.jsxs)("div",{className:w.aS,style:{fontFamily:null==b||null===(e=b.typography)||void 0===e?void 0:e.fontFamily},children:[(0,S.jsx)("div",{className:w.Fs,children:y("configurator.ar_qr_title")}),(0,S.jsx)("div",{className:w.fL,children:y("configurator.ar_qr_text")})]}),(0,S.jsx)("div",{className:w.UF,onClick:function onClick(){return m.productState.setDoShowARQRCode(!1)}}),(0,S.jsx)(s.Eh,_objectSpread({onPointerEnterCapture:void 0,onPointerLeaveCapture:void 0},o)),r&&(0,S.jsx)("div",{className:w.L3,style:{animationDuration:f+"s"}})]}))}))},16033:(n,e,t)=>{t.d(e,{Fs:()=>g,L3:()=>y,SS:()=>x,UF:()=>b,YS:()=>p,ZP:()=>h,aS:()=>m,fL:()=>f});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),c=t.n(d),s=new URL(t(55345),t.b),l=a()(i()),u=c()(s);l.push([n.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 p="index-module--GFPXG",x="index-module--r8bLl",m="index-module--fQVST",g="index-module--tTQQc",f="index-module--mWanv",b="index-module--Yb4D5",y="index-module--lC9xM";const h=l},55345:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMzMl8xNDMiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI0Q5RDlEOSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMzMyXzE0MykiPgo8cGF0aCBkPSJNOC4yMjc0OSAxNi44MzY1TDcuMTY0MDYgMTUuNzczMUwxMC45MzcyIDEyTDcuMTY0MDYgOC4yNTE5TDguMjI3NDkgNy4xODg0OEwxMi4wMDA2IDEwLjk2MTZMMTUuNzQ4NyA3LjE4ODQ4TDE2LjgxMjEgOC4yNTE5TDEzLjAzOSAxMkwxNi44MTIxIDE1Ljc3MzFMMTUuNzQ4NyAxNi44MzY1TDEyLjAwMDYgMTMuMDYzNEw4LjIyNzQ5IDE2LjgzNjVaIiBmaWxsPSIjMUMxQjFGIi8+CjwvZz4KPC9zdmc+Cg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 4178.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4178],{84178:(e,t,n)=>{n.r(t),n.d(t,{default:()=>C});var a=n(34988),i=n(65515),s=n.n(i),r=n(9420),o=n(35567),l=n(87363),c=n(88683),d=n(93379),u=n.n(d),b=n(7795),p=n.n(b),m=n(90569),v=n.n(m),g=n(3565),x=n.n(g),h=n(19216),f=n.n(h),k=n(44589),S=n.n(k),P=n(38027),G={};G.styleTagTransform=S(),G.setAttributes=x(),G.insert=v().bind(null,"head"),G.domAPI=p(),G.insertStyleElement=f();u()(P.ZP,G);P.ZP&&P.ZP.locals&&P.ZP.locals;var w=n(47514);const C=(0,r.Pi)((function VerticalTabGroupItemStandard(e){var t,n=e.tabGroup,i=e.height,r=e.minHeight,d=void 0===r?80:r,u=e.isFirstItem,b=e.isLastItem,p=e.wcVisitedStepClass,m=void 0===p?P.to:p,v=e.wcActiveStepClass,g=void 0===v?P.F1:v,x=e.verticalItemPoligonClass,h=void 0===x?P.Wb:x,f=e.wcStepIconClass,k=void 0===f?P.x3:f,S=e.lastItemDiv,G=(0,o.NP)(),C=(0,c.useTranslation)().t,y=(0,l.useRef)(null),I=(0,l.useState)(8),T=(0,a.Z)(I,2),B=T[0],z=T[1],R=G.tabGroupState.curTabGroup;i<d&&(i=d);var N=(0,c.useDivaCore)().state.apiConfig.baseCdnUrl;(0,l.useEffect)((function(){if(G.tabGroupState.setTabGroupItems(n.key,y.current),y.current){var e=getComputedStyle(y.current).getPropertyValue("--globalBorderRadius").trim();if(e){var t=parseFloat(e);isNaN(t)||z(t)}}}),[y]);var _=n.posNr==(null==R?void 0:R.posNr),E=G.tabGroupAlreadyVisited(n)&&!(n.posNr==(null==R?void 0:R.posNr)),j=function getRoundedPath(e,t){for(var n=e.length,a=[],i=0;i<n;i++){var s=e[(i-1+n)%n],r=e[i],o=e[(i+1)%n],l=s[0]-r[0],c=s[1]-r[1],d=Math.sqrt(l*l+c*c),u=o[0]-r[0],b=o[1]-r[1],p=Math.sqrt(u*u+b*b),m=Math.min(t,d/2,p/2),v=r[0]+l/d*m,g=r[1]+c/d*m,x=r[0]+u/p*m,h=r[1]+b/p*m;a.push(0===i?"M".concat(v," ").concat(g):"L".concat(v," ").concat(g)),a.push("Q".concat(r[0]," ").concat(r[1]," ").concat(x," ").concat(h))}return a.push("Z"),a.join(" ")}(function getShapePoints(e,t,n,a){return n&&a?[[0,t],[0,0],[e,0],[e,t]]:n?[[0,t-8],[0,0],[e,0],[e,t-8],[64,t]]:a?[[0,t],[0,0],[64,8],[e,0],[e,t]]:[[0,t-8],[0,0],[64,8],[e,0],[e,t-8],[64,t]]}(128,i,!!u,!!b),B),V=null!==(t=function getIconOfTabGroup(e,t,n){var a=t+"/static/images/TabIcons/";if(n){if(n[e.toLowerCase()])return a+n[e.toLowerCase()];if(n[e])return a+n[e]}switch(e){case"StaticRoomList":return a+"room.svg";case"Planner":case"PRODUCTS":case"PROMOTED":return a+"planner.svg";case"Summary":return a+"summary.svg";case"Piede":case"pieds":case"Fuss":case"Fuß":case"Fu":case"Fsse":return a+"feet.svg";case"Testiera":case"tte de lit":case"Kopfteil":case"Headboard":return a+"bed_headboard.svg";case"materasso":case"matelas":case"Matratze":case"Matratze Zubehr":return a+"mattress.svg";case"dimensioni":case"dimension":case"Grsse":return a+"dimensions.svg";case"Topper":case"surmatelas":return a+"topper.svg";case"Telaio inferiore":case"box":case"Untergestell":case"Box/Untergestell":case"BoxUntergestell":case"Box  Bettrahmen":case"box  cadre de lit":case"Box":case"Box inkl Grsse":return a+"bed_underframe.svg";case"Visualizzazione":case"visualisation":case"Visualisierung":return a+"bed_visualization.svg";case"Rivestimento":case"tissu dco":case"Bezug":case"Stoff":return a+"upholstery.svg";case"Sitz":case"Sitztiefe":return a+"seat.svg";case"Armlehne":return a+"armrest.svg";case"ACCESSOIRES":return a+"additionalArticles.svg";case"Rcken":return a+"sofaBackrest.svg";case"Konfiguration":return a+"material_config.svg";case"Zustand":return a+"settings_suggest.svg"}}(n.key,N,G.getViewConfig().tabGroupsIcons))&&void 0!==t?t:"",A=(0,w.jsxs)("div",{"data-test-id":"tabGroupItem",children:[(0,w.jsx)("div",{className:k,style:{WebkitMaskImage:"url("+V+")",maskImage:"url("+V+")"}}),(0,w.jsx)("span",{"data-test-id":"tabGroupItemTitle",children:C("configurator."+n.title,n.title)})]});return b&&S&&(A=S),(0,w.jsxs)("svg",{"data-test-id":"tabGroupItemSvg",viewBox:"0 0 128 "+i,ref:y,style:{height:i+"px",minHeight:d},onClick:function onClick(){return function onTabGroupClick(e){window.lastNavigationType="TABGROUP_BY_POS_NR",G.tabGroupState.navigateToTabgroupByPosNr(+e.posNr)}(n)},className:s()(P.x6,_?g:void 0,E?m:void 0),children:[(0,w.jsx)("path",{className:s()(h,_?g:void 0,E?m:void 0),d:j}),(0,w.jsx)("foreignObject",{width:"100%",height:"100%",style:{pointerEvents:"none"},children:(0,w.jsx)("span",{className:s()(P.xb,h,_?g:void 0,E?m:void 0),children:A})})]})}))},38027:(e,t,n)=>{n.d(t,{F1:()=>d,Wb:()=>c,ZP:()=>p,to:()=>u,x3:()=>b,x6:()=>o,xb:()=>l});var a=n(8081),i=n.n(a),s=n(23645),r=n.n(s)()(i());r.push([e.id,".index-module--zywLK {\n  font-size: 12px;\n  width: 100%;\n  line-height: 14px;\n  height: 3.5rem;\n  letter-spacing: 0.3px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.4px;\n  background-image: none;\n  text-align: center;\n  vertical-align: top;\n  zoom: 1;\n  box-sizing: content-box;\n  position: relative;\n  display: inline-block;\n  cursor: pointer;\n  color: #000;\n  color: var(--tabGroupStepVisitedFont, #000);\n}\n\n.index-module--q8ldY {\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  position: absolute;\n  font-size: 12px;\n  line-height: 14px;\n  height: 3.5rem;\n  letter-spacing: 0.3px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.4px;\n  background-image: none;\n  text-align: center;\n  display: block;\n  width: 100%;\n}\n\n.index-module--_EcbQ {\n  fill: var(--thirdColor);\n  fill: var(--tabGroupStep, var(--thirdColor));\n  transition:\n    fill 0.3s ease,\n    color 0.3s ease;\n}\n.index-module--_EcbQ.index-module--BPmSG {\n  fill: var(--primaryColor);\n  fill: var(--tabGroupStepActive, var(--primaryColor));\n  color: white;\n}\n/* .verticalItemPoligon.wcVisitedStep {\n  border: #b1b1b1 1px solid;\n} */\n\n.index-module--_EcbQ.index-module--evPRd {\n  fill: #b1b1b1;\n  fill: var(--tabGroupStepVisited, #b1b1b1);\n}\n.index-module--_EcbQ.index-module--BPmSG:hover {\n  fill: var(--primaryColor);\n  fill: var(--tabGroupStepActive, var(--primaryColor));\n}\n\n.index-module--_EcbQ:hover,\n.index-module--_EcbQ.index-module--evPRd:hover {\n  fill: #bbbbbb;\n  fill: var(--tabGroupStepHover, #bbbbbb);\n}\n\n.index-module--xqsj9 {\n  display: block;\n  background-color: #000;\n  background-color: var(--tabGroupStepVisitedIcon, #000);\n  background-position: center center;\n  width: 42px;\n  height: 42px;\n  margin: auto;\n  -webkit-mask-size: contain;\n  -webkit-mask-repeat: no-repeat;\n}\n\n.index-module--BPmSG .index-module--xqsj9 {\n  background-color: white;\n}\n",""]);var o="index-module--zywLK",l="index-module--q8ldY",c="index-module--_EcbQ",d="index-module--BPmSG",u="index-module--evPRd",b="index-module--xqsj9";const p=r}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4178],{84178:(e,t,n)=>{n.r(t),n.d(t,{default:()=>C});var a=n(34988),i=n(65515),s=n.n(i),r=n(9420),o=n(91214),l=n(87363),c=n(88683),d=n(93379),u=n.n(d),b=n(7795),p=n.n(b),m=n(90569),v=n.n(m),g=n(3565),x=n.n(g),h=n(19216),f=n.n(h),k=n(44589),S=n.n(k),P=n(38027),G={};G.styleTagTransform=S(),G.setAttributes=x(),G.insert=v().bind(null,"head"),G.domAPI=p(),G.insertStyleElement=f();u()(P.ZP,G);P.ZP&&P.ZP.locals&&P.ZP.locals;var w=n(47514);const C=(0,r.Pi)((function VerticalTabGroupItemStandard(e){var t,n=e.tabGroup,i=e.height,r=e.minHeight,d=void 0===r?80:r,u=e.isFirstItem,b=e.isLastItem,p=e.wcVisitedStepClass,m=void 0===p?P.to:p,v=e.wcActiveStepClass,g=void 0===v?P.F1:v,x=e.verticalItemPoligonClass,h=void 0===x?P.Wb:x,f=e.wcStepIconClass,k=void 0===f?P.x3:f,S=e.lastItemDiv,G=(0,o.NP)(),C=(0,c.useTranslation)().t,y=(0,l.useRef)(null),I=(0,l.useState)(8),T=(0,a.Z)(I,2),B=T[0],z=T[1],R=G.tabGroupState.curTabGroup;i<d&&(i=d);var N=(0,c.useDivaCore)().state.apiConfig.baseCdnUrl;(0,l.useEffect)((function(){if(G.tabGroupState.setTabGroupItems(n.key,y.current),y.current){var e=getComputedStyle(y.current).getPropertyValue("--globalBorderRadius").trim();if(e){var t=parseFloat(e);isNaN(t)||z(t)}}}),[y]);var _=n.posNr==(null==R?void 0:R.posNr),E=G.tabGroupAlreadyVisited(n)&&!(n.posNr==(null==R?void 0:R.posNr)),j=function getRoundedPath(e,t){for(var n=e.length,a=[],i=0;i<n;i++){var s=e[(i-1+n)%n],r=e[i],o=e[(i+1)%n],l=s[0]-r[0],c=s[1]-r[1],d=Math.sqrt(l*l+c*c),u=o[0]-r[0],b=o[1]-r[1],p=Math.sqrt(u*u+b*b),m=Math.min(t,d/2,p/2),v=r[0]+l/d*m,g=r[1]+c/d*m,x=r[0]+u/p*m,h=r[1]+b/p*m;a.push(0===i?"M".concat(v," ").concat(g):"L".concat(v," ").concat(g)),a.push("Q".concat(r[0]," ").concat(r[1]," ").concat(x," ").concat(h))}return a.push("Z"),a.join(" ")}(function getShapePoints(e,t,n,a){return n&&a?[[0,t],[0,0],[e,0],[e,t]]:n?[[0,t-8],[0,0],[e,0],[e,t-8],[64,t]]:a?[[0,t],[0,0],[64,8],[e,0],[e,t]]:[[0,t-8],[0,0],[64,8],[e,0],[e,t-8],[64,t]]}(128,i,!!u,!!b),B),V=null!==(t=function getIconOfTabGroup(e,t,n){var a=t+"/static/images/TabIcons/";if(n){if(n[e.toLowerCase()])return a+n[e.toLowerCase()];if(n[e])return a+n[e]}switch(e){case"StaticRoomList":return a+"room.svg";case"Planner":case"PRODUCTS":case"PROMOTED":return a+"planner.svg";case"Summary":return a+"summary.svg";case"Piede":case"pieds":case"Fuss":case"Fuß":case"Fu":case"Fsse":return a+"feet.svg";case"Testiera":case"tte de lit":case"Kopfteil":case"Headboard":return a+"bed_headboard.svg";case"materasso":case"matelas":case"Matratze":case"Matratze Zubehr":return a+"mattress.svg";case"dimensioni":case"dimension":case"Grsse":return a+"dimensions.svg";case"Topper":case"surmatelas":return a+"topper.svg";case"Telaio inferiore":case"box":case"Untergestell":case"Box/Untergestell":case"BoxUntergestell":case"Box  Bettrahmen":case"box  cadre de lit":case"Box":case"Box inkl Grsse":return a+"bed_underframe.svg";case"Visualizzazione":case"visualisation":case"Visualisierung":return a+"bed_visualization.svg";case"Rivestimento":case"tissu dco":case"Bezug":case"Stoff":return a+"upholstery.svg";case"Sitz":case"Sitztiefe":return a+"seat.svg";case"Armlehne":return a+"armrest.svg";case"ACCESSOIRES":return a+"additionalArticles.svg";case"Rcken":return a+"sofaBackrest.svg";case"Konfiguration":return a+"material_config.svg";case"Zustand":return a+"settings_suggest.svg"}}(n.key,N,G.getViewConfig().tabGroupsIcons))&&void 0!==t?t:"",A=(0,w.jsxs)("div",{"data-test-id":"tabGroupItem",children:[(0,w.jsx)("div",{className:k,style:{WebkitMaskImage:"url("+V+")",maskImage:"url("+V+")"}}),(0,w.jsx)("span",{"data-test-id":"tabGroupItemTitle",children:C("configurator."+n.title,n.title)})]});return b&&S&&(A=S),(0,w.jsxs)("svg",{"data-test-id":"tabGroupItemSvg",viewBox:"0 0 128 "+i,ref:y,style:{height:i+"px",minHeight:d},onClick:function onClick(){return function onTabGroupClick(e){window.lastNavigationType="TABGROUP_BY_POS_NR",G.tabGroupState.navigateToTabgroupByPosNr(+e.posNr)}(n)},className:s()(P.x6,_?g:void 0,E?m:void 0),children:[(0,w.jsx)("path",{className:s()(h,_?g:void 0,E?m:void 0),d:j}),(0,w.jsx)("foreignObject",{width:"100%",height:"100%",style:{pointerEvents:"none"},children:(0,w.jsx)("span",{className:s()(P.xb,h,_?g:void 0,E?m:void 0),children:A})})]})}))},38027:(e,t,n)=>{n.d(t,{F1:()=>d,Wb:()=>c,ZP:()=>p,to:()=>u,x3:()=>b,x6:()=>o,xb:()=>l});var a=n(8081),i=n.n(a),s=n(23645),r=n.n(s)()(i());r.push([e.id,".index-module--zywLK {\n  font-size: 12px;\n  width: 100%;\n  line-height: 14px;\n  height: 3.5rem;\n  letter-spacing: 0.3px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.4px;\n  background-image: none;\n  text-align: center;\n  vertical-align: top;\n  zoom: 1;\n  box-sizing: content-box;\n  position: relative;\n  display: inline-block;\n  cursor: pointer;\n  color: #000;\n  color: var(--tabGroupStepVisitedFont, #000);\n}\n\n.index-module--q8ldY {\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  position: absolute;\n  font-size: 12px;\n  line-height: 14px;\n  height: 3.5rem;\n  letter-spacing: 0.3px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.4px;\n  background-image: none;\n  text-align: center;\n  display: block;\n  width: 100%;\n}\n\n.index-module--_EcbQ {\n  fill: var(--thirdColor);\n  fill: var(--tabGroupStep, var(--thirdColor));\n  transition:\n    fill 0.3s ease,\n    color 0.3s ease;\n}\n.index-module--_EcbQ.index-module--BPmSG {\n  fill: var(--primaryColor);\n  fill: var(--tabGroupStepActive, var(--primaryColor));\n  color: white;\n}\n/* .verticalItemPoligon.wcVisitedStep {\n  border: #b1b1b1 1px solid;\n} */\n\n.index-module--_EcbQ.index-module--evPRd {\n  fill: #b1b1b1;\n  fill: var(--tabGroupStepVisited, #b1b1b1);\n}\n.index-module--_EcbQ.index-module--BPmSG:hover {\n  fill: var(--primaryColor);\n  fill: var(--tabGroupStepActive, var(--primaryColor));\n}\n\n.index-module--_EcbQ:hover,\n.index-module--_EcbQ.index-module--evPRd:hover {\n  fill: #bbbbbb;\n  fill: var(--tabGroupStepHover, #bbbbbb);\n}\n\n.index-module--xqsj9 {\n  display: block;\n  background-color: #000;\n  background-color: var(--tabGroupStepVisitedIcon, #000);\n  background-position: center center;\n  width: 42px;\n  height: 42px;\n  margin: auto;\n  -webkit-mask-size: contain;\n  -webkit-mask-repeat: no-repeat;\n}\n\n.index-module--BPmSG .index-module--xqsj9 {\n  background-color: white;\n}\n",""]);var o="index-module--zywLK",l="index-module--q8ldY",c="index-module--_EcbQ",d="index-module--BPmSG",u="index-module--evPRd",b="index-module--xqsj9";const p=r}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 4286.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4286,8291,58],{94286:(n,t,e)=>{e.r(t),e.d(t,{default:()=>v});var i=e(84658),o=e(88291),a=e(50747),r=e.n(a),s=e(35567),l=e(87363),d=e(9420),u=e(93379),x=e.n(u),c=e(7795),p=e.n(c),g=e(90569),b=e.n(g),m=e(3565),f=e.n(m),I=e(19216),w=e.n(I),h=e(44589),y=e.n(h),C=e(39545),L={};L.styleTagTransform=y(),L.setAttributes=f(),L.insert=b().bind(null,"head"),L.domAPI=p(),L.insertStyleElement=w();x()(C.ZP,L);C.ZP&&C.ZP.locals&&C.ZP.locals;var M=e(47514);const v=(0,d.Pi)((function Inputbox(n){(0,o.Z)(n);var t=(0,s.NP)(),e=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,i,o;t.settingsState.setInputBoxValue(null!==(n=null===(i=t.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==n?n:""),null===(o=e.current)||void 0===o||o.focus()}),[]),(0,l.useEffect)((function(){var n;null!==(n=t.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&t.settingsState.setInputBoxValue(t.settingsState.inputBoxItem.freeText)}),[t.settingsState.inputBoxItem]),!t.settingsState.inputBoxItem)return(0,M.jsx)(M.Fragment,{});var a=t.settingsState.inputBoxItem.text;a.includes(":")&&(a=a.slice(0,a.lastIndexOf(":")));var d=function(){var n=(0,i.Z)(r().mark((function _callee(){return r().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!t.settingsState.inputBoxItem){n.next=6;break}return t.settingsState.inputBoxItem.freeText=t.settingsState.inputBoxValue,n.next=4,t.paletteViewHandler.clickedOnConfigPalette(t.settingsState.inputBoxItem,"inputbox");case 4:t.settingsState.updateInputBoxValues(!1,void 0),t.uiState.setConfiguratorDisabled(!1);case 6:t.settingsState.inputBoxVisible?t.uiState.setConfiguratorDisabled(!0):t.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!t.settingsState.inputBoxItem.measureUnit;return(0,M.jsx)("div",{children:(0,M.jsxs)("div",{className:C.Q_,children:[(0,M.jsx)("span",{onClick:function onClick(){return t.settingsState.inputBoxVisible=!1},className:C.Jg,children:"✖"}),(0,M.jsxs)("div",{style:{width:"100%"},children:[(0,M.jsx)("p",{style:{marginTop:"2px"},children:a}),(0,M.jsx)("input",{ref:e,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){t&&"Enter"===n.key&&(d(),n.stopPropagation())}(n)},className:C.Ci,type:u?"number":"text",onChange:function onChange(n){return t.settingsState.setInputBoxValue(n.target.value)},value:t.settingsState.inputBoxValue}),(0,M.jsx)("button",{className:C.vX,onClick:d})]})]})})}))},39545:(n,t,e)=>{e.d(t,{Ci:()=>c,Jg:()=>g,Q_:()=>p,ZP:()=>m,vX:()=>b});var i=e(8081),o=e.n(i),a=e(23645),r=e.n(a),s=e(61667),l=e.n(s),d=new URL(e(38403),e.b),u=r()(o()),x=l()(d);u.push([n.id,".index-module--nrbS_ {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+x+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var c="index-module--nrbS_",p="index-module--lGJqa",g="index-module--OZydS",b="index-module--FQDBA";const m=u},38403:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="},88291:(n,t,e)=>{function _objectDestructuringEmpty(n){if(null==n)throw new TypeError("Cannot destructure "+n)}e.d(t,{Z:()=>_objectDestructuringEmpty})}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4286,8291,58],{94286:(n,t,e)=>{e.r(t),e.d(t,{default:()=>v});var i=e(84658),o=e(88291),a=e(50747),r=e.n(a),s=e(91214),l=e(87363),d=e(9420),u=e(93379),x=e.n(u),c=e(7795),p=e.n(c),g=e(90569),b=e.n(g),m=e(3565),f=e.n(m),I=e(19216),w=e.n(I),h=e(44589),y=e.n(h),C=e(39545),L={};L.styleTagTransform=y(),L.setAttributes=f(),L.insert=b().bind(null,"head"),L.domAPI=p(),L.insertStyleElement=w();x()(C.ZP,L);C.ZP&&C.ZP.locals&&C.ZP.locals;var M=e(47514);const v=(0,d.Pi)((function Inputbox(n){(0,o.Z)(n);var t=(0,s.NP)(),e=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,i,o;t.settingsState.setInputBoxValue(null!==(n=null===(i=t.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==n?n:""),null===(o=e.current)||void 0===o||o.focus()}),[]),(0,l.useEffect)((function(){var n;null!==(n=t.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&t.settingsState.setInputBoxValue(t.settingsState.inputBoxItem.freeText)}),[t.settingsState.inputBoxItem]),!t.settingsState.inputBoxItem)return(0,M.jsx)(M.Fragment,{});var a=t.settingsState.inputBoxItem.text;a.includes(":")&&(a=a.slice(0,a.lastIndexOf(":")));var d=function(){var n=(0,i.Z)(r().mark((function _callee(){return r().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!t.settingsState.inputBoxItem){n.next=6;break}return t.settingsState.inputBoxItem.freeText=t.settingsState.inputBoxValue,n.next=4,t.paletteViewHandler.clickedOnConfigPalette(t.settingsState.inputBoxItem,"inputbox");case 4:t.settingsState.updateInputBoxValues(!1,void 0),t.uiState.setConfiguratorDisabled(!1);case 6:t.settingsState.inputBoxVisible?t.uiState.setConfiguratorDisabled(!0):t.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!t.settingsState.inputBoxItem.measureUnit;return(0,M.jsx)("div",{children:(0,M.jsxs)("div",{className:C.Q_,children:[(0,M.jsx)("span",{onClick:function onClick(){return t.settingsState.inputBoxVisible=!1},className:C.Jg,children:"✖"}),(0,M.jsxs)("div",{style:{width:"100%"},children:[(0,M.jsx)("p",{style:{marginTop:"2px"},children:a}),(0,M.jsx)("input",{ref:e,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){t&&"Enter"===n.key&&(d(),n.stopPropagation())}(n)},className:C.Ci,type:u?"number":"text",onChange:function onChange(n){return t.settingsState.setInputBoxValue(n.target.value)},value:t.settingsState.inputBoxValue}),(0,M.jsx)("button",{className:C.vX,onClick:d})]})]})})}))},39545:(n,t,e)=>{e.d(t,{Ci:()=>c,Jg:()=>g,Q_:()=>p,ZP:()=>m,vX:()=>b});var i=e(8081),o=e.n(i),a=e(23645),r=e.n(a),s=e(61667),l=e.n(s),d=new URL(e(38403),e.b),u=r()(o()),x=l()(d);u.push([n.id,".index-module--nrbS_ {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+x+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var c="index-module--nrbS_",p="index-module--lGJqa",g="index-module--OZydS",b="index-module--FQDBA";const m=u},38403:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="},88291:(n,t,e)=>{function _objectDestructuringEmpty(n){if(null==n)throw new TypeError("Cannot destructure "+n)}e.d(t,{Z:()=>_objectDestructuringEmpty})}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 432.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[432],{50432:(n,e,i)=>{i.r(e),i.d(e,{default:()=>P});i(87363);var t=i(65515),d=i.n(t),a=i(35567),o=i(9420),l=i(93379),r=i.n(l),s=i(7795),c=i.n(s),m=i(90569),x=i.n(m),h=i(3565),u=i.n(h),p=i(19216),g=i.n(p),f=i(44589),w=i.n(f),v=i(64089),b={};b.styleTagTransform=w(),b.setAttributes=u(),b.insert=x().bind(null,"head"),b.domAPI=c(),b.insertStyleElement=g();r()(v.ZP,b);v.ZP&&v.ZP.locals&&v.ZP.locals;var j=i(88683),y=i(47514);const P=(0,o.Pi)((function Articles(n){var e,i=n.item,t=(0,a.NP)(),o=t.uiState.configSettingsIsExpanded||t.uiState.configSettingsIsMaxExpanded,l=(0,j.useDivaCore)().state.dimensions.isMobile;return(0,y.jsxs)("div",{className:d()(v.nC,o?v.zh:void 0,l?v.ai:void 0),children:[(0,y.jsx)("img",{className:d()(v.BH),src:i.image}),(0,y.jsxs)("div",{className:d()(v.AR),children:[(0,y.jsx)("span",{className:d()(v.yg),children:i.title}),i.description&&(0,y.jsx)("span",{children:i.description})]}),o&&!l&&(0,y.jsx)("div",{className:d()(v.w$),children:(0,y.jsx)("div",{className:d()(v.yL),children:null===(e=i.targetArticlePosNrs)||void 0===e?void 0:e.map((function(n,e){return(0,y.jsx)("span",{children:n},e)}))})}),(0,y.jsx)("div",{className:d()(v.Xd),children:i.quantity+"x"}),(0,y.jsx)("div",{className:d()(v.nt),children:j.DivaUtils.formatPrice(i.price,t.productState.priceFormat)})]})}))},64089:(n,e,i)=>{i.d(e,{AR:()=>c,BH:()=>s,Xd:()=>p,ZP:()=>f,ai:()=>r,nC:()=>l,nt:()=>g,w$:()=>h,yL:()=>u,yg:()=>x,zh:()=>m});var t=i(8081),d=i.n(t),a=i(23645),o=i.n(a)()(d());o.push([n.id,".index-module--AvQHo {\n  position: relative;\n  border-top: 1px solid #c6c6c6;\n  margin: 0 16px;\n  padding: 16px 0;\n  display: flex;\n  flex-direction: row;\n}\n\n.index-module--AvQHo.index-module--zgiYf {\n  margin: 0;\n}\n\n.index-module--V6cK8 {\n  max-height: 5rem;\n  max-width: 30%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--qWwEf {\n  position: relative;\n  height: 80px;\n  width: calc(70% - 80px);\n  overflow: auto;\n  margin-left: 16px;\n}\n.index-module--zgiYf .index-module--qWwEf {\n  word-break: break-word;\n}\n.index-module--h8spf .index-module--qWwEf {\n  width: calc(50% - 80px);\n}\n\n.index-module--LDD_U {\n  font-weight: 300;\n}\n\n.index-module--D_ewj {\n  margin-left: 16px;\n  text-align: center;\n  height: 5rem;\n  width: calc(20% - 16px);\n  position: relative;\n}\n.index-module--Ktory {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 100%;\n}\n\n.index-module--D_ewj span {\n  background: var(--thirdColor);\n  border-radius: var(--articlePosNrRadius);\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 1.27rem;\n  min-width: 1.27rem;\n  width: 2rem;\n  width: -moz-fit-content;\n  width: fit-content;\n  text-align: center;\n  display: inline-block;\n  padding: 0 1px;\n  -webkit-text-stroke: 0.5px;\n  margin-bottom: 0.2rem;\n}\n\n.index-module--UW_Uq {\n  margin-left: 16px;\n  width: calc(10% - 16px);\n  height: 5rem;\n  font-style: italic;\n  font-weight: 600;\n  text-align: center;\n  line-height: 5rem;\n}\n.index-module--OrEFv {\n  margin-left: 16px;\n  width: calc(20% - 16px);\n  height: 5rem;\n  font-weight: 600;\n  line-height: 5rem;\n  text-align: center;\n  white-space: nowrap;\n}\n",""]);var l="index-module--AvQHo",r="index-module--zgiYf",s="index-module--V6cK8",c="index-module--qWwEf",m="index-module--h8spf",x="index-module--LDD_U",h="index-module--D_ewj",u="index-module--Ktory",p="index-module--UW_Uq",g="index-module--OrEFv";const f=o}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[432],{50432:(n,e,i)=>{i.r(e),i.d(e,{default:()=>P});i(87363);var t=i(65515),d=i.n(t),a=i(91214),o=i(9420),l=i(93379),r=i.n(l),s=i(7795),c=i.n(s),m=i(90569),x=i.n(m),h=i(3565),u=i.n(h),p=i(19216),g=i.n(p),f=i(44589),w=i.n(f),v=i(64089),b={};b.styleTagTransform=w(),b.setAttributes=u(),b.insert=x().bind(null,"head"),b.domAPI=c(),b.insertStyleElement=g();r()(v.ZP,b);v.ZP&&v.ZP.locals&&v.ZP.locals;var j=i(88683),y=i(47514);const P=(0,o.Pi)((function Articles(n){var e,i=n.item,t=(0,a.NP)(),o=t.uiState.configSettingsIsExpanded||t.uiState.configSettingsIsMaxExpanded,l=(0,j.useDivaCore)().state.dimensions.isMobile;return(0,y.jsxs)("div",{className:d()(v.nC,o?v.zh:void 0,l?v.ai:void 0),children:[(0,y.jsx)("img",{className:d()(v.BH),src:i.image}),(0,y.jsxs)("div",{className:d()(v.AR),children:[(0,y.jsx)("span",{className:d()(v.yg),children:i.title}),i.description&&(0,y.jsx)("span",{children:i.description})]}),o&&!l&&(0,y.jsx)("div",{className:d()(v.w$),children:(0,y.jsx)("div",{className:d()(v.yL),children:null===(e=i.targetArticlePosNrs)||void 0===e?void 0:e.map((function(n,e){return(0,y.jsx)("span",{children:n},e)}))})}),(0,y.jsx)("div",{className:d()(v.Xd),children:i.quantity+"x"}),(0,y.jsx)("div",{className:d()(v.nt),children:j.DivaUtils.formatPrice(i.price,t.productState.priceFormat)})]})}))},64089:(n,e,i)=>{i.d(e,{AR:()=>c,BH:()=>s,Xd:()=>p,ZP:()=>f,ai:()=>r,nC:()=>l,nt:()=>g,w$:()=>h,yL:()=>u,yg:()=>x,zh:()=>m});var t=i(8081),d=i.n(t),a=i(23645),o=i.n(a)()(d());o.push([n.id,".index-module--AvQHo {\n  position: relative;\n  border-top: 1px solid #c6c6c6;\n  margin: 0 16px;\n  padding: 16px 0;\n  display: flex;\n  flex-direction: row;\n}\n\n.index-module--AvQHo.index-module--zgiYf {\n  margin: 0;\n}\n\n.index-module--V6cK8 {\n  max-height: 5rem;\n  max-width: 30%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--qWwEf {\n  position: relative;\n  height: 80px;\n  width: calc(70% - 80px);\n  overflow: auto;\n  margin-left: 16px;\n}\n.index-module--zgiYf .index-module--qWwEf {\n  word-break: break-word;\n}\n.index-module--h8spf .index-module--qWwEf {\n  width: calc(50% - 80px);\n}\n\n.index-module--LDD_U {\n  font-weight: 300;\n}\n\n.index-module--D_ewj {\n  margin-left: 16px;\n  text-align: center;\n  height: 5rem;\n  width: calc(20% - 16px);\n  position: relative;\n}\n.index-module--Ktory {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 100%;\n}\n\n.index-module--D_ewj span {\n  background: var(--thirdColor);\n  border-radius: var(--articlePosNrRadius);\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 1.27rem;\n  min-width: 1.27rem;\n  width: 2rem;\n  width: -moz-fit-content;\n  width: fit-content;\n  text-align: center;\n  display: inline-block;\n  padding: 0 1px;\n  -webkit-text-stroke: 0.5px;\n  margin-bottom: 0.2rem;\n}\n\n.index-module--UW_Uq {\n  margin-left: 16px;\n  width: calc(10% - 16px);\n  height: 5rem;\n  font-style: italic;\n  font-weight: 600;\n  text-align: center;\n  line-height: 5rem;\n}\n.index-module--OrEFv {\n  margin-left: 16px;\n  width: calc(20% - 16px);\n  height: 5rem;\n  font-weight: 600;\n  line-height: 5rem;\n  text-align: center;\n  white-space: nowrap;\n}\n",""]);var l="index-module--AvQHo",r="index-module--zgiYf",s="index-module--V6cK8",c="index-module--qWwEf",m="index-module--h8spf",x="index-module--LDD_U",h="index-module--D_ewj",u="index-module--Ktory",p="index-module--UW_Uq",g="index-module--OrEFv";const f=o}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 4342.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4342],{46536:(n,e,o)=>{o.r(e),o.d(e,{default:()=>v});o(87363);var t=o(27139),r=o(35567),i=o(93379),a=o.n(i),d=o(7795),l=o.n(d),c=o(90569),s=o.n(c),u=o(3565),x=o.n(u),g=o(19216),b=o.n(g),p=o(44589),w=o.n(p),y=o(11311),f={};f.styleTagTransform=w(),f.setAttributes=x(),f.insert=s().bind(null,"head"),f.domAPI=l(),f.insertStyleElement=b();a()(y.ZP,f);y.ZP&&y.ZP.locals&&y.ZP.locals;var h=o(47514);var m={top:{top:0,height:12},right:{right:0,left:"auto",width:12},bottom:{bottom:0,top:"auto",height:12},left:{left:0,width:12},topRight:{top:0,right:0,left:"auto",bottom:"auto",width:16,height:16},bottomRight:{bottom:0,right:0,left:"auto",top:"auto",width:16,height:16},bottomLeft:{bottom:0,left:0,right:"auto",top:"auto",width:16,height:16},topLeft:{top:0,left:0,right:"auto",bottom:"auto",width:16,height:16}};const v=function FloatingWindow(n){var e=n.windowType,o=n.title,i=n.bounds,a=n.children,d=(0,r.NP)(),l=function handleDragStop(n,o){var t=function getSnappedBounds(n,e,o,t){var r=window.innerWidth,i=window.innerHeight,a=n,d=e;return n<=24&&(a=0),n+o>=r-24&&(a=Math.max(0,r-o)),e<=24&&(d=0),e+t>=i-24&&(d=Math.max(0,i-t)),{x:a,y:d}}(o.x,o.y,i.width,i.height);d.wysiwygDebugState.updateWysiwygWindowBounds(e,t)};return(0,h.jsxs)(t.s,{position:{x:i.x,y:i.y},size:{width:i.width,height:i.height},onDragStop:function onDragStop(n,e){return l(0,e)},onResizeStop:function handleResizeStop(n,o,t,r,a){var l,c,s=parseInt(null!==(l=t.style.width)&&void 0!==l?l:String(i.width),10),u=parseInt(null!==(c=t.style.height)&&void 0!==c?c:String(i.height),10);d.wysiwygDebugState.updateWysiwygWindowBounds(e,{x:a.x,y:a.y,width:s,height:u})},dragHandleClassName:y.Fs,minWidth:280,minHeight:200,className:y.nC,style:{display:"flex",flexDirection:"column"},bounds:"window",resizeHandleStyles:m,resizeHandleWrapperStyle:{zIndex:1e3},children:[(0,h.jsxs)("div",{className:y.Fs,children:[(0,h.jsx)("span",{className:y.r9,children:o}),(0,h.jsx)("button",{type:"button",className:y.Wb,onClick:function handleClose(){d.wysiwygDebugState.removeWysiwygWindow(e)},"aria-label":"Close",children:"×"})]}),(0,h.jsx)("div",{className:y.d1,children:(0,h.jsx)("div",{className:y.M1,children:a})})]})}},63344:(n,e,o)=>{o.r(e),o.d(e,{default:()=>b});var t=o(34988),r=o(80248),i=o(88291),a=(o(87363),o(61533)),d=o.n(a),l=o(35567),c=o(46536),s=o(32699),u=o(47514);function ownKeys(n,e){var o=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.push.apply(o,t)}return o}var x={PartList:"Stückliste",PriceAnalyzer:"Preise",DecisionAnalyzer:"Decisions",OptionTreeTable:"Option Tree",PropertiesTable:"Properties",ErrorWarningOverview:"Errors & Warnings",ekText:"Ek Text",PriceList:"Price list"},g={PartList:"PartlistDebug",DecisionAnalyzer:"DecisionAnalyzer",OptionTreeTable:"OptionTreeTable",PropertiesTable:"PropertiesTable",PriceAnalyzer:"PriceAnalyzer",ErrorWarningOverview:"ErrorAndWarningOverview",PriceList:"PriceList",ekText:"EkTextViewer"};const b=function ToolContainer(n){(0,i.Z)(n);var e=(0,l.NP)(),o=(0,s.me)(),a=Array.from(e.wysiwygDebugState.activeWysiwygWindows.entries()),b=function renderContent(n){var e=g[n],t=o[e];if(!t)return(0,u.jsx)(s.oF,{name:e});var i="ErrorWarningOverview"===n?{}:{className:""};return(0,u.jsx)(t,function _objectSpread(n){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(o),!0).forEach((function(e){(0,r.Z)(n,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(o,e))}))}return n}({},i))},p=a.map((function(n){var e=(0,t.Z)(n,2),o=e[0],r=e[1];return(0,u.jsx)(c.default,{windowType:o,title:x[o],bounds:r,children:b(o)},o)}));return 0===p.length?null:d().createPortal((0,u.jsx)(u.Fragment,{children:p}),document.body)}},74342:(n,e,o)=>{o.r(e),o.d(e,{default:()=>P});var t=o(34988),r=(o(87363),o(93379)),i=o.n(r),a=o(7795),d=o.n(a),l=o(90569),c=o.n(l),s=o(3565),u=o.n(s),x=o(19216),g=o.n(x),b=o(44589),p=o.n(b),w=o(59318),y={};y.styleTagTransform=p(),y.setAttributes=u(),y.insert=c().bind(null,"head"),y.domAPI=d(),y.insertStyleElement=g();i()(w.ZP,y);w.ZP&&w.ZP.locals&&w.ZP.locals;var f=o(35567),h=o(9420),m=o(63344),v=o(88683),k=o(47514);const P=(0,h.Pi)((function Toolbar(n){var e,o,r,i,a=(0,f.NP)(),d=null!==(e=null===(o=a.divaWebPlanner)||void 0===o||null===(r=o.getDivaArticles)||void 0===r?void 0:r.call(o,void 0,!0))&&void 0!==e?e:{},l=Object.values(d).flatMap((function(n){var e;return null!==(e=n.dataCreationErrors)&&void 0!==e?e:[]})),c=l.filter((function(n){var e;return"error"===(null!==(e=n.severity)&&void 0!==e?e:"error")})).length,s=l.filter((function(n){return"warning"===n.severity})).length+a.productState.plannerMessagesArr.filter((function(n){return"WARNING"===(0,t.Z)(n,2)[1].type})).length,u=a.productState.plannerMessagesArr.filter((function(n){return"INFO"===(0,t.Z)(n,2)[1].type})).length,x=(0,v.useDivaCore)().state.organization.settings.wwsClient,g=function toggleWindow(n){a.wysiwygDebugState.activeWysiwygWindows.has(n)?a.wysiwygDebugState.removeWysiwygWindow(n):a.wysiwygDebugState.addWysiwygWindow(n)},b=function isActive(n){return a.wysiwygDebugState.activeWysiwygWindows.has(n)},p=function handleInspectViewChange(){var n=!a.wysiwygDebugState.wysiwygInspectView;a.wysiwygDebugState.setWysiwygInspectView(n);var e=a.divaWebPlanner.actSet();e&&(e.inspectMode=n),a.divaWebPlanner.updateConfiguratorStructureOfActSet(),a.paletteViewHandler.updateCurPaletteData(!0)};return(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(m.default,{}),(0,k.jsxs)("div",{className:w.nC,children:[(0,k.jsx)("div",{className:w.wc,children:v.DivaUtils.formatPrice(null!==(i=a.productState.formatedTotalPrice)&&void 0!==i?i:0,a.productState.priceFormat)}),(0,k.jsx)("div",{className:a.wysiwygDebugState.wysiwygInspectView?"".concat(w.wc," ").concat(w.PN):w.wc,onClick:p,role:"button",tabIndex:0,onKeyDown:function onKeyDown(n){return"Enter"===n.key&&p()},children:"Inspect"}),(0,k.jsx)("div",{className:b("PartList")?"".concat(w.wc," ").concat(w.PN):w.wc,onClick:function onClick(){return g("PartList")},role:"button",tabIndex:0,onKeyDown:function onKeyDown(n){return"Enter"===n.key&&g("PartList")},children:"Stückliste"}),(0,k.jsx)("div",{className:b("PriceAnalyzer")?"".concat(w.wc," ").concat(w.PN):w.wc,onClick:function onClick(){return g("PriceAnalyzer")},role:"button",tabIndex:0,onKeyDown:function onKeyDown(n){return"Enter"===n.key&&g("PriceAnalyzer")},children:"Preise"}),(0,k.jsx)("div",{className:b("PriceList")?"".concat(w.wc," ").concat(w.PN):w.wc,onClick:function onClick(){return g("PriceList")},role:"button",tabIndex:0,onKeyDown:function onKeyDown(n){return"Enter"===n.key&&g("PriceList")},children:"Preisliste"}),(0,k.jsx)("div",{className:b("DecisionAnalyzer")?"".concat(w.wc," ").concat(w.PN):w.wc,onClick:function onClick(){return g("DecisionAnalyzer")},role:"button",tabIndex:0,onKeyDown:function onKeyDown(n){return"Enter"===n.key&&g("DecisionAnalyzer")},children:"Decisions"}),(0,k.jsx)("div",{className:b("OptionTreeTable")?"".concat(w.wc," ").concat(w.PN):w.wc,onClick:function onClick(){return g("OptionTreeTable")},role:"button",tabIndex:0,onKeyDown:function onKeyDown(n){return"Enter"===n.key&&g("OptionTreeTable")},children:"Option Tree"}),(0,k.jsx)("div",{className:b("PropertiesTable")?"".concat(w.wc," ").concat(w.PN):w.wc,onClick:function onClick(){return g("PropertiesTable")},role:"button",tabIndex:0,onKeyDown:function onKeyDown(n){return"Enter"===n.key&&g("PropertiesTable")},children:"Properties"}),(0,k.jsxs)("div",{className:b("ErrorWarningOverview")?"".concat(w.wc," ").concat(w.PN):w.wc,onClick:function onClick(){return g("ErrorWarningOverview")},role:"button",tabIndex:0,onKeyDown:function onKeyDown(n){return"Enter"===n.key&&g("ErrorWarningOverview")},children:["Errors & Warnings",c>0&&(0,k.jsx)("span",{className:"".concat(w.R0," ").concat(w.MR),children:c}),s>0&&(0,k.jsx)("span",{className:"".concat(w.R0," ").concat(w.lG),children:s}),0===c&&0===s&&u>0&&(0,k.jsx)("span",{className:"".concat(w.R0," ").concat(w.lG),children:u})]}),"Pfister"===x&&(0,k.jsx)("div",{className:b("ekText")?"".concat(w.wc," ").concat(w.PN):w.wc,onClick:function onClick(){return g("ekText")},role:"button",tabIndex:0,onKeyDown:function onKeyDown(n){return"Enter"===n.key&&g("ekText")},children:"Ek Text"})]})]})}))},11311:(n,e,o)=>{o.d(e,{Fs:()=>l,M1:()=>x,Wb:()=>s,ZP:()=>g,d1:()=>u,nC:()=>d,r9:()=>c});var t=o(8081),r=o.n(t),i=o(23645),a=o.n(i)()(r());a.push([n.id,".index-module--WtLnO {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);\n  border-radius: 6px;\n  overflow: hidden;\n  background: #fff;\n  z-index: 1500;\n}\n\n.index-module--Er8AF {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 8px 12px;\n  background: #f3f3f3;\n  border-bottom: 1px solid #e0e0e0;\n  cursor: move;\n  flex-shrink: 0;\n}\n\n.index-module--hpLSv {\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.index-module--q70C1 {\n  background: none;\n  border: none;\n  font-size: 20px;\n  line-height: 1;\n  cursor: pointer;\n  padding: 0 4px;\n  color: #666;\n}\n\n.index-module--q70C1:hover {\n  color: #333;\n}\n\n.index-module--dFn6z {\n  flex: 1 1 0;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n\n.index-module--BjxlB {\n  flex: 1 1 0;\n  min-height: 0;\n  overflow-x: hidden;\n  overflow-y: auto;\n  -webkit-overflow-scrolling: touch;\n}\n\n/* Dark mode – matches backoffice (portaled to body) */\nbody.darkmode .index-module--WtLnO {\n  background: rgb(20, 20, 20);\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);\n}\n\nbody.darkmode .index-module--Er8AF {\n  background: rgb(30, 30, 30);\n  border-bottom-color: rgba(255, 255, 255, 0.12);\n  color: rgb(255, 255, 255);\n}\n\nbody.darkmode .index-module--hpLSv {\n  color: rgb(255, 255, 255);\n}\n\nbody.darkmode .index-module--q70C1 {\n  color: rgba(255, 255, 255, 0.65);\n}\n\nbody.darkmode .index-module--q70C1:hover {\n  color: rgb(255, 255, 255);\n}\n\nbody.darkmode .index-module--dFn6z {\n  background: rgb(20, 20, 20);\n  color: rgb(255, 255, 255);\n}\n",""]);var d="index-module--WtLnO",l="index-module--Er8AF",c="index-module--hpLSv",s="index-module--q70C1",u="index-module--dFn6z",x="index-module--BjxlB";const g=a},59318:(n,e,o)=>{o.d(e,{MR:()=>u,PN:()=>c,R0:()=>s,ZP:()=>g,lG:()=>x,nC:()=>d,wc:()=>l});var t=o(8081),r=o.n(t),i=o(23645),a=o.n(i)()(r());a.push([n.id,".index-module--lxloL {\n  display: flex;\n  height: 42px;\n  gap: 12px;\n  justify-content: flex-start;\n  align-items: center;\n  overflow-x: auto;\n  overflow-y: hidden;\n  min-width: 0;\n  flex-shrink: 0;\n  position: relative;\n  z-index: 1500;\n  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);\n  border-top: 1px solid #e6e6e6;\n  background-color: #f3f3f3;\n}\n\n.index-module--CjTaL {\n  cursor: pointer;\n  min-width: 80px;\n  flex-shrink: 0;\n  padding-left: 12px;\n  padding-right: 12px;\n  padding-top: 6px;\n  padding-bottom: 6px;\n  text-align: center;\n  border-radius: 4px;\n  border-radius: var(--globalBorderRadius, 4px);\n  transition: background-color 0.15s ease;\n}\n\n.index-module--CjTaL:hover {\n  background-color: #e8e8e8;\n}\n\n.index-module--CjTaL.index-module--flmsK {\n  outline: 2px solid #df2927;\n  outline: 2px solid var(--primaryColor, #df2927);\n  outline-offset: 2px;\n}\n\n.index-module--CjTaL.index-module--flmsK {\n  outline: 2px solid #df2927;\n  outline: 2px solid #df2927;\n  outline: 2px solid var(--primaryColor, #df2927);\n  outline-offset: 2px;\n}\n\n.index-module--CjTaL:focus-visible {\n  outline: 2px solid #df2927;\n  outline: 2px solid var(--primaryColor, #df2927);\n  outline-offset: 2px;\n}\n\n.index-module--z6W5t {\n  background-color: #e0e0e0;\n  font-weight: 600;\n}\n\n.index-module--z6W5t:hover {\n  background-color: #d5d5d5;\n}\n\n.index-module--HBYLX {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 18px;\n  height: 18px;\n  padding: 0 5px;\n  margin-left: 6px;\n  font-size: 11px;\n  font-weight: 600;\n  color: #fff;\n  border-radius: 9px;\n}\n\n.index-module--MsIUk {\n  background-color: #e53e3e;\n}\n\n.index-module--XRYnB {\n  background-color: #d69e2e;\n}\n\n/* Dark mode – matches backoffice */\n.darkmode .index-module--lxloL,\nbody.darkmode .index-module--lxloL {\n  background-color: rgb(20, 20, 20);\n  border-top-color: rgba(255, 255, 255, 0.12);\n  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);\n  color: rgb(255, 255, 255);\n}\n\n.darkmode .index-module--CjTaL:hover,\nbody.darkmode .index-module--CjTaL:hover {\n  background-color: rgba(255, 255, 255, 0.08);\n}\n\n.darkmode .index-module--z6W5t,\nbody.darkmode .index-module--z6W5t {\n  background-color: rgba(255, 255, 255, 0.12);\n}\n\n.darkmode .index-module--z6W5t:hover,\nbody.darkmode .index-module--z6W5t:hover {\n  background-color: rgba(255, 255, 255, 0.16);\n}\n",""]);var d="index-module--lxloL",l="index-module--CjTaL",c="index-module--z6W5t",s="index-module--HBYLX",u="index-module--MsIUk",x="index-module--XRYnB";const g=a}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4342],{46536:(n,e,o)=>{o.r(e),o.d(e,{default:()=>v});o(87363);var t=o(27139),r=o(91214),i=o(93379),a=o.n(i),d=o(7795),l=o.n(d),c=o(90569),s=o.n(c),u=o(3565),x=o.n(u),g=o(19216),b=o.n(g),p=o(44589),w=o.n(p),y=o(11311),f={};f.styleTagTransform=w(),f.setAttributes=x(),f.insert=s().bind(null,"head"),f.domAPI=l(),f.insertStyleElement=b();a()(y.ZP,f);y.ZP&&y.ZP.locals&&y.ZP.locals;var h=o(47514);var m={top:{top:0,height:12},right:{right:0,left:"auto",width:12},bottom:{bottom:0,top:"auto",height:12},left:{left:0,width:12},topRight:{top:0,right:0,left:"auto",bottom:"auto",width:16,height:16},bottomRight:{bottom:0,right:0,left:"auto",top:"auto",width:16,height:16},bottomLeft:{bottom:0,left:0,right:"auto",top:"auto",width:16,height:16},topLeft:{top:0,left:0,right:"auto",bottom:"auto",width:16,height:16}};const v=function FloatingWindow(n){var e=n.windowType,o=n.title,i=n.bounds,a=n.children,d=(0,r.NP)(),l=function handleDragStop(n,o){var t=function getSnappedBounds(n,e,o,t){var r=window.innerWidth,i=window.innerHeight,a=n,d=e;return n<=24&&(a=0),n+o>=r-24&&(a=Math.max(0,r-o)),e<=24&&(d=0),e+t>=i-24&&(d=Math.max(0,i-t)),{x:a,y:d}}(o.x,o.y,i.width,i.height);d.wysiwygDebugState.updateWysiwygWindowBounds(e,t)};return(0,h.jsxs)(t.s,{position:{x:i.x,y:i.y},size:{width:i.width,height:i.height},onDragStop:function onDragStop(n,e){return l(0,e)},onResizeStop:function handleResizeStop(n,o,t,r,a){var l,c,s=parseInt(null!==(l=t.style.width)&&void 0!==l?l:String(i.width),10),u=parseInt(null!==(c=t.style.height)&&void 0!==c?c:String(i.height),10);d.wysiwygDebugState.updateWysiwygWindowBounds(e,{x:a.x,y:a.y,width:s,height:u})},dragHandleClassName:y.Fs,minWidth:280,minHeight:200,className:y.nC,style:{display:"flex",flexDirection:"column"},bounds:"window",resizeHandleStyles:m,resizeHandleWrapperStyle:{zIndex:1e3},children:[(0,h.jsxs)("div",{className:y.Fs,children:[(0,h.jsx)("span",{className:y.r9,children:o}),(0,h.jsx)("button",{type:"button",className:y.Wb,onClick:function handleClose(){d.wysiwygDebugState.removeWysiwygWindow(e)},"aria-label":"Close",children:"×"})]}),(0,h.jsx)("div",{className:y.d1,children:(0,h.jsx)("div",{className:y.M1,children:a})})]})}},63344:(n,e,o)=>{o.r(e),o.d(e,{default:()=>b});var t=o(34988),r=o(80248),i=o(88291),a=(o(87363),o(61533)),d=o.n(a),l=o(91214),c=o(46536),s=o(32699),u=o(47514);function ownKeys(n,e){var o=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.push.apply(o,t)}return o}var x={PartList:"Stückliste",PriceAnalyzer:"Preise",DecisionAnalyzer:"Decisions",OptionTreeTable:"Option Tree",PropertiesTable:"Properties",ErrorWarningOverview:"Errors & Warnings",ekText:"Ek Text",PriceList:"Price list"},g={PartList:"PartlistDebug",DecisionAnalyzer:"DecisionAnalyzer",OptionTreeTable:"OptionTreeTable",PropertiesTable:"PropertiesTable",PriceAnalyzer:"PriceAnalyzer",ErrorWarningOverview:"ErrorAndWarningOverview",PriceList:"PriceList",ekText:"EkTextViewer"};const b=function ToolContainer(n){(0,i.Z)(n);var e=(0,l.NP)(),o=(0,s.me)(),a=Array.from(e.wysiwygDebugState.activeWysiwygWindows.entries()),b=function renderContent(n){var e=g[n],t=o[e];if(!t)return(0,u.jsx)(s.oF,{name:e});var i="ErrorWarningOverview"===n?{}:{className:""};return(0,u.jsx)(t,function _objectSpread(n){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(o),!0).forEach((function(e){(0,r.Z)(n,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(o,e))}))}return n}({},i))},p=a.map((function(n){var e=(0,t.Z)(n,2),o=e[0],r=e[1];return(0,u.jsx)(c.default,{windowType:o,title:x[o],bounds:r,children:b(o)},o)}));return 0===p.length?null:d().createPortal((0,u.jsx)(u.Fragment,{children:p}),document.body)}},74342:(n,e,o)=>{o.r(e),o.d(e,{default:()=>P});var t=o(34988),r=(o(87363),o(93379)),i=o.n(r),a=o(7795),d=o.n(a),l=o(90569),c=o.n(l),s=o(3565),u=o.n(s),x=o(19216),g=o.n(x),b=o(44589),p=o.n(b),w=o(59318),y={};y.styleTagTransform=p(),y.setAttributes=u(),y.insert=c().bind(null,"head"),y.domAPI=d(),y.insertStyleElement=g();i()(w.ZP,y);w.ZP&&w.ZP.locals&&w.ZP.locals;var f=o(91214),h=o(9420),m=o(63344),v=o(88683),k=o(47514);const P=(0,h.Pi)((function Toolbar(n){var e,o,r,i,a=(0,f.NP)(),d=null!==(e=null===(o=a.divaWebPlanner)||void 0===o||null===(r=o.getDivaArticles)||void 0===r?void 0:r.call(o,void 0,!0))&&void 0!==e?e:{},l=Object.values(d).flatMap((function(n){var e;return null!==(e=n.dataCreationErrors)&&void 0!==e?e:[]})),c=l.filter((function(n){var e;return"error"===(null!==(e=n.severity)&&void 0!==e?e:"error")})).length,s=l.filter((function(n){return"warning"===n.severity})).length+a.productState.plannerMessagesArr.filter((function(n){return"WARNING"===(0,t.Z)(n,2)[1].type})).length,u=a.productState.plannerMessagesArr.filter((function(n){return"INFO"===(0,t.Z)(n,2)[1].type})).length,x=(0,v.useDivaCore)().state.organization.settings.wwsClient,g=function toggleWindow(n){a.wysiwygDebugState.activeWysiwygWindows.has(n)?a.wysiwygDebugState.removeWysiwygWindow(n):a.wysiwygDebugState.addWysiwygWindow(n)},b=function isActive(n){return a.wysiwygDebugState.activeWysiwygWindows.has(n)},p=function handleInspectViewChange(){var n=!a.wysiwygDebugState.wysiwygInspectView;a.wysiwygDebugState.setWysiwygInspectView(n);var e=a.divaWebPlanner.actSet();e&&(e.inspectMode=n),a.divaWebPlanner.updateConfiguratorStructureOfActSet(),a.paletteViewHandler.updateCurPaletteData(!0)};return(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(m.default,{}),(0,k.jsxs)("div",{className:w.nC,children:[(0,k.jsx)("div",{className:w.wc,children:v.DivaUtils.formatPrice(null!==(i=a.productState.formatedTotalPrice)&&void 0!==i?i:0,a.productState.priceFormat)}),(0,k.jsx)("div",{className:a.wysiwygDebugState.wysiwygInspectView?"".concat(w.wc," ").concat(w.PN):w.wc,onClick:p,role:"button",tabIndex:0,onKeyDown:function onKeyDown(n){return"Enter"===n.key&&p()},children:"Inspect"}),(0,k.jsx)("div",{className:b("PartList")?"".concat(w.wc," ").concat(w.PN):w.wc,onClick:function onClick(){return g("PartList")},role:"button",tabIndex:0,onKeyDown:function onKeyDown(n){return"Enter"===n.key&&g("PartList")},children:"Stückliste"}),(0,k.jsx)("div",{className:b("PriceAnalyzer")?"".concat(w.wc," ").concat(w.PN):w.wc,onClick:function onClick(){return g("PriceAnalyzer")},role:"button",tabIndex:0,onKeyDown:function onKeyDown(n){return"Enter"===n.key&&g("PriceAnalyzer")},children:"Preise"}),(0,k.jsx)("div",{className:b("PriceList")?"".concat(w.wc," ").concat(w.PN):w.wc,onClick:function onClick(){return g("PriceList")},role:"button",tabIndex:0,onKeyDown:function onKeyDown(n){return"Enter"===n.key&&g("PriceList")},children:"Preisliste"}),(0,k.jsx)("div",{className:b("DecisionAnalyzer")?"".concat(w.wc," ").concat(w.PN):w.wc,onClick:function onClick(){return g("DecisionAnalyzer")},role:"button",tabIndex:0,onKeyDown:function onKeyDown(n){return"Enter"===n.key&&g("DecisionAnalyzer")},children:"Decisions"}),(0,k.jsx)("div",{className:b("OptionTreeTable")?"".concat(w.wc," ").concat(w.PN):w.wc,onClick:function onClick(){return g("OptionTreeTable")},role:"button",tabIndex:0,onKeyDown:function onKeyDown(n){return"Enter"===n.key&&g("OptionTreeTable")},children:"Option Tree"}),(0,k.jsx)("div",{className:b("PropertiesTable")?"".concat(w.wc," ").concat(w.PN):w.wc,onClick:function onClick(){return g("PropertiesTable")},role:"button",tabIndex:0,onKeyDown:function onKeyDown(n){return"Enter"===n.key&&g("PropertiesTable")},children:"Properties"}),(0,k.jsxs)("div",{className:b("ErrorWarningOverview")?"".concat(w.wc," ").concat(w.PN):w.wc,onClick:function onClick(){return g("ErrorWarningOverview")},role:"button",tabIndex:0,onKeyDown:function onKeyDown(n){return"Enter"===n.key&&g("ErrorWarningOverview")},children:["Errors & Warnings",c>0&&(0,k.jsx)("span",{className:"".concat(w.R0," ").concat(w.MR),children:c}),s>0&&(0,k.jsx)("span",{className:"".concat(w.R0," ").concat(w.lG),children:s}),0===c&&0===s&&u>0&&(0,k.jsx)("span",{className:"".concat(w.R0," ").concat(w.lG),children:u})]}),"Pfister"===x&&(0,k.jsx)("div",{className:b("ekText")?"".concat(w.wc," ").concat(w.PN):w.wc,onClick:function onClick(){return g("ekText")},role:"button",tabIndex:0,onKeyDown:function onKeyDown(n){return"Enter"===n.key&&g("ekText")},children:"Ek Text"})]})]})}))},11311:(n,e,o)=>{o.d(e,{Fs:()=>l,M1:()=>x,Wb:()=>s,ZP:()=>g,d1:()=>u,nC:()=>d,r9:()=>c});var t=o(8081),r=o.n(t),i=o(23645),a=o.n(i)()(r());a.push([n.id,".index-module--WtLnO {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);\n  border-radius: 6px;\n  overflow: hidden;\n  background: #fff;\n  z-index: 1500;\n}\n\n.index-module--Er8AF {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 8px 12px;\n  background: #f3f3f3;\n  border-bottom: 1px solid #e0e0e0;\n  cursor: move;\n  flex-shrink: 0;\n}\n\n.index-module--hpLSv {\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.index-module--q70C1 {\n  background: none;\n  border: none;\n  font-size: 20px;\n  line-height: 1;\n  cursor: pointer;\n  padding: 0 4px;\n  color: #666;\n}\n\n.index-module--q70C1:hover {\n  color: #333;\n}\n\n.index-module--dFn6z {\n  flex: 1 1 0;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n\n.index-module--BjxlB {\n  flex: 1 1 0;\n  min-height: 0;\n  overflow-x: hidden;\n  overflow-y: auto;\n  -webkit-overflow-scrolling: touch;\n}\n\n/* Dark mode – matches backoffice (portaled to body) */\nbody.darkmode .index-module--WtLnO {\n  background: rgb(20, 20, 20);\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);\n}\n\nbody.darkmode .index-module--Er8AF {\n  background: rgb(30, 30, 30);\n  border-bottom-color: rgba(255, 255, 255, 0.12);\n  color: rgb(255, 255, 255);\n}\n\nbody.darkmode .index-module--hpLSv {\n  color: rgb(255, 255, 255);\n}\n\nbody.darkmode .index-module--q70C1 {\n  color: rgba(255, 255, 255, 0.65);\n}\n\nbody.darkmode .index-module--q70C1:hover {\n  color: rgb(255, 255, 255);\n}\n\nbody.darkmode .index-module--dFn6z {\n  background: rgb(20, 20, 20);\n  color: rgb(255, 255, 255);\n}\n",""]);var d="index-module--WtLnO",l="index-module--Er8AF",c="index-module--hpLSv",s="index-module--q70C1",u="index-module--dFn6z",x="index-module--BjxlB";const g=a},59318:(n,e,o)=>{o.d(e,{MR:()=>u,PN:()=>c,R0:()=>s,ZP:()=>g,lG:()=>x,nC:()=>d,wc:()=>l});var t=o(8081),r=o.n(t),i=o(23645),a=o.n(i)()(r());a.push([n.id,".index-module--lxloL {\n  display: flex;\n  height: 42px;\n  gap: 12px;\n  justify-content: flex-start;\n  align-items: center;\n  overflow-x: auto;\n  overflow-y: hidden;\n  min-width: 0;\n  flex-shrink: 0;\n  position: relative;\n  z-index: 1500;\n  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);\n  border-top: 1px solid #e6e6e6;\n  background-color: #f3f3f3;\n}\n\n.index-module--CjTaL {\n  cursor: pointer;\n  min-width: 80px;\n  flex-shrink: 0;\n  padding-left: 12px;\n  padding-right: 12px;\n  padding-top: 6px;\n  padding-bottom: 6px;\n  text-align: center;\n  border-radius: 4px;\n  border-radius: var(--globalBorderRadius, 4px);\n  transition: background-color 0.15s ease;\n}\n\n.index-module--CjTaL:hover {\n  background-color: #e8e8e8;\n}\n\n.index-module--CjTaL.index-module--flmsK {\n  outline: 2px solid #df2927;\n  outline: 2px solid var(--primaryColor, #df2927);\n  outline-offset: 2px;\n}\n\n.index-module--CjTaL.index-module--flmsK {\n  outline: 2px solid #df2927;\n  outline: 2px solid #df2927;\n  outline: 2px solid var(--primaryColor, #df2927);\n  outline-offset: 2px;\n}\n\n.index-module--CjTaL:focus-visible {\n  outline: 2px solid #df2927;\n  outline: 2px solid var(--primaryColor, #df2927);\n  outline-offset: 2px;\n}\n\n.index-module--z6W5t {\n  background-color: #e0e0e0;\n  font-weight: 600;\n}\n\n.index-module--z6W5t:hover {\n  background-color: #d5d5d5;\n}\n\n.index-module--HBYLX {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 18px;\n  height: 18px;\n  padding: 0 5px;\n  margin-left: 6px;\n  font-size: 11px;\n  font-weight: 600;\n  color: #fff;\n  border-radius: 9px;\n}\n\n.index-module--MsIUk {\n  background-color: #e53e3e;\n}\n\n.index-module--XRYnB {\n  background-color: #d69e2e;\n}\n\n/* Dark mode – matches backoffice */\n.darkmode .index-module--lxloL,\nbody.darkmode .index-module--lxloL {\n  background-color: rgb(20, 20, 20);\n  border-top-color: rgba(255, 255, 255, 0.12);\n  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);\n  color: rgb(255, 255, 255);\n}\n\n.darkmode .index-module--CjTaL:hover,\nbody.darkmode .index-module--CjTaL:hover {\n  background-color: rgba(255, 255, 255, 0.08);\n}\n\n.darkmode .index-module--z6W5t,\nbody.darkmode .index-module--z6W5t {\n  background-color: rgba(255, 255, 255, 0.12);\n}\n\n.darkmode .index-module--z6W5t:hover,\nbody.darkmode .index-module--z6W5t:hover {\n  background-color: rgba(255, 255, 255, 0.16);\n}\n",""]);var d="index-module--lxloL",l="index-module--CjTaL",c="index-module--z6W5t",s="index-module--HBYLX",u="index-module--MsIUk",x="index-module--XRYnB";const g=a}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 4533.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4533,8387],{84533:(e,n,t)=>{t.r(n),t.d(n,{default:()=>Z});var i=t(84658),l=t(34988),r=t(50747),o=t.n(r),a=t(35567),d=t(9420),u=t(87363),s=t(93379),c=t.n(s),p=t(7795),f=t.n(p),v=t(90569),m=t.n(v),x=t(3565),g=t.n(x),h=t(19216),b=t.n(h),y=t(44589),w=t.n(y),I=t(98195),C={};C.styleTagTransform=w(),C.setAttributes=g(),C.insert=m().bind(null,"head"),C.domAPI=f(),C.insertStyleElement=b();c()(I.ZP,C);I.ZP&&I.ZP.locals&&I.ZP.locals;var P=t(68387),k=t(47514);const Z=(0,d.Pi)((function NumberBox(e){var n,t,r,d,s,c=e.item,p=e.paletteId,f=c,v=(0,u.useRef)(null),m=(0,a.NP)(),x=m.settingsState.itemPalettes.get(p),g=(0,u.useState)(!1),h=(0,l.Z)(g,2),b=h[0],y=h[1],w=(0,u.useState)(null==x||null===(n=x.selectedElements)||void 0===n||null===(n=n[0])||void 0===n?void 0:n.freeText),C=(0,l.Z)(w,2),Z=C[0],R=C[1],F=!0;if(x){var S=m.configuratorStructureHandler.getConfigStepByKey(x.configStepKey);S&&(F=S.configStep.isDefined)}if(!x)return(0,k.jsx)(k.Fragment,{});var T=function(){var e=(0,i.Z)(o().mark((function _callee(e){var n,t;return o().wrap((function _callee$(i){for(;;)switch(i.prev=i.next){case 0:if(t=null!==(n=e.target.value)&&void 0!==n?n:"",!e.target.value.endsWith(".")){i.next=4;break}return R(e.target.value),i.abrupt("return");case 4:(t=t.replace(/[^0-9.,]/g,"")).includes(",")&&m.getViewConfig().allowComma&&(t=t.replace(/\,/g,".")),v.current&&clearTimeout(v.current),v.current=setTimeout((function(){return U(t)}),500),R(t);case 9:case"end":return i.stop()}}),_callee)})));return function handleChange(n){return e.apply(this,arguments)}}(),U=function(){var e=(0,i.Z)(o().mark((function _callee2(e){return o().wrap((function _callee2$(n){for(;;)switch(n.prev=n.next){case 0:if(!x){n.next=3;break}return n.next=3,m.paletteViewHandler.onRangeClickChange(x,f,e);case 3:case"end":return n.stop()}}),_callee2)})));return function updateLogic(n){return e.apply(this,arguments)}}();return(0,u.useEffect)((function(){var e,n;R(null!==(e=null===(n=x.selectedElements)||void 0===n||null===(n=n[0])||void 0===n?void 0:n.freeText)&&void 0!==e?e:"")}),[null===(t=x.selectedElements)||void 0===t||null===(t=t[0])||void 0===t?void 0:t.freeText]),(0,k.jsxs)("div",{ref:function ref(e){x&&(x.htmlRef=e)},style:{display:"block"},children:[x&&(0,k.jsx)("div",{className:I.r9,children:x.name}),(!b||!(null!==(r=x.info)&&void 0!==r&&r.hideDuringUserInput))&&(0,k.jsx)(P.default,{stepInfo:x.info}),(0,k.jsx)("div",{className:I.CA,children:(0,k.jsx)("div",{style:{margin:"5px"},children:(0,k.jsx)("input",{onBlur:function onBlur(){y(!1)},onFocus:function onFocus(){var e;y(!(null!==(e=x.info)&&void 0!==e&&e.hideDuringUserInput))},autoFocus:m.getViewConfig().autoFocusForInput,lang:"en-150",className:I.q_,placeholder:null!==(d=m.getViewConfig())&&void 0!==d&&d.hideMeasureUnit?void 0:"In "+f.measureUnit,onChange:T,step:"0.01",onKeyDown:function onKeyDown(e){m.getViewConfig().allowComma||"."!==e.key&&","!==e.key||e.preventDefault()},value:Z,defaultValue:F?null===(s=x.selectedElements)||void 0===s||null===(s=s[0])||void 0===s?void 0:s.freeText:void 0})})})]})}))},68387:(e,n,t)=>{t.r(n),t.d(n,{default:()=>y});var i=t(65515),l=t.n(i),r=(t(87363),t(93379)),o=t.n(r),a=t(7795),d=t.n(a),u=t(90569),s=t.n(u),c=t(3565),p=t.n(c),f=t(19216),v=t.n(f),m=t(44589),x=t.n(m),g=t(95547),h={};h.styleTagTransform=x(),h.setAttributes=p(),h.insert=s().bind(null,"head"),h.domAPI=d(),h.insertStyleElement=v();o()(g.ZP,h);g.ZP&&g.ZP.locals&&g.ZP.locals;var b=t(47514);const y=function StepInfo(e){var n=e.stepInfo;if(!n)return(0,b.jsx)(b.Fragment,{});var t=n.text,i=n.type;return(0,b.jsx)("div",{className:l()(g.LR,"ERROR"===i?g.vU:void 0,"INFO"===i?g.um:void 0,"WARNING"===i?g.Kp:void 0),dangerouslySetInnerHTML:{__html:t}})}},98195:(e,n,t)=>{t.d(n,{CA:()=>a,ZP:()=>s,q_:()=>d,r9:()=>u});var i=t(8081),l=t.n(i),r=t(23645),o=t.n(r)()(l());o.push([e.id,".index-module--gIylG {\n  border-radius: var(--globalBorderRadius);\n  /* background: white; */\n  position: relative;\n  display: flex;\n  width: 100%;\n  z-index: 100;\n}\n\n.index-module--gIylG > div {\n  width: 100%;\n}\n.index-module--qoBVn {\n  width: 100%;\n\n  max-width: 120px;\n  padding: 12px 5px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n}\n\n.index-module--cJUer {\n  padding-top: 6px;\n  padding-left: 6px;\n  font-weight: 300;\n  font-size: 14px;\n}\n\n/*Hide Arrows*/\n.index-module--gIylG input::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\n/* Firefox */\n.index-module--gIylG input[type='number'] {\n  -moz-appearance: textfield;\n}\n",""]);var a="index-module--gIylG",d="index-module--qoBVn",u="index-module--cJUer";const s=o},95547:(e,n,t)=>{t.d(n,{Kp:()=>u,LR:()=>a,ZP:()=>c,um:()=>s,vU:()=>d});var i=t(8081),l=t.n(i),r=t(23645),o=t.n(r)()(l());o.push([e.id,".index-module--KUpat {\n  margin-top: 10px;\n  margin-left: 5px;\n  font-size: 15px;\n  line-height: 17px;\n}\n\n.index-module--bdt37 {\n  color: #dc3545;\n}\n\n.index-module--vFvus {\n  color: #ffc107;\n}\n\n.index-module--IlBHr {\n  color: #828282;\n}\n",""]);var a="index-module--KUpat",d="index-module--bdt37",u="index-module--vFvus",s="index-module--IlBHr";const c=o}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4533,8387],{84533:(e,n,t)=>{t.r(n),t.d(n,{default:()=>Z});var i=t(84658),l=t(34988),r=t(50747),o=t.n(r),a=t(91214),d=t(9420),u=t(87363),s=t(93379),c=t.n(s),p=t(7795),f=t.n(p),v=t(90569),m=t.n(v),x=t(3565),g=t.n(x),h=t(19216),b=t.n(h),y=t(44589),w=t.n(y),I=t(98195),C={};C.styleTagTransform=w(),C.setAttributes=g(),C.insert=m().bind(null,"head"),C.domAPI=f(),C.insertStyleElement=b();c()(I.ZP,C);I.ZP&&I.ZP.locals&&I.ZP.locals;var P=t(68387),k=t(47514);const Z=(0,d.Pi)((function NumberBox(e){var n,t,r,d,s,c=e.item,p=e.paletteId,f=c,v=(0,u.useRef)(null),m=(0,a.NP)(),x=m.settingsState.itemPalettes.get(p),g=(0,u.useState)(!1),h=(0,l.Z)(g,2),b=h[0],y=h[1],w=(0,u.useState)(null==x||null===(n=x.selectedElements)||void 0===n||null===(n=n[0])||void 0===n?void 0:n.freeText),C=(0,l.Z)(w,2),Z=C[0],R=C[1],F=!0;if(x){var S=m.configuratorStructureHandler.getConfigStepByKey(x.configStepKey);S&&(F=S.configStep.isDefined)}if(!x)return(0,k.jsx)(k.Fragment,{});var T=function(){var e=(0,i.Z)(o().mark((function _callee(e){var n,t;return o().wrap((function _callee$(i){for(;;)switch(i.prev=i.next){case 0:if(t=null!==(n=e.target.value)&&void 0!==n?n:"",!e.target.value.endsWith(".")){i.next=4;break}return R(e.target.value),i.abrupt("return");case 4:(t=t.replace(/[^0-9.,]/g,"")).includes(",")&&m.getViewConfig().allowComma&&(t=t.replace(/\,/g,".")),v.current&&clearTimeout(v.current),v.current=setTimeout((function(){return U(t)}),500),R(t);case 9:case"end":return i.stop()}}),_callee)})));return function handleChange(n){return e.apply(this,arguments)}}(),U=function(){var e=(0,i.Z)(o().mark((function _callee2(e){return o().wrap((function _callee2$(n){for(;;)switch(n.prev=n.next){case 0:if(!x){n.next=3;break}return n.next=3,m.paletteViewHandler.onRangeClickChange(x,f,e);case 3:case"end":return n.stop()}}),_callee2)})));return function updateLogic(n){return e.apply(this,arguments)}}();return(0,u.useEffect)((function(){var e,n;R(null!==(e=null===(n=x.selectedElements)||void 0===n||null===(n=n[0])||void 0===n?void 0:n.freeText)&&void 0!==e?e:"")}),[null===(t=x.selectedElements)||void 0===t||null===(t=t[0])||void 0===t?void 0:t.freeText]),(0,k.jsxs)("div",{ref:function ref(e){x&&(x.htmlRef=e)},style:{display:"block"},children:[x&&(0,k.jsx)("div",{className:I.r9,children:x.name}),(!b||!(null!==(r=x.info)&&void 0!==r&&r.hideDuringUserInput))&&(0,k.jsx)(P.default,{stepInfo:x.info}),(0,k.jsx)("div",{className:I.CA,children:(0,k.jsx)("div",{style:{margin:"5px"},children:(0,k.jsx)("input",{onBlur:function onBlur(){y(!1)},onFocus:function onFocus(){var e;y(!(null!==(e=x.info)&&void 0!==e&&e.hideDuringUserInput))},autoFocus:m.getViewConfig().autoFocusForInput,lang:"en-150",className:I.q_,placeholder:null!==(d=m.getViewConfig())&&void 0!==d&&d.hideMeasureUnit?void 0:"In "+f.measureUnit,onChange:T,step:"0.01",onKeyDown:function onKeyDown(e){m.getViewConfig().allowComma||"."!==e.key&&","!==e.key||e.preventDefault()},value:Z,defaultValue:F?null===(s=x.selectedElements)||void 0===s||null===(s=s[0])||void 0===s?void 0:s.freeText:void 0})})})]})}))},68387:(e,n,t)=>{t.r(n),t.d(n,{default:()=>y});var i=t(65515),l=t.n(i),r=(t(87363),t(93379)),o=t.n(r),a=t(7795),d=t.n(a),u=t(90569),s=t.n(u),c=t(3565),p=t.n(c),f=t(19216),v=t.n(f),m=t(44589),x=t.n(m),g=t(95547),h={};h.styleTagTransform=x(),h.setAttributes=p(),h.insert=s().bind(null,"head"),h.domAPI=d(),h.insertStyleElement=v();o()(g.ZP,h);g.ZP&&g.ZP.locals&&g.ZP.locals;var b=t(47514);const y=function StepInfo(e){var n=e.stepInfo;if(!n)return(0,b.jsx)(b.Fragment,{});var t=n.text,i=n.type;return(0,b.jsx)("div",{className:l()(g.LR,"ERROR"===i?g.vU:void 0,"INFO"===i?g.um:void 0,"WARNING"===i?g.Kp:void 0),dangerouslySetInnerHTML:{__html:t}})}},98195:(e,n,t)=>{t.d(n,{CA:()=>a,ZP:()=>s,q_:()=>d,r9:()=>u});var i=t(8081),l=t.n(i),r=t(23645),o=t.n(r)()(l());o.push([e.id,".index-module--gIylG {\n  border-radius: var(--globalBorderRadius);\n  /* background: white; */\n  position: relative;\n  display: flex;\n  width: 100%;\n  z-index: 100;\n}\n\n.index-module--gIylG > div {\n  width: 100%;\n}\n.index-module--qoBVn {\n  width: 100%;\n\n  max-width: 120px;\n  padding: 12px 5px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n}\n\n.index-module--cJUer {\n  padding-top: 6px;\n  padding-left: 6px;\n  font-weight: 300;\n  font-size: 14px;\n}\n\n/*Hide Arrows*/\n.index-module--gIylG input::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\n/* Firefox */\n.index-module--gIylG input[type='number'] {\n  -moz-appearance: textfield;\n}\n",""]);var a="index-module--gIylG",d="index-module--qoBVn",u="index-module--cJUer";const s=o},95547:(e,n,t)=>{t.d(n,{Kp:()=>u,LR:()=>a,ZP:()=>c,um:()=>s,vU:()=>d});var i=t(8081),l=t.n(i),r=t(23645),o=t.n(r)()(l());o.push([e.id,".index-module--KUpat {\n  margin-top: 10px;\n  margin-left: 5px;\n  font-size: 15px;\n  line-height: 17px;\n}\n\n.index-module--bdt37 {\n  color: #dc3545;\n}\n\n.index-module--vFvus {\n  color: #ffc107;\n}\n\n.index-module--IlBHr {\n  color: #828282;\n}\n",""]);var a="index-module--KUpat",d="index-module--bdt37",u="index-module--vFvus",s="index-module--IlBHr";const c=o}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 4558.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4558,1559],{81559:(e,n,o)=>{o.r(n),o.d(n,{default:()=>w});var i=o(34988),t=o(35567),r=o(87363),l=o(93379),d=o.n(l),a=o(7795),s=o.n(a),c=o(90569),m=o.n(c),u=o(3565),x=o.n(u),p=o(19216),h=o.n(p),v=o(44589),f=o.n(v),g=o(84887),b={};b.styleTagTransform=f(),b.setAttributes=x(),b.insert=m().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=h();d()(g.Z,b);g.Z&&g.Z.locals&&g.Z.locals;var y=o(47514);const w=function MetaData(e){var n=e.style,o=e.metaData,l=e.visible,d=void 0===l?(0,r.useState)(""):l,a=(0,i.Z)(d,2),s=a[0],c=a[1],m=(0,t.NP)(),u=(0,r.useState)(""),x=(0,i.Z)(u,2),p=x[0],h=x[1],v=m.getViewConfig().displayMetaDatas,f=null==o?void 0:o.find((function(e){return null==v?void 0:v.includes(e.codex)}));return(0,r.useEffect)((function(){if(f){for(var e="",n=0;n<f.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var t=null==o?void 0:o.find((function(e){return e.codex===v[i]}));if(!t)return 1;""!==e&&(e+=" "),e=e+(t.name?t.name+": ":"")+t.values[n]},t=0;t<v.length;t++)i(t)}h(e),c(e)}}),[]),s?(0,y.jsx)("div",{style:n,className:g.B,children:p}):(0,y.jsx)(y.Fragment,{})}},20550:(e,n,o)=>{o.r(n),o.d(n,{default:()=>D});var i=o(80248),t=o(34988),r=o(65515),l=o.n(r),d=o(35567),a=o(9420),s=o(87363),c=o(93379),m=o.n(c),u=o(7795),x=o.n(u),p=o(90569),h=o.n(p),v=o(3565),f=o.n(v),g=o(19216),b=o.n(g),y=o(44589),w=o.n(y),C=o(2532),S={};S.styleTagTransform=w(),S.setAttributes=f(),S.insert=h().bind(null,"head"),S.domAPI=x(),S.insertStyleElement=b();m()(C.ZP,S);C.ZP&&C.ZP.locals&&C.ZP.locals;var z=o(13838),I=o(58292),P=o(93355),k=o(81559),j=o(88683),A=o(41017),Z=o(93536),N=o(35464),H=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,i)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,i.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const D=(0,a.Pi)((function Option(e){var n,o,i=e.item,r=e.type,a=e.paletteId,c=e.hidePricePreview,m=e.namePostFix,u=i,x=(0,d.NP)(),p=(0,s.useState)(""),h=(0,t.Z)(p,2),v=h[0],f=h[1],g=(0,j.useDivaCore)().state.dimensions,b=g.isMobile,y=g.isTablet,w={},S={},D=void 0,B=!1,O={},V=(0,I.XI)({delayEnter:1500,hideOnScroll:!0}),_=(0,I.sJ)({isOpen:V[0],auto:!0,placement:x.getViewConfig().tooltipPosition||"left-center"});return b||y||x.getViewConfig().hideTooltip||!u.image&&!u.hexColor||u.contentItemId||(B=V[0],O=V[1],w=_.triggerProps,S=_.layerProps,D=_.renderLayer),(0,H.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:u.codex,className:l()("small"==r||"verysmall"==r?C.yG:void 0,"big"==r?C.Eb:void 0,C.CA,u.sel?C.pA:void 0),onClick:function onClick(){x.paletteViewHandler.clickedOnConfigPalette(u,void 0,a)}},w),O),{},{children:[(0,H.jsxs)("div",{className:l()(C.be),children:[x.getViewConfig().showVCodexInGallery&&u.vCodex&&(0,H.jsx)("div",{className:l()(C.rq),children:u.vCodex}),u.image?(0,H.jsx)("img",{className:l()(C.K5),src:"small"!=r&&"verysmall"!=r?u.image.replace("_gal",""):u.image}):(0,H.jsx)("div",{className:l()(C.K5),style:{backgroundColor:"#"+(null!==(n=u.hexColor)&&void 0!==n?n:"dfdfdf")}}),u.contentItemId&&(0,H.jsx)(A.default,{item:u},u.codex)]}),(0,H.jsx)("div",{className:C.FJ,children:(0,H.jsx)("div",{className:C.TN,dangerouslySetInnerHTML:{__html:u.text+(m||"")}})}),u.doShowFav&&(0,H.jsx)("div",{className:u.isFav?z.Md:z.Hq,onClick:function onClick(){return x.paletteViewHandler.clickedOnFavIcon(u)}}),(0,H.jsx)(k.default,{style:{position:"relative",float:"left",display:"none"},metaData:u.metaData,visible:[v,f]},u.codex),!c&&void 0!==u.pricePreviewPromise&&(0,H.jsx)(Z.default,{asyncPricePreview:u.pricePreviewPromise,sel:u.sel,style:"small"==r||"verysmall"==r?{fontSize:9}:void 0}),void 0!==u.checkForReversingChanges&&(0,H.jsx)(N.default,{item:u,paletteId:a}),B&&(null===(o=D)||void 0===o?void 0:o((0,H.jsx)(P.default,{text:u.text+(u.freeText?u.freeText:"")+(m||""),hexColor:u.hexColor,desciption:v,pricePreviewPromise:u.pricePreviewPromise,image:u.image,layerProps:S},u.codex)))]}))}))},84887:(e,n,o)=>{o.d(n,{B:()=>d,Z:()=>a});var i=o(8081),t=o.n(i),r=o(23645),l=o.n(r)()(t());l.push([e.id,".index-module--hpPAb {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  width: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--hpPAb,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--hpPAb {\n  color: #fff;\n}\n",""]);var d="index-module--hpPAb";const a=l},2532:(e,n,o)=>{o.d(n,{CA:()=>d,Eb:()=>h,FJ:()=>x,K5:()=>u,TN:()=>p,ZP:()=>v,be:()=>c,pA:()=>s,rq:()=>a,yG:()=>m});var i=o(8081),t=o.n(i),r=o(23645),l=o.n(r)()(t());l.push([e.id,"/*Size Normal */\n\n.index-module--IAgou {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.index-module--IAgou:active,\n.index-module--IAgou:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--HNqaV {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n  color: white;\n  display: none;\n  text-align: center;\n}\n\n.index-module--IAgou:hover .index-module--HNqaV,\n.index-module--HH4bC .index-module--HNqaV {\n  display: block;\n}\n\n.index-module--w3B5Z {\n  border-radius: 50%;\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n.index-module--IAgou:hover .index-module--w3B5Z {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n.index-module--HH4bC.index-module--IAgou:hover .index-module--w3B5Z,\n.index-module--LGUqD.index-module--HH4bC.index-module--IAgou:hover .index-module--w3B5Z {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--HH4bC .index-module--w3B5Z,\n.index-module--LGUqD.index-module--HH4bC .index-module--w3B5Z {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--GBYub {\n  width: calc(100% - 8px);\n  aspect-ratio: 1;\n  border: 4px white solid;\n  border-radius: 50%;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  transition: border 0.3s ease;\n}\n.index-module--HH4bC .index-module--GBYub,\n.index-module--LGUqD.index-module--HH4bC .index-module--GBYub {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--MITx9 {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--FjzvR {\n  display: flex;\n  justify-content: center;\n  overflow: visible;\n  max-height: 32px;\n}\n\n.index-module--XCWcg {\n  text-align: center;\n  width: 100%;\n  height: 32px;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  font-size: 14px;\n  line-height: 16px;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 2;\n  transition: height 0.3s ease-out;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--XCWcg,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--XCWcg {\n  color: #fff;\n}\n\n.index-module--IAgou:hover .index-module--XCWcg,\n.index-module--IAgou:focus .index-module--XCWcg {\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  -webkit-line-clamp: 30;\n  height: 50px;\n  z-index: 200;\n  background-color: var(--settingsBackgroundColor);\n  border-bottom-left-radius: 6px;\n  border-bottom-right-radius: 6px;\n  transition: height 0.3s ease-in;\n}\n\n@supports (-moz-appearance: none) {\n  .index-module--IAgou:hover .index-module--XCWcg,\n  .index-module--IAgou:focus .index-module--XCWcg {\n    height: -moz-fit-content;\n    height: fit-content;\n  }\n}\n\n/* Size Small */\n\n.index-module--LGUqD .index-module--HNqaV {\n  font-size: 12px;\n}\n\n.index-module--LGUqD .index-module--XCWcg {\n  font-size: 12px;\n  height: 16px;\n  -webkit-line-clamp: 1;\n}\n\n.index-module--LGUqD .index-module--FjzvR {\n  max-height: 14px;\n}\n/* Size very Small */\n\n.index-module--oC_wa .index-module--HNqaV {\n  font-size: 10px;\n}\n\n.index-module--oC_wa .index-module--XCWcg {\n  font-size: 10px;\n  -webkit-line-clamp: 1;\n}\n\n.index-module--oC_wa .index-module--FjzvR {\n  max-height: 20px;\n}\n\n/* Size big */\n\n.index-module--ktipL .index-module--HNqaV {\n  font-size: 15px;\n}\n\n.index-module--ktipL .index-module--XCWcg {\n  font-size: 15px;\n  -webkit-line-clamp: 2;\n}\n",""]);var d="index-module--IAgou",a="index-module--HNqaV",s="index-module--HH4bC",c="index-module--w3B5Z",m="index-module--LGUqD",u="index-module--GBYub",x="index-module--FjzvR",p="index-module--XCWcg",h="index-module--ktipL";const v=l},16008:(e,n,o)=>{o.d(n,{Z:()=>r});var i=o(59654),t=o(47514);const r=(0,i.Z)((0,t.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12m8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8"}),"Block")},75275:(e,n,o)=>{o.d(n,{Z:()=>r});var i=o(59654),t=o(47514);const r=(0,i.Z)((0,t.jsx)("path",{d:"M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"}),"Warning")},59654:(e,n,o)=>{o.d(n,{Z:()=>createSvgIcon});var i=o(87363),t=o(87726),r=o(91104),l=o(94299),d=o(5230),a=o(90659),s=o(56047),c=o(18685),m=o(36735);function getSvgIconUtilityClass(e){return(0,m.ZP)("MuiSvgIcon",e)}(0,c.Z)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var u=o(47514);const x=(0,d.ZP)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(e,n)=>{const{ownerState:o}=e;return[n.root,"inherit"!==o.color&&n[`color${(0,l.Z)(o.color)}`],n[`fontSize${(0,l.Z)(o.fontSize)}`]]}})((0,a.Z)((({theme:e})=>({userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:e.transitions?.create?.("fill",{duration:(e.vars??e).transitions?.duration?.shorter}),variants:[{props:e=>!e.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:e.typography?.pxToRem?.(20)||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:e.typography?.pxToRem?.(24)||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:e.typography?.pxToRem?.(35)||"2.1875rem"}},...Object.entries((e.vars??e).palette).filter((([,e])=>e&&e.main)).map((([n])=>({props:{color:n},style:{color:(e.vars??e).palette?.[n]?.main}}))),{props:{color:"action"},style:{color:(e.vars??e).palette?.action?.active}},{props:{color:"disabled"},style:{color:(e.vars??e).palette?.action?.disabled}},{props:{color:"inherit"},style:{color:void 0}}]})))),p=i.forwardRef((function SvgIcon(e,n){const o=(0,s.i)({props:e,name:"MuiSvgIcon"}),{children:d,className:a,color:c="inherit",component:m="svg",fontSize:p="medium",htmlColor:h,inheritViewBox:v=!1,titleAccess:f,viewBox:g="0 0 24 24",...b}=o,y=i.isValidElement(d)&&"svg"===d.type,w={...o,color:c,component:m,fontSize:p,instanceFontSize:e.fontSize,inheritViewBox:v,viewBox:g,hasSvgAsChild:y},C={};v||(C.viewBox=g);const S=(e=>{const{color:n,fontSize:o,classes:i}=e,t={root:["root","inherit"!==n&&`color${(0,l.Z)(n)}`,`fontSize${(0,l.Z)(o)}`]};return(0,r.Z)(t,getSvgIconUtilityClass,i)})(w);return(0,u.jsxs)(x,{as:m,className:(0,t.Z)(S.root,a),focusable:"false",color:h,"aria-hidden":!f||void 0,role:f?"img":void 0,ref:n,...C,...b,...y&&d.props,ownerState:w,children:[y?d.props.children:d,f?(0,u.jsx)("title",{children:f}):null]})}));p.muiName="SvgIcon";const h=p;function createSvgIcon(e,n){function Component(n,o){return(0,u.jsx)(h,{"data-testid":void 0,ref:o,...n,children:e})}return Component.muiName=h.muiName,i.memo(i.forwardRef(Component))}}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4558,1559],{81559:(e,n,o)=>{o.r(n),o.d(n,{default:()=>w});var i=o(34988),t=o(91214),r=o(87363),l=o(93379),d=o.n(l),a=o(7795),s=o.n(a),c=o(90569),m=o.n(c),u=o(3565),x=o.n(u),p=o(19216),h=o.n(p),v=o(44589),f=o.n(v),g=o(84887),b={};b.styleTagTransform=f(),b.setAttributes=x(),b.insert=m().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=h();d()(g.Z,b);g.Z&&g.Z.locals&&g.Z.locals;var y=o(47514);const w=function MetaData(e){var n=e.style,o=e.metaData,l=e.visible,d=void 0===l?(0,r.useState)(""):l,a=(0,i.Z)(d,2),s=a[0],c=a[1],m=(0,t.NP)(),u=(0,r.useState)(""),x=(0,i.Z)(u,2),p=x[0],h=x[1],v=m.getViewConfig().displayMetaDatas,f=null==o?void 0:o.find((function(e){return null==v?void 0:v.includes(e.codex)}));return(0,r.useEffect)((function(){if(f){for(var e="",n=0;n<f.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var t=null==o?void 0:o.find((function(e){return e.codex===v[i]}));if(!t)return 1;""!==e&&(e+=" "),e=e+(t.name?t.name+": ":"")+t.values[n]},t=0;t<v.length;t++)i(t)}h(e),c(e)}}),[]),s?(0,y.jsx)("div",{style:n,className:g.B,children:p}):(0,y.jsx)(y.Fragment,{})}},20550:(e,n,o)=>{o.r(n),o.d(n,{default:()=>D});var i=o(80248),t=o(34988),r=o(65515),l=o.n(r),d=o(91214),a=o(9420),s=o(87363),c=o(93379),m=o.n(c),u=o(7795),x=o.n(u),p=o(90569),h=o.n(p),v=o(3565),f=o.n(v),g=o(19216),b=o.n(g),y=o(44589),w=o.n(y),C=o(2532),S={};S.styleTagTransform=w(),S.setAttributes=f(),S.insert=h().bind(null,"head"),S.domAPI=x(),S.insertStyleElement=b();m()(C.ZP,S);C.ZP&&C.ZP.locals&&C.ZP.locals;var z=o(13838),I=o(58292),P=o(93355),k=o(81559),j=o(88683),A=o(41017),Z=o(93536),N=o(35464),H=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,i)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,i.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const D=(0,a.Pi)((function Option(e){var n,o,i=e.item,r=e.type,a=e.paletteId,c=e.hidePricePreview,m=e.namePostFix,u=i,x=(0,d.NP)(),p=(0,s.useState)(""),h=(0,t.Z)(p,2),v=h[0],f=h[1],g=(0,j.useDivaCore)().state.dimensions,b=g.isMobile,y=g.isTablet,w={},S={},D=void 0,B=!1,O={},V=(0,I.XI)({delayEnter:1500,hideOnScroll:!0}),_=(0,I.sJ)({isOpen:V[0],auto:!0,placement:x.getViewConfig().tooltipPosition||"left-center"});return b||y||x.getViewConfig().hideTooltip||!u.image&&!u.hexColor||u.contentItemId||(B=V[0],O=V[1],w=_.triggerProps,S=_.layerProps,D=_.renderLayer),(0,H.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:u.codex,className:l()("small"==r||"verysmall"==r?C.yG:void 0,"big"==r?C.Eb:void 0,C.CA,u.sel?C.pA:void 0),onClick:function onClick(){x.paletteViewHandler.clickedOnConfigPalette(u,void 0,a)}},w),O),{},{children:[(0,H.jsxs)("div",{className:l()(C.be),children:[x.getViewConfig().showVCodexInGallery&&u.vCodex&&(0,H.jsx)("div",{className:l()(C.rq),children:u.vCodex}),u.image?(0,H.jsx)("img",{className:l()(C.K5),src:"small"!=r&&"verysmall"!=r?u.image.replace("_gal",""):u.image}):(0,H.jsx)("div",{className:l()(C.K5),style:{backgroundColor:"#"+(null!==(n=u.hexColor)&&void 0!==n?n:"dfdfdf")}}),u.contentItemId&&(0,H.jsx)(A.default,{item:u},u.codex)]}),(0,H.jsx)("div",{className:C.FJ,children:(0,H.jsx)("div",{className:C.TN,dangerouslySetInnerHTML:{__html:u.text+(m||"")}})}),u.doShowFav&&(0,H.jsx)("div",{className:u.isFav?z.Md:z.Hq,onClick:function onClick(){return x.paletteViewHandler.clickedOnFavIcon(u)}}),(0,H.jsx)(k.default,{style:{position:"relative",float:"left",display:"none"},metaData:u.metaData,visible:[v,f]},u.codex),!c&&void 0!==u.pricePreviewPromise&&(0,H.jsx)(Z.default,{asyncPricePreview:u.pricePreviewPromise,sel:u.sel,style:"small"==r||"verysmall"==r?{fontSize:9}:void 0}),void 0!==u.checkForReversingChanges&&(0,H.jsx)(N.default,{item:u,paletteId:a}),B&&(null===(o=D)||void 0===o?void 0:o((0,H.jsx)(P.default,{text:u.text+(u.freeText?u.freeText:"")+(m||""),hexColor:u.hexColor,desciption:v,pricePreviewPromise:u.pricePreviewPromise,image:u.image,layerProps:S},u.codex)))]}))}))},84887:(e,n,o)=>{o.d(n,{B:()=>d,Z:()=>a});var i=o(8081),t=o.n(i),r=o(23645),l=o.n(r)()(t());l.push([e.id,".index-module--hpPAb {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  width: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--hpPAb,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--hpPAb {\n  color: #fff;\n}\n",""]);var d="index-module--hpPAb";const a=l},2532:(e,n,o)=>{o.d(n,{CA:()=>d,Eb:()=>h,FJ:()=>x,K5:()=>u,TN:()=>p,ZP:()=>v,be:()=>c,pA:()=>s,rq:()=>a,yG:()=>m});var i=o(8081),t=o.n(i),r=o(23645),l=o.n(r)()(t());l.push([e.id,"/*Size Normal */\n\n.index-module--IAgou {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.index-module--IAgou:active,\n.index-module--IAgou:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--HNqaV {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n  color: white;\n  display: none;\n  text-align: center;\n}\n\n.index-module--IAgou:hover .index-module--HNqaV,\n.index-module--HH4bC .index-module--HNqaV {\n  display: block;\n}\n\n.index-module--w3B5Z {\n  border-radius: 50%;\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n.index-module--IAgou:hover .index-module--w3B5Z {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n.index-module--HH4bC.index-module--IAgou:hover .index-module--w3B5Z,\n.index-module--LGUqD.index-module--HH4bC.index-module--IAgou:hover .index-module--w3B5Z {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--HH4bC .index-module--w3B5Z,\n.index-module--LGUqD.index-module--HH4bC .index-module--w3B5Z {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--GBYub {\n  width: calc(100% - 8px);\n  aspect-ratio: 1;\n  border: 4px white solid;\n  border-radius: 50%;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  transition: border 0.3s ease;\n}\n.index-module--HH4bC .index-module--GBYub,\n.index-module--LGUqD.index-module--HH4bC .index-module--GBYub {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--MITx9 {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--FjzvR {\n  display: flex;\n  justify-content: center;\n  overflow: visible;\n  max-height: 32px;\n}\n\n.index-module--XCWcg {\n  text-align: center;\n  width: 100%;\n  height: 32px;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  font-size: 14px;\n  line-height: 16px;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 2;\n  transition: height 0.3s ease-out;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--XCWcg,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--XCWcg {\n  color: #fff;\n}\n\n.index-module--IAgou:hover .index-module--XCWcg,\n.index-module--IAgou:focus .index-module--XCWcg {\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  -webkit-line-clamp: 30;\n  height: 50px;\n  z-index: 200;\n  background-color: var(--settingsBackgroundColor);\n  border-bottom-left-radius: 6px;\n  border-bottom-right-radius: 6px;\n  transition: height 0.3s ease-in;\n}\n\n@supports (-moz-appearance: none) {\n  .index-module--IAgou:hover .index-module--XCWcg,\n  .index-module--IAgou:focus .index-module--XCWcg {\n    height: -moz-fit-content;\n    height: fit-content;\n  }\n}\n\n/* Size Small */\n\n.index-module--LGUqD .index-module--HNqaV {\n  font-size: 12px;\n}\n\n.index-module--LGUqD .index-module--XCWcg {\n  font-size: 12px;\n  height: 16px;\n  -webkit-line-clamp: 1;\n}\n\n.index-module--LGUqD .index-module--FjzvR {\n  max-height: 14px;\n}\n/* Size very Small */\n\n.index-module--oC_wa .index-module--HNqaV {\n  font-size: 10px;\n}\n\n.index-module--oC_wa .index-module--XCWcg {\n  font-size: 10px;\n  -webkit-line-clamp: 1;\n}\n\n.index-module--oC_wa .index-module--FjzvR {\n  max-height: 20px;\n}\n\n/* Size big */\n\n.index-module--ktipL .index-module--HNqaV {\n  font-size: 15px;\n}\n\n.index-module--ktipL .index-module--XCWcg {\n  font-size: 15px;\n  -webkit-line-clamp: 2;\n}\n",""]);var d="index-module--IAgou",a="index-module--HNqaV",s="index-module--HH4bC",c="index-module--w3B5Z",m="index-module--LGUqD",u="index-module--GBYub",x="index-module--FjzvR",p="index-module--XCWcg",h="index-module--ktipL";const v=l},16008:(e,n,o)=>{o.d(n,{Z:()=>r});var i=o(59654),t=o(47514);const r=(0,i.Z)((0,t.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12m8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8"}),"Block")},75275:(e,n,o)=>{o.d(n,{Z:()=>r});var i=o(59654),t=o(47514);const r=(0,i.Z)((0,t.jsx)("path",{d:"M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"}),"Warning")},59654:(e,n,o)=>{o.d(n,{Z:()=>createSvgIcon});var i=o(87363),t=o(87726),r=o(91104),l=o(94299),d=o(5230),a=o(90659),s=o(56047),c=o(18685),m=o(36735);function getSvgIconUtilityClass(e){return(0,m.ZP)("MuiSvgIcon",e)}(0,c.Z)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var u=o(47514);const x=(0,d.ZP)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(e,n)=>{const{ownerState:o}=e;return[n.root,"inherit"!==o.color&&n[`color${(0,l.Z)(o.color)}`],n[`fontSize${(0,l.Z)(o.fontSize)}`]]}})((0,a.Z)((({theme:e})=>({userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:e.transitions?.create?.("fill",{duration:(e.vars??e).transitions?.duration?.shorter}),variants:[{props:e=>!e.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:e.typography?.pxToRem?.(20)||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:e.typography?.pxToRem?.(24)||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:e.typography?.pxToRem?.(35)||"2.1875rem"}},...Object.entries((e.vars??e).palette).filter((([,e])=>e&&e.main)).map((([n])=>({props:{color:n},style:{color:(e.vars??e).palette?.[n]?.main}}))),{props:{color:"action"},style:{color:(e.vars??e).palette?.action?.active}},{props:{color:"disabled"},style:{color:(e.vars??e).palette?.action?.disabled}},{props:{color:"inherit"},style:{color:void 0}}]})))),p=i.forwardRef((function SvgIcon(e,n){const o=(0,s.i)({props:e,name:"MuiSvgIcon"}),{children:d,className:a,color:c="inherit",component:m="svg",fontSize:p="medium",htmlColor:h,inheritViewBox:v=!1,titleAccess:f,viewBox:g="0 0 24 24",...b}=o,y=i.isValidElement(d)&&"svg"===d.type,w={...o,color:c,component:m,fontSize:p,instanceFontSize:e.fontSize,inheritViewBox:v,viewBox:g,hasSvgAsChild:y},C={};v||(C.viewBox=g);const S=(e=>{const{color:n,fontSize:o,classes:i}=e,t={root:["root","inherit"!==n&&`color${(0,l.Z)(n)}`,`fontSize${(0,l.Z)(o)}`]};return(0,r.Z)(t,getSvgIconUtilityClass,i)})(w);return(0,u.jsxs)(x,{as:m,className:(0,t.Z)(S.root,a),focusable:"false",color:h,"aria-hidden":!f||void 0,role:f?"img":void 0,ref:n,...C,...b,...y&&d.props,ownerState:w,children:[y?d.props.children:d,f?(0,u.jsx)("title",{children:f}):null]})}));p.muiName="SvgIcon";const h=p;function createSvgIcon(e,n){function Component(n,o){return(0,u.jsx)(h,{"data-testid":void 0,ref:o,...n,children:e})}return Component.muiName=h.muiName,i.memo(i.forwardRef(Component))}}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 4572.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4572],{54572:(n,e,i)=>{i.r(e),i.d(e,{default:()=>P});var t=i(80248),r=(i(87363),i(9420)),o=i(35567),d=i(93379),a=i.n(d),l=i(7795),s=i.n(l),c=i(90569),u=i.n(c),m=i(3565),p=i.n(m),h=i(19216),v=i.n(h),x=i(44589),f=i.n(x),C=i(2348),g={};g.styleTagTransform=f(),g.setAttributes=p(),g.insert=u().bind(null,"head"),g.domAPI=s(),g.insertStyleElement=v();a()(C.ZP,g);C.ZP&&C.ZP.locals&&C.ZP.locals;var b=i(65515),j=i.n(b),w=i(24585),L=i(83485),y=i(88683),O=i(47514);function ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(i),!0).forEach((function(e){(0,t.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}const P=(0,r.Pi)((function ArticleOverview(){var n,e,i,t,r,d,a=(0,o.NP)(),l=(0,L.W)(),s=l.dimensions,c=l.dimOnlyForOneArticle,u=(0,y.useTranslation)().t,m=a.settingsState.bbox;return(0,O.jsxs)("div",{className:C.YS,children:[(0,O.jsx)("div",{className:C.O7,children:(0,O.jsxs)("div",{className:j()(C.$Q,C.Fs),children:[(0,O.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"var(--diva-theme-palette-primary-main)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,O.jsx)("path",{d:"M21.3 15.3a2.4 2.4 0 0 1 0 3.4l-2.6 2.6a2.4 2.4 0 0 1-3.4 0L2.7 8.7a2.41 2.41 0 0 1 0-3.4l2.6-2.6a2.41 2.41 0 0 1 3.4 0Z"}),(0,O.jsx)("path",{d:"m14.5 12.5 2-2"}),(0,O.jsx)("path",{d:"m11.5 9.5 2-2"}),(0,O.jsx)("path",{d:"m8.5 6.5 2-2"}),(0,O.jsx)("path",{d:"m17.5 15.5 2-2"})]}),u("configurator.summary.total_dimensions")]})}),(0,O.jsxs)("div",{className:C.Bb,children:[(0,O.jsxs)("div",{className:C.O7,children:[(0,O.jsx)("div",{className:C.$Q,children:u("configurator.bth")}),(0,O.jsxs)("div",{className:j()(C.$Q,C.Sn),children:[null!==(n=null==m?void 0:m.X)&&void 0!==n?n:-1," × ",null!==(e=null==m?void 0:m.Y)&&void 0!==e?e:-1," × ",null!==(i=null==m?void 0:m.Z)&&void 0!==i?i:-1," cm"]})]}),void 0!==(null==m?void 0:m.wOLT)&&(0,O.jsxs)("div",{className:C.O7,children:[(0,O.jsx)("div",{className:C.$Q,children:u("configurator.without_olf")}),(0,O.jsxs)("div",{className:j()(C.$Q,C.Sn),children:[null!==(t=null==m?void 0:m.wOLT)&&void 0!==t?t:-1," × ",null!==(r=null==m?void 0:m.dOLT)&&void 0!==r?r:-1," × ",null!==(d=null==m?void 0:m.hOLT)&&void 0!==d?d:-1," cm"]})]}),!(null==s||!s.length)&&(null==s?void 0:s.map((function(n){var e,i;return(0,O.jsxs)("div",{className:C.O7,children:[(0,O.jsxs)("div",{className:C.$Q,children:[null!==(e=n.text)&&void 0!==e?e:u("configurator.headerdimension."+n.dimensionId),!c&&" ("+n.posNrs.join(",")+")"]}),(0,O.jsxs)("div",{className:j()(C.$Q,C.Sn),children:[null!==(i=n.dimension)&&void 0!==i?i:0," ",n.unit]})]})})))]}),a.productState.allowQRCodeAR&&(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)("div",{className:C.kr}),(0,O.jsx)(w.default,{dontOpenModal:!0,Button:function Button(n){return(0,O.jsxs)("div",_objectSpread(_objectSpread({className:C.LI},n),{},{children:[(0,O.jsxs)("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,O.jsx)("circle",{cx:"16",cy:"16",r:"16"}),(0,O.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18.9044 9.14469L16.5714 8.04166C16.4524 7.98611 16.3175 7.98611 16.1984 8.04166L13.8575 9.14469C13.5242 9.3034 13.3734 9.70811 13.5321 10.0414C13.6432 10.2874 13.8892 10.4302 14.1432 10.4302C14.2384 10.4302 14.3336 10.4064 14.4288 10.3668L15.7064 9.76366V11.4063C15.7064 11.7793 16.008 12.0808 16.381 12.0808C16.7539 12.0808 17.0555 11.7793 17.0555 11.4063V9.76366L18.3331 10.3668C18.6664 10.5255 19.0711 10.3826 19.2298 10.0414C19.3885 9.70018 19.2457 9.3034 18.9044 9.14469ZM18.3324 13.6921L16.3803 14.6126L14.4282 13.6921C14.0949 13.5334 13.6902 13.6762 13.5315 14.0175C13.3728 14.3508 13.5156 14.7555 13.8568 14.9142L15.682 15.7712C15.682 15.7871 15.678 15.801 15.674 15.8149C15.6701 15.8287 15.6661 15.8426 15.6661 15.8585V17.5091C15.6661 17.882 15.9677 18.1836 16.3406 18.1836C16.7136 18.1836 17.0151 17.882 17.0151 17.5091V15.8585C17.0151 15.8506 17.0132 15.8426 17.0112 15.8347L17.0112 15.8347C17.0092 15.8267 17.0072 15.8188 17.0072 15.8109L18.9117 14.9142C19.245 14.7555 19.3958 14.3508 19.2371 14.0175C19.0704 13.6842 18.6657 13.5334 18.3324 13.6921ZM21.4188 10.3832L23.5059 11.3831C23.6646 11.4545 23.7598 11.6132 23.7598 11.7798V14.1843C23.7598 14.5573 23.4583 14.8588 23.0853 14.8588C22.7123 14.8588 22.4108 14.5573 22.4108 14.1843V13.2955L21.3077 13.8113C21.2125 13.851 21.1173 13.8748 21.0221 13.8748C20.7681 13.8748 20.5221 13.732 20.411 13.486C20.2523 13.1527 20.4031 12.748 20.7364 12.5893L21.8315 12.0735L20.8395 11.5973C20.5063 11.4386 20.3634 11.0339 20.5221 10.7006C20.6808 10.3673 21.0855 10.2245 21.4188 10.3832ZM12.0234 12.589L10.9283 12.0732L11.9203 11.597C12.2536 11.4383 12.3964 11.0336 12.2377 10.7003C12.079 10.3591 11.6743 10.2162 11.341 10.3829L9.25394 11.3828C9.09523 11.4542 9 11.6129 9 11.7795V14.1761C9 14.549 9.30155 14.8506 9.67452 14.8506C10.0475 14.8506 10.349 14.557 10.349 14.184V13.2873L11.4521 13.8031C11.5473 13.8507 11.6425 13.8745 11.7377 13.8745C11.9917 13.8745 12.2377 13.7317 12.3488 13.4857C12.5075 13.1524 12.3646 12.7477 12.0234 12.589ZM11.4521 18.4139C11.7854 18.2552 12.1901 18.4059 12.3488 18.7392C12.5075 19.0805 12.3646 19.4852 12.0234 19.6439L10.9283 20.1597L11.9203 20.6358C12.2536 20.7945 12.3964 21.1992 12.2377 21.5325C12.1186 21.7706 11.8806 21.9134 11.6266 21.9134C11.5235 21.9134 11.4283 21.8976 11.333 21.8499L9.246 20.8501C9.09523 20.7786 9 20.6199 9 20.4533V18.0488C9 17.6759 9.30155 17.3743 9.67452 17.3743C10.0475 17.3743 10.349 17.6759 10.349 18.0488V18.9376L11.4521 18.4139Z",fill:"var(--diva-theme-palette-primary-main)"}),(0,O.jsx)("path",{d:"M18.749 24H17.6823L17.272 22.799H15.3849L14.9746 24H13.9229L15.7205 19.0769H16.9513L18.749 24ZM15.6161 22.0382H17.0408L16.3247 19.89L15.6161 22.0382Z",fill:"var(--diva-theme-palette-primary-main)"}),(0,O.jsx)("path",{d:"M21.6498 19.0769C22.2068 19.0769 22.6444 19.2112 22.9627 19.4797C23.2809 19.7482 23.44 20.1088 23.44 20.5613C23.44 21.0436 23.2809 21.4141 22.9627 21.6727C22.6444 21.9263 22.2093 22.0531 21.6573 22.0531L21.5529 22.1128H20.4937V24H19.4792V19.0769H21.6498ZM21.5305 21.3296C21.8189 21.3296 22.0327 21.2724 22.172 21.158C22.3162 21.0387 22.3883 20.8572 22.3883 20.6135C22.3883 20.3698 22.3162 20.1908 22.172 20.0764C22.0327 19.9571 21.8189 19.8974 21.5305 19.8974H20.4937V21.3296H21.5305ZM22.1347 21.5459L23.731 24H22.5748L21.2545 21.8443L22.1347 21.5459Z",fill:"var(--diva-theme-palette-primary-main)"})]}),u("configurator.ar_try_at_home")]}))}})]})]})}))},83485:(n,e,i)=>{i.d(e,{W:()=>d});var t=i(34988),r=i(87363),o=i(35567),d=function useCustomDimensions(){var n=(0,o.NP)(),e=(0,r.useState)(),i=(0,t.Z)(e,2),d=i[0],a=i[1],l=(0,r.useState)(!1),s=(0,t.Z)(l,2),c=s[0],u=s[1];return(0,r.useEffect)((function(){var e;n.divaWebPlanner.actSet()&&(null===(e=n.productState.customDimensions)||void 0===e||e.then((function(n){a(n);var e=n.reduce((function(n,e){return n[e.dimensionId]?n[e.dimensionId].includes(e.dimension)||n[e.dimensionId].push(e.dimension):n[e.dimensionId]=[e.dimension],n}),{});u(!Object.values(e).find((function(n){return n.length>1})))})))}),[n.divaWebPlanner.actSet(),n.settingsState.configChanged]),{dimensions:d,dimOnlyForOneArticle:c}}},2348:(n,e,i)=>{i.d(e,{$Q:()=>u,Bb:()=>l,Fs:()=>c,LI:()=>h,O7:()=>s,Sn:()=>m,YS:()=>a,ZP:()=>v,kr:()=>p});var t=i(8081),r=i.n(t),o=i(23645),d=i.n(o)()(r());d.push([n.id,".index-module--d2iqX {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  position: relative;\n  border: 1px solid var(--diva-theme-palette-primary-main);\n  border-radius: calc(var(--buttons-border-radius) * 2);\n  color: var(--diva-theme-palette-primary-main);\n  width: calc(100% - 32px);\n  padding: 16px;\n  margin: 12px 0px;\n}\n\n.index-module--K4_z9 {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: 8px;\n  font-size: 14px;\n}\n\n.index-module--d2iqX::before {\n  content: '';\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background-color: var(--diva-theme-palette-primary-light);\n  opacity: 0.15;\n  z-index: -1;\n  pointer-events: none;\n  border-radius: inherit;\n}\n\n.index-module--RkkoP {\n  display: flex;\n  flex-direction: row;\n  gap: 16px;\n  justify-content: space-between;\n  width: 100%;\n}\n\n.index-module--sQl1l {\n  font-weight: 600;\n}\n\n.index-module--ZF6Gz {\n  display: flex;\n  gap: 4px;\n  align-items: center;\n}\n\n.index-module--ub3Fh {\n  color: #000;\n  font-weight: 600;\n}\n\n.index-module--kL69q {\n  width: 100%;\n  height: 1px;\n  background-color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--uReTO {\n  cursor: pointer;\n  width: calc(100% - 32px);\n  height: 22px;\n  padding: 8px 16px;\n  background-color: transparent;\n  border: 1px solid var(--diva-theme-palette-primary-main);\n  border-radius: calc(var(--buttons-border-radius) * 1.5);\n  font-size: 14px;\n  font-weight: 600;\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n  align-items: center;\n  justify-content: center;\n  transition:\n    background-color 0.3s ease,\n    box-shadow 0.3s ease;\n}\n\n.index-module--uReTO:hover {\n  background-color: var(--diva-theme-palette-primary-light);\n  box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.1);\n}\n",""]);var a="index-module--d2iqX",l="index-module--K4_z9",s="index-module--RkkoP",c="index-module--sQl1l",u="index-module--ZF6Gz",m="index-module--ub3Fh",p="index-module--kL69q",h="index-module--uReTO";const v=d}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4572],{54572:(n,e,i)=>{i.r(e),i.d(e,{default:()=>P});var t=i(80248),r=(i(87363),i(9420)),o=i(91214),d=i(93379),a=i.n(d),l=i(7795),s=i.n(l),c=i(90569),u=i.n(c),m=i(3565),p=i.n(m),h=i(19216),v=i.n(h),x=i(44589),f=i.n(x),C=i(2348),g={};g.styleTagTransform=f(),g.setAttributes=p(),g.insert=u().bind(null,"head"),g.domAPI=s(),g.insertStyleElement=v();a()(C.ZP,g);C.ZP&&C.ZP.locals&&C.ZP.locals;var b=i(65515),j=i.n(b),w=i(24585),L=i(83485),y=i(88683),O=i(47514);function ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(i),!0).forEach((function(e){(0,t.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}const P=(0,r.Pi)((function ArticleOverview(){var n,e,i,t,r,d,a=(0,o.NP)(),l=(0,L.W)(),s=l.dimensions,c=l.dimOnlyForOneArticle,u=(0,y.useTranslation)().t,m=a.settingsState.bbox;return(0,O.jsxs)("div",{className:C.YS,children:[(0,O.jsx)("div",{className:C.O7,children:(0,O.jsxs)("div",{className:j()(C.$Q,C.Fs),children:[(0,O.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"var(--diva-theme-palette-primary-main)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,O.jsx)("path",{d:"M21.3 15.3a2.4 2.4 0 0 1 0 3.4l-2.6 2.6a2.4 2.4 0 0 1-3.4 0L2.7 8.7a2.41 2.41 0 0 1 0-3.4l2.6-2.6a2.41 2.41 0 0 1 3.4 0Z"}),(0,O.jsx)("path",{d:"m14.5 12.5 2-2"}),(0,O.jsx)("path",{d:"m11.5 9.5 2-2"}),(0,O.jsx)("path",{d:"m8.5 6.5 2-2"}),(0,O.jsx)("path",{d:"m17.5 15.5 2-2"})]}),u("configurator.summary.total_dimensions")]})}),(0,O.jsxs)("div",{className:C.Bb,children:[(0,O.jsxs)("div",{className:C.O7,children:[(0,O.jsx)("div",{className:C.$Q,children:u("configurator.bth")}),(0,O.jsxs)("div",{className:j()(C.$Q,C.Sn),children:[null!==(n=null==m?void 0:m.X)&&void 0!==n?n:-1," × ",null!==(e=null==m?void 0:m.Y)&&void 0!==e?e:-1," × ",null!==(i=null==m?void 0:m.Z)&&void 0!==i?i:-1," cm"]})]}),void 0!==(null==m?void 0:m.wOLT)&&(0,O.jsxs)("div",{className:C.O7,children:[(0,O.jsx)("div",{className:C.$Q,children:u("configurator.without_olf")}),(0,O.jsxs)("div",{className:j()(C.$Q,C.Sn),children:[null!==(t=null==m?void 0:m.wOLT)&&void 0!==t?t:-1," × ",null!==(r=null==m?void 0:m.dOLT)&&void 0!==r?r:-1," × ",null!==(d=null==m?void 0:m.hOLT)&&void 0!==d?d:-1," cm"]})]}),!(null==s||!s.length)&&(null==s?void 0:s.map((function(n){var e,i;return(0,O.jsxs)("div",{className:C.O7,children:[(0,O.jsxs)("div",{className:C.$Q,children:[null!==(e=n.text)&&void 0!==e?e:u("configurator.headerdimension."+n.dimensionId),!c&&" ("+n.posNrs.join(",")+")"]}),(0,O.jsxs)("div",{className:j()(C.$Q,C.Sn),children:[null!==(i=n.dimension)&&void 0!==i?i:0," ",n.unit]})]})})))]}),a.productState.allowQRCodeAR&&(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)("div",{className:C.kr}),(0,O.jsx)(w.default,{dontOpenModal:!0,Button:function Button(n){return(0,O.jsxs)("div",_objectSpread(_objectSpread({className:C.LI},n),{},{children:[(0,O.jsxs)("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,O.jsx)("circle",{cx:"16",cy:"16",r:"16"}),(0,O.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18.9044 9.14469L16.5714 8.04166C16.4524 7.98611 16.3175 7.98611 16.1984 8.04166L13.8575 9.14469C13.5242 9.3034 13.3734 9.70811 13.5321 10.0414C13.6432 10.2874 13.8892 10.4302 14.1432 10.4302C14.2384 10.4302 14.3336 10.4064 14.4288 10.3668L15.7064 9.76366V11.4063C15.7064 11.7793 16.008 12.0808 16.381 12.0808C16.7539 12.0808 17.0555 11.7793 17.0555 11.4063V9.76366L18.3331 10.3668C18.6664 10.5255 19.0711 10.3826 19.2298 10.0414C19.3885 9.70018 19.2457 9.3034 18.9044 9.14469ZM18.3324 13.6921L16.3803 14.6126L14.4282 13.6921C14.0949 13.5334 13.6902 13.6762 13.5315 14.0175C13.3728 14.3508 13.5156 14.7555 13.8568 14.9142L15.682 15.7712C15.682 15.7871 15.678 15.801 15.674 15.8149C15.6701 15.8287 15.6661 15.8426 15.6661 15.8585V17.5091C15.6661 17.882 15.9677 18.1836 16.3406 18.1836C16.7136 18.1836 17.0151 17.882 17.0151 17.5091V15.8585C17.0151 15.8506 17.0132 15.8426 17.0112 15.8347L17.0112 15.8347C17.0092 15.8267 17.0072 15.8188 17.0072 15.8109L18.9117 14.9142C19.245 14.7555 19.3958 14.3508 19.2371 14.0175C19.0704 13.6842 18.6657 13.5334 18.3324 13.6921ZM21.4188 10.3832L23.5059 11.3831C23.6646 11.4545 23.7598 11.6132 23.7598 11.7798V14.1843C23.7598 14.5573 23.4583 14.8588 23.0853 14.8588C22.7123 14.8588 22.4108 14.5573 22.4108 14.1843V13.2955L21.3077 13.8113C21.2125 13.851 21.1173 13.8748 21.0221 13.8748C20.7681 13.8748 20.5221 13.732 20.411 13.486C20.2523 13.1527 20.4031 12.748 20.7364 12.5893L21.8315 12.0735L20.8395 11.5973C20.5063 11.4386 20.3634 11.0339 20.5221 10.7006C20.6808 10.3673 21.0855 10.2245 21.4188 10.3832ZM12.0234 12.589L10.9283 12.0732L11.9203 11.597C12.2536 11.4383 12.3964 11.0336 12.2377 10.7003C12.079 10.3591 11.6743 10.2162 11.341 10.3829L9.25394 11.3828C9.09523 11.4542 9 11.6129 9 11.7795V14.1761C9 14.549 9.30155 14.8506 9.67452 14.8506C10.0475 14.8506 10.349 14.557 10.349 14.184V13.2873L11.4521 13.8031C11.5473 13.8507 11.6425 13.8745 11.7377 13.8745C11.9917 13.8745 12.2377 13.7317 12.3488 13.4857C12.5075 13.1524 12.3646 12.7477 12.0234 12.589ZM11.4521 18.4139C11.7854 18.2552 12.1901 18.4059 12.3488 18.7392C12.5075 19.0805 12.3646 19.4852 12.0234 19.6439L10.9283 20.1597L11.9203 20.6358C12.2536 20.7945 12.3964 21.1992 12.2377 21.5325C12.1186 21.7706 11.8806 21.9134 11.6266 21.9134C11.5235 21.9134 11.4283 21.8976 11.333 21.8499L9.246 20.8501C9.09523 20.7786 9 20.6199 9 20.4533V18.0488C9 17.6759 9.30155 17.3743 9.67452 17.3743C10.0475 17.3743 10.349 17.6759 10.349 18.0488V18.9376L11.4521 18.4139Z",fill:"var(--diva-theme-palette-primary-main)"}),(0,O.jsx)("path",{d:"M18.749 24H17.6823L17.272 22.799H15.3849L14.9746 24H13.9229L15.7205 19.0769H16.9513L18.749 24ZM15.6161 22.0382H17.0408L16.3247 19.89L15.6161 22.0382Z",fill:"var(--diva-theme-palette-primary-main)"}),(0,O.jsx)("path",{d:"M21.6498 19.0769C22.2068 19.0769 22.6444 19.2112 22.9627 19.4797C23.2809 19.7482 23.44 20.1088 23.44 20.5613C23.44 21.0436 23.2809 21.4141 22.9627 21.6727C22.6444 21.9263 22.2093 22.0531 21.6573 22.0531L21.5529 22.1128H20.4937V24H19.4792V19.0769H21.6498ZM21.5305 21.3296C21.8189 21.3296 22.0327 21.2724 22.172 21.158C22.3162 21.0387 22.3883 20.8572 22.3883 20.6135C22.3883 20.3698 22.3162 20.1908 22.172 20.0764C22.0327 19.9571 21.8189 19.8974 21.5305 19.8974H20.4937V21.3296H21.5305ZM22.1347 21.5459L23.731 24H22.5748L21.2545 21.8443L22.1347 21.5459Z",fill:"var(--diva-theme-palette-primary-main)"})]}),u("configurator.ar_try_at_home")]}))}})]})]})}))},83485:(n,e,i)=>{i.d(e,{W:()=>d});var t=i(34988),r=i(87363),o=i(91214),d=function useCustomDimensions(){var n=(0,o.NP)(),e=(0,r.useState)(),i=(0,t.Z)(e,2),d=i[0],a=i[1],l=(0,r.useState)(!1),s=(0,t.Z)(l,2),c=s[0],u=s[1];return(0,r.useEffect)((function(){var e;n.divaWebPlanner.actSet()&&(null===(e=n.productState.customDimensions)||void 0===e||e.then((function(n){a(n);var e=n.reduce((function(n,e){return n[e.dimensionId]?n[e.dimensionId].includes(e.dimension)||n[e.dimensionId].push(e.dimension):n[e.dimensionId]=[e.dimension],n}),{});u(!Object.values(e).find((function(n){return n.length>1})))})))}),[n.divaWebPlanner.actSet(),n.settingsState.configChanged]),{dimensions:d,dimOnlyForOneArticle:c}}},2348:(n,e,i)=>{i.d(e,{$Q:()=>u,Bb:()=>l,Fs:()=>c,LI:()=>h,O7:()=>s,Sn:()=>m,YS:()=>a,ZP:()=>v,kr:()=>p});var t=i(8081),r=i.n(t),o=i(23645),d=i.n(o)()(r());d.push([n.id,".index-module--d2iqX {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  position: relative;\n  border: 1px solid var(--diva-theme-palette-primary-main);\n  border-radius: calc(var(--buttons-border-radius) * 2);\n  color: var(--diva-theme-palette-primary-main);\n  width: calc(100% - 32px);\n  padding: 16px;\n  margin: 12px 0px;\n}\n\n.index-module--K4_z9 {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: 8px;\n  font-size: 14px;\n}\n\n.index-module--d2iqX::before {\n  content: '';\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background-color: var(--diva-theme-palette-primary-light);\n  opacity: 0.15;\n  z-index: -1;\n  pointer-events: none;\n  border-radius: inherit;\n}\n\n.index-module--RkkoP {\n  display: flex;\n  flex-direction: row;\n  gap: 16px;\n  justify-content: space-between;\n  width: 100%;\n}\n\n.index-module--sQl1l {\n  font-weight: 600;\n}\n\n.index-module--ZF6Gz {\n  display: flex;\n  gap: 4px;\n  align-items: center;\n}\n\n.index-module--ub3Fh {\n  color: #000;\n  font-weight: 600;\n}\n\n.index-module--kL69q {\n  width: 100%;\n  height: 1px;\n  background-color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--uReTO {\n  cursor: pointer;\n  width: calc(100% - 32px);\n  height: 22px;\n  padding: 8px 16px;\n  background-color: transparent;\n  border: 1px solid var(--diva-theme-palette-primary-main);\n  border-radius: calc(var(--buttons-border-radius) * 1.5);\n  font-size: 14px;\n  font-weight: 600;\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n  align-items: center;\n  justify-content: center;\n  transition:\n    background-color 0.3s ease,\n    box-shadow 0.3s ease;\n}\n\n.index-module--uReTO:hover {\n  background-color: var(--diva-theme-palette-primary-light);\n  box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.1);\n}\n",""]);var a="index-module--d2iqX",l="index-module--K4_z9",s="index-module--RkkoP",c="index-module--sQl1l",u="index-module--ZF6Gz",m="index-module--ub3Fh",p="index-module--kL69q",h="index-module--uReTO";const v=d}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 4580.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4580],{24580:(e,s,t)=>{t.r(s),t.d(s,{default:()=>i});var l=t(65515),a=t.n(l),o=t(9420),r=(t(87363),t(35567)),n=t(47514);const i=(0,o.Pi)((function PosNr(e){var s=e.rect,t=e.item,l=e.onElement,o=e.plannerUIProps,i=e.hasTrash,c=(0,r.NP)(),p="percentage"==t.position.interpretation?s.top+"%":s.top+"px";return p=i&&s.top<4?"calc("+p+" + 35px + var(--globalSize) / 2)":"calc("+p+" + var(--globalSize) / 2)",null==t.posNr?(0,n.jsx)(n.Fragment,{}):(0,n.jsxs)("div",{ref:function ref(e){return l(e)},style:{left:"percentage"==t.position.interpretation?s.left+"%":s.left,top:p,visibility:c.productState.isBoxPlanner?"hidden":"visible"},className:a()(o.classes.buttonGeneral,o.classes.posNr.posNr,t.isDockedAccessoire?o.classes.posNr.posNrAcc:void 0,"selected"==t.elemState?o.classes.posNr.posNrSelected:void 0,"selectable"==t.elemState?o.classes.posNr.posNrSelectable:void 0,"unselectable"==t.elemState?o.classes.posNr.posNrUnSelectable:void 0,t.posNr.toString().length>1?o.classes.posNr.moreThanOneNr:void 0,t.onHover&&"unselectable"!=t.elemState?o.classes.posNr.posNrOnHover:void 0),children:[t.posNr,(0,n.jsx)("div",{onClick:function onClick(){var e;null===(e=t.clickFunction)||void 0===e||e.call(t,t.setId,Number(t.elementId))},style:{left:"0px",top:"0px",visibility:c.productState.isBoxPlanner?"hidden":"visible"},className:a()("selectable"==t.elemState?o.classes.posNr.posNrSelectableArea:void 0)})]})}))}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4580],{24580:(e,s,t)=>{t.r(s),t.d(s,{default:()=>i});var l=t(65515),a=t.n(l),o=t(9420),r=(t(87363),t(91214)),n=t(47514);const i=(0,o.Pi)((function PosNr(e){var s=e.rect,t=e.item,l=e.onElement,o=e.plannerUIProps,i=e.hasTrash,c=(0,r.NP)(),p="percentage"==t.position.interpretation?s.top+"%":s.top+"px";return p=i&&s.top<4?"calc("+p+" + 35px + var(--globalSize) / 2)":"calc("+p+" + var(--globalSize) / 2)",null==t.posNr?(0,n.jsx)(n.Fragment,{}):(0,n.jsxs)("div",{ref:function ref(e){return l(e)},style:{left:"percentage"==t.position.interpretation?s.left+"%":s.left,top:p,visibility:c.productState.isBoxPlanner?"hidden":"visible"},className:a()(o.classes.buttonGeneral,o.classes.posNr.posNr,t.isDockedAccessoire?o.classes.posNr.posNrAcc:void 0,"selected"==t.elemState?o.classes.posNr.posNrSelected:void 0,"selectable"==t.elemState?o.classes.posNr.posNrSelectable:void 0,"unselectable"==t.elemState?o.classes.posNr.posNrUnSelectable:void 0,t.posNr.toString().length>1?o.classes.posNr.moreThanOneNr:void 0,t.onHover&&"unselectable"!=t.elemState?o.classes.posNr.posNrOnHover:void 0),children:[t.posNr,(0,n.jsx)("div",{onClick:function onClick(){var e;null===(e=t.clickFunction)||void 0===e||e.call(t,t.setId,Number(t.elementId))},style:{left:"0px",top:"0px",visibility:c.productState.isBoxPlanner?"hidden":"visible"},className:a()("selectable"==t.elemState?o.classes.posNr.posNrSelectableArea:void 0)})]})}))}}]);

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,4090,4167],{74090:(e,n,i)=>{i.r(n),i.d(n,{FullscreenArHeader:()=>S,default:()=>h});var t=i(9420),o=i(87363),r=i.n(o),a=i(22182),d=i(93379),M=i.n(d),c=i(7795),l=i.n(c),u=i(90569),s=i.n(u),N=i(3565),x=i.n(N),j=i(19216),g=i.n(j),D=i(44589),I=i.n(D),T=i(22109),p={};p.styleTagTransform=I(),p.setAttributes=x(),p.insert=s().bind(null,"head"),p.domAPI=l(),p.insertStyleElement=g();M()(T.ZP,p);T.ZP&&T.ZP.locals&&T.ZP.locals;var w=i(65515),m=i.n(w),y=i(88683),A=i(47514),z=(0,y.getLogger)("Planner","WEB-PLANNER-REACT"),S=function FullscreenArHeader(){var e=(0,y.useTranslation)().t;return(0,A.jsx)("div",{className:T.Fs,children:e("configurator.ar_qr_title")})};const h=(0,t.Pi)((function FullscreenAr(e){var n=e.url,i=e.isArCompatible,t=e.broswerSupportAR,o=e.activateAR,d=e.hqRenderScript,M=e.isTablet,c=(0,y.useTranslation)().t;return 0!=i&&t?(0,A.jsx)("div",{className:m()(T.Gr,M?T.Mq:void 0),children:(0,A.jsxs)("div",{className:T.YS,children:[(0,A.jsx)("div",{className:T.aS,children:(0,A.jsx)("div",{className:T.fL,children:c("configurator.ar_qr_text")})}),(0,A.jsxs)("div",{className:T.$D,children:[(0,A.jsxs)("div",{className:T.GD,children:[(0,A.jsx)("div",{className:T.qv,children:(0,A.jsx)("img",{src:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMwMF8zMDEwMCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8zMDBfMzAxMDApIj4KPHBhdGggZD0iTTQuNTQ4MTUgMTkuNUM0LjA0MzAyIDE5LjUgMy42MTU0NSAxOS4zMjUgMy4yNjU0NSAxOC45NzVDMi45MTU0NyAxOC42MjUgMi43NDA0OCAxOC4xOTc0IDIuNzQwNDggMTcuNjkyM1Y2LjMwNzczQzIuNzQwNDggNS44MDI2IDIuOTE1NDcgNS4zNzUwMyAzLjI2NTQ1IDUuMDI1MDNDMy42MTU0NSA0LjY3NTAzIDQuMDQzMDIgNC41MDAwMyA0LjU0ODE1IDQuNTAwMDNIMTUuOTMyN0MxNi40Mzc4IDQuNTAwMDMgMTYuODY1NCA0LjY3NTAzIDE3LjIxNTQgNS4wMjUwM0MxNy41NjU0IDUuMzc1MDMgMTcuNzQwNCA1LjgwMjYgMTcuNzQwNCA2LjMwNzczVjEwLjg4NDdMMjEuMjU5NiA3LjM2NTQ2VjE2LjYzNDZMMTcuNzQwNCAxMy4xMTU0VjE3LjY5MjNDMTcuNzQwNCAxOC4xOTc0IDE3LjU2NTQgMTguNjI1IDE3LjIxNTQgMTguOTc1QzE2Ljg2NTQgMTkuMzI1IDE2LjQzNzggMTkuNSAxNS45MzI3IDE5LjVINC41NDgxNVpNNC41NDgxNSAxOEgxNS45MzI3QzE2LjAyMjUgMTggMTYuMDk2MiAxNy45NzEyIDE2LjE1MzkgMTcuOTEzNUMxNi4yMTE2IDE3Ljg1NTggMTYuMjQwNCAxNy43ODIgMTYuMjQwNCAxNy42OTIzVjYuMzA3NzNDMTYuMjQwNCA2LjIxNzk4IDE2LjIxMTYgNi4xNDQyNiAxNi4xNTM5IDYuMDg2NTZDMTYuMDk2MiA2LjAyODg2IDE2LjAyMjUgNi4wMDAwMSAxNS45MzI3IDYuMDAwMDFINC41NDgxNUM0LjQ1ODQgNi4wMDAwMSA0LjM4NDY4IDYuMDI4ODYgNC4zMjY5OCA2LjA4NjU2QzQuMjY5MjggNi4xNDQyNiA0LjI0MDQzIDYuMjE3OTggNC4yNDA0MyA2LjMwNzczVjE3LjY5MjNDNC4yNDA0MyAxNy43ODIgNC4yNjkyOCAxNy44NTU4IDQuMzI2OTggMTcuOTEzNUM0LjM4NDY4IDE3Ljk3MTIgNC40NTg0IDE4IDQuNTQ4MTUgMThaIiBmaWxsPSIjMUMxQjFGIi8+CjxwYXRoIGQ9Ik01IDExLjc1TDguOTAzODMgMTUuNjUzOUwxNS42MjY5IDguOTMwNzhMMTQuNTczIDcuODc2OTVMOC45MDM4MyAxMy41NDYyTDYuMDUzODMgMTAuNjk2Mkw1IDExLjc1WiIgZmlsbD0iIzFDMUIxRiIvPgo8L2c+Cjwvc3ZnPgo=",alt:"",className:T.W4})}),(0,A.jsxs)("div",{className:T.Ji,children:[(0,A.jsx)("div",{className:T.nx,children:c("configurator.ar_qr_step")+" 1"}),(0,A.jsx)("div",{className:T.$h,children:c("configurator.ar_qr_step1")})]})]}),(0,A.jsxs)("div",{className:T.GD,children:[(0,A.jsx)("div",{className:T.qv,children:(0,A.jsx)("img",{src:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMwMF8zMDExMCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8zMDBfMzAxMTApIj4KPHBhdGggZD0iTTEyIDIwLjk0MjJDMTEuNTk4NyAyMC45NDIyIDExLjI0MzkgMjAuODM2NSAxMC45MzU2IDIwLjYyNDlDMTAuNjI3MiAyMC40MTM0IDEwLjQxMTUgMjAuMTM1OCAxMC4yODg0IDE5Ljc5MjJIOS45OTk5N0M5LjU5MTAxIDE5Ljc5MjIgOS4yMzg3NyAxOS42NDQ1IDguOTQzMjcgMTkuMzQ5QzguNjQ3NzYgMTkuMDUzNSA4LjUgMTguNzAxMiA4LjUgMTguMjkyM1YxNS4wMTE1QzcuNDkxMDMgMTQuNCA2LjY5NzEyIDEzLjU4MDEgNi4xMTgyNyAxMi41NTE5QzUuNTM5NDIgMTEuNTIzNyA1LjI1IDEwLjQyMzEgNS4yNSA5LjI1MDAxQzUuMjUgNy4zNjc5NyA1LjkwNDQ4IDUuNzcyNDYgNy4yMTM0NSA0LjQ2MzQ4QzguNTIyNDMgMy4xNTQ1MSAxMC4xMTc5IDIuNTAwMDMgMTIgMi41MDAwM0MxMy44ODIgMi41MDAwMyAxNS40Nzc1IDMuMTU0NTEgMTYuNzg2NSA0LjQ2MzQ4QzE4LjA5NTUgNS43NzI0NiAxOC43NSA3LjM2Nzk3IDE4Ljc1IDkuMjUwMDFDMTguNzUgMTAuNDQzNiAxOC40NjA1IDExLjU0OTQgMTcuODgxNyAxMi41NjczQzE3LjMwMjggMTMuNTg1MyAxNi41MDg5IDE0LjQgMTUuNSAxNS4wMTE1VjE4LjI5MjNDMTUuNSAxOC43MDEyIDE1LjM1MjIgMTkuMDUzNSAxNS4wNTY3IDE5LjM0OUMxNC43NjEyIDE5LjY0NDUgMTQuNDA4OSAxOS43OTIyIDE0IDE5Ljc5MjJIMTMuNzExNUMxMy41ODg0IDIwLjEzNTggMTMuMzcyNyAyMC40MTM0IDEzLjA2NDQgMjAuNjI0OUMxMi43NTYxIDIwLjgzNjUgMTIuNDAxMyAyMC45NDIyIDEyIDIwLjk0MjJaTTkuOTk5OTcgMTguMjkyM0gxNFYxNy4zNTM4SDkuOTk5OTdWMTguMjkyM1pNOS45OTk5NyAxNi40NjkySDE0VjE1LjVIOS45OTk5N1YxNi40NjkyWk05Ljc5OTk3IDE0SDExLjQwMzhWMTEuMDg4NUw5LjI2MTUzIDguOTQ2MTZMMTAuMSA4LjEwNzcxTDEyIDEwLjAwNzdMMTMuOSA4LjEwNzcxTDE0LjczODQgOC45NDYxNkwxMi41OTYxIDExLjA4ODVWMTRIMTQuMkMxNS4xIDEzLjU2NjcgMTUuODMzMyAxMi45MjkyIDE2LjQgMTIuMDg3NUMxNi45NjY2IDExLjI0NTggMTcuMjUgMTAuMyAxNy4yNSA5LjI1MDAxQzE3LjI1IDcuNzgzMzQgMTYuNzQxNiA2LjU0MTY3IDE1LjcyNSA1LjUyNTAxQzE0LjcwODMgNC41MDgzNCAxMy40NjY2IDQuMDAwMDEgMTIgNC4wMDAwMUMxMC41MzMzIDQuMDAwMDEgOS4yOTE2NCA0LjUwODM0IDguMjc0OTcgNS41MjUwMUM3LjI1ODMxIDYuNTQxNjcgNi43NDk5NyA3Ljc4MzM0IDYuNzQ5OTcgOS4yNTAwMUM2Ljc0OTk3IDEwLjMgNy4wMzMzMSAxMS4yNDU4IDcuNTk5OTcgMTIuMDg3NUM4LjE2NjY0IDEyLjkyOTIgOC44OTk5NyAxMy41NjY3IDkuNzk5OTcgMTRaIiBmaWxsPSIjMUMxQjFGIi8+CjwvZz4KPC9zdmc+Cg==",alt:"",className:T.W4})}),(0,A.jsxs)("div",{className:T.Ji,children:[(0,A.jsx)("div",{className:T.nx,children:c("configurator.ar_qr_step")+" 2"}),(0,A.jsx)("div",{className:T.$h,children:c("configurator.ar_qr_step2")})]})]}),(0,A.jsxs)("div",{className:T.GD,children:[(0,A.jsx)("div",{className:T.qv,children:(0,A.jsx)("img",{src:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDE5LjY1MzhMNi4wOTYxOSAxNS43NUw3LjE2NTM5IDE0LjY4MDhMOS4yNTAwNCAxNi43NjU0VjEyLjI1SDEwLjc1VjE2Ljc1MDFMMTIuODE5MiAxNC42NjU0TDEzLjkwMzggMTUuNzVMMTAgMTkuNjUzOFpNNC4yNTAwMiAxMy45MDM4TDAuMzQ2MTkxIDEwTDQuMjM0NjQgNi4xMTE1OEw1LjMwMzg0IDcuMTgwNzhMMy4yMzQ1OSA5LjI1MDAzSDcuNzQ5OTlWMTAuNzVIMy4yNDk5N0w1LjMzNDYyIDEyLjgxOTJMNC4yNTAwMiAxMy45MDM4Wk0xNS43NSAxMy45MDM4TDE0LjY4MDggMTIuODM0NkwxNi43NjU0IDEwLjc1SDEyLjI1VjkuMjUwMDNIMTYuNzUwMUwxNC42NjU0IDcuMTgwNzhMMTUuNzUgNi4wOTYxOEwxOS42NTM4IDEwTDE1Ljc1IDEzLjkwMzhaTTkuMjUwMDQgNy43NDk5OFYzLjIzNDU4TDcuMTY1MzkgNS4zMTkyTDYuMDk2MTkgNC4yNUwxMCAwLjM0NjE3NkwxMy45MDM4IDQuMjVMMTIuODM0NiA1LjMxOTJMMTAuNzUgMy4yMzQ1OFY3Ljc0OTk4SDkuMjUwMDRaIiBmaWxsPSIjMUMxQjFGIi8+Cjwvc3ZnPgo=",alt:"",className:T.W4})}),(0,A.jsxs)("div",{className:T.Ji,children:[(0,A.jsx)("div",{className:T.nx,children:c("configurator.ar_qr_step")+" 3"}),(0,A.jsx)("div",{className:T.$h,children:c("configurator.ar_qr_step3")})]})]})]}),(0,A.jsx)("div",{className:T.Yq,children:(0,A.jsx)("div",{"aria-disabled":!o,className:m()(T.c8,o?void 0:T.JU),onClick:function onClick(){z.businessEvent("onInitARViewer","RealTimeViewer","Load AR viewer",{arMedia:n,hqRenderScript:d}),null==o||o()},children:o?c("configurator.open_ar"):(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)("div",{className:T._m}),c("arviewer.initializing")]})})}),(0,A.jsx)("div",{className:T.fL,children:c("configurator.ar_qr_bottom_text")}),n&&(0,A.jsxs)("div",{className:T.SS,children:[" ",n&&r().createElement(a.ZP,{value:n,size:220})]})]})}):(0,A.jsxs)("div",{className:T.J3,children:[(0,A.jsx)("div",{className:T.Mx,dangerouslySetInnerHTML:{__html:c("arviewer.failed")}}),(0,A.jsxs)("div",{className:T.dj,children:[" ",n&&r().createElement(a.ZP,{value:n,size:220})]})]})}))},44167:(e,n,i)=>{i.r(n),i.d(n,{default:()=>S});var t=i(80248),o=i(22182),r=i(9420),a=i(87363),d=i.n(a),M=i(88683),c=i(58292),l=i(35567),u=i(93379),s=i.n(u),N=i(7795),x=i.n(N),j=i(90569),g=i.n(j),D=i(3565),I=i.n(D),T=i(19216),p=i.n(T),w=i(44589),m=i.n(w),y=i(16033),A={};A.styleTagTransform=m(),A.setAttributes=I(),A.insert=g().bind(null,"head"),A.domAPI=x(),A.insertStyleElement=p();s()(y.ZP,A);y.ZP&&y.ZP.locals&&y.ZP.locals;var z=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const S=(0,r.Pi)((function ArQrCodeTooltip(e){var n,i=e.layerProps,t=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,T=(0,a.useRef)();return(0,a.useEffect)((function(){return r&&(null!=T&&T.current||(T.current=setTimeout((function(){return x.productState.setDoShowARQRCode(!1)}),1e3*(g+1)))),function(){null!=T&&T.current&&clearTimeout(T.current)}}),[r]),(0,a.useEffect)((function(){x.productState.doShowARQRCode?x.productState.setArCodeWasVisibleOnce():null!=T&&T.current&&clearTimeout(T.current)}),[x.productState.doShowARQRCode]),(0,z.jsxs)("div",_objectSpread(_objectSpread({},i),{},{className:y.YS,style:_objectSpread(_objectSpread({opacity:s?0:u?1:void 0},i.style),{},{zIndex:1000005}),children:[(0,z.jsx)("div",{className:y.SS,children:N&&d().createElement(o.ZP,{value:N,size:96,onClick:function onClick(){return N&&window.open(N,"_blank")}})}),(0,z.jsxs)("div",{className:y.aS,style:{fontFamily:null==D||null===(n=D.typography)||void 0===n?void 0:n.fontFamily},children:[(0,z.jsx)("div",{className:y.Fs,children:I("configurator.ar_qr_title")}),(0,z.jsx)("div",{className:y.fL,children:I("configurator.ar_qr_text")})]}),(0,z.jsx)("div",{className:y.UF,onClick:function onClick(){return x.productState.setDoShowARQRCode(!1)}}),(0,z.jsx)(c.Eh,_objectSpread({onPointerEnterCapture:void 0,onPointerLeaveCapture:void 0},t)),r&&(0,z.jsx)("div",{className:y.L3,style:{animationDuration:g+"s"}})]}))}))},24585:(e,n,i)=>{i.r(n),i.d(n,{default:()=>I});var t=i(80248),o=i(34988),r=i(72874),a=i(9420),d=i(35567),M=i(87363),c=i(58292),l=i(44167),u=i(88683),s=i(65515),N=i.n(s),x=i(74090),j=i(22182),g=i(47514),D=["Button","dontOpenModal"];function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const I=(0,a.Pi)((function ArQrCodeTooltip(e){var n=e.Button,i=e.dontOpenModal,t=(0,r.Z)(e,D),a=(0,d.NP)(),s=(0,u.useTranslation)().t,I=(0,u.useDivaCore)(),T=I.actions.openDrawerMenu,p=I.state,w=p.isMobile,m=p.dimensions.isTablet,y=(0,M.useState)(!1),A=(0,o.Z)(y,2),z=A[0],S=A[1],h=(0,M.useRef)(),f=(0,M.useState)(!1),C=(0,o.Z)(f,2),O=C[0],b=C[1],L=a.getViewConfig().arQrCodeConfig,E=w||m,Q=E&&!a.productState.allow3DComb&&!a.productState.allowRTV,v=(0,M.useState)(a.productState.arCodeWasVisibleOnce),U=(0,o.Z)(v,2),k=U[0],P=U[1],R=(k||a.productState.doShowARQRCode)&&!E&&a.isParentViewVisible&&!i,Y=(0,c.sJ)({isOpen:R,auto:!0,placement:"right-end",triggerOffset:16}),Z=Y.triggerProps,V=Y.layerProps,W=Y.renderLayer,F=Y.arrowProps,G=(0,M.useState)(),H=(0,o.Z)(G,2),_=H[0],J=H[1];(0,M.useEffect)((function(){var e;a.uiState.AllConfig.arViewerIframe||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(){b(!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:_,isArCompatible:a.productState.isArCompatible,broswerSupportAR:a.productState.browserSupportAR,activateAR:a.productState.activateAR,hqRenderScript:a.hqRenderScript,isTablet:m}),open:O})}),[O,a.productState.activateAR]),(0,M.useEffect)((function(){1==a.productState.doShowARQRCode&&a.openARObserverConnection((function(){return a.divaWebPlanner.getPlannerHandler().saveSetHQRenderScript()})).then((function(e){return J(e)}))}),[a.productState.doShowARQRCode]),(0,M.useEffect)((function(){a.productState.doShowARQRCode&&Q&&b(!0)}),[a.productState.activateAR,_]),(0,M.useEffect)((function(){if(!i){var e;if(!a.productState.arCodeWasVisibleOnce&&null!=L&&L.doAutoShow&&!E)h.current=setTimeout((function(){a.productState.setArCodeWasVisibleOnce(),S(!0),a.productState.setDoShowARQRCode(!0)}),1e3*(null!==(e=null==L?void 0:L.timeUntilAutoShow)&&void 0!==e?e:30));!a.productState.doShowARQRCode&&z&&S(!1),k!==a.productState.doShowARQRCode&&setTimeout((function(){P(a.productState.doShowARQRCode)}),200)}}),[a.productState.doShowARQRCode]);var B=function onClick(){a.productState.setDoShowARQRCode(!0);var e=a.viewPlannerHandler.getCurPlannerViewMode();Q?(a.productState.doShowRTV||"RTViewer"==e||"3DCOMB"==e||(a.setHQRenderScript(void 0),a.productState.onChangePlannerView(a.productState.allow3DComb?"3DCOMB":"RTV")),b(!0),a.productState.loadRTVForAr=!0):!E||"RTViewer"!=e&&"3DCOMB"!=e||(a.productState.loadRTVForAr=!0,b(!0))};return _&&!E&&i?(0,g.jsxs)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",width:"100%"},children:[(0,g.jsx)(j.ZP,{value:_,size:96,onClick:function onClick(){return _&&window.open(_,"_blank")}}),";"]}):n?(0,g.jsx)(n,{onClick:B}):(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)("li",_objectSpread(_objectSpread(_objectSpread({id:"ar-icon"},t),{},{className:N()(t.className),onClick:B,title:s("configurator.ar_qr_title")},Z),{},{style:{visibility:a.productState.doShowRenderImage||a.productState.doShow3DComb||a.productState.doShowRTV||a.productState.doShowAIRoom?"visible":"hidden"}})),R&&W((0,g.jsx)(l.default,{arrowProps:F,layerProps:V,autoClose:z,fadeIn:k,fadeout:!a.productState.doShowARQRCode,url:_}))]})}))},22109:(e,n,i)=>{i.d(n,{$D:()=>g,$h:()=>p,Fs:()=>x,GD:()=>D,Gr:()=>d,J3:()=>M,JU:()=>z,Ji:()=>I,Mq:()=>s,Mx:()=>c,SS:()=>S,W4:()=>m,YS:()=>u,Yq:()=>y,ZP:()=>f,_m:()=>h,aS:()=>N,c8:()=>A,dj:()=>l,fL:()=>j,nx:()=>T,qv:()=>w});var t=i(8081),o=i.n(t),r=i(23645),a=i.n(r)()(o());a.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  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.index-module--hScLj {\n  width: 50%;\n  height: 50%;\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 d="index-module--ImFgT",M="index-module--b5la4",c="index-module--rPHsB",l="index-module--pCvNx",u="index-module--rJxjD",s="index-module--wMJTl",N="index-module--D8Hh2",x="index-module--Wih2i",j="index-module--NZIwX",g="index-module--c06na",D="index-module--XQWSR",I="index-module--hsJe1",T="index-module--R08lN",p="index-module--w1zAR",w="index-module--tNtQi",m="index-module--hScLj",y="index-module--RZc1O",A="index-module--vFCfN",z="index-module--vLdW3",S="index-module--Xiew7",h="index-module--U0ivw";const f=a},16033:(e,n,i)=>{i.d(n,{Fs:()=>j,L3:()=>I,SS:()=>N,UF:()=>D,YS:()=>s,ZP:()=>T,aS:()=>x,fL:()=>g});var t=i(8081),o=i.n(t),r=i(23645),a=i.n(r),d=i(61667),M=i.n(d),c=new URL(i(55345),i.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 T=l},55345:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMzMl8xNDMiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI0Q5RDlEOSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMzMyXzE0MykiPgo8cGF0aCBkPSJNOC4yMjc0OSAxNi44MzY1TDcuMTY0MDYgMTUuNzczMUwxMC45MzcyIDEyTDcuMTY0MDYgOC4yNTE5TDguMjI3NDkgNy4xODg0OEwxMi4wMDA2IDEwLjk2MTZMMTUuNzQ4NyA3LjE4ODQ4TDE2LjgxMjEgOC4yNTE5TDEzLjAzOSAxMkwxNi44MTIxIDE1Ljc3MzFMMTUuNzQ4NyAxNi44MzY1TDEyLjAwMDYgMTMuMDYzNEw4LjIyNzQ5IDE2LjgzNjVaIiBmaWxsPSIjMUMxQjFGIi8+CjwvZz4KPC9zdmc+Cg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4585,4090,4167],{74090:(e,n,i)=>{i.r(n),i.d(n,{FullscreenArHeader:()=>S,default:()=>h});var t=i(9420),o=i(87363),r=i.n(o),a=i(22182),d=i(93379),M=i.n(d),c=i(7795),l=i.n(c),u=i(90569),s=i.n(u),N=i(3565),x=i.n(N),j=i(19216),g=i.n(j),D=i(44589),I=i.n(D),T=i(22109),p={};p.styleTagTransform=I(),p.setAttributes=x(),p.insert=s().bind(null,"head"),p.domAPI=l(),p.insertStyleElement=g();M()(T.ZP,p);T.ZP&&T.ZP.locals&&T.ZP.locals;var w=i(65515),m=i.n(w),y=i(88683),A=i(47514),z=(0,y.getLogger)("Planner","WEB-PLANNER-REACT"),S=function FullscreenArHeader(){var e=(0,y.useTranslation)().t;return(0,A.jsx)("div",{className:T.Fs,children:e("configurator.ar_qr_title")})};const h=(0,t.Pi)((function FullscreenAr(e){var n=e.url,i=e.isArCompatible,t=e.broswerSupportAR,o=e.activateAR,d=e.hqRenderScript,M=e.isTablet,c=(0,y.useTranslation)().t;return 0!=i&&t?(0,A.jsx)("div",{className:m()(T.Gr,M?T.Mq:void 0),children:(0,A.jsxs)("div",{className:T.YS,children:[(0,A.jsx)("div",{className:T.aS,children:(0,A.jsx)("div",{className:T.fL,children:c("configurator.ar_qr_text")})}),(0,A.jsxs)("div",{className:T.$D,children:[(0,A.jsxs)("div",{className:T.GD,children:[(0,A.jsx)("div",{className:T.qv,children:(0,A.jsx)("img",{src:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMwMF8zMDEwMCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8zMDBfMzAxMDApIj4KPHBhdGggZD0iTTQuNTQ4MTUgMTkuNUM0LjA0MzAyIDE5LjUgMy42MTU0NSAxOS4zMjUgMy4yNjU0NSAxOC45NzVDMi45MTU0NyAxOC42MjUgMi43NDA0OCAxOC4xOTc0IDIuNzQwNDggMTcuNjkyM1Y2LjMwNzczQzIuNzQwNDggNS44MDI2IDIuOTE1NDcgNS4zNzUwMyAzLjI2NTQ1IDUuMDI1MDNDMy42MTU0NSA0LjY3NTAzIDQuMDQzMDIgNC41MDAwMyA0LjU0ODE1IDQuNTAwMDNIMTUuOTMyN0MxNi40Mzc4IDQuNTAwMDMgMTYuODY1NCA0LjY3NTAzIDE3LjIxNTQgNS4wMjUwM0MxNy41NjU0IDUuMzc1MDMgMTcuNzQwNCA1LjgwMjYgMTcuNzQwNCA2LjMwNzczVjEwLjg4NDdMMjEuMjU5NiA3LjM2NTQ2VjE2LjYzNDZMMTcuNzQwNCAxMy4xMTU0VjE3LjY5MjNDMTcuNzQwNCAxOC4xOTc0IDE3LjU2NTQgMTguNjI1IDE3LjIxNTQgMTguOTc1QzE2Ljg2NTQgMTkuMzI1IDE2LjQzNzggMTkuNSAxNS45MzI3IDE5LjVINC41NDgxNVpNNC41NDgxNSAxOEgxNS45MzI3QzE2LjAyMjUgMTggMTYuMDk2MiAxNy45NzEyIDE2LjE1MzkgMTcuOTEzNUMxNi4yMTE2IDE3Ljg1NTggMTYuMjQwNCAxNy43ODIgMTYuMjQwNCAxNy42OTIzVjYuMzA3NzNDMTYuMjQwNCA2LjIxNzk4IDE2LjIxMTYgNi4xNDQyNiAxNi4xNTM5IDYuMDg2NTZDMTYuMDk2MiA2LjAyODg2IDE2LjAyMjUgNi4wMDAwMSAxNS45MzI3IDYuMDAwMDFINC41NDgxNUM0LjQ1ODQgNi4wMDAwMSA0LjM4NDY4IDYuMDI4ODYgNC4zMjY5OCA2LjA4NjU2QzQuMjY5MjggNi4xNDQyNiA0LjI0MDQzIDYuMjE3OTggNC4yNDA0MyA2LjMwNzczVjE3LjY5MjNDNC4yNDA0MyAxNy43ODIgNC4yNjkyOCAxNy44NTU4IDQuMzI2OTggMTcuOTEzNUM0LjM4NDY4IDE3Ljk3MTIgNC40NTg0IDE4IDQuNTQ4MTUgMThaIiBmaWxsPSIjMUMxQjFGIi8+CjxwYXRoIGQ9Ik01IDExLjc1TDguOTAzODMgMTUuNjUzOUwxNS42MjY5IDguOTMwNzhMMTQuNTczIDcuODc2OTVMOC45MDM4MyAxMy41NDYyTDYuMDUzODMgMTAuNjk2Mkw1IDExLjc1WiIgZmlsbD0iIzFDMUIxRiIvPgo8L2c+Cjwvc3ZnPgo=",alt:"",className:T.W4})}),(0,A.jsxs)("div",{className:T.Ji,children:[(0,A.jsx)("div",{className:T.nx,children:c("configurator.ar_qr_step")+" 1"}),(0,A.jsx)("div",{className:T.$h,children:c("configurator.ar_qr_step1")})]})]}),(0,A.jsxs)("div",{className:T.GD,children:[(0,A.jsx)("div",{className:T.qv,children:(0,A.jsx)("img",{src:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMwMF8zMDExMCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8zMDBfMzAxMTApIj4KPHBhdGggZD0iTTEyIDIwLjk0MjJDMTEuNTk4NyAyMC45NDIyIDExLjI0MzkgMjAuODM2NSAxMC45MzU2IDIwLjYyNDlDMTAuNjI3MiAyMC40MTM0IDEwLjQxMTUgMjAuMTM1OCAxMC4yODg0IDE5Ljc5MjJIOS45OTk5N0M5LjU5MTAxIDE5Ljc5MjIgOS4yMzg3NyAxOS42NDQ1IDguOTQzMjcgMTkuMzQ5QzguNjQ3NzYgMTkuMDUzNSA4LjUgMTguNzAxMiA4LjUgMTguMjkyM1YxNS4wMTE1QzcuNDkxMDMgMTQuNCA2LjY5NzEyIDEzLjU4MDEgNi4xMTgyNyAxMi41NTE5QzUuNTM5NDIgMTEuNTIzNyA1LjI1IDEwLjQyMzEgNS4yNSA5LjI1MDAxQzUuMjUgNy4zNjc5NyA1LjkwNDQ4IDUuNzcyNDYgNy4yMTM0NSA0LjQ2MzQ4QzguNTIyNDMgMy4xNTQ1MSAxMC4xMTc5IDIuNTAwMDMgMTIgMi41MDAwM0MxMy44ODIgMi41MDAwMyAxNS40Nzc1IDMuMTU0NTEgMTYuNzg2NSA0LjQ2MzQ4QzE4LjA5NTUgNS43NzI0NiAxOC43NSA3LjM2Nzk3IDE4Ljc1IDkuMjUwMDFDMTguNzUgMTAuNDQzNiAxOC40NjA1IDExLjU0OTQgMTcuODgxNyAxMi41NjczQzE3LjMwMjggMTMuNTg1MyAxNi41MDg5IDE0LjQgMTUuNSAxNS4wMTE1VjE4LjI5MjNDMTUuNSAxOC43MDEyIDE1LjM1MjIgMTkuMDUzNSAxNS4wNTY3IDE5LjM0OUMxNC43NjEyIDE5LjY0NDUgMTQuNDA4OSAxOS43OTIyIDE0IDE5Ljc5MjJIMTMuNzExNUMxMy41ODg0IDIwLjEzNTggMTMuMzcyNyAyMC40MTM0IDEzLjA2NDQgMjAuNjI0OUMxMi43NTYxIDIwLjgzNjUgMTIuNDAxMyAyMC45NDIyIDEyIDIwLjk0MjJaTTkuOTk5OTcgMTguMjkyM0gxNFYxNy4zNTM4SDkuOTk5OTdWMTguMjkyM1pNOS45OTk5NyAxNi40NjkySDE0VjE1LjVIOS45OTk5N1YxNi40NjkyWk05Ljc5OTk3IDE0SDExLjQwMzhWMTEuMDg4NUw5LjI2MTUzIDguOTQ2MTZMMTAuMSA4LjEwNzcxTDEyIDEwLjAwNzdMMTMuOSA4LjEwNzcxTDE0LjczODQgOC45NDYxNkwxMi41OTYxIDExLjA4ODVWMTRIMTQuMkMxNS4xIDEzLjU2NjcgMTUuODMzMyAxMi45MjkyIDE2LjQgMTIuMDg3NUMxNi45NjY2IDExLjI0NTggMTcuMjUgMTAuMyAxNy4yNSA5LjI1MDAxQzE3LjI1IDcuNzgzMzQgMTYuNzQxNiA2LjU0MTY3IDE1LjcyNSA1LjUyNTAxQzE0LjcwODMgNC41MDgzNCAxMy40NjY2IDQuMDAwMDEgMTIgNC4wMDAwMUMxMC41MzMzIDQuMDAwMDEgOS4yOTE2NCA0LjUwODM0IDguMjc0OTcgNS41MjUwMUM3LjI1ODMxIDYuNTQxNjcgNi43NDk5NyA3Ljc4MzM0IDYuNzQ5OTcgOS4yNTAwMUM2Ljc0OTk3IDEwLjMgNy4wMzMzMSAxMS4yNDU4IDcuNTk5OTcgMTIuMDg3NUM4LjE2NjY0IDEyLjkyOTIgOC44OTk5NyAxMy41NjY3IDkuNzk5OTcgMTRaIiBmaWxsPSIjMUMxQjFGIi8+CjwvZz4KPC9zdmc+Cg==",alt:"",className:T.W4})}),(0,A.jsxs)("div",{className:T.Ji,children:[(0,A.jsx)("div",{className:T.nx,children:c("configurator.ar_qr_step")+" 2"}),(0,A.jsx)("div",{className:T.$h,children:c("configurator.ar_qr_step2")})]})]}),(0,A.jsxs)("div",{className:T.GD,children:[(0,A.jsx)("div",{className:T.qv,children:(0,A.jsx)("img",{src:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDE5LjY1MzhMNi4wOTYxOSAxNS43NUw3LjE2NTM5IDE0LjY4MDhMOS4yNTAwNCAxNi43NjU0VjEyLjI1SDEwLjc1VjE2Ljc1MDFMMTIuODE5MiAxNC42NjU0TDEzLjkwMzggMTUuNzVMMTAgMTkuNjUzOFpNNC4yNTAwMiAxMy45MDM4TDAuMzQ2MTkxIDEwTDQuMjM0NjQgNi4xMTE1OEw1LjMwMzg0IDcuMTgwNzhMMy4yMzQ1OSA5LjI1MDAzSDcuNzQ5OTlWMTAuNzVIMy4yNDk5N0w1LjMzNDYyIDEyLjgxOTJMNC4yNTAwMiAxMy45MDM4Wk0xNS43NSAxMy45MDM4TDE0LjY4MDggMTIuODM0NkwxNi43NjU0IDEwLjc1SDEyLjI1VjkuMjUwMDNIMTYuNzUwMUwxNC42NjU0IDcuMTgwNzhMMTUuNzUgNi4wOTYxOEwxOS42NTM4IDEwTDE1Ljc1IDEzLjkwMzhaTTkuMjUwMDQgNy43NDk5OFYzLjIzNDU4TDcuMTY1MzkgNS4zMTkyTDYuMDk2MTkgNC4yNUwxMCAwLjM0NjE3NkwxMy45MDM4IDQuMjVMMTIuODM0NiA1LjMxOTJMMTAuNzUgMy4yMzQ1OFY3Ljc0OTk4SDkuMjUwMDRaIiBmaWxsPSIjMUMxQjFGIi8+Cjwvc3ZnPgo=",alt:"",className:T.W4})}),(0,A.jsxs)("div",{className:T.Ji,children:[(0,A.jsx)("div",{className:T.nx,children:c("configurator.ar_qr_step")+" 3"}),(0,A.jsx)("div",{className:T.$h,children:c("configurator.ar_qr_step3")})]})]})]}),(0,A.jsx)("div",{className:T.Yq,children:(0,A.jsx)("div",{"aria-disabled":!o,className:m()(T.c8,o?void 0:T.JU),onClick:function onClick(){z.businessEvent("onInitARViewer","RealTimeViewer","Load AR viewer",{arMedia:n,hqRenderScript:d}),null==o||o()},children:o?c("configurator.open_ar"):(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)("div",{className:T._m}),c("arviewer.initializing")]})})}),(0,A.jsx)("div",{className:T.fL,children:c("configurator.ar_qr_bottom_text")}),n&&(0,A.jsxs)("div",{className:T.SS,children:[" ",n&&r().createElement(a.ZP,{value:n,size:220})]})]})}):(0,A.jsxs)("div",{className:T.J3,children:[(0,A.jsx)("div",{className:T.Mx,dangerouslySetInnerHTML:{__html:c("arviewer.failed")}}),(0,A.jsxs)("div",{className:T.dj,children:[" ",n&&r().createElement(a.ZP,{value:n,size:220})]})]})}))},44167:(e,n,i)=>{i.r(n),i.d(n,{default:()=>S});var t=i(80248),o=i(22182),r=i(9420),a=i(87363),d=i.n(a),M=i(88683),c=i(58292),l=i(91214),u=i(93379),s=i.n(u),N=i(7795),x=i.n(N),j=i(90569),g=i.n(j),D=i(3565),I=i.n(D),T=i(19216),p=i.n(T),w=i(44589),m=i.n(w),y=i(16033),A={};A.styleTagTransform=m(),A.setAttributes=I(),A.insert=g().bind(null,"head"),A.domAPI=x(),A.insertStyleElement=p();s()(y.ZP,A);y.ZP&&y.ZP.locals&&y.ZP.locals;var z=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const S=(0,r.Pi)((function ArQrCodeTooltip(e){var n,i=e.layerProps,t=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,T=(0,a.useRef)();return(0,a.useEffect)((function(){return r&&(null!=T&&T.current||(T.current=setTimeout((function(){return x.productState.setDoShowARQRCode(!1)}),1e3*(g+1)))),function(){null!=T&&T.current&&clearTimeout(T.current)}}),[r]),(0,a.useEffect)((function(){x.productState.doShowARQRCode?x.productState.setArCodeWasVisibleOnce():null!=T&&T.current&&clearTimeout(T.current)}),[x.productState.doShowARQRCode]),(0,z.jsxs)("div",_objectSpread(_objectSpread({},i),{},{className:y.YS,style:_objectSpread(_objectSpread({opacity:s?0:u?1:void 0},i.style),{},{zIndex:1000005}),children:[(0,z.jsx)("div",{className:y.SS,children:N&&d().createElement(o.ZP,{value:N,size:96,onClick:function onClick(){return N&&window.open(N,"_blank")}})}),(0,z.jsxs)("div",{className:y.aS,style:{fontFamily:null==D||null===(n=D.typography)||void 0===n?void 0:n.fontFamily},children:[(0,z.jsx)("div",{className:y.Fs,children:I("configurator.ar_qr_title")}),(0,z.jsx)("div",{className:y.fL,children:I("configurator.ar_qr_text")})]}),(0,z.jsx)("div",{className:y.UF,onClick:function onClick(){return x.productState.setDoShowARQRCode(!1)}}),(0,z.jsx)(c.Eh,_objectSpread({onPointerEnterCapture:void 0,onPointerLeaveCapture:void 0},t)),r&&(0,z.jsx)("div",{className:y.L3,style:{animationDuration:g+"s"}})]}))}))},24585:(e,n,i)=>{i.r(n),i.d(n,{default:()=>I});var t=i(80248),o=i(34988),r=i(72874),a=i(9420),d=i(91214),M=i(87363),c=i(58292),l=i(44167),u=i(88683),s=i(65515),N=i.n(s),x=i(74090),j=i(22182),g=i(47514),D=["Button","dontOpenModal"];function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const I=(0,a.Pi)((function ArQrCodeTooltip(e){var n=e.Button,i=e.dontOpenModal,t=(0,r.Z)(e,D),a=(0,d.NP)(),s=(0,u.useTranslation)().t,I=(0,u.useDivaCore)(),T=I.actions.openDrawerMenu,p=I.state,w=p.isMobile,m=p.dimensions.isTablet,y=(0,M.useState)(!1),A=(0,o.Z)(y,2),z=A[0],S=A[1],h=(0,M.useRef)(),f=(0,M.useState)(!1),C=(0,o.Z)(f,2),O=C[0],b=C[1],L=a.getViewConfig().arQrCodeConfig,E=w||m,Q=E&&!a.productState.allow3DComb&&!a.productState.allowRTV,v=(0,M.useState)(a.productState.arCodeWasVisibleOnce),U=(0,o.Z)(v,2),k=U[0],P=U[1],R=(k||a.productState.doShowARQRCode)&&!E&&a.isParentViewVisible&&!i,Y=(0,c.sJ)({isOpen:R,auto:!0,placement:"right-end",triggerOffset:16}),Z=Y.triggerProps,V=Y.layerProps,W=Y.renderLayer,F=Y.arrowProps,G=(0,M.useState)(),H=(0,o.Z)(G,2),_=H[0],J=H[1];(0,M.useEffect)((function(){var e;a.uiState.AllConfig.arViewerIframe||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(){b(!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:_,isArCompatible:a.productState.isArCompatible,broswerSupportAR:a.productState.browserSupportAR,activateAR:a.productState.activateAR,hqRenderScript:a.hqRenderScript,isTablet:m}),open:O})}),[O,a.productState.activateAR]),(0,M.useEffect)((function(){1==a.productState.doShowARQRCode&&a.openARObserverConnection((function(){return a.divaWebPlanner.getPlannerHandler().saveSetHQRenderScript()})).then((function(e){return J(e)}))}),[a.productState.doShowARQRCode]),(0,M.useEffect)((function(){a.productState.doShowARQRCode&&Q&&b(!0)}),[a.productState.activateAR,_]),(0,M.useEffect)((function(){if(!i){var e;if(!a.productState.arCodeWasVisibleOnce&&null!=L&&L.doAutoShow&&!E)h.current=setTimeout((function(){a.productState.setArCodeWasVisibleOnce(),S(!0),a.productState.setDoShowARQRCode(!0)}),1e3*(null!==(e=null==L?void 0:L.timeUntilAutoShow)&&void 0!==e?e:30));!a.productState.doShowARQRCode&&z&&S(!1),k!==a.productState.doShowARQRCode&&setTimeout((function(){P(a.productState.doShowARQRCode)}),200)}}),[a.productState.doShowARQRCode]);var B=function onClick(){a.productState.setDoShowARQRCode(!0);var e=a.viewPlannerHandler.getCurPlannerViewMode();Q?(a.productState.doShowRTV||"RTViewer"==e||"3DCOMB"==e||(a.setHQRenderScript(void 0),a.productState.onChangePlannerView(a.productState.allow3DComb?"3DCOMB":"RTV")),b(!0),a.productState.loadRTVForAr=!0):!E||"RTViewer"!=e&&"3DCOMB"!=e||(a.productState.loadRTVForAr=!0,b(!0))};return _&&!E&&i?(0,g.jsxs)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",width:"100%"},children:[(0,g.jsx)(j.ZP,{value:_,size:96,onClick:function onClick(){return _&&window.open(_,"_blank")}}),";"]}):n?(0,g.jsx)(n,{onClick:B}):(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)("li",_objectSpread(_objectSpread(_objectSpread({id:"ar-icon"},t),{},{className:N()(t.className),onClick:B,title:s("configurator.ar_qr_title")},Z),{},{style:{visibility:a.productState.doShowRenderImage||a.productState.doShow3DComb||a.productState.doShowRTV||a.productState.doShowAIRoom?"visible":"hidden"}})),R&&W((0,g.jsx)(l.default,{arrowProps:F,layerProps:V,autoClose:z,fadeIn:k,fadeout:!a.productState.doShowARQRCode,url:_}))]})}))},22109:(e,n,i)=>{i.d(n,{$D:()=>g,$h:()=>p,Fs:()=>x,GD:()=>D,Gr:()=>d,J3:()=>M,JU:()=>z,Ji:()=>I,Mq:()=>s,Mx:()=>c,SS:()=>S,W4:()=>m,YS:()=>u,Yq:()=>y,ZP:()=>f,_m:()=>h,aS:()=>N,c8:()=>A,dj:()=>l,fL:()=>j,nx:()=>T,qv:()=>w});var t=i(8081),o=i.n(t),r=i(23645),a=i.n(r)()(o());a.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  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.index-module--hScLj {\n  width: 50%;\n  height: 50%;\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 d="index-module--ImFgT",M="index-module--b5la4",c="index-module--rPHsB",l="index-module--pCvNx",u="index-module--rJxjD",s="index-module--wMJTl",N="index-module--D8Hh2",x="index-module--Wih2i",j="index-module--NZIwX",g="index-module--c06na",D="index-module--XQWSR",I="index-module--hsJe1",T="index-module--R08lN",p="index-module--w1zAR",w="index-module--tNtQi",m="index-module--hScLj",y="index-module--RZc1O",A="index-module--vFCfN",z="index-module--vLdW3",S="index-module--Xiew7",h="index-module--U0ivw";const f=a},16033:(e,n,i)=>{i.d(n,{Fs:()=>j,L3:()=>I,SS:()=>N,UF:()=>D,YS:()=>s,ZP:()=>T,aS:()=>x,fL:()=>g});var t=i(8081),o=i.n(t),r=i(23645),a=i.n(r),d=i(61667),M=i.n(d),c=new URL(i(55345),i.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 T=l},55345:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMzMl8xNDMiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI0Q5RDlEOSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMzMyXzE0MykiPgo8cGF0aCBkPSJNOC4yMjc0OSAxNi44MzY1TDcuMTY0MDYgMTUuNzczMUwxMC45MzcyIDEyTDcuMTY0MDYgOC4yNTE5TDguMjI3NDkgNy4xODg0OEwxMi4wMDA2IDEwLjk2MTZMMTUuNzQ4NyA3LjE4ODQ4TDE2LjgxMjEgOC4yNTE5TDEzLjAzOSAxMkwxNi44MTIxIDE1Ljc3MzFMMTUuNzQ4NyAxNi44MzY1TDEyLjAwMDYgMTMuMDYzNEw4LjIyNzQ5IDE2LjgzNjVaIiBmaWxsPSIjMUMxQjFGIi8+CjwvZz4KPC9zdmc+Cg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 4606.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4606],{34606:(e,n,t)=>{t.r(n),t.d(n,{default:()=>N});var r=t(84658),i=t(80248),o=t(34988),a=t(50747),d=t.n(a),l=t(87363),s=t(65515),c=t.n(s),u=t(93379),p=t.n(u),x=t(7795),m=t.n(x),f=t(90569),h=t.n(f),g=t(3565),b=t.n(g),v=t(19216),y=t.n(v),w=t(44589),j=t.n(w),O=t(18135),k={};k.styleTagTransform=j(),k.setAttributes=b(),k.insert=h().bind(null,"head"),k.domAPI=m(),k.insertStyleElement=y();p()(O.ZP,k);O.ZP&&O.ZP.locals&&O.ZP.locals;var D=t(35567),P=t(9420),_=t(74133),C=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}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 N=(0,P.Pi)((function TextBox(e){var n,t,a=e.item,s=e.paletteId,u=e.style,p=(0,D.NP)(),x=(0,l.useRef)(null),m=a.groups[0].items,f=(0,l.useState)(m[0].freeTextLang),h=(0,o.Z)(f,2),g=h[0],b=h[1],v=function(){var e=(0,r.Z)(d().mark((function _callee(e,n){return d().wrap((function _callee$(t){for(;;)switch(t.prev=t.next){case 0:p.paletteViewHandler.onFreeTextLangChanged(e,n,m[0],s);case 1:case"end":return t.stop()}}),_callee)})));return function updateLangLogic(n,t){return e.apply(this,arguments)}}(),y=null!==(n=p.getViewConfig().languagesForInput)&&void 0!==n?n:[];return(0,C.jsxs)("div",{className:O.O7,ref:function ref(e){return a.htmlRef=e},style:u,children:[(0,C.jsx)("div",{className:c()(O.eR,O.TN,O.t$),children:(0,C.jsx)(_.default,{item:a,isInScroller:!0,isSettingsHeader:!1})}),(0,C.jsx)("div",{className:c()(O.eR,O.F2),children:y.length?(0,C.jsx)(C.Fragment,{children:y.map((function(e){return(0,C.jsxs)("div",{className:O.t,children:[(0,C.jsx)("div",{className:O.kA,children:e}),(0,C.jsx)("input",{className:O.q_,onChange:function onChange(n){return function handleLangTextChange(e,n){x.current&&clearTimeout(x.current),x.current=setTimeout((function(){return v(e,n)}),500),b(_objectSpread(_objectSpread({},g),{},(0,i.Z)({},e,n)))}(e,n.target.value)},type:"text",value:null==g?void 0:g[e]})]},e)}))}):(0,C.jsx)("div",{children:(0,C.jsx)("input",{className:O.q_,onChange:function handleChange(e){m[0]&&(m[0].freeText=e.target.value,p.paletteViewHandler.clickedOnConfigPalette(m[0],"inputbox",s))},type:"text",value:null!==(t=m[0])&&void 0!==t&&t.freeText?m[0].freeText:""})})})]})}))},18135:(e,n,t)=>{t.d(n,{F2:()=>u,O7:()=>l,TN:()=>s,ZP:()=>f,eR:()=>p,kA:()=>m,q_:()=>d,t:()=>x,t$:()=>c});var r=t(8081),i=t.n(r),o=t(23645),a=t.n(o)()(i());a.push([e.id,".index-module--DhmpB {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  width: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n}\n\n.index-module--DhmpB:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n.index-module--DhmpB:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--BRYpa {\n  width: 100%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--DhmpB,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--DhmpB {\n  background-color: #374c86;\n  color: #fff;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--BRYpa,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--BRYpa {\n  background-color: #2c3c6b;\n  border-color: rgba(255, 255, 255, 0.2);\n  color: #fff;\n}\n\n.index-module--VyzqQ {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n}\n\n.index-module--KQkM7 {\n  display: flex;\n}\n.index-module--bKCuD {\n  width: 40%;\n}\n.index-module--FSuK_ {\n  width: 60%;\n}\n\n.index-module--pc3yf {\n  margin: 8px;\n  white-space: nowrap;\n}\n\n.index-module--laiEH {\n  display: flex;\n}\n.index-module--HL0mI {\n  width: 50px;\n  line-height: 60px;\n}\n",""]);var d="index-module--BRYpa",l="index-module--VyzqQ",s="index-module--KQkM7",c="index-module--bKCuD",u="index-module--FSuK_",p="index-module--pc3yf",x="index-module--laiEH",m="index-module--HL0mI";const f=a}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4606],{34606:(e,n,t)=>{t.r(n),t.d(n,{default:()=>N});var r=t(84658),i=t(80248),o=t(34988),a=t(50747),d=t.n(a),l=t(87363),s=t(65515),c=t.n(s),u=t(93379),p=t.n(u),x=t(7795),m=t.n(x),f=t(90569),h=t.n(f),g=t(3565),b=t.n(g),v=t(19216),y=t.n(v),w=t(44589),j=t.n(w),O=t(18135),k={};k.styleTagTransform=j(),k.setAttributes=b(),k.insert=h().bind(null,"head"),k.domAPI=m(),k.insertStyleElement=y();p()(O.ZP,k);O.ZP&&O.ZP.locals&&O.ZP.locals;var D=t(91214),P=t(9420),_=t(74133),C=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}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 N=(0,P.Pi)((function TextBox(e){var n,t,a=e.item,s=e.paletteId,u=e.style,p=(0,D.NP)(),x=(0,l.useRef)(null),m=a.groups[0].items,f=(0,l.useState)(m[0].freeTextLang),h=(0,o.Z)(f,2),g=h[0],b=h[1],v=function(){var e=(0,r.Z)(d().mark((function _callee(e,n){return d().wrap((function _callee$(t){for(;;)switch(t.prev=t.next){case 0:p.paletteViewHandler.onFreeTextLangChanged(e,n,m[0],s);case 1:case"end":return t.stop()}}),_callee)})));return function updateLangLogic(n,t){return e.apply(this,arguments)}}(),y=null!==(n=p.getViewConfig().languagesForInput)&&void 0!==n?n:[];return(0,C.jsxs)("div",{className:O.O7,ref:function ref(e){return a.htmlRef=e},style:u,children:[(0,C.jsx)("div",{className:c()(O.eR,O.TN,O.t$),children:(0,C.jsx)(_.default,{item:a,isInScroller:!0,isSettingsHeader:!1})}),(0,C.jsx)("div",{className:c()(O.eR,O.F2),children:y.length?(0,C.jsx)(C.Fragment,{children:y.map((function(e){return(0,C.jsxs)("div",{className:O.t,children:[(0,C.jsx)("div",{className:O.kA,children:e}),(0,C.jsx)("input",{className:O.q_,onChange:function onChange(n){return function handleLangTextChange(e,n){x.current&&clearTimeout(x.current),x.current=setTimeout((function(){return v(e,n)}),500),b(_objectSpread(_objectSpread({},g),{},(0,i.Z)({},e,n)))}(e,n.target.value)},type:"text",value:null==g?void 0:g[e]})]},e)}))}):(0,C.jsx)("div",{children:(0,C.jsx)("input",{className:O.q_,onChange:function handleChange(e){m[0]&&(m[0].freeText=e.target.value,p.paletteViewHandler.clickedOnConfigPalette(m[0],"inputbox",s))},type:"text",value:null!==(t=m[0])&&void 0!==t&&t.freeText?m[0].freeText:""})})})]})}))},18135:(e,n,t)=>{t.d(n,{F2:()=>u,O7:()=>l,TN:()=>s,ZP:()=>f,eR:()=>p,kA:()=>m,q_:()=>d,t:()=>x,t$:()=>c});var r=t(8081),i=t.n(r),o=t(23645),a=t.n(o)()(i());a.push([e.id,".index-module--DhmpB {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  width: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n}\n\n.index-module--DhmpB:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n.index-module--DhmpB:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--BRYpa {\n  width: 100%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--DhmpB,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--DhmpB {\n  background-color: #374c86;\n  color: #fff;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--BRYpa,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--BRYpa {\n  background-color: #2c3c6b;\n  border-color: rgba(255, 255, 255, 0.2);\n  color: #fff;\n}\n\n.index-module--VyzqQ {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n}\n\n.index-module--KQkM7 {\n  display: flex;\n}\n.index-module--bKCuD {\n  width: 40%;\n}\n.index-module--FSuK_ {\n  width: 60%;\n}\n\n.index-module--pc3yf {\n  margin: 8px;\n  white-space: nowrap;\n}\n\n.index-module--laiEH {\n  display: flex;\n}\n.index-module--HL0mI {\n  width: 50px;\n  line-height: 60px;\n}\n",""]);var d="index-module--BRYpa",l="index-module--VyzqQ",s="index-module--KQkM7",c="index-module--bKCuD",u="index-module--FSuK_",p="index-module--pc3yf",x="index-module--laiEH",m="index-module--HL0mI";const f=a}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 4642.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4642],{4642:(n,t,e)=>{e.r(t),e.d(t,{default:()=>k});var a=e(93379),s=e.n(a),i=e(7795),o=e.n(i),l=e(90569),r=e.n(l),c=e(3565),u=e.n(c),d=e(19216),p=e.n(d),m=e(44589),y=e.n(m),f=e(87759),h={};h.styleTagTransform=y(),h.setAttributes=u(),h.insert=r().bind(null,"head"),h.domAPI=o(),h.insertStyleElement=p();s()(f.Z,h);f.Z&&f.Z.locals&&f.Z.locals;var b=e(35567),g=e(88683),v=e(9420),x=(e(87363),e(47514));const k=(0,v.Pi)((function DontReopenAutomatically(n){var t=(0,g.useTranslation)().t,e=(0,b.NP)();return(0,x.jsxs)("div",{className:f.Y,onClick:function onClick(){return e.settingsState.setDontReopenAutomatically(!e.settingsState.dontReopenAutomatically)},children:[(0,x.jsx)("div",{children:t("configurator.dontReopenAutomatically")}),(0,x.jsx)("input",{type:"checkbox",checked:e.settingsState.dontReopenAutomatically})]})}))},87759:(n,t,e)=>{e.d(t,{Y:()=>l,Z:()=>r});var a=e(8081),s=e.n(a),i=e(23645),o=e.n(i)()(s());o.push([n.id,".index-module--I1B9F {\n  position: absolute;\n  bottom: 0;\n  right: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 12px;\n  cursor: pointer;\n}\n",""]);var l="index-module--I1B9F";const r=o}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4642],{4642:(n,t,e)=>{e.r(t),e.d(t,{default:()=>k});var a=e(93379),s=e.n(a),i=e(7795),o=e.n(i),l=e(90569),r=e.n(l),c=e(3565),u=e.n(c),d=e(19216),p=e.n(d),m=e(44589),y=e.n(m),f=e(87759),h={};h.styleTagTransform=y(),h.setAttributes=u(),h.insert=r().bind(null,"head"),h.domAPI=o(),h.insertStyleElement=p();s()(f.Z,h);f.Z&&f.Z.locals&&f.Z.locals;var b=e(91214),g=e(88683),v=e(9420),x=(e(87363),e(47514));const k=(0,v.Pi)((function DontReopenAutomatically(n){var t=(0,g.useTranslation)().t,e=(0,b.NP)();return(0,x.jsxs)("div",{className:f.Y,onClick:function onClick(){return e.settingsState.setDontReopenAutomatically(!e.settingsState.dontReopenAutomatically)},children:[(0,x.jsx)("div",{children:t("configurator.dontReopenAutomatically")}),(0,x.jsx)("input",{type:"checkbox",checked:e.settingsState.dontReopenAutomatically})]})}))},87759:(n,t,e)=>{e.d(t,{Y:()=>l,Z:()=>r});var a=e(8081),s=e.n(a),i=e(23645),o=e.n(i)()(s());o.push([n.id,".index-module--I1B9F {\n  position: absolute;\n  bottom: 0;\n  right: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 12px;\n  cursor: pointer;\n}\n",""]);var l="index-module--I1B9F";const r=o}}]);