npm - @crystaldesign/diva-web-planner-react - Versions diffs - 26.3.0-beta.32 → 26.3.0-beta.34 - Mend

@crystaldesign/diva-web-planner-react 26.3.0-beta.32 → 26.3.0-beta.34

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (487) hide show

package/build/umd/2958.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 2958.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2958],{82958:(n,e,i)=>{i.r(e),i.d(e,{default:()=>w});var o=i(34988),d=i(87363),a=i(9420),t=i(65515),r=i.n(t),l=i(88683),s=i(93379),c=i.n(s),u=i(7795),m=i.n(u),x=i(90569),I=i.n(x),g=i(3565),p=i.n(g),b=i(19216),M=i.n(b),y=i(44589),j=i.n(y),v=i(98759),D={};D.styleTagTransform=j(),D.setAttributes=p(),D.insert=I().bind(null,"head"),D.domAPI=m(),D.insertStyleElement=M();c()(v.ZP,D);v.ZP&&v.ZP.locals&&v.ZP.locals;var N=i(57984),C=i(63762),L=i(47514);const w=(0,a.Pi)((function UploadItem(n){var e=n.item,i=(0,l.useTranslation)().t,a=(0,C.NP)(),t=function useImageUpload(){var n=(0,d.useState)(""),e=(0,o.Z)(n,2),i=e[0],a=e[1],t=(0,d.useState)(!1),r=(0,o.Z)(t,2),l=r[0],s=r[1],c=(0,d.useState)(!1),u=(0,o.Z)(c,2),m=u[0],x=u[1],I=(0,d.useRef)(null);(0,d.useEffect)((function(){navigator.mediaDevices&&navigator.mediaDevices.getUserMedia&&navigator.mediaDevices.getUserMedia({video:!0}).then((function(){return x(!0)})).catch((function(){return x(!1)}))}),[]);var g=(0,d.useCallback)((function(n){if(n&&n.type.startsWith("image/")){var e=new FileReader;e.onload=function(n){var e,i=null===(e=n.target)||void 0===e?void 0:e.result;a(i)},e.readAsDataURL(n)}}),[]),p=(0,d.useCallback)((function(n){var e,i=null===(e=n.target.files)||void 0===e?void 0:e[0];i&&g(i)}),[g]),b=(0,d.useCallback)((function(){var n=document.createElement("input");n.type="file",n.accept="image/*",n.capture="environment",n.onchange=function(n){var e,i=null===(e=n.target.files)||void 0===e?void 0:e[0];i&&g(i)},n.click()}),[g]),M=(0,d.useCallback)((function(){var n;null===(n=I.current)||void 0===n||n.click()}),[]),y=(0,d.useCallback)((function(n){n.preventDefault(),s(!0)}),[]),j=(0,d.useCallback)((function(n){n.preventDefault(),s(!1)}),[]),v=(0,d.useCallback)((function(n){n.preventDefault(),s(!1);var e=Array.from(n.dataTransfer.files).find((function(n){return n.type.startsWith("image/")}));e&&g(e)}),[g]),D=(0,d.useCallback)((function(){a(""),I.current&&(I.current.value="")}),[]);return{imageBase64:i,isDragOver:l,hasCamera:m,fileInputRef:I,processFile:g,handleFileSelect:p,handleCameraCapture:b,handleFileUpload:M,handleDragOver:y,handleDragLeave:j,handleDrop:v,clearImage:D}}(),s=t.imageBase64,c=t.isDragOver,u=t.hasCamera,m=t.fileInputRef,x=t.handleFileSelect,I=t.handleCameraCapture,g=t.handleFileUpload,p=(0,d.useState)(void 0),b=(0,o.Z)(p,2),M=b[0],y=b[1],j=void 0!==a.aiState.aiGeneratedRooms[e.key],D=M;return(0,L.jsxs)("div",{className:r()(v.ic,v.cw,c?v.SB:void 0,e.selected?v.pA:void 0,j?v.ow:v.Sc,D?v.V_:void 0),onClick:function handleClick(n){var i;if(!e.selected)return null===(i=e.onClick)||void 0===i||i.call(e),void n.stopPropagation();g()},children:[(0,L.jsxs)("div",{children:[(0,L.jsx)("input",{type:"file",accept:"image/*",capture:"environment",style:{display:"none"},id:"cameraInput"}),(0,L.jsx)("label",{htmlFor:"cameraInput",children:(0,L.jsx)("button",{children:"Take Photo"})}),(0,L.jsx)("input",{type:"file",accept:"image/*",style:{display:"none"},id:"galleryInput"}),(0,L.jsx)("label",{htmlFor:"galleryInput",children:(0,L.jsx)("button",{children:"Choose from Gallery"})})]}),(0,L.jsx)("input",{ref:m,type:"file",accept:"image/*",onChange:x,style:{display:"none"}}),(0,L.jsxs)("div",{className:v.YS,children:[s?(0,L.jsx)("img",{src:s,alt:"Uploaded"}):(0,L.jsxs)("div",{className:v.am,children:[(0,L.jsx)("div",{className:v.P8}),(0,L.jsx)("div",{className:v.n2,children:"or click to browse"})]}),(0,L.jsx)("div",{className:v.TN,children:s?"Image uploaded":"Upload Image"})]}),(0,L.jsxs)("button",{className:r()(v.LI),onClick:function onButtonClick(n){if(n.stopPropagation(),s){var i=a.aiState.setHash;y(a.aiState.generateAiImageWithReferenceImages(e.key,i,s))}},children:[(0,L.jsx)("div",{className:r()(D?N.VC:N.re)}),i(D?"configurator.roomRendering.generating":"configurator.roomRendering.generate")]}),!s&&(0,L.jsxs)("div",{className:r()(v.LI,v.Sc),children:[(0,L.jsx)("div",{className:v.P8}),i("configurator.roomRendering.upload")]}),u&&!s&&(0,L.jsxs)("div",{className:r()(v.LI,v.Sc),onClick:function onClick(n){n.stopPropagation(),I()},style:{bottom:"50px"},children:[(0,L.jsx)("div",{className:v.ny}),i("configurator.roomRendering.camera")]})]})}))},98759:(n,e,i)=>{i.d(e,{LI:()=>v,P8:()=>L,SB:()=>N,Sc:()=>y,TN:()=>M,V_:()=>j,YS:()=>b,ZP:()=>S,am:()=>C,cw:()=>D,ic:()=>I,n2:()=>A,ny:()=>w,ow:()=>g,pA:()=>p});var o=i(8081),d=i.n(o),a=i(23645),t=i.n(a),r=i(61667),l=i.n(r),s=new URL(i(1683),i.b),c=new URL(i(44246),i.b),u=t()(d()),m=l()(s),x=l()(c);u.push([n.id,"/* Import base styles from parent UploadItem */\n.index-module--CjexR {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  border-radius: 12px;\n  transition:\n    border-color 0.3s ease,\n    box-shadow 0.3s ease;\n  position: relative;\n  overflow: hidden;\n  cursor: pointer;\n  border: 1px solid transparent;\n}\n\n.index-module--CjexR.index-module--dmnYc:not(.index-module--kk96W) {\n  box-shadow: var(--boxShadowHover);\n  border: 1px solid var(--primaryColor);\n}\n\n.index-module--caWbN {\n  border-radius: 11px;\n  display: flex;\n  transition: border-color 0.3s ease;\n  border: 3px solid transparent;\n  align-items: center;\n  justify-content: center;\n  width: calc(100% - 6px);\n  --infoIconSize: 24px;\n  max-height: 86px;\n  overflow: hidden;\n  position: relative;\n}\n\n.index-module--kk96W .index-module--caWbN {\n  border: 3px solid var(--primaryColor);\n}\n\n.index-module--dmnYc .index-module--RGxlL {\n  background: linear-gradient(rgba(0, 0, 0, 0.2), transparent);\n}\n\n.index-module--CjexR img {\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n  -o-object-position: center;\n     object-position: center;\n  border-radius: 8px;\n  min-width: 100%;\n  aspect-ratio: 3 / 2;\n}\n\n.index-module--SmlTZ {\n  font-size: 14px;\n  font-weight: 600;\n  color: white;\n  position: absolute;\n  bottom: 5px;\n  transition: bottom 0.3s ease;\n  text-align: center;\n}\n\n.mobile .index-module--SmlTZ {\n  font-size: 12px;\n  bottom: 4px;\n}\n\n.index-module--kk96W.index-module--BGmnC .index-module--SmlTZ,\n.index-module--EVc0s .index-module--SmlTZ {\n  bottom: 40px;\n}\n\n.index-module--sgKcY {\n  background-color: var(--diva-theme-palette-primary-main);\n  color: var(--diva-theme-palette-primary-contrast-text);\n  border: none;\n  border-radius: 8px;\n  padding: 8px 12px;\n  font-size: 12px;\n  font-weight: 600;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  transition: 0.2s;\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 8px;\n  transform: scale(1.05);\n  position: absolute;\n  bottom: -6px;\n  opacity: 0;\n  pointer-events: none;\n  transition:\n    opacity 0.3s ease,\n    bottom 0.3s ease,\n    transform 0.3s ease,\n    box-shadow 0.3s ease;\n}\n\n.mobile .index-module--sgKcY {\n  font-size: 10px;\n  padding: 4px 8px;\n  bottom: -4px;\n}\n\n.index-module--BGmnC:hover .index-module--sgKcY,\n.index-module--kk96W.index-module--BGmnC .index-module--sgKcY,\n.index-module--EVc0s .index-module--sgKcY {\n  opacity: 1;\n  pointer-events: all;\n  bottom: 6px;\n}\n\n.index-module--CjexR:not(.index-module--EVc0s) .index-module--sgKcY:hover {\n  transform: scale(1.15);\n  box-shadow: var(--boxShadowHover);\n}\n\n/* Upload-specific styles */\n.index-module--N6NM3 {\n  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n  border: 2px dashed #dee2e6;\n  min-height: 120px;\n}\n\n.index-module--N6NM3:hover {\n  border-color: var(--primaryColor);\n  background: linear-gradient(135deg, #f0f8ff 0%, #e6f3ff 100%);\n}\n\n.index-module--SVUuB {\n  border-color: var(--primaryColor);\n  background: linear-gradient(135deg, #e6f3ff 0%, #cce7ff 100%);\n  transform: scale(1.02);\n}\n\n.index-module--ErPfG {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  padding: 20px;\n  text-align: center;\n}\n\n.index-module--Hvwy_ {\n  background-image: url("+m+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  width: 32px;\n  height: 32px;\n  opacity: 0.6;\n}\n\n.index-module--bdaig {\n  background-image: url("+x+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  width: 14px;\n  height: 14px;\n}\n\n.index-module--Pbn2y {\n  font-size: 16px;\n  font-weight: 600;\n  color: #495057;\n  margin: 0;\n}\n\n.index-module--Segsy {\n  font-size: 12px;\n  color: #6c757d;\n  margin: 0;\n}\n\n/* When image is uploaded, hide upload content */\n.index-module--kk96W .index-module--ErPfG {\n  display: none;\n}\n\n.index-module--kk96W .index-module--N6NM3 {\n  background: transparent;\n  border: none;\n}\n\n/* Button positioning for multiple buttons */\n.index-module--sgKcY:nth-of-type(2) {\n  bottom: 50px;\n}\n\n.mobile .index-module--sgKcY:nth-of-type(2) {\n  bottom: 44px;\n}\n",""]);var I="index-module--CjexR",g="index-module--dmnYc",p="index-module--kk96W",b="index-module--caWbN",M="index-module--SmlTZ",y="index-module--BGmnC",j="index-module--EVc0s",v="index-module--sgKcY",D="index-module--N6NM3",N="index-module--SVUuB",C="index-module--ErPfG",L="index-module--Hvwy_",w="index-module--bdaig",A="index-module--Segsy";const S=u},95387:(n,e,i)=>{i.d(e,{$g:()=>W,LI:()=>S,OL:()=>T,QK:()=>k,QM:()=>j,Qo:()=>P,Sc:()=>w,TN:()=>L,VC:()=>Z,V_:()=>A,Ws:()=>Y,XC:()=>C,YS:()=>N,ZP:()=>R,f6:()=>z,hj:()=>h,k7:()=>E,oP:()=>G,ow:()=>D,pA:()=>v,re:()=>f});var o=i(8081),d=i.n(o),a=i(23645),t=i.n(a),r=i(61667),l=i.n(r),s=new URL(i(41041),i.b),c=new URL(i(38457),i.b),u=new URL(i(70320),i.b),m=new URL(i(23571),i.b),x=new URL(i(35277),i.b),I=t()(d()),g=l()(s),p=l()(c),b=l()(u),M=l()(m),y=l()(x);I.push([n.id,".index-module--YYxGY {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 12px;\n  transition:\n    border-color 0.3s ease,\n    box-shadow 0.3s ease;\n  position: relative;\n  overflow: hidden;\n  cursor: pointer;\n  border: 1px solid transparent;\n}\n\n.index-module--YYxGY:not(.index-module--pGFXr):hover,\n.index-module--YYxGY.index-module--Q2qQ2:not(.index-module--pGFXr) {\n  box-shadow: var(--boxShadowHover);\n  border: 1px solid var(--primaryColor);\n}\n\n.index-module--EeD99 {\n  border-radius: 11px;\n  display: flex;\n  transition: border-color 0.3s ease;\n  border: 3px solid transparent;\n  align-items: center;\n  justify-content: center;\n  width: calc(100% - 6px);\n  --infoIconSize: 24px;\n  max-height: 86px;\n  overflow: hidden;\n  position: relative;\n}\n\n.index-module--pGFXr .index-module--EeD99 {\n  border: 3px solid var(--primaryColor);\n}\n\n.index-module--Q2qQ2 .index-module--klViv {\n  background: linear-gradient(rgba(0, 0, 0, 0.2), transparent);\n}\n\n.index-module--YYxGY img {\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n  -o-object-position: center;\n     object-position: center;\n  border-radius: 8px;\n  min-width: 100%;\n  aspect-ratio: 3 / 2;\n}\n\n.index-module--klViv {\n  position: absolute;\n  bottom: 0px;\n  display: flex;\n  justify-content: center;\n  align-items: flex-end;\n  width: 100%;\n  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));\n  border-bottom-left-radius: 8px;\n  border-bottom-right-radius: 8px;\n  height: 50px;\n  transition: height 0.3s ease;\n}\n\n.index-module--YPxgt {\n  font-size: 14px;\n  font-weight: 600;\n  color: white;\n  position: absolute;\n  bottom: 5px;\n  transition: bottom 0.3s ease;\n  text-align: center;\n}\n\n.mobile .index-module--YPxgt {\n  font-size: 11px;\n  bottom: 4px;\n}\n.index-module--cJ9FY:hover .index-module--YPxgt,\n.index-module--pGFXr.index-module--cJ9FY .index-module--YPxgt,\n.index-module--V4uIb .index-module--YPxgt {\n  bottom: 40px;\n}\n\n.index-module--GEr2C {\n  background-color: var(--diva-theme-palette-primary-main);\n  color: var(--diva-theme-palette-primary-contrast-text);\n  border: none;\n  border-radius: 8px;\n  padding: 8px 12px;\n  font-size: 12px;\n  font-weight: 600;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  transition: 0.2s;\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 8px;\n  transform: scale(1.05);\n  position: absolute;\n  bottom: -6px;\n  opacity: 0;\n  pointer-events: none;\n  transition:\n    opacity 0.3s ease,\n    bottom 0.3s ease,\n    transform 0.3s ease,\n    box-shadow 0.3s ease;\n}\n\n.mobile .index-module--GEr2C {\n  font-size: 10px;\n  padding: 4px 8px;\n  bottom: -4px;\n}\n\n.index-module--etA_S {\n  background-color: #ea580b;\n  color: #fff;\n}\n\n.index-module--kFWSa {\n  cursor: not-allowed;\n}\n\n.index-module--C8mNa {\n  cursor: wait;\n}\n\n.mobile .index-module--GEr2C {\n  font-size: 10px;\n  padding: 4px 8px;\n  bottom: -4px;\n}\n\n.index-module--cJ9FY:hover .index-module--GEr2C,\n.index-module--pGFXr.index-module--cJ9FY .index-module--GEr2C,\n.index-module--V4uIb .index-module--GEr2C {\n  opacity: 1;\n  pointer-events: all;\n  bottom: 6px;\n}\n.index-module--V4uIb .index-module--GEr2C {\n  font-size: 10px;\n  cursor: wait;\n}\n\n.index-module--YYxGY:not(.index-module--V4uIb) .index-module--GEr2C:hover {\n  transform: scale(1.15);\n  box-shadow: var(--boxShadowHover);\n}\n\n.index-module--CMDUp {\n  background-image: url("+g+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  width: 14px;\n  height: 14px;\n}\n\n.index-module--n4Brz {\n  background-image: url("+p+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  width: 14px;\n  height: 14px;\n}\n\n.index-module--ODwh2 {\n  background-image: url("+b+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  width: 14px;\n  height: 14px;\n  animation: index-module--WuIpq 1s linear infinite;\n}\n\n@keyframes index-module--WuIpq {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.index-module--SrKTC {\n  position: absolute;\n  top: 6px;\n  right: 6px;\n  opacity: 0;\n  transition: opacity 0.3s ease;\n  pointer-events: none;\n}\n\n.index-module--o0WUD {\n  opacity: 1;\n  pointer-events: all;\n}\n\n.index-module--zdg_y {\n  background-image: url("+M+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  width: 20px;\n  height: 20px;\n  transition: background-image 0.3s ease;\n  position: absolute;\n  top: 10px;\n  left: 8px;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.3s ease;\n}\n\n.mobile .index-module--zdg_y {\n  top: 6px;\n  left: 6px;\n}\n\n.index-module--ev1YL {\n  opacity: 1;\n  pointer-events: all;\n}\n\n.index-module--EQkBw {\n  background-image: url("+y+");\n}\n",""]);var j="index-module--YYxGY",v="index-module--pGFXr",D="index-module--Q2qQ2",N="index-module--EeD99",C="index-module--klViv",L="index-module--YPxgt",w="index-module--cJ9FY",A="index-module--V4uIb",S="index-module--GEr2C",h="index-module--etA_S",z="index-module--kFWSa",k="index-module--C8mNa",f="index-module--CMDUp",T="index-module--n4Brz",Z="index-module--ODwh2",Y="index-module--SrKTC",G="index-module--o0WUD",E="index-module--zdg_y",P="index-module--ev1YL",W="index-module--EQkBw";const R=I},57984:(n,e,i)=>{i.d(e,{$g:()=>g.$g,LI:()=>g.LI,OL:()=>g.OL,QK:()=>g.QK,QM:()=>g.QM,Qo:()=>g.Qo,Sc:()=>g.Sc,TN:()=>g.TN,VC:()=>g.VC,V_:()=>g.V_,Ws:()=>g.Ws,XC:()=>g.XC,YS:()=>g.YS,f6:()=>g.f6,hj:()=>g.hj,k7:()=>g.k7,oP:()=>g.oP,ow:()=>g.ow,pA:()=>g.pA,re:()=>g.re});var o=i(93379),d=i.n(o),a=i(7795),t=i.n(a),r=i(90569),l=i.n(r),s=i(3565),c=i.n(s),u=i(19216),m=i.n(u),x=i(44589),I=i.n(x),g=i(95387),p={};p.styleTagTransform=I(),p.setAttributes=c(),p.insert=l().bind(null,"head"),p.domAPI=t(),p.insertStyleElement=m();d()(g.ZP,p),g.ZP&&g.ZP.locals&&g.ZP.locals},44246:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMjMgMTlDMjMgMTkuNTMwNCAyMi43ODkzIDIwLjAzOTEgMjIuNDE0MiAyMC40MTQyQzIyLjAzOTEgMjAuNzg5MyAyMS41MzA0IDIxIDIxIDIxSDNDMi40Njk1NyAyMSAxLjk2MDg2IDIwLjc4OTMgMS41ODU3OSAyMC40MTQyQzEuMjEwNzEgMjAuMDM5MSAxIDE5LjUzMDQgMSAxOVY4QzEgNy40Njk1NyAxLjIxMDcxIDYuOTYwODYgMS41ODU3OSA2LjU4NTc5QzEuOTYwODYgNi4yMTA3MSAyLjQ2OTU3IDYgMyA2SDdMOSAzSDE1TDE3IDZIMjFDMjEuNTMwNCA2IDIyLjAzOTEgNi4yMTA3MSAyMi40MTQyIDYuNTg1NzlDMjIuNzg5MyA2Ljk2MDg2IDIzIDcuNDY5NTcgMjMgOFYxOVoiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgogIDxjaXJjbGUgY3g9IjEyIiBjeT0iMTMiIHI9IjQiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjIiLz4KICA8Y2lyY2xlIGN4PSIxNy41IiBjeT0iOS41IiByPSIxLjUiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4="},41041:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS13YW5kLXNwYXJrbGVzIj48cGF0aCBkPSJtMjEuNjQgMy42NC0xLjI4LTEuMjhhMS4yMSAxLjIxIDAgMCAwLTEuNzIgMEwyLjM2IDE4LjY0YTEuMjEgMS4yMSAwIDAgMCAwIDEuNzJsMS4yOCAxLjI4YTEuMiAxLjIgMCAwIDAgMS43MiAwTDIxLjY0IDUuMzZhMS4yIDEuMiAwIDAgMCAwLTEuNzIiPjwvcGF0aD48cGF0aCBkPSJtMTQgNyAzIDMiPjwvcGF0aD48cGF0aCBkPSJNNSA2djQiPjwvcGF0aD48cGF0aCBkPSJNMTkgMTR2NCI+PC9wYXRoPjxwYXRoIGQ9Ik0xMCAydjIiPjwvcGF0aD48cGF0aCBkPSJNNyA4SDMiPjwvcGF0aD48cGF0aCBkPSJNMjEgMTZoLTQiPjwvcGF0aD48cGF0aCBkPSJNMTEgM0g5Ij48L3BhdGg+PC9zdmc+"},38457:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICA8cmVjdCB4PSIzIiB5PSIxMSIgd2lkdGg9IjE4IiBoZWlnaHQ9IjExIiByeD0iMiIgcnk9IjIiLz4KICA8cGF0aCBkPSJNNyAxMVY3YTUgNSAwIDAgMSAxMCAwdjQiLz4KPC9zdmc+"},70320:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1yZWZyZXNoLWN3IHctNCBoLTQiPjxwYXRoIGQ9Ik0zIDEyYTkgOSAwIDAgMSA5LTkgOS43NSA5Ljc1IDAgMCAxIDYuNzQgMi43NEwyMSA4Ij48L3BhdGg+PHBhdGggZD0iTTIxIDN2NWgtNSI+PC9wYXRoPjxwYXRoIGQ9Ik0yMSAxMmE5IDkgMCAwIDEtOSA5IDkuNzUgOS43NSAwIDAgMS02Ljc0LTIuNzRMMyAxNiI+PC9wYXRoPjxwYXRoIGQ9Ik04IDE2SDN2NSI+PC9wYXRoPjwvc3ZnPg=="},1683:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMjEgMTVWMTlDMjEgMTkuNTMwNCAyMC43ODkzIDIwLjAzOTEgMjAuNDE0MiAyMC40MTQyQzIwLjAzOTEgMjAuNzg5MyAxOS41MzA0IDIxIDE5IDIxSDVDNC40Njk1NyAyMSAzLjk2MDg2IDIwLjc4OTMgMy41ODU3OSAyMC40MTQyQzMuMjEwNzEgMjAuMDM5MSAzIDE5LjUzMDQgMyAxOVYxNSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CiAgPHBhdGggZD0iTTE3IDhMMTIgM0w3IDgiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgogIDxwYXRoIGQ9Ik0xMiAzVjE1IiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+"},23571:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiICBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA5IDgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxLjQxNDIxOyI+CjxwYXRoICBkPSJNNC4xMDQsNy4ybC0wLjM4NCwtMC4yNGMtMS4yOTYsLTAuNzY4IC0zLjcyLC0yLjIwOCAtMy43MiwtNC41NmMwLC0xLjMyIDEuMDgsLTIuNCAyLjQsLTIuNGMwLjY0OCwwIDEuMjcyLDAuMjY0IDEuNzA0LDAuNzJjMC40NTYsLTAuNDU2IDEuMDU2LC0wLjcyIDEuNzA0LC0wLjcyYzEuMzIsMCAyLjQsMS4wOCAyLjQsMi40YzAsMi4zNzYgLTIuNDI0LDMuNzkyIC0zLjcyLDQuNTZsLTAuMzg0LDAuMjRabS0xLjcwNCwtNi42NzJjLTEuMDMyLDAgLTEuODcyLDAuODQgLTEuODcyLDEuODcyYzAsMi4wNjQgMi4yNTYsMy4zODQgMy40NTYsNC4xMDRsMC4xMiwwLjA3MmwwLjEyLC0wLjA3MmMxLjIsLTAuNzIgMy40NTYsLTIuMDQgMy40NTYsLTQuMTA0YzAsLTEuMDMyIC0wLjg0LC0xLjg3MiAtMS44NzIsLTEuODcyYy0wLjU3NiwwIC0xLjE1MiwwLjI4OCAtMS40ODgsMC43NDRsLTAuMjE2LDAuMjg4bC0wLjIxNiwtMC4yODhjLTAuMzYsLTAuNDggLTAuOTEyLC0wLjc0NCAtMS40ODgsLTAuNzQ0WiIgc3R5bGU9ImZpbGw6I2ZmZjtmaWxsLXJ1bGU6bm9uemVybzsiLz4KPC9zdmc+"},35277:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA5IDgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxLjQxNDIxOyI+PHBhdGggZD0iTTQuMTA0LDcuMmMxLjIzMSwtMC43NTcgNC4xMDQsLTIuMjk2IDQuMTA0LC00Ljg3OGMwLC0xLjI3OSAtMS4wMjYsLTIuMzIyIC0yLjI4MywtMi4zMjJjLTAuNzQ0LDAgLTEuNDExLDAuMzY1IC0xLjgyMSwwLjkzOWMtMC40MSwtMC41NzQgLTEuMDc3LC0wLjkzOSAtMS44MjEsLTAuOTM5Yy0xLjI1NywwIC0yLjI4MywxLjA0MyAtMi4yODMsMi4zMjJjLTAuMDI1LDIuNTU2IDIuODQ3LDQuMDk1IDQuMTA0LDQuODc4WiIgc3R5bGU9ImZpbGw6I2ZmZgo7ZmlsbC1ydWxlOm5vbnplcm87Ii8+PC9zdmc+"}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2958],{82958:(n,e,i)=>{i.r(e),i.d(e,{default:()=>w});var o=i(38946),d=i(87363),a=i(9420),t=i(65515),r=i.n(t),l=i(88683),s=i(93379),c=i.n(s),u=i(7795),m=i.n(u),x=i(90569),I=i.n(x),g=i(3565),p=i.n(g),b=i(19216),M=i.n(b),y=i(44589),j=i.n(y),v=i(98759),D={};D.styleTagTransform=j(),D.setAttributes=p(),D.insert=I().bind(null,"head"),D.domAPI=m(),D.insertStyleElement=M();c()(v.ZP,D);v.ZP&&v.ZP.locals&&v.ZP.locals;var N=i(57984),C=i(63762),L=i(47514);const w=(0,a.Pi)((function UploadItem(n){var e=n.item,i=(0,l.useTranslation)().t,a=(0,C.NP)(),t=function useImageUpload(){var n=(0,d.useState)(""),e=(0,o.Z)(n,2),i=e[0],a=e[1],t=(0,d.useState)(!1),r=(0,o.Z)(t,2),l=r[0],s=r[1],c=(0,d.useState)(!1),u=(0,o.Z)(c,2),m=u[0],x=u[1],I=(0,d.useRef)(null);(0,d.useEffect)((function(){navigator.mediaDevices&&navigator.mediaDevices.getUserMedia&&navigator.mediaDevices.getUserMedia({video:!0}).then((function(){return x(!0)})).catch((function(){return x(!1)}))}),[]);var g=(0,d.useCallback)((function(n){if(n&&n.type.startsWith("image/")){var e=new FileReader;e.onload=function(n){var e,i=null===(e=n.target)||void 0===e?void 0:e.result;a(i)},e.readAsDataURL(n)}}),[]),p=(0,d.useCallback)((function(n){var e,i=null===(e=n.target.files)||void 0===e?void 0:e[0];i&&g(i)}),[g]),b=(0,d.useCallback)((function(){var n=document.createElement("input");n.type="file",n.accept="image/*",n.capture="environment",n.onchange=function(n){var e,i=null===(e=n.target.files)||void 0===e?void 0:e[0];i&&g(i)},n.click()}),[g]),M=(0,d.useCallback)((function(){var n;null===(n=I.current)||void 0===n||n.click()}),[]),y=(0,d.useCallback)((function(n){n.preventDefault(),s(!0)}),[]),j=(0,d.useCallback)((function(n){n.preventDefault(),s(!1)}),[]),v=(0,d.useCallback)((function(n){n.preventDefault(),s(!1);var e=Array.from(n.dataTransfer.files).find((function(n){return n.type.startsWith("image/")}));e&&g(e)}),[g]),D=(0,d.useCallback)((function(){a(""),I.current&&(I.current.value="")}),[]);return{imageBase64:i,isDragOver:l,hasCamera:m,fileInputRef:I,processFile:g,handleFileSelect:p,handleCameraCapture:b,handleFileUpload:M,handleDragOver:y,handleDragLeave:j,handleDrop:v,clearImage:D}}(),s=t.imageBase64,c=t.isDragOver,u=t.hasCamera,m=t.fileInputRef,x=t.handleFileSelect,I=t.handleCameraCapture,g=t.handleFileUpload,p=(0,d.useState)(void 0),b=(0,o.Z)(p,2),M=b[0],y=b[1],j=void 0!==a.aiState.aiGeneratedRooms[e.key],D=M;return(0,L.jsxs)("div",{className:r()(v.ic,v.cw,c?v.SB:void 0,e.selected?v.pA:void 0,j?v.ow:v.Sc,D?v.V_:void 0),onClick:function handleClick(n){var i;if(!e.selected)return null===(i=e.onClick)||void 0===i||i.call(e),void n.stopPropagation();g()},children:[(0,L.jsxs)("div",{children:[(0,L.jsx)("input",{type:"file",accept:"image/*",capture:"environment",style:{display:"none"},id:"cameraInput"}),(0,L.jsx)("label",{htmlFor:"cameraInput",children:(0,L.jsx)("button",{children:"Take Photo"})}),(0,L.jsx)("input",{type:"file",accept:"image/*",style:{display:"none"},id:"galleryInput"}),(0,L.jsx)("label",{htmlFor:"galleryInput",children:(0,L.jsx)("button",{children:"Choose from Gallery"})})]}),(0,L.jsx)("input",{ref:m,type:"file",accept:"image/*",onChange:x,style:{display:"none"}}),(0,L.jsxs)("div",{className:v.YS,children:[s?(0,L.jsx)("img",{src:s,alt:"Uploaded"}):(0,L.jsxs)("div",{className:v.am,children:[(0,L.jsx)("div",{className:v.P8}),(0,L.jsx)("div",{className:v.n2,children:"or click to browse"})]}),(0,L.jsx)("div",{className:v.TN,children:s?"Image uploaded":"Upload Image"})]}),(0,L.jsxs)("button",{className:r()(v.LI),onClick:function onButtonClick(n){if(n.stopPropagation(),s){var i=a.aiState.setHash;y(a.aiState.generateAiImageWithReferenceImages(e.key,i,s))}},children:[(0,L.jsx)("div",{className:r()(D?N.VC:N.re)}),i(D?"configurator.roomRendering.generating":"configurator.roomRendering.generate")]}),!s&&(0,L.jsxs)("div",{className:r()(v.LI,v.Sc),children:[(0,L.jsx)("div",{className:v.P8}),i("configurator.roomRendering.upload")]}),u&&!s&&(0,L.jsxs)("div",{className:r()(v.LI,v.Sc),onClick:function onClick(n){n.stopPropagation(),I()},style:{bottom:"50px"},children:[(0,L.jsx)("div",{className:v.ny}),i("configurator.roomRendering.camera")]})]})}))},98759:(n,e,i)=>{i.d(e,{LI:()=>v,P8:()=>L,SB:()=>N,Sc:()=>y,TN:()=>M,V_:()=>j,YS:()=>b,ZP:()=>S,am:()=>C,cw:()=>D,ic:()=>I,n2:()=>A,ny:()=>w,ow:()=>g,pA:()=>p});var o=i(8081),d=i.n(o),a=i(23645),t=i.n(a),r=i(61667),l=i.n(r),s=new URL(i(1683),i.b),c=new URL(i(44246),i.b),u=t()(d()),m=l()(s),x=l()(c);u.push([n.id,"/* Import base styles from parent UploadItem */\n.index-module--CjexR {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  border-radius: 12px;\n  transition:\n    border-color 0.3s ease,\n    box-shadow 0.3s ease;\n  position: relative;\n  overflow: hidden;\n  cursor: pointer;\n  border: 1px solid transparent;\n}\n\n.index-module--CjexR.index-module--dmnYc:not(.index-module--kk96W) {\n  box-shadow: var(--boxShadowHover);\n  border: 1px solid var(--primaryColor);\n}\n\n.index-module--caWbN {\n  border-radius: 11px;\n  display: flex;\n  transition: border-color 0.3s ease;\n  border: 3px solid transparent;\n  align-items: center;\n  justify-content: center;\n  width: calc(100% - 6px);\n  --infoIconSize: 24px;\n  max-height: 86px;\n  overflow: hidden;\n  position: relative;\n}\n\n.index-module--kk96W .index-module--caWbN {\n  border: 3px solid var(--primaryColor);\n}\n\n.index-module--dmnYc .index-module--RGxlL {\n  background: linear-gradient(rgba(0, 0, 0, 0.2), transparent);\n}\n\n.index-module--CjexR img {\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n  -o-object-position: center;\n     object-position: center;\n  border-radius: 8px;\n  min-width: 100%;\n  aspect-ratio: 3 / 2;\n}\n\n.index-module--SmlTZ {\n  font-size: 14px;\n  font-weight: 600;\n  color: white;\n  position: absolute;\n  bottom: 5px;\n  transition: bottom 0.3s ease;\n  text-align: center;\n}\n\n.mobile .index-module--SmlTZ {\n  font-size: 12px;\n  bottom: 4px;\n}\n\n.index-module--kk96W.index-module--BGmnC .index-module--SmlTZ,\n.index-module--EVc0s .index-module--SmlTZ {\n  bottom: 40px;\n}\n\n.index-module--sgKcY {\n  background-color: var(--diva-theme-palette-primary-main);\n  color: var(--diva-theme-palette-primary-contrast-text);\n  border: none;\n  border-radius: 8px;\n  padding: 8px 12px;\n  font-size: 12px;\n  font-weight: 600;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  transition: 0.2s;\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 8px;\n  transform: scale(1.05);\n  position: absolute;\n  bottom: -6px;\n  opacity: 0;\n  pointer-events: none;\n  transition:\n    opacity 0.3s ease,\n    bottom 0.3s ease,\n    transform 0.3s ease,\n    box-shadow 0.3s ease;\n}\n\n.mobile .index-module--sgKcY {\n  font-size: 10px;\n  padding: 4px 8px;\n  bottom: -4px;\n}\n\n.index-module--BGmnC:hover .index-module--sgKcY,\n.index-module--kk96W.index-module--BGmnC .index-module--sgKcY,\n.index-module--EVc0s .index-module--sgKcY {\n  opacity: 1;\n  pointer-events: all;\n  bottom: 6px;\n}\n\n.index-module--CjexR:not(.index-module--EVc0s) .index-module--sgKcY:hover {\n  transform: scale(1.15);\n  box-shadow: var(--boxShadowHover);\n}\n\n/* Upload-specific styles */\n.index-module--N6NM3 {\n  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n  border: 2px dashed #dee2e6;\n  min-height: 120px;\n}\n\n.index-module--N6NM3:hover {\n  border-color: var(--primaryColor);\n  background: linear-gradient(135deg, #f0f8ff 0%, #e6f3ff 100%);\n}\n\n.index-module--SVUuB {\n  border-color: var(--primaryColor);\n  background: linear-gradient(135deg, #e6f3ff 0%, #cce7ff 100%);\n  transform: scale(1.02);\n}\n\n.index-module--ErPfG {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  padding: 20px;\n  text-align: center;\n}\n\n.index-module--Hvwy_ {\n  background-image: url("+m+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  width: 32px;\n  height: 32px;\n  opacity: 0.6;\n}\n\n.index-module--bdaig {\n  background-image: url("+x+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  width: 14px;\n  height: 14px;\n}\n\n.index-module--Pbn2y {\n  font-size: 16px;\n  font-weight: 600;\n  color: #495057;\n  margin: 0;\n}\n\n.index-module--Segsy {\n  font-size: 12px;\n  color: #6c757d;\n  margin: 0;\n}\n\n/* When image is uploaded, hide upload content */\n.index-module--kk96W .index-module--ErPfG {\n  display: none;\n}\n\n.index-module--kk96W .index-module--N6NM3 {\n  background: transparent;\n  border: none;\n}\n\n/* Button positioning for multiple buttons */\n.index-module--sgKcY:nth-of-type(2) {\n  bottom: 50px;\n}\n\n.mobile .index-module--sgKcY:nth-of-type(2) {\n  bottom: 44px;\n}\n",""]);var I="index-module--CjexR",g="index-module--dmnYc",p="index-module--kk96W",b="index-module--caWbN",M="index-module--SmlTZ",y="index-module--BGmnC",j="index-module--EVc0s",v="index-module--sgKcY",D="index-module--N6NM3",N="index-module--SVUuB",C="index-module--ErPfG",L="index-module--Hvwy_",w="index-module--bdaig",A="index-module--Segsy";const S=u},95387:(n,e,i)=>{i.d(e,{$g:()=>W,LI:()=>S,OL:()=>T,QK:()=>k,QM:()=>j,Qo:()=>P,Sc:()=>w,TN:()=>L,VC:()=>Z,V_:()=>A,Ws:()=>Y,XC:()=>C,YS:()=>N,ZP:()=>R,f6:()=>z,hj:()=>h,k7:()=>E,oP:()=>G,ow:()=>D,pA:()=>v,re:()=>f});var o=i(8081),d=i.n(o),a=i(23645),t=i.n(a),r=i(61667),l=i.n(r),s=new URL(i(41041),i.b),c=new URL(i(38457),i.b),u=new URL(i(70320),i.b),m=new URL(i(23571),i.b),x=new URL(i(35277),i.b),I=t()(d()),g=l()(s),p=l()(c),b=l()(u),M=l()(m),y=l()(x);I.push([n.id,".index-module--YYxGY {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 12px;\n  transition:\n    border-color 0.3s ease,\n    box-shadow 0.3s ease;\n  position: relative;\n  overflow: hidden;\n  cursor: pointer;\n  border: 1px solid transparent;\n}\n\n.index-module--YYxGY:not(.index-module--pGFXr):hover,\n.index-module--YYxGY.index-module--Q2qQ2:not(.index-module--pGFXr) {\n  box-shadow: var(--boxShadowHover);\n  border: 1px solid var(--primaryColor);\n}\n\n.index-module--EeD99 {\n  border-radius: 11px;\n  display: flex;\n  transition: border-color 0.3s ease;\n  border: 3px solid transparent;\n  align-items: center;\n  justify-content: center;\n  width: calc(100% - 6px);\n  --infoIconSize: 24px;\n  max-height: 86px;\n  overflow: hidden;\n  position: relative;\n}\n\n.index-module--pGFXr .index-module--EeD99 {\n  border: 3px solid var(--primaryColor);\n}\n\n.index-module--Q2qQ2 .index-module--klViv {\n  background: linear-gradient(rgba(0, 0, 0, 0.2), transparent);\n}\n\n.index-module--YYxGY img {\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n  -o-object-position: center;\n     object-position: center;\n  border-radius: 8px;\n  min-width: 100%;\n  aspect-ratio: 3 / 2;\n}\n\n.index-module--klViv {\n  position: absolute;\n  bottom: 0px;\n  display: flex;\n  justify-content: center;\n  align-items: flex-end;\n  width: 100%;\n  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));\n  border-bottom-left-radius: 8px;\n  border-bottom-right-radius: 8px;\n  height: 50px;\n  transition: height 0.3s ease;\n}\n\n.index-module--YPxgt {\n  font-size: 14px;\n  font-weight: 600;\n  color: white;\n  position: absolute;\n  bottom: 5px;\n  transition: bottom 0.3s ease;\n  text-align: center;\n}\n\n.mobile .index-module--YPxgt {\n  font-size: 11px;\n  bottom: 4px;\n}\n.index-module--cJ9FY:hover .index-module--YPxgt,\n.index-module--pGFXr.index-module--cJ9FY .index-module--YPxgt,\n.index-module--V4uIb .index-module--YPxgt {\n  bottom: 40px;\n}\n\n.index-module--GEr2C {\n  background-color: var(--diva-theme-palette-primary-main);\n  color: var(--diva-theme-palette-primary-contrast-text);\n  border: none;\n  border-radius: 8px;\n  padding: 8px 12px;\n  font-size: 12px;\n  font-weight: 600;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  transition: 0.2s;\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 8px;\n  transform: scale(1.05);\n  position: absolute;\n  bottom: -6px;\n  opacity: 0;\n  pointer-events: none;\n  transition:\n    opacity 0.3s ease,\n    bottom 0.3s ease,\n    transform 0.3s ease,\n    box-shadow 0.3s ease;\n}\n\n.mobile .index-module--GEr2C {\n  font-size: 10px;\n  padding: 4px 8px;\n  bottom: -4px;\n}\n\n.index-module--etA_S {\n  background-color: #ea580b;\n  color: #fff;\n}\n\n.index-module--kFWSa {\n  cursor: not-allowed;\n}\n\n.index-module--C8mNa {\n  cursor: wait;\n}\n\n.mobile .index-module--GEr2C {\n  font-size: 10px;\n  padding: 4px 8px;\n  bottom: -4px;\n}\n\n.index-module--cJ9FY:hover .index-module--GEr2C,\n.index-module--pGFXr.index-module--cJ9FY .index-module--GEr2C,\n.index-module--V4uIb .index-module--GEr2C {\n  opacity: 1;\n  pointer-events: all;\n  bottom: 6px;\n}\n.index-module--V4uIb .index-module--GEr2C {\n  font-size: 10px;\n  cursor: wait;\n}\n\n.index-module--YYxGY:not(.index-module--V4uIb) .index-module--GEr2C:hover {\n  transform: scale(1.15);\n  box-shadow: var(--boxShadowHover);\n}\n\n.index-module--CMDUp {\n  background-image: url("+g+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  width: 14px;\n  height: 14px;\n}\n\n.index-module--n4Brz {\n  background-image: url("+p+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  width: 14px;\n  height: 14px;\n}\n\n.index-module--ODwh2 {\n  background-image: url("+b+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  width: 14px;\n  height: 14px;\n  animation: index-module--WuIpq 1s linear infinite;\n}\n\n@keyframes index-module--WuIpq {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.index-module--SrKTC {\n  position: absolute;\n  top: 6px;\n  right: 6px;\n  opacity: 0;\n  transition: opacity 0.3s ease;\n  pointer-events: none;\n}\n\n.index-module--o0WUD {\n  opacity: 1;\n  pointer-events: all;\n}\n\n.index-module--zdg_y {\n  background-image: url("+M+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  width: 20px;\n  height: 20px;\n  transition: background-image 0.3s ease;\n  position: absolute;\n  top: 10px;\n  left: 8px;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.3s ease;\n}\n\n.mobile .index-module--zdg_y {\n  top: 6px;\n  left: 6px;\n}\n\n.index-module--ev1YL {\n  opacity: 1;\n  pointer-events: all;\n}\n\n.index-module--EQkBw {\n  background-image: url("+y+");\n}\n",""]);var j="index-module--YYxGY",v="index-module--pGFXr",D="index-module--Q2qQ2",N="index-module--EeD99",C="index-module--klViv",L="index-module--YPxgt",w="index-module--cJ9FY",A="index-module--V4uIb",S="index-module--GEr2C",h="index-module--etA_S",z="index-module--kFWSa",k="index-module--C8mNa",f="index-module--CMDUp",T="index-module--n4Brz",Z="index-module--ODwh2",Y="index-module--SrKTC",G="index-module--o0WUD",E="index-module--zdg_y",P="index-module--ev1YL",W="index-module--EQkBw";const R=I},57984:(n,e,i)=>{i.d(e,{$g:()=>g.$g,LI:()=>g.LI,OL:()=>g.OL,QK:()=>g.QK,QM:()=>g.QM,Qo:()=>g.Qo,Sc:()=>g.Sc,TN:()=>g.TN,VC:()=>g.VC,V_:()=>g.V_,Ws:()=>g.Ws,XC:()=>g.XC,YS:()=>g.YS,f6:()=>g.f6,hj:()=>g.hj,k7:()=>g.k7,oP:()=>g.oP,ow:()=>g.ow,pA:()=>g.pA,re:()=>g.re});var o=i(93379),d=i.n(o),a=i(7795),t=i.n(a),r=i(90569),l=i.n(r),s=i(3565),c=i.n(s),u=i(19216),m=i.n(u),x=i(44589),I=i.n(x),g=i(95387),p={};p.styleTagTransform=I(),p.setAttributes=c(),p.insert=l().bind(null,"head"),p.domAPI=t(),p.insertStyleElement=m();d()(g.ZP,p),g.ZP&&g.ZP.locals&&g.ZP.locals},44246:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMjMgMTlDMjMgMTkuNTMwNCAyMi43ODkzIDIwLjAzOTEgMjIuNDE0MiAyMC40MTQyQzIyLjAzOTEgMjAuNzg5MyAyMS41MzA0IDIxIDIxIDIxSDNDMi40Njk1NyAyMSAxLjk2MDg2IDIwLjc4OTMgMS41ODU3OSAyMC40MTQyQzEuMjEwNzEgMjAuMDM5MSAxIDE5LjUzMDQgMSAxOVY4QzEgNy40Njk1NyAxLjIxMDcxIDYuOTYwODYgMS41ODU3OSA2LjU4NTc5QzEuOTYwODYgNi4yMTA3MSAyLjQ2OTU3IDYgMyA2SDdMOSAzSDE1TDE3IDZIMjFDMjEuNTMwNCA2IDIyLjAzOTEgNi4yMTA3MSAyMi40MTQyIDYuNTg1NzlDMjIuNzg5MyA2Ljk2MDg2IDIzIDcuNDY5NTcgMjMgOFYxOVoiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgogIDxjaXJjbGUgY3g9IjEyIiBjeT0iMTMiIHI9IjQiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjIiLz4KICA8Y2lyY2xlIGN4PSIxNy41IiBjeT0iOS41IiByPSIxLjUiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4="},41041:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS13YW5kLXNwYXJrbGVzIj48cGF0aCBkPSJtMjEuNjQgMy42NC0xLjI4LTEuMjhhMS4yMSAxLjIxIDAgMCAwLTEuNzIgMEwyLjM2IDE4LjY0YTEuMjEgMS4yMSAwIDAgMCAwIDEuNzJsMS4yOCAxLjI4YTEuMiAxLjIgMCAwIDAgMS43MiAwTDIxLjY0IDUuMzZhMS4yIDEuMiAwIDAgMCAwLTEuNzIiPjwvcGF0aD48cGF0aCBkPSJtMTQgNyAzIDMiPjwvcGF0aD48cGF0aCBkPSJNNSA2djQiPjwvcGF0aD48cGF0aCBkPSJNMTkgMTR2NCI+PC9wYXRoPjxwYXRoIGQ9Ik0xMCAydjIiPjwvcGF0aD48cGF0aCBkPSJNNyA4SDMiPjwvcGF0aD48cGF0aCBkPSJNMjEgMTZoLTQiPjwvcGF0aD48cGF0aCBkPSJNMTEgM0g5Ij48L3BhdGg+PC9zdmc+"},38457:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICA8cmVjdCB4PSIzIiB5PSIxMSIgd2lkdGg9IjE4IiBoZWlnaHQ9IjExIiByeD0iMiIgcnk9IjIiLz4KICA8cGF0aCBkPSJNNyAxMVY3YTUgNSAwIDAgMSAxMCAwdjQiLz4KPC9zdmc+"},70320:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1yZWZyZXNoLWN3IHctNCBoLTQiPjxwYXRoIGQ9Ik0zIDEyYTkgOSAwIDAgMSA5LTkgOS43NSA5Ljc1IDAgMCAxIDYuNzQgMi43NEwyMSA4Ij48L3BhdGg+PHBhdGggZD0iTTIxIDN2NWgtNSI+PC9wYXRoPjxwYXRoIGQ9Ik0yMSAxMmE5IDkgMCAwIDEtOSA5IDkuNzUgOS43NSAwIDAgMS02Ljc0LTIuNzRMMyAxNiI+PC9wYXRoPjxwYXRoIGQ9Ik04IDE2SDN2NSI+PC9wYXRoPjwvc3ZnPg=="},1683:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMjEgMTVWMTlDMjEgMTkuNTMwNCAyMC43ODkzIDIwLjAzOTEgMjAuNDE0MiAyMC40MTQyQzIwLjAzOTEgMjAuNzg5MyAxOS41MzA0IDIxIDE5IDIxSDVDNC40Njk1NyAyMSAzLjk2MDg2IDIwLjc4OTMgMy41ODU3OSAyMC40MTQyQzMuMjEwNzEgMjAuMDM5MSAzIDE5LjUzMDQgMyAxOVYxNSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CiAgPHBhdGggZD0iTTE3IDhMMTIgM0w3IDgiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgogIDxwYXRoIGQ9Ik0xMiAzVjE1IiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+"},23571:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiICBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA5IDgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxLjQxNDIxOyI+CjxwYXRoICBkPSJNNC4xMDQsNy4ybC0wLjM4NCwtMC4yNGMtMS4yOTYsLTAuNzY4IC0zLjcyLC0yLjIwOCAtMy43MiwtNC41NmMwLC0xLjMyIDEuMDgsLTIuNCAyLjQsLTIuNGMwLjY0OCwwIDEuMjcyLDAuMjY0IDEuNzA0LDAuNzJjMC40NTYsLTAuNDU2IDEuMDU2LC0wLjcyIDEuNzA0LC0wLjcyYzEuMzIsMCAyLjQsMS4wOCAyLjQsMi40YzAsMi4zNzYgLTIuNDI0LDMuNzkyIC0zLjcyLDQuNTZsLTAuMzg0LDAuMjRabS0xLjcwNCwtNi42NzJjLTEuMDMyLDAgLTEuODcyLDAuODQgLTEuODcyLDEuODcyYzAsMi4wNjQgMi4yNTYsMy4zODQgMy40NTYsNC4xMDRsMC4xMiwwLjA3MmwwLjEyLC0wLjA3MmMxLjIsLTAuNzIgMy40NTYsLTIuMDQgMy40NTYsLTQuMTA0YzAsLTEuMDMyIC0wLjg0LC0xLjg3MiAtMS44NzIsLTEuODcyYy0wLjU3NiwwIC0xLjE1MiwwLjI4OCAtMS40ODgsMC43NDRsLTAuMjE2LDAuMjg4bC0wLjIxNiwtMC4yODhjLTAuMzYsLTAuNDggLTAuOTEyLC0wLjc0NCAtMS40ODgsLTAuNzQ0WiIgc3R5bGU9ImZpbGw6I2ZmZjtmaWxsLXJ1bGU6bm9uemVybzsiLz4KPC9zdmc+"},35277:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA5IDgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxLjQxNDIxOyI+PHBhdGggZD0iTTQuMTA0LDcuMmMxLjIzMSwtMC43NTcgNC4xMDQsLTIuMjk2IDQuMTA0LC00Ljg3OGMwLC0xLjI3OSAtMS4wMjYsLTIuMzIyIC0yLjI4MywtMi4zMjJjLTAuNzQ0LDAgLTEuNDExLDAuMzY1IC0xLjgyMSwwLjkzOWMtMC40MSwtMC41NzQgLTEuMDc3LC0wLjkzOSAtMS44MjEsLTAuOTM5Yy0xLjI1NywwIC0yLjI4MywxLjA0MyAtMi4yODMsMi4zMjJjLTAuMDI1LDIuNTU2IDIuODQ3LDQuMDk1IDQuMTA0LDQuODc4WiIgc3R5bGU9ImZpbGw6I2ZmZgo7ZmlsbC1ydWxlOm5vbnplcm87Ii8+PC9zdmc+"}}]);

package/build/umd/3222.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 3222.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3222],{13222:(n,e,d)=>{d.r(e),d.d(e,{default:()=>u});var o=d(34988),i=d(87363),r=d(36115),l=d(59165),a=d(65515),t=d.n(a),s=d(47514);const u=function DecisionVisualization(n){var e=n.decision,d=n.snapshots,a=n.matchingOptions,u=void 0===a?{}:a,x=n.anyData,c=n.onClose,m=(0,i.useRef)(null),p=(0,i.useState)(),g=(0,o.Z)(p,2),h=g[0],b=g[1],f=function renderIfDefined(n,e){return null!=n&&""!==n?(0,s.jsxs)("p",{children:[(0,s.jsxs)("strong",{children:[e,e?":":""]}),Array.isArray(n)?n.join(", "):n]}):null};(0,i.useEffect)((function(){if(d){var n={},e=function _loop(){var e=d.before[o],i=d.after[o];n[o]={after:i,before:e,removedOpvs:e.visibleOPVs.filter((function(n){return!i.visibleOPVs.includes(n)}))}};for(var o in d.before)e();b(n)}else b(void 0)}),[d]);var N=function isExpanded(n,e,d){var o=d;return!(void 0!==d&&!["removedOpvs","after","before"].includes(d))||!!(h&&o&&h[o]&&JSON.stringify(h[o].before)!==JSON.stringify(h[o].after))};if(void 0!==e.priceFeatureGroupNo){var j,k,y=e;return(0,s.jsxs)("div",{className:r.ii,ref:m,children:[(0,s.jsx)("div",{className:r.UF,onClick:function onClick(){return null==c?void 0:c()}}),(0,s.jsxs)("h2",{className:t()(r.uR),children:["PriceFeatureGroup #",y.priceFeatureGroupNo]}),(0,s.jsxs)("div",{className:r.fm,children:[(0,s.jsxs)("div",{children:[f(y.catalogId,"Catalog ID"),f(y._id,"priceFeatureGroup ID"),f(null===(j=y.priceFeatureGroupText)||void 0===j?void 0:j.DE,"priceFeatureGroupText"),f(y.projectPercentageSurcharges,"projectPercentageSurcharges"),f(y.isPercentage,"isPercentage"),f(y.comment,"comment"),f(y.featureNos,"Feature References"),f(y.additionalPrice,"Additional Price"),f(y.activeCombination,"Active Combination Seqence")]}),(0,s.jsx)("h3",{className:r.dY,children:"Option Combinations"}),(0,s.jsxs)("table",{className:r.ao,children:[(0,s.jsx)("thead",{children:(0,s.jsxs)("tr",{children:[(0,s.jsx)("th",{children:"Sequence"}),(0,s.jsx)("th",{children:"condition"}),(0,s.jsx)("th",{children:"priceField"})]})}),(0,s.jsx)("tbody",{children:null===(k=y.finishes)||void 0===k?void 0:k.map((function(n){return(0,s.jsxs)("tr",{className:t()(n.sequence===y.activeCombination?r.Se:void 0),children:[(0,s.jsx)("td",{children:n.sequence}),(0,s.jsx)("td",{children:JSON.stringify(n.optionsSetRefs)}),(0,s.jsxs)("td",{children:["PRFG",y.priceFeatureGroupNo+"_"+n.priceField]})]},n._id)}))})]}),(0,s.jsx)("br",{}),!!Object.values(u).length&&(0,s.jsxs)(s.Fragment,{children:["matching conditions",Object.keys(u).map((function(n){return f(n+": "+u[n],"")})),(0,s.jsx)("br",{})]}),!!h&&(0,s.jsxs)(s.Fragment,{children:["snapshot",(0,s.jsx)(l.gc,{shouldExpandNode:N,data:h,style:l._l})]}),!!x&&(0,s.jsx)(l.gc,{data:x,style:l._l})]})]})}if(void 0!==e.Number){var D=e;return(0,s.jsxs)("div",{ref:m,className:r.ii,children:[(0,s.jsx)("div",{className:r.UF,onClick:function onClick(){return null==c?void 0:c()}}),(0,s.jsx)("h2",{className:t()(r.uR),children:"Decision Details"}),(0,s.jsxs)("div",{className:r.fm,children:[(0,s.jsxs)("div",{children:[f(D.Number,"Number"),f(D.Type,"Type"),f(D.Prio,"Priority"),f(D.Options,"Options"),f(D.enabled?"Yes":"No","Enabled"),f(D.Number,"Decision Number"),f(D.activeCombination,"Active Combination Index"),f(D.disableHistory,"Disabled History")]}),D.DOC&&D.DOC.length>0&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("h3",{className:r.dY,children:"Decision Option Combinations"}),D.DOC.map((function(n,e){var d;return(0,s.jsxs)("div",{className:"decision-option-combination",children:["--------------------------------",f(e,"doc Index"),f(n.JsFormula,"Formula"),Object.values(null!==(d=n.Row)&&void 0!==d?d:{}).map((function(n){return(0,s.jsx)(s.Fragment,{children:f(n.join(";"),"Doc Row")})})),n.DA&&n.DA.length>0&&(0,s.jsxs)("div",{children:[(0,s.jsx)("h6",{children:"Decision Actions:"}),(0,s.jsx)("ul",{children:n.DA.map((function(n,e){return(0,s.jsxs)("li",{children:[f(n.Type,"Action Type"),f(n.FeatureRef,"Feature Ref"),f(n.OptionCodex,"OptionCodex"),f(n.OptionRef,"OptionRef"),f(n.OptionRefCodex,"OptionRefCodex"),f(n.OptionValueRefCodex,"OptionValueRefCodex"),f(n.DecisionNr,"DecisionNr")]},e)}))})]}),f(n.ValidOptionValues,"Valid Option Values"),f(n.RefLevel,"RefLevel"),f(n.ValidOptions,"Valid Options")]},e)}))]}),f(D.disableHistory,"Disabled History"),(0,s.jsxs)("p",{children:[(0,s.jsx)("strong",{children:"Is Valid DOC:"})," ",D.DOC&&D.DOC.length>0?"Yes":"No"]}),!!Object.values(u).length&&(0,s.jsxs)(s.Fragment,{children:["matching conditions",Object.keys(u).map((function(n){return f(n+": "+u[n],"")})),(0,s.jsx)("br",{})]}),!!h&&(0,s.jsxs)(s.Fragment,{children:["snapshot",(0,s.jsx)(l.gc,{shouldExpandNode:N,data:h,style:l._l})]}),!!x&&(0,s.jsx)(l.gc,{data:x,style:l._l})]})]})}var v,z=e;return(0,s.jsxs)("div",{ref:m,className:r.ii,children:[(0,s.jsx)("div",{className:r.UF,onClick:function onClick(){return null==c?void 0:c()}}),(0,s.jsxs)("h2",{className:t()(r.uR),children:["Decision #",z.decisionNo]}),(0,s.jsxs)("div",{className:r.fm,children:[(0,s.jsxs)("div",{children:[f(z.catalogId,"Catalog ID"),f(z._id,"Decision ID"),f(z.prio,"Priority"),f(z.decisionType,"Decision Type"),f(z.enabled?"Enabled":"Disabled","Status"),f(z.deleted?"Yes":"No","Deleted"),f(z.featureRefs,"Feature References"),f(z.disableHistory,"Disable History"),f(z.activeCombination,"Active Combination Seqence")]}),(0,s.jsx)("h3",{className:r.dY,children:"Option Combinations"}),(0,s.jsxs)("table",{className:r.ao,children:[(0,s.jsx)("thead",{children:(0,s.jsxs)("tr",{children:[(0,s.jsx)("th",{children:"Sequence"}),(0,s.jsx)("th",{children:"Actions"}),(0,s.jsx)("th",{children:"Options Set References"})]})}),(0,s.jsx)("tbody",{children:null===(v=z.optionCombinations)||void 0===v?void 0:v.map((function(n){return(0,s.jsxs)("tr",{className:t()(n.sequence===z.activeCombination?r.Se:void 0),children:[(0,s.jsx)("td",{children:n.sequence}),(0,s.jsx)("td",{children:JSON.stringify(n.projectActions)}),(0,s.jsx)("td",{children:JSON.stringify(n.optionsSetRefs)})]},n._id)}))})]}),!!Object.values(u).length&&(0,s.jsxs)(s.Fragment,{children:["matching conditions",Object.keys(u).map((function(n){return f(n+": "+u[n],"")})),(0,s.jsx)("br",{})]}),!!h&&(0,s.jsxs)(s.Fragment,{children:["snapshot",(0,s.jsx)(l.gc,{shouldExpandNode:N,data:h,style:l._l})]}),!!x&&(0,s.jsx)(l.gc,{data:x,style:l._l})]})]})}},33981:(n,e,d)=>{d.d(e,{EC:()=>C,FM:()=>D,Ff:()=>f,Fs:()=>w,Hy:()=>g,Se:()=>c,UF:()=>O,Uj:()=>b,Wy:()=>m,Xn:()=>N,YF:()=>v,ZP:()=>I,_g:()=>j,ao:()=>T,ap:()=>M,be:()=>h,dY:()=>L,fm:()=>S,gA:()=>z,hS:()=>p,ii:()=>A,qi:()=>k,s2:()=>y,uR:()=>Q});var o=d(8081),i=d.n(o),r=d(23645),l=d.n(r),a=d(61667),t=d.n(a),s=new URL(d(76380),d.b),u=l()(i()),x=t()(s);u.push([n.id,".index-module--sS9Y_ {\n  position: relative;\n  width: 100%;\n  border-collapse: collapse;\n  font-family: var(--diva-typography-font-family);\n  font-size: 13px;\n  background: #fff;\n  border-radius: 8px;\n  overflow: hidden;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);\n}\n\n.index-module--sS9Y_ thead {\n  background: linear-gradient(135deg, #2d3748 0%, #1a202c 100%);\n  color: #fff;\n  font-size: 12px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n}\n\n.index-module--sS9Y_ th,\n.index-module--sS9Y_ td {\n  padding: 10px 14px;\n  text-align: left;\n  border-bottom: 1px solid #e2e8f0;\n}\n\n.index-module--sS9Y_ tbody tr:hover {\n  background: #f7fafc;\n}\n\n.index-module--O5GJU {\n  text-align: left;\n}\n\n.index-module--O5GJU:first-child {\n  height: 20px;\n}\n\n.index-module--xNfvC {\n  font-weight: bold;\n}\n\n.index-module--oALcg {\n  height: 24px;\n  padding: 4px 10px;\n  font-size: 13px;\n  border: 1px solid #cbd5e0;\n  border-radius: 6px;\n  min-width: 120px;\n}\n\n.index-module--oALcg:focus {\n  outline: none;\n  border-color: var(--primaryColor);\n  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);\n}\n\n/* Layout */\n.index-module--GhBSZ {\n  margin: 8px 0 12px;\n  font-size: 13px;\n  color: #64748b;\n  line-height: 1.4;\n}\n\n.index-module--npZia {\n  display: flex;\n  flex-direction: row;\n  align-items: stretch;\n  gap: 16px;\n  margin-top: 16px;\n  flex-wrap: nowrap;\n  overflow-x: auto;\n  height: calc(100% - 112px);\n}\n\n.index-module--V0mkK {\n  flex: 0 0 auto;\n  align-self: stretch;\n  min-width: 150px;\n  width: 40%;\n}\n\n.index-module--V0mkK:first-child {\n  width: 20%;\n  min-width: 200px;\n}\n\n.index-module--fel7j,\n.index-module--Zomhv {\n  width: 100%;\n  min-height: 150px;\n  height: 100%;\n}\n\n.index-module--_YtbK {\n  width: 100%;\n  min-height: 80px;\n}\n\n.index-module--acays {\n  background: #ebf8ff !important;\n}\n\n.index-module--acays {\n  border-left: 3px solid var(--primaryColor);\n}\n\n.index-module--MkLHL {\n  flex: 0 0 auto;\n  align-self: flex-start;\n  padding: 16px;\n  background: #f8fafc;\n  border-radius: 8px;\n  border: 1px solid #e2e8f0;\n  min-width: 200px;\n  width: 30%;\n}\n\n.index-module--MkLHL h4 {\n  margin: 0 0 12px 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: #2d3748;\n}\n\n.index-module--H3t_n {\n  background: #e6fffa !important;\n}\n\n.index-module--H3t_n {\n  border-left: 3px solid #38b2ac;\n}\n\n.index-module--uYGu4 {\n  cursor: pointer;\n  transition: background 0.15s ease;\n}\n\n.index-module--uYGu4:hover {\n  background: #edf2f7;\n}\n\n.index-module--Pj7zk {\n  color: #38a169;\n  font-weight: 500;\n}\n\n.index-module--I3NCP {\n  color: #e53e3e;\n}\n\n.index-module--oSNpU {\n  color: #3182ce;\n  margin-left: 8px;\n}\n\n.index-module--Hc7XK {\n  background: none;\n  border: none;\n  padding: 0;\n  font: inherit;\n  color: var(--primaryColor);\n  text-decoration: underline;\n  cursor: pointer;\n}\n\n.index-module--Hc7XK:hover {\n  color: color-mix(in srgb, var(--primaryColor) 80%, black);\n}\n\n.index-module--HpoCh {\n  position: absolute;\n  right: 12px;\n  top: 12px;\n  z-index: 1002;\n  width: -moz-max-content;\n  width: max-content;\n  width: 36px;\n  height: 36px;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 28%;\n  background-image: url("+x+");\n  transition: background-size 100ms ease-in;\n  cursor: pointer;\n}\n.index-module--O5GJU th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.index-module--bBk4P {\n  overflow: auto;\n  width: 100%;\n  padding: 16px;\n  height: 100%;\n  position: relative;\n  box-sizing: border-box;\n}\n\n.index-module--sBWMs {\n  height: 8%;\n  width: calc(100% - 16px);\n  padding: 8px 16px;\n  text-align: center;\n  background: linear-gradient(135deg, var(--primaryColor) 0%, color-mix(in srgb, var(--primaryColor) 90%, black) 100%);\n  font-size: 18px;\n  color: white;\n  font-weight: 600;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 12px;\n  border-radius: 0 0 8px 8px;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\n}\n\n.index-module--XrXfq {\n  z-index: 100;\n  position: fixed;\n  top: 60px;\n  right: calc(0px + 36px);\n  right: calc(var(--toolbar-width, 0px) + 36px);\n  z-index: 100000;\n  width: 640px;\n  height: calc(100vh - 60px);\n}\n\n.index-module--uzZoJ {\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n  border: 1px solid #ddd;\n  border-radius: 8px;\n  pointer-events: all;\n  background-color: #fff;\n  width: 628px;\n  height: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.index-module--uzZoJ h2 {\n  margin: 8px 16px;\n}\n\n.index-module--wrmAf {\n  font-size: 1.5em;\n  font-weight: bold;\n}\n\n.index-module--GsJQn {\n  margin-top: 16px;\n  font-size: 1.2em;\n  font-weight: bold;\n}\n\n.index-module--gf_Q8 {\n  width: calc(100% - 4px);\n  border-collapse: collapse;\n  margin-top: 8px;\n}\n\n.index-module--gf_Q8 th,\n.index-module--gf_Q8 td {\n  border: 1px solid #ddd;\n  padding: 8px;\n  text-align: left;\n  line-break: anywhere;\n}\n\n.index-module--gf_Q8 th {\n  background-color: #f2f2f2;\n}\n\n/* Dark mode compatibility */\n.darkmode .index-module--GhBSZ,\nbody.darkmode .index-module--GhBSZ {\n  color: #94a3b8;\n}\n\n.darkmode .index-module--acays,\nbody.darkmode .index-module--acays {\n  background: rgba(56, 178, 172, 0.25) !important;\n}\n\n.darkmode .index-module--acays,\nbody.darkmode .index-module--acays {\n  border-left-color: #38b2ac;\n}\n\n.darkmode .index-module--H3t_n,\nbody.darkmode .index-module--H3t_n {\n  background: rgba(56, 178, 172, 0.25) !important;\n}\n\n.darkmode .index-module--H3t_n,\nbody.darkmode .index-module--H3t_n {\n  border-left: 3px solid #38b2ac;\n}\n\n.darkmode .index-module--MkLHL,\nbody.darkmode .index-module--MkLHL {\n  background: rgba(30, 41, 59, 0.6);\n  border-color: rgba(71, 85, 105, 0.8);\n}\n\n.darkmode .index-module--MkLHL h4,\nbody.darkmode .index-module--MkLHL h4 {\n  color: #e2e8f0;\n}\n\n.darkmode .index-module--Pj7zk,\nbody.darkmode .index-module--Pj7zk {\n  color: #68d391;\n}\n\n.darkmode .index-module--I3NCP,\nbody.darkmode .index-module--I3NCP {\n  color: #fc8181;\n}\n\n.darkmode .index-module--oSNpU,\nbody.darkmode .index-module--oSNpU {\n  color: #63b3ed;\n}\n\n.darkmode .index-module--Hc7XK,\nbody.darkmode .index-module--Hc7XK {\n  color: #63b3ed;\n}\n\n.darkmode .index-module--Hc7XK:hover,\nbody.darkmode .index-module--Hc7XK:hover {\n  color: #93c5fd;\n}\n\n.darkmode .index-module--uYGu4:hover,\nbody.darkmode .index-module--uYGu4:hover {\n  background: rgba(71, 85, 105, 0.3);\n}\n\n/* DecisionVisualizer / IDM container dark mode */\n.darkmode .index-module--uzZoJ,\nbody.darkmode .index-module--uzZoJ {\n  background-color: rgba(30, 41, 59, 0.95);\n  border-color: rgba(71, 85, 105, 0.8);\n}\n\n.darkmode .index-module--uzZoJ h2,\n.darkmode .index-module--uzZoJ .index-module--wrmAf,\nbody.darkmode .index-module--uzZoJ h2,\nbody.darkmode .index-module--uzZoJ .index-module--wrmAf {\n  color: #e2e8f0;\n}\n\n.darkmode .index-module--uzZoJ .index-module--GsJQn,\nbody.darkmode .index-module--uzZoJ .index-module--GsJQn {\n  color: #cbd5e1;\n}\n\n.darkmode .index-module--uzZoJ .index-module--gf_Q8 th,\n.darkmode .index-module--uzZoJ .index-module--gf_Q8 td,\nbody.darkmode .index-module--uzZoJ .index-module--gf_Q8 th,\nbody.darkmode .index-module--uzZoJ .index-module--gf_Q8 td {\n  border-color: rgba(71, 85, 105, 0.8);\n}\n\n.darkmode .index-module--uzZoJ .index-module--gf_Q8 th,\nbody.darkmode .index-module--uzZoJ .index-module--gf_Q8 th {\n  background-color: rgba(51, 65, 85, 0.8);\n  color: #e2e8f0;\n}\n\n.darkmode .index-module--uzZoJ .index-module--gf_Q8 td,\nbody.darkmode .index-module--uzZoJ .index-module--gf_Q8 td {\n  color: #e2e8f0;\n}\n\n.darkmode .index-module--uzZoJ .index-module--bBk4P,\nbody.darkmode .index-module--uzZoJ .index-module--bBk4P {\n  color: #e2e8f0;\n}\n\n.darkmode .index-module--uzZoJ .index-module--HpoCh,\nbody.darkmode .index-module--uzZoJ .index-module--HpoCh {\n  filter: invert(1);\n}\n",""]);var c="index-module--xNfvC",m="index-module--GhBSZ",p="index-module--npZia",g="index-module--V0mkK",h="index-module--fel7j",b="index-module--Zomhv",f="index-module--_YtbK",N="index-module--acays",j="index-module--MkLHL",k="index-module--H3t_n",y="index-module--uYGu4",D="index-module--Pj7zk",v="index-module--I3NCP",z="index-module--oSNpU",M="index-module--Hc7XK",O="index-module--HpoCh",S="index-module--bBk4P",w="index-module--sBWMs",C="index-module--XrXfq",A="index-module--uzZoJ",Q="index-module--wrmAf",L="index-module--GsJQn",T="index-module--gf_Q8";const I=u},36115:(n,e,d)=>{d.d(e,{EC:()=>g.EC,FM:()=>g.FM,Ff:()=>g.Ff,Fs:()=>g.Fs,Hy:()=>g.Hy,Se:()=>g.Se,UF:()=>g.UF,Uj:()=>g.Uj,Wy:()=>g.Wy,Xn:()=>g.Xn,YF:()=>g.YF,_g:()=>g._g,ao:()=>g.ao,ap:()=>g.ap,be:()=>g.be,dY:()=>g.dY,fm:()=>g.fm,gA:()=>g.gA,hS:()=>g.hS,ii:()=>g.ii,qi:()=>g.qi,s2:()=>g.s2,uR:()=>g.uR});var o=d(93379),i=d.n(o),r=d(7795),l=d.n(r),a=d(90569),t=d.n(a),s=d(3565),u=d.n(s),x=d(19216),c=d.n(x),m=d(44589),p=d.n(m),g=d(33981),h={};h.styleTagTransform=p(),h.setAttributes=u(),h.insert=t().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=c();i()(g.ZP,h),g.ZP&&g.ZP.locals&&g.ZP.locals},76380:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMzUzNTUgMC42NDY0NDdDMS4xNTgyOSAwLjQ1MTE4NCAwLjg0MTcwOSAwLjQ1MTE4NCAwLjY0NjQ0NyAwLjY0NjQ0N0MwLjQ1MTE4NCAwLjg0MTcwOSAwLjQ1MTE4NCAxLjE1ODI5IDAuNjQ2NDQ3IDEuMzUzNTVMMS4zNTM1NSAwLjY0NjQ0N1pNOC42NDY0NSA5LjM1MzU1QzguODQxNzEgOS41NDg4MiA5LjE1ODI5IDkuNTQ4ODIgOS4zNTM1NSA5LjM1MzU1QzkuNTQ4ODIgOS4xNTgyOSA5LjU0ODgyIDguODQxNzEgOS4zNTM1NSA4LjY0NjQ1TDguNjQ2NDUgOS4zNTM1NVpNOS4zNTM1NSAxLjM1MzU1QzkuNTQ4ODIgMS4xNTgyOSA5LjU0ODgyIDAuODQxNzA5IDkuMzUzNTUgMC42NDY0NDdDOS4xNTgyOSAwLjQ1MTE4NCA4Ljg0MTcxIDAuNDUxMTg0IDguNjQ2NDUgMC42NDY0NDdMOS4zNTM1NSAxLjM1MzU1Wk0wLjY0NjQ0NyA4LjY0NjQ1QzAuNDUxMTg1IDguODQxNzEgMC40NTExODUgOS4xNTgyOSAwLjY0NjQ0NyA5LjM1MzU1QzAuODQxNzA5IDkuNTQ4ODEgMS4xNTgyOSA5LjU0ODgxIDEuMzUzNTUgOS4zNTM1NUwwLjY0NjQ0NyA4LjY0NjQ1Wk0wLjY0NjQ0NyAxLjM1MzU1TDguNjQ2NDUgOS4zNTM1NUw5LjM1MzU1IDguNjQ2NDVMMS4zNTM1NSAwLjY0NjQ0N0wwLjY0NjQ0NyAxLjM1MzU1Wk04LjY0NjQ1IDAuNjQ2NDQ3TDAuNjQ2NDQ3IDguNjQ2NDVMMS4zNTM1NSA5LjM1MzU1TDkuMzUzNTUgMS4zNTM1NUw4LjY0NjQ1IDAuNjQ2NDQ3WiIgZmlsbD0iIzRGNEY0RiIvPgo8L3N2Zz4K"}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3222],{13222:(n,e,d)=>{d.r(e),d.d(e,{default:()=>u});var o=d(38946),i=d(87363),r=d(36115),l=d(59165),a=d(65515),t=d.n(a),s=d(47514);const u=function DecisionVisualization(n){var e=n.decision,d=n.snapshots,a=n.matchingOptions,u=void 0===a?{}:a,x=n.anyData,c=n.onClose,m=(0,i.useRef)(null),p=(0,i.useState)(),g=(0,o.Z)(p,2),h=g[0],b=g[1],f=function renderIfDefined(n,e){return null!=n&&""!==n?(0,s.jsxs)("p",{children:[(0,s.jsxs)("strong",{children:[e,e?":":""]}),Array.isArray(n)?n.join(", "):n]}):null};(0,i.useEffect)((function(){if(d){var n={},e=function _loop(){var e=d.before[o],i=d.after[o];n[o]={after:i,before:e,removedOpvs:e.visibleOPVs.filter((function(n){return!i.visibleOPVs.includes(n)}))}};for(var o in d.before)e();b(n)}else b(void 0)}),[d]);var N=function isExpanded(n,e,d){var o=d;return!(void 0!==d&&!["removedOpvs","after","before"].includes(d))||!!(h&&o&&h[o]&&JSON.stringify(h[o].before)!==JSON.stringify(h[o].after))};if(void 0!==e.priceFeatureGroupNo){var j,k,y=e;return(0,s.jsxs)("div",{className:r.ii,ref:m,children:[(0,s.jsx)("div",{className:r.UF,onClick:function onClick(){return null==c?void 0:c()}}),(0,s.jsxs)("h2",{className:t()(r.uR),children:["PriceFeatureGroup #",y.priceFeatureGroupNo]}),(0,s.jsxs)("div",{className:r.fm,children:[(0,s.jsxs)("div",{children:[f(y.catalogId,"Catalog ID"),f(y._id,"priceFeatureGroup ID"),f(null===(j=y.priceFeatureGroupText)||void 0===j?void 0:j.DE,"priceFeatureGroupText"),f(y.projectPercentageSurcharges,"projectPercentageSurcharges"),f(y.isPercentage,"isPercentage"),f(y.comment,"comment"),f(y.featureNos,"Feature References"),f(y.additionalPrice,"Additional Price"),f(y.activeCombination,"Active Combination Seqence")]}),(0,s.jsx)("h3",{className:r.dY,children:"Option Combinations"}),(0,s.jsxs)("table",{className:r.ao,children:[(0,s.jsx)("thead",{children:(0,s.jsxs)("tr",{children:[(0,s.jsx)("th",{children:"Sequence"}),(0,s.jsx)("th",{children:"condition"}),(0,s.jsx)("th",{children:"priceField"})]})}),(0,s.jsx)("tbody",{children:null===(k=y.finishes)||void 0===k?void 0:k.map((function(n){return(0,s.jsxs)("tr",{className:t()(n.sequence===y.activeCombination?r.Se:void 0),children:[(0,s.jsx)("td",{children:n.sequence}),(0,s.jsx)("td",{children:JSON.stringify(n.optionsSetRefs)}),(0,s.jsxs)("td",{children:["PRFG",y.priceFeatureGroupNo+"_"+n.priceField]})]},n._id)}))})]}),(0,s.jsx)("br",{}),!!Object.values(u).length&&(0,s.jsxs)(s.Fragment,{children:["matching conditions",Object.keys(u).map((function(n){return f(n+": "+u[n],"")})),(0,s.jsx)("br",{})]}),!!h&&(0,s.jsxs)(s.Fragment,{children:["snapshot",(0,s.jsx)(l.gc,{shouldExpandNode:N,data:h,style:l._l})]}),!!x&&(0,s.jsx)(l.gc,{data:x,style:l._l})]})]})}if(void 0!==e.Number){var D=e;return(0,s.jsxs)("div",{ref:m,className:r.ii,children:[(0,s.jsx)("div",{className:r.UF,onClick:function onClick(){return null==c?void 0:c()}}),(0,s.jsx)("h2",{className:t()(r.uR),children:"Decision Details"}),(0,s.jsxs)("div",{className:r.fm,children:[(0,s.jsxs)("div",{children:[f(D.Number,"Number"),f(D.Type,"Type"),f(D.Prio,"Priority"),f(D.Options,"Options"),f(D.enabled?"Yes":"No","Enabled"),f(D.Number,"Decision Number"),f(D.activeCombination,"Active Combination Index"),f(D.disableHistory,"Disabled History")]}),D.DOC&&D.DOC.length>0&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("h3",{className:r.dY,children:"Decision Option Combinations"}),D.DOC.map((function(n,e){var d;return(0,s.jsxs)("div",{className:"decision-option-combination",children:["--------------------------------",f(e,"doc Index"),f(n.JsFormula,"Formula"),Object.values(null!==(d=n.Row)&&void 0!==d?d:{}).map((function(n){return(0,s.jsx)(s.Fragment,{children:f(n.join(";"),"Doc Row")})})),n.DA&&n.DA.length>0&&(0,s.jsxs)("div",{children:[(0,s.jsx)("h6",{children:"Decision Actions:"}),(0,s.jsx)("ul",{children:n.DA.map((function(n,e){return(0,s.jsxs)("li",{children:[f(n.Type,"Action Type"),f(n.FeatureRef,"Feature Ref"),f(n.OptionCodex,"OptionCodex"),f(n.OptionRef,"OptionRef"),f(n.OptionRefCodex,"OptionRefCodex"),f(n.OptionValueRefCodex,"OptionValueRefCodex"),f(n.DecisionNr,"DecisionNr")]},e)}))})]}),f(n.ValidOptionValues,"Valid Option Values"),f(n.RefLevel,"RefLevel"),f(n.ValidOptions,"Valid Options")]},e)}))]}),f(D.disableHistory,"Disabled History"),(0,s.jsxs)("p",{children:[(0,s.jsx)("strong",{children:"Is Valid DOC:"})," ",D.DOC&&D.DOC.length>0?"Yes":"No"]}),!!Object.values(u).length&&(0,s.jsxs)(s.Fragment,{children:["matching conditions",Object.keys(u).map((function(n){return f(n+": "+u[n],"")})),(0,s.jsx)("br",{})]}),!!h&&(0,s.jsxs)(s.Fragment,{children:["snapshot",(0,s.jsx)(l.gc,{shouldExpandNode:N,data:h,style:l._l})]}),!!x&&(0,s.jsx)(l.gc,{data:x,style:l._l})]})]})}var v,z=e;return(0,s.jsxs)("div",{ref:m,className:r.ii,children:[(0,s.jsx)("div",{className:r.UF,onClick:function onClick(){return null==c?void 0:c()}}),(0,s.jsxs)("h2",{className:t()(r.uR),children:["Decision #",z.decisionNo]}),(0,s.jsxs)("div",{className:r.fm,children:[(0,s.jsxs)("div",{children:[f(z.catalogId,"Catalog ID"),f(z._id,"Decision ID"),f(z.prio,"Priority"),f(z.decisionType,"Decision Type"),f(z.enabled?"Enabled":"Disabled","Status"),f(z.deleted?"Yes":"No","Deleted"),f(z.featureRefs,"Feature References"),f(z.disableHistory,"Disable History"),f(z.activeCombination,"Active Combination Seqence")]}),(0,s.jsx)("h3",{className:r.dY,children:"Option Combinations"}),(0,s.jsxs)("table",{className:r.ao,children:[(0,s.jsx)("thead",{children:(0,s.jsxs)("tr",{children:[(0,s.jsx)("th",{children:"Sequence"}),(0,s.jsx)("th",{children:"Actions"}),(0,s.jsx)("th",{children:"Options Set References"})]})}),(0,s.jsx)("tbody",{children:null===(v=z.optionCombinations)||void 0===v?void 0:v.map((function(n){return(0,s.jsxs)("tr",{className:t()(n.sequence===z.activeCombination?r.Se:void 0),children:[(0,s.jsx)("td",{children:n.sequence}),(0,s.jsx)("td",{children:JSON.stringify(n.projectActions)}),(0,s.jsx)("td",{children:JSON.stringify(n.optionsSetRefs)})]},n._id)}))})]}),!!Object.values(u).length&&(0,s.jsxs)(s.Fragment,{children:["matching conditions",Object.keys(u).map((function(n){return f(n+": "+u[n],"")})),(0,s.jsx)("br",{})]}),!!h&&(0,s.jsxs)(s.Fragment,{children:["snapshot",(0,s.jsx)(l.gc,{shouldExpandNode:N,data:h,style:l._l})]}),!!x&&(0,s.jsx)(l.gc,{data:x,style:l._l})]})]})}},33981:(n,e,d)=>{d.d(e,{EC:()=>C,FM:()=>D,Ff:()=>f,Fs:()=>w,Hy:()=>g,Se:()=>c,UF:()=>O,Uj:()=>b,Wy:()=>m,Xn:()=>N,YF:()=>v,ZP:()=>I,_g:()=>j,ao:()=>T,ap:()=>M,be:()=>h,dY:()=>L,fm:()=>S,gA:()=>z,hS:()=>p,ii:()=>A,qi:()=>k,s2:()=>y,uR:()=>Q});var o=d(8081),i=d.n(o),r=d(23645),l=d.n(r),a=d(61667),t=d.n(a),s=new URL(d(76380),d.b),u=l()(i()),x=t()(s);u.push([n.id,".index-module--sS9Y_ {\n  position: relative;\n  width: 100%;\n  border-collapse: collapse;\n  font-family: var(--diva-typography-font-family);\n  font-size: 13px;\n  background: #fff;\n  border-radius: 8px;\n  overflow: hidden;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);\n}\n\n.index-module--sS9Y_ thead {\n  background: linear-gradient(135deg, #2d3748 0%, #1a202c 100%);\n  color: #fff;\n  font-size: 12px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n}\n\n.index-module--sS9Y_ th,\n.index-module--sS9Y_ td {\n  padding: 10px 14px;\n  text-align: left;\n  border-bottom: 1px solid #e2e8f0;\n}\n\n.index-module--sS9Y_ tbody tr:hover {\n  background: #f7fafc;\n}\n\n.index-module--O5GJU {\n  text-align: left;\n}\n\n.index-module--O5GJU:first-child {\n  height: 20px;\n}\n\n.index-module--xNfvC {\n  font-weight: bold;\n}\n\n.index-module--oALcg {\n  height: 24px;\n  padding: 4px 10px;\n  font-size: 13px;\n  border: 1px solid #cbd5e0;\n  border-radius: 6px;\n  min-width: 120px;\n}\n\n.index-module--oALcg:focus {\n  outline: none;\n  border-color: var(--primaryColor);\n  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);\n}\n\n/* Layout */\n.index-module--GhBSZ {\n  margin: 8px 0 12px;\n  font-size: 13px;\n  color: #64748b;\n  line-height: 1.4;\n}\n\n.index-module--npZia {\n  display: flex;\n  flex-direction: row;\n  align-items: stretch;\n  gap: 16px;\n  margin-top: 16px;\n  flex-wrap: nowrap;\n  overflow-x: auto;\n  height: calc(100% - 112px);\n}\n\n.index-module--V0mkK {\n  flex: 0 0 auto;\n  align-self: stretch;\n  min-width: 150px;\n  width: 40%;\n}\n\n.index-module--V0mkK:first-child {\n  width: 20%;\n  min-width: 200px;\n}\n\n.index-module--fel7j,\n.index-module--Zomhv {\n  width: 100%;\n  min-height: 150px;\n  height: 100%;\n}\n\n.index-module--_YtbK {\n  width: 100%;\n  min-height: 80px;\n}\n\n.index-module--acays {\n  background: #ebf8ff !important;\n}\n\n.index-module--acays {\n  border-left: 3px solid var(--primaryColor);\n}\n\n.index-module--MkLHL {\n  flex: 0 0 auto;\n  align-self: flex-start;\n  padding: 16px;\n  background: #f8fafc;\n  border-radius: 8px;\n  border: 1px solid #e2e8f0;\n  min-width: 200px;\n  width: 30%;\n}\n\n.index-module--MkLHL h4 {\n  margin: 0 0 12px 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: #2d3748;\n}\n\n.index-module--H3t_n {\n  background: #e6fffa !important;\n}\n\n.index-module--H3t_n {\n  border-left: 3px solid #38b2ac;\n}\n\n.index-module--uYGu4 {\n  cursor: pointer;\n  transition: background 0.15s ease;\n}\n\n.index-module--uYGu4:hover {\n  background: #edf2f7;\n}\n\n.index-module--Pj7zk {\n  color: #38a169;\n  font-weight: 500;\n}\n\n.index-module--I3NCP {\n  color: #e53e3e;\n}\n\n.index-module--oSNpU {\n  color: #3182ce;\n  margin-left: 8px;\n}\n\n.index-module--Hc7XK {\n  background: none;\n  border: none;\n  padding: 0;\n  font: inherit;\n  color: var(--primaryColor);\n  text-decoration: underline;\n  cursor: pointer;\n}\n\n.index-module--Hc7XK:hover {\n  color: color-mix(in srgb, var(--primaryColor) 80%, black);\n}\n\n.index-module--HpoCh {\n  position: absolute;\n  right: 12px;\n  top: 12px;\n  z-index: 1002;\n  width: -moz-max-content;\n  width: max-content;\n  width: 36px;\n  height: 36px;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 28%;\n  background-image: url("+x+");\n  transition: background-size 100ms ease-in;\n  cursor: pointer;\n}\n.index-module--O5GJU th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.index-module--bBk4P {\n  overflow: auto;\n  width: 100%;\n  padding: 16px;\n  height: 100%;\n  position: relative;\n  box-sizing: border-box;\n}\n\n.index-module--sBWMs {\n  height: 8%;\n  width: calc(100% - 16px);\n  padding: 8px 16px;\n  text-align: center;\n  background: linear-gradient(135deg, var(--primaryColor) 0%, color-mix(in srgb, var(--primaryColor) 90%, black) 100%);\n  font-size: 18px;\n  color: white;\n  font-weight: 600;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 12px;\n  border-radius: 0 0 8px 8px;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\n}\n\n.index-module--XrXfq {\n  z-index: 100;\n  position: fixed;\n  top: 60px;\n  right: calc(0px + 36px);\n  right: calc(var(--toolbar-width, 0px) + 36px);\n  z-index: 100000;\n  width: 640px;\n  height: calc(100vh - 60px);\n}\n\n.index-module--uzZoJ {\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n  border: 1px solid #ddd;\n  border-radius: 8px;\n  pointer-events: all;\n  background-color: #fff;\n  width: 628px;\n  height: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.index-module--uzZoJ h2 {\n  margin: 8px 16px;\n}\n\n.index-module--wrmAf {\n  font-size: 1.5em;\n  font-weight: bold;\n}\n\n.index-module--GsJQn {\n  margin-top: 16px;\n  font-size: 1.2em;\n  font-weight: bold;\n}\n\n.index-module--gf_Q8 {\n  width: calc(100% - 4px);\n  border-collapse: collapse;\n  margin-top: 8px;\n}\n\n.index-module--gf_Q8 th,\n.index-module--gf_Q8 td {\n  border: 1px solid #ddd;\n  padding: 8px;\n  text-align: left;\n  line-break: anywhere;\n}\n\n.index-module--gf_Q8 th {\n  background-color: #f2f2f2;\n}\n\n/* Dark mode compatibility */\n.darkmode .index-module--GhBSZ,\nbody.darkmode .index-module--GhBSZ {\n  color: #94a3b8;\n}\n\n.darkmode .index-module--acays,\nbody.darkmode .index-module--acays {\n  background: rgba(56, 178, 172, 0.25) !important;\n}\n\n.darkmode .index-module--acays,\nbody.darkmode .index-module--acays {\n  border-left-color: #38b2ac;\n}\n\n.darkmode .index-module--H3t_n,\nbody.darkmode .index-module--H3t_n {\n  background: rgba(56, 178, 172, 0.25) !important;\n}\n\n.darkmode .index-module--H3t_n,\nbody.darkmode .index-module--H3t_n {\n  border-left: 3px solid #38b2ac;\n}\n\n.darkmode .index-module--MkLHL,\nbody.darkmode .index-module--MkLHL {\n  background: rgba(30, 41, 59, 0.6);\n  border-color: rgba(71, 85, 105, 0.8);\n}\n\n.darkmode .index-module--MkLHL h4,\nbody.darkmode .index-module--MkLHL h4 {\n  color: #e2e8f0;\n}\n\n.darkmode .index-module--Pj7zk,\nbody.darkmode .index-module--Pj7zk {\n  color: #68d391;\n}\n\n.darkmode .index-module--I3NCP,\nbody.darkmode .index-module--I3NCP {\n  color: #fc8181;\n}\n\n.darkmode .index-module--oSNpU,\nbody.darkmode .index-module--oSNpU {\n  color: #63b3ed;\n}\n\n.darkmode .index-module--Hc7XK,\nbody.darkmode .index-module--Hc7XK {\n  color: #63b3ed;\n}\n\n.darkmode .index-module--Hc7XK:hover,\nbody.darkmode .index-module--Hc7XK:hover {\n  color: #93c5fd;\n}\n\n.darkmode .index-module--uYGu4:hover,\nbody.darkmode .index-module--uYGu4:hover {\n  background: rgba(71, 85, 105, 0.3);\n}\n\n/* DecisionVisualizer / IDM container dark mode */\n.darkmode .index-module--uzZoJ,\nbody.darkmode .index-module--uzZoJ {\n  background-color: rgba(30, 41, 59, 0.95);\n  border-color: rgba(71, 85, 105, 0.8);\n}\n\n.darkmode .index-module--uzZoJ h2,\n.darkmode .index-module--uzZoJ .index-module--wrmAf,\nbody.darkmode .index-module--uzZoJ h2,\nbody.darkmode .index-module--uzZoJ .index-module--wrmAf {\n  color: #e2e8f0;\n}\n\n.darkmode .index-module--uzZoJ .index-module--GsJQn,\nbody.darkmode .index-module--uzZoJ .index-module--GsJQn {\n  color: #cbd5e1;\n}\n\n.darkmode .index-module--uzZoJ .index-module--gf_Q8 th,\n.darkmode .index-module--uzZoJ .index-module--gf_Q8 td,\nbody.darkmode .index-module--uzZoJ .index-module--gf_Q8 th,\nbody.darkmode .index-module--uzZoJ .index-module--gf_Q8 td {\n  border-color: rgba(71, 85, 105, 0.8);\n}\n\n.darkmode .index-module--uzZoJ .index-module--gf_Q8 th,\nbody.darkmode .index-module--uzZoJ .index-module--gf_Q8 th {\n  background-color: rgba(51, 65, 85, 0.8);\n  color: #e2e8f0;\n}\n\n.darkmode .index-module--uzZoJ .index-module--gf_Q8 td,\nbody.darkmode .index-module--uzZoJ .index-module--gf_Q8 td {\n  color: #e2e8f0;\n}\n\n.darkmode .index-module--uzZoJ .index-module--bBk4P,\nbody.darkmode .index-module--uzZoJ .index-module--bBk4P {\n  color: #e2e8f0;\n}\n\n.darkmode .index-module--uzZoJ .index-module--HpoCh,\nbody.darkmode .index-module--uzZoJ .index-module--HpoCh {\n  filter: invert(1);\n}\n",""]);var c="index-module--xNfvC",m="index-module--GhBSZ",p="index-module--npZia",g="index-module--V0mkK",h="index-module--fel7j",b="index-module--Zomhv",f="index-module--_YtbK",N="index-module--acays",j="index-module--MkLHL",k="index-module--H3t_n",y="index-module--uYGu4",D="index-module--Pj7zk",v="index-module--I3NCP",z="index-module--oSNpU",M="index-module--Hc7XK",O="index-module--HpoCh",S="index-module--bBk4P",w="index-module--sBWMs",C="index-module--XrXfq",A="index-module--uzZoJ",Q="index-module--wrmAf",L="index-module--GsJQn",T="index-module--gf_Q8";const I=u},36115:(n,e,d)=>{d.d(e,{EC:()=>g.EC,FM:()=>g.FM,Ff:()=>g.Ff,Fs:()=>g.Fs,Hy:()=>g.Hy,Se:()=>g.Se,UF:()=>g.UF,Uj:()=>g.Uj,Wy:()=>g.Wy,Xn:()=>g.Xn,YF:()=>g.YF,_g:()=>g._g,ao:()=>g.ao,ap:()=>g.ap,be:()=>g.be,dY:()=>g.dY,fm:()=>g.fm,gA:()=>g.gA,hS:()=>g.hS,ii:()=>g.ii,qi:()=>g.qi,s2:()=>g.s2,uR:()=>g.uR});var o=d(93379),i=d.n(o),r=d(7795),l=d.n(r),a=d(90569),t=d.n(a),s=d(3565),u=d.n(s),x=d(19216),c=d.n(x),m=d(44589),p=d.n(m),g=d(33981),h={};h.styleTagTransform=p(),h.setAttributes=u(),h.insert=t().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=c();i()(g.ZP,h),g.ZP&&g.ZP.locals&&g.ZP.locals},76380:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMzUzNTUgMC42NDY0NDdDMS4xNTgyOSAwLjQ1MTE4NCAwLjg0MTcwOSAwLjQ1MTE4NCAwLjY0NjQ0NyAwLjY0NjQ0N0MwLjQ1MTE4NCAwLjg0MTcwOSAwLjQ1MTE4NCAxLjE1ODI5IDAuNjQ2NDQ3IDEuMzUzNTVMMS4zNTM1NSAwLjY0NjQ0N1pNOC42NDY0NSA5LjM1MzU1QzguODQxNzEgOS41NDg4MiA5LjE1ODI5IDkuNTQ4ODIgOS4zNTM1NSA5LjM1MzU1QzkuNTQ4ODIgOS4xNTgyOSA5LjU0ODgyIDguODQxNzEgOS4zNTM1NSA4LjY0NjQ1TDguNjQ2NDUgOS4zNTM1NVpNOS4zNTM1NSAxLjM1MzU1QzkuNTQ4ODIgMS4xNTgyOSA5LjU0ODgyIDAuODQxNzA5IDkuMzUzNTUgMC42NDY0NDdDOS4xNTgyOSAwLjQ1MTE4NCA4Ljg0MTcxIDAuNDUxMTg0IDguNjQ2NDUgMC42NDY0NDdMOS4zNTM1NSAxLjM1MzU1Wk0wLjY0NjQ0NyA4LjY0NjQ1QzAuNDUxMTg1IDguODQxNzEgMC40NTExODUgOS4xNTgyOSAwLjY0NjQ0NyA5LjM1MzU1QzAuODQxNzA5IDkuNTQ4ODEgMS4xNTgyOSA5LjU0ODgxIDEuMzUzNTUgOS4zNTM1NUwwLjY0NjQ0NyA4LjY0NjQ1Wk0wLjY0NjQ0NyAxLjM1MzU1TDguNjQ2NDUgOS4zNTM1NUw5LjM1MzU1IDguNjQ2NDVMMS4zNTM1NSAwLjY0NjQ0N0wwLjY0NjQ0NyAxLjM1MzU1Wk04LjY0NjQ1IDAuNjQ2NDQ3TDAuNjQ2NDQ3IDguNjQ2NDVMMS4zNTM1NSA5LjM1MzU1TDkuMzUzNTUgMS4zNTM1NUw4LjY0NjQ1IDAuNjQ2NDQ3WiIgZmlsbD0iIzRGNEY0RiIvPgo8L3N2Zz4K"}}]);

package/build/umd/324.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 324.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[324,9001,4190,4551,7853],{68063:(n,e,t)=>{t.r(e),t.d(e,{default:()=>u});var i=t(80248),o=t(88291),r=(t(87363),t(63762)),a=t(39667),s=t(19047),l=t(88683),d=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}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,i.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 u=function BasketMobile(n){var e,t=Object.assign({},((0,o.Z)(n),n)),i=(0,r.NP)(),u=null===(e=i.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.find((function(n){return"ADD_TO_BASKET"===n.type})),c=(0,l.useTranslation)().t;return(0,d.jsx)(d.Fragment,{children:u?(0,d.jsx)("div",{onClick:function onClick(){return(0,s.onClickCheckout)(u,i,u.index,c)},className:t.className,style:{backgroundImage:"unset",display:"flex",justifyContent:"center",alignItems:"center"},children:(0,d.jsx)(a.default,{checkoutButton:_objectSpread({isPrimary:!0},u),size:32})}):(0,d.jsx)("div",_objectSpread(_objectSpread({},t),{},{onClick:function onClick(){return i.actionButtonState.onClickAddToBasket(i)}}))})}},69001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}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,i.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 a=function NavigationButtons(n){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},66014:(n,e,t)=>{t.r(e),t.d(e,{default:()=>k});var i=t(84658),o=t(88291),r=t(50747),a=t.n(r),s=t(63762),l=t(87363),d=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),g=t(90569),b=t.n(g),f=t(3565),m=t.n(f),h=t(19216),S=t.n(h),v=t(44589),w=t.n(v),y=t(39545),P={};P.styleTagTransform=w(),P.setAttributes=m(),P.insert=b().bind(null,"head"),P.domAPI=x(),P.insertStyleElement=S();c()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var j=t(47514);const k=(0,d.Pi)((function Inputbox(n){(0,o.Z)(n);var e=(0,s.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,i,o;e.settingsState.setInputBoxValue(null!==(n=null===(i=e.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==n?n:""),null===(o=t.current)||void 0===o||o.focus()}),[]),(0,l.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,j.jsx)(j.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var d=function(){var n=(0,i.Z)(a().mark((function _callee(){return a().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,j.jsx)("div",{children:(0,j.jsxs)("div",{className:y.Q_,children:[(0,j.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,j.jsxs)("div",{style:{width:"100%"},children:[(0,j.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,j.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(d(),n.stopPropagation())}(n)},className:y.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,j.jsx)("button",{className:y.vX,onClick:d})]})]})})}))},90324:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Z});var i=t(65515),o=t.n(i),r=t(63762),a=t(87363),s=t(93379),l=t.n(s),d=t(7795),u=t.n(d),c=t(90569),p=t.n(c),x=t(3565),g=t.n(x),b=t(19216),f=t.n(b),m=t(44589),h=t.n(m),S=t(26643),v={};v.styleTagTransform=h(),v.setAttributes=g(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=f();l()(S.ZP,v);S.ZP&&S.ZP.locals&&S.ZP.locals;var w=t(66014),y=t(34190),P=t(97853),j=t(69001),k=t(59342),O=t(46567),C=t(9420),T=t(68063),G=t(88683),I=t(54955),B=t(47514),N={"--primaryColor":"#a81e1e","--secondaryColor":"#4a4a4a","--thirdColor":"#f3f3f3","--settingsBackgroundColor":"rgba(248, 248, 248, 0.95)","--tabGroupBackground":"rgba(248, 248, 248, 0.95)","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--galleryItemRadius":"3px","--galleryItemRowCount":"4","--galleryItemMargin":"1%","--galleryItemRowCountSmall":"3","--galleryItemMarginSmall":"0.5%","--galleryItemBorderColor":"#e8e9ed83","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorder":"1px","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"10px","--settingsScrollerPaddingLeft":"10px","--configuratorActionHeight":"40px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0 , 0.3)","--globalBorderRadius":"3px","--mobile-tabgroup-drawer-border-radius":"12px","--buttons-border-radius":"8px"};const Z=(0,C.Pi)((function Ralph(n){var e=(0,r.NP)();(0,a.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(N)}),[]);var t=(0,G.useDivaCore)().state.isFullscreenComponent;return(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)("div",{ref:function ref(n){return e.uiState.setConfiguratorRef(n)},style:{pointerEvents:e.uiState.configuratorDisabled?"none":void 0},hidden:e.uiState.configuratorHidden,id:"wcConfigurator",className:o()(S.xn,e.uiState.configSettingsIsExpanded?S.zh:void 0,e.uiState.isMobileLandscape?S.rK:void 0,e.uiState.isMobilePortrait?S.tW:void 0),children:(0,B.jsxs)("div",{id:"wcConfigurator-wrapper",ref:function ref(n){return e.uiState.setWrapperRef(n)},className:S.Ly,children:[(0,B.jsx)(y.default,{className:S.kL}),e.uiState.isInMobileView?(0,B.jsx)(P.default,{tabgroupElement:(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(O.default,{className:S.x6,showCloseButtonInMobile:t?"left":void 0}),(0,B.jsx)(T.default,{className:S.Bg}),(0,B.jsx)(I.default,{})]})}):(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(O.default,{className:S.x6,showCloseButtonInMobile:"right"}),(0,B.jsx)(P.default,{className:S.vt}),(0,B.jsx)(j.default,{className:S.jl,showCheckoutButtons:e.uiState.isMobilePortrait}),(0,B.jsx)(k.default,{containerClassName:S.tM,showCheckoutButtons:!0})]}),")"]})}),e.settingsState.inputBoxVisible&&(0,B.jsx)(w.default,{})]})}))},34190:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}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,i.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 a=function Product(n){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/Product"}))}},51451:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var i=t(9420),o=(t(87363),t(63762)),r=t(82956),a=t(65515),s=t.n(a),l=t(47514);const d=(0,i.Pi)((function SettingsExpanderButtons(n){var e=(0,o.NP)(),t=e.settingsState.contentItemId&&e.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[e.uiState.doShowConfSettingsExpander&&!e.uiState.isInMobileView&&(0,l.jsx)("div",{className:s()(r.AH,t?r.al:void 0),onClick:e.uiState.onClickExpandConfigSettings}),!e.uiState.isInMobileView&&e.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!e.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:s()(r.EN,t?r.al:void 0),onClick:e.uiState.onClickExpandMaxConfigSettings}),!e.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:r.nW,onClick:e.uiState.onClickExpandMinConfigSettings})]})]})}))},84551:(n,e,t)=>{t.r(e),t.d(e,{default:()=>j});var i=t(34988),o=t(9420),r=t(87363),a=t(63762),s=t(93379),l=t.n(s),d=t(7795),u=t.n(d),c=t(90569),p=t.n(c),x=t(3565),g=t.n(x),b=t(19216),f=t.n(b),m=t(44589),h=t.n(m),S=t(76640),v={};v.styleTagTransform=h(),v.setAttributes=g(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=f();l()(S.ZP,v);S.ZP&&S.ZP.locals&&S.ZP.locals;var w=t(65515),y=t.n(w),P=t(47514);const j=(0,o.Pi)((function NavForwardButton(n){var e=(0,a.NP)(),t=(0,r.useState)(!1),o=(0,i.Z)(t,2),s=o[0],l=o[1];return(0,r.useEffect)((function(){setTimeout((function(){l(!e.actionButtonState.isOnLastStep&&!e.actionButtonState.isOnFirstStepDisabled)}),400)}),[e.actionButtonState.isOnLastStep,e.actionButtonState.isOnFirstStepDisabled]),(0,P.jsx)("div",{className:y()(S.YS,s&&S.oP,e.uiState.isTablet?S.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",e.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,P.jsx)("div",{className:S.qv})})}))},50393:(n,e,t)=>{t.r(e),t.d(e,{default:()=>v});var i=t(88291),o=t(9420),r=t(87363),a=t(37707),s=t(63762),l=t(82956),d=t(38188),u=t(74133),c=t(84658),p=t(34988),x=t(50747),g=t.n(x),b=t(88683),f=t(84551),m=t(65515),h=t.n(m),S=t(47514);const v=(0,o.Pi)((function SettingsSwiper(n){(0,i.Z)(n);var e=(0,s.NP)(),t=function useSwiperHook(n){var e=(0,r.useState)(null),t=(0,p.Z)(e,2),i=t[0],o=t[1],a=(0,r.useState)([]),s=(0,p.Z)(a,2),l=s[0],d=s[1];(0,r.useEffect)((function(){var e=Object.keys(n.tabGroupState.allTabGroups);d(e),n.tabGroupState.curTabGroup&&e.indexOf(n.tabGroupState.curTabGroup.key)!=(null==i?void 0:i.activeIndex)&&(null==i||i.slideTo(e.indexOf(n.tabGroupState.curTabGroup.key),400))}),[n.tabGroupState.allTabGroups,n.tabGroupState.curTabGroup,i]);var u=function(){var n=(0,c.Z)(g().mark((function _callee(){var n,e,t,o,r,a=arguments;return g().wrap((function _callee$(s){for(;;)switch(s.prev=s.next){case 0:if(n=a.length>0&&void 0!==a[0]?a[0]:50,e=a.length>1&&void 0!==a[1]?a[1]:500,i){s.next=4;break}return s.abrupt("return");case 4:return t=.25*e,o=i.getTranslate(),r=o-n,i.allowTouchMove=!1,i.setTransition(2*t),i.setTranslate(r),s.next=12,b.DivaUtils.Sleep(2*t);case 12:return i.setTransition(t),i.setTranslate(o-.5*n),s.next=16,b.DivaUtils.Sleep(t);case 16:return i.setTransition(.5*t),i.setTranslate(.8*r),s.next=20,b.DivaUtils.Sleep(.5*t);case 20:i.setTransition(1.75*t),i.setTranslate(o),i.allowTouchMove=!0;case 23:case"end":return s.stop()}}),_callee)})));return function teaseSwipe(){return n.apply(this,arguments)}}(),x=n.tabGroupState.curTabGroup?l.indexOf(n.tabGroupState.curTabGroup.key):0;return{swiperRef:i,setSwiperRef:o,allSwipes:l,handleSlideChange:function handleSlideChange(e){if(void 0!==n.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var t=e.activeIndex-l.indexOf(n.tabGroupState.curTabGroup.key);1==t?n.actionButtonState.onClickConfiguratorSettingsForth(!0):-1==t?n.actionButtonState.onClickConfiguratorSettingsBack():0!==t&&n.tabGroupState.allTabGroups[l[e.activeIndex]]&&n.tabGroupState.navigateToTabgroupByPosNr(n.tabGroupState.allTabGroups[l[e.activeIndex]].posNr)}},handleSetTransition:function handleSetTransition(){n.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){n.uiState.swiperNavigationActive=!1},initialSlide:x,teaseSwipe:u}}(e),o=t.setSwiperRef,x=t.allSwipes,m=t.handleSlideChange,v=t.handleSetTransition,w=t.handleTransitionEnd,y=t.initialSlide;return e.tabGroupState.curTabGroup&&null!=x&&x.length?(0,S.jsx)(a.tq,{onSlideChange:m,onSetTransition:v,onTransitionEnd:w,initialSlide:y,onSwiper:o,className:l.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:h()("swiper-wrapper",l.Iz),children:x.map((function(n){var t,i=e.tabGroupState.allTabGroups[n],o=i?null===(t=Array.from(i.options.values())[0])||void 0===t?void 0:t.title:void 0;return(0,S.jsx)(a.o5,{className:l.AI,children:n==e.tabGroupState.curTabGroup.key?(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(d.default,{},n),(0,S.jsx)(f.default,{})]}):(0,S.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:o&&(0,S.jsx)(u.default,{text:o,isSettingsHeader:!1,isInScroller:!0})})},n)}))}):(0,S.jsx)(S.Fragment,{})}))},97853:(n,e,t)=>{t.r(e),t.d(e,{default:()=>m});var i=t(80248),o=t(72874),r=(t(87363),t(63762)),a=t(80509),s=t(38188),l=t(9420),d=t(82956),u=t(65515),c=t.n(u),p=t(50393),x=t(51451),g=t(40283),b=t(47514),f=["className","tabgroupElement"];function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}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,i.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 m=(0,l.Pi)((function Settings(n){var e,t,i=n.className,l=n.tabgroupElement,u=(0,o.Z)(n,f),m=(0,r.NP)(),h=m.getIsInMobileView()&&m.getViewConfig().navigateMobileSwiper,S=(0,b.jsx)(b.Fragment,{children:h?(0,b.jsx)(p.default,{}):(0,b.jsxs)(b.Fragment,{children:[!m.uiState.isInMobileView&&!m.settingsState.forceSettingsHeaderInScrollContainer&&!m.wysiwygDebugState.wysiwygInspectView&&(0,b.jsx)(a.default,{},null!==(e=null===(t=m.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==e?e:0),(0,b.jsx)(s.default,{}),(0,b.jsx)(x.default,{})]})});return(0,b.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(i,d.vt,"horizontal"==m.tabGroupState.curTabGroupType?d.s1:void 0,m.uiState.configSettingsIsExpanded?d.zh:void 0),children:[(0,b.jsx)(g.default,{draggerElement:l,children:S}),!m.uiState.isInMobileView&&S]}))}))},54955:(n,e,t)=>{t.r(e),t.d(e,{default:()=>w});var i=t(88291),o=t(63762),r=(t(87363),t(9420)),a=t(93379),s=t.n(a),l=t(7795),d=t.n(l),u=t(90569),c=t.n(u),p=t(3565),x=t.n(p),g=t(19216),b=t.n(g),f=t(44589),m=t.n(f),h=t(29390),S={};S.styleTagTransform=m(),S.setAttributes=x(),S.insert=c().bind(null,"head"),S.domAPI=d(),S.insertStyleElement=b();s()(h.ZP,S);h.ZP&&h.ZP.locals&&h.ZP.locals;var v=t(47514);const w=(0,r.Pi)((function ProgressBar(n){var e;(0,i.Z)(n);var t=(0,o.NP)(),r=null===(e=t.configuratorStructureHandler)||void 0===e?void 0:e.lastConfigStep,a=t.tabGroupState.curConfigStep;if(!r||!a)return(0,v.jsx)(v.Fragment,{});var s=a.posNr,l=r.posNr,d=1==l?0:Math.round(s/l*100),u=100-d;return(0,v.jsxs)("div",{className:h.YS,children:[(0,v.jsx)("div",{className:h.L3,style:{width:d+"%"}}),(0,v.jsx)("div",{className:h.LM,style:{width:u+"%"}})]})}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>p,Jg:()=>g,Q_:()=>x,ZP:()=>f,vX:()=>b});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),s=t(61667),l=t.n(s),d=new URL(t(38403),t.b),u=a()(o()),c=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("+c+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var p="index-module--nrbS_",x="index-module--lGJqa",g="index-module--OZydS",b="index-module--FQDBA";const f=u},26643:(n,e,t)=>{t.d(e,{Bg:()=>w,Ly:()=>y,ZP:()=>P,jl:()=>h,kL:()=>b,rK:()=>x,tM:()=>S,tW:()=>g,vt:()=>f,x6:()=>m,xn:()=>p,zh:()=>v});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),s=t(61667),l=t.n(s),d=new URL(t(2431),t.b),u=a()(o()),c=l()(d);u.push([n.id,".index-module--QpGuZ {\n  position: relative;\n  height: calc(100% - 60px);\n  width: 100%;\n  margin: 30px 0;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 300;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n  overscroll-behavior-y: contain;\n  background-color: var(--configuratorBackgroundColor);\n}\n\n.index-module--QpGuZ *,\n.index-module--QpGuZ *::before,\n.index-module--QpGuZ *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--QpGuZ.index-module--M83gG {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n.index-module--QpGuZ.index-module--FX0XZ {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n/******************************************Product*******************************************/\n\n.index-module--y_P3G {\n  position: absolute;\n  width: 69%;\n  top: calc(56px + 20px);\n  height: calc(100% - 56px - 20px);\n}\n\n/**************************************ConfigPalette***************************************/\n.index-module--CgVUn {\n  position: absolute;\n  width: 31%;\n  overflow: visible;\n  z-index: 600;\n  right: 0px;\n  top: calc(56px + 20px);\n  height: calc(100% - 60px - 56px - 70px - 40px);\n  transition: width 0.2s ease-in-out;\n}\n\n/**************************************TabGroup********************************************/\n\n.index-module--mDl2O {\n  position: absolute;\n  z-index: 600;\n  height: 56px;\n  width: 100%;\n  transition: width 0.2s ease-in-out;\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.index-module--EZFN9 {\n  position: absolute;\n  width: calc(31% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n  height: 80px;\n  right: 0px;\n  bottom: calc(40px + 20px);\n  padding-top: 10px;\n  z-index: 600;\n  transition: width 0.2s ease-in-out;\n  padding-right: var(--settingsScrollerPaddingRight);\n  padding-left: var(--settingsScrollerPaddingLeft);\n  background-color: var(--settingsBackgroundColor);\n}\n\n/*************************************Basket Button****************************************/\n.index-module--Kxi4K {\n  position: absolute;\n  width: calc(31% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n  height: 40px;\n  right: 0px;\n  bottom: 0px;\n  padding-top: 20px;\n  z-index: 600;\n  transition: width 0.2s ease-in-out;\n  font-weight: 700;\n  padding-right: var(--settingsScrollerPaddingRight);\n  padding-left: var(--settingsScrollerPaddingLeft);\n}\n\n/****************************************Settings- Expanded *******************************/\n.index-module--xWB6r .index-module--CgVUn {\n  width: 62%;\n}\n\n.index-module--xWB6r .index-module--Kxi4K,\n.index-module--xWB6r .index-module--EZFN9 {\n  width: calc(62% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n}\n\n.index-module--QpGuZ.index-module--FX0XZ,\n.index-module--M83gG.index-module--QpGuZ {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n} /*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.index-module--M83gG .index-module--y_P3G {\n  width: 100%;\n  height: 100%;\n  top: 0px;\n  left: 0px;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.index-module--M83gG .index-module--CgVUn {\n  display: none;\n}\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.index-module--M83gG .index-module--mDl2O {\n  display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.index-module--M83gG .index-module--EZFN9 {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.index-module--M83gG .index-module--Kxi4K {\n  display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.index-module--FX0XZ .index-module--y_P3G {\n  top: 0px;\n  left: 0px;\n  height: var(--configuratorProductHeight);\n  transition: height 0.2s ease-out;\n  width: 100%;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.index-module--FX0XZ .index-module--CgVUn {\n  left: 0px;\n  top: auto;\n  top: initial;\n  transition: height 0.2s ease-out;\n  bottom: 0px;\n  width: 100%;\n  z-index: 1000;\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.index-module--FX0XZ .index-module--mDl2O {\n  position: relative;\n  right: auto;\n  right: initial;\n  top: auto;\n  top: initial;\n  transition: none 0s ease 0s;\n  transition: initial;\n  flex-grow: 10;\n  height: var(--configuratorTabGroupHeight);\n  width: 100%;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.index-module--FX0XZ .index-module--EZFN9 {\n  display: none;\n  bottom: 0px;\n  width: calc(100% - 10px);\n\n  height: calc(var(--configuratorActionHeight) - 5px);\n  margin: 0 5px 5px 5px;\n  padding-top: 0px;\n  right: 0px;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.index-module--FX0XZ .index-module--Kxi4K,\n.index-module--FX0XZ.index-module--fBW3N .index-module--Kxi4K {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Portrait onTop *********************************/\n\n.index-module--JoQjU {\n  position: relative;\n  transition: bottom 0.2s ease-out;\n  width: 50px;\n  height: var(--configuratorTabGroupHeight);\n  background: no-repeat url("+c+") center center var(--primaryColor);\n  background-size: 37%;\n  z-index: 300;\n}\n\n.index-module--oaff8 {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.index-module--M83gG,\n.index-module--FX0XZ {\n  --configuratorActionHeight: 50px;\n  --configuratorTabGroupHeight: 38px;\n}\n\n.index-module--QlPFY {\n  --configuratorTabGroupHeight: 50px;\n  --mobile-tabgroup-drawer-border-radius: 16px;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var p="index-module--QpGuZ",x="index-module--M83gG",g="index-module--FX0XZ",b="index-module--y_P3G",f="index-module--CgVUn",m="index-module--mDl2O",h="index-module--EZFN9",S="index-module--Kxi4K",v="index-module--xWB6r",w="index-module--JoQjU",y="index-module--oaff8";const P=u},76640:(n,e,t)=>{t.d(e,{Mq:()=>b,YS:()=>p,ZP:()=>f,oP:()=>g,qv:()=>x});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),s=t(61667),l=t.n(s),d=new URL(t(81165),t.b),u=a()(o()),c=l()(d);u.push([n.id,".index-module--OH1rD {\n  position: absolute;\n  transform: translateZ(0);\n  bottom: 12px;\n  right: 12px;\n  width: 42px;\n  height: 42px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--diva-theme-palette-primary-main);\n  border-radius: 50%;\n  cursor: pointer;\n  z-index: 12000;\n  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n  opacity: 0;\n  transition:\n    opacity 1.5s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n  pointer-events: none;\n}\n\n.index-module--OH1rD:hover {\n  scale: 0.8;\n}\n\n.index-module--OH1rD:focus {\n  scale: 0.9;\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--GRTuu {\n  width: 20px;\n  height: 20px;\n  background-image: url("+c+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n\n.index-module--BWnyQ {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.vaul-dragging .index-module--OH1rD {\n  opacity: 0;\n  transition:\n    opacity 0s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.index-module--CF6oq {\n  bottom: 16px;\n  right: 16px;\n  width: 52px;\n  height: 52px;\n}\n\n.index-module--CF6oq .index-module--GRTuu {\n  width: 26px;\n  height: 26px;\n}\n",""]);var p="index-module--OH1rD",x="index-module--GRTuu",g="index-module--BWnyQ",b="index-module--CF6oq";const f=u},29390:(n,e,t)=>{t.d(e,{L3:()=>l,LM:()=>d,YS:()=>s,ZP:()=>u});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([n.id,".index-module--rHd3V {\n  position: absolute;\n  width: 100%;\n  height: 3px;\n  bottom: 0;\n  left: 0;\n  z-index: 2000;\n}\n\n.index-module--_zSo1 {\n  background: #ccc;\n  border-radius: 0 1px 1px 0;\n  transition: width 0.35s ease-in-out;\n  height: 100%;\n}\n\n.index-module--tkNQ6 {\n  background: #eee;\n  transition: width 0.35s ease-in-out;\n  height: 100%;\n}\n",""]);var s="index-module--rHd3V",l="index-module--_zSo1",d="index-module--tkNQ6";const u=a},81165:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[324,9001,4190,4551,7853],{68063:(n,e,t)=>{t.r(e),t.d(e,{default:()=>u});var i=t(80248),o=t(88291),r=(t(87363),t(63762)),a=t(39667),s=t(19047),l=t(88683),d=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}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,i.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 u=function BasketMobile(n){var e,t=Object.assign({},((0,o.Z)(n),n)),i=(0,r.NP)(),u=null===(e=i.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.find((function(n){return"ADD_TO_BASKET"===n.type})),c=(0,l.useTranslation)().t;return(0,d.jsx)(d.Fragment,{children:u?(0,d.jsx)("div",{onClick:function onClick(){return(0,s.onClickCheckout)(u,i,u.index,c)},className:t.className,style:{backgroundImage:"unset",display:"flex",justifyContent:"center",alignItems:"center"},children:(0,d.jsx)(a.default,{checkoutButton:_objectSpread({isPrimary:!0},u),size:32})}):(0,d.jsx)("div",_objectSpread(_objectSpread({},t),{},{onClick:function onClick(){return i.actionButtonState.onClickAddToBasket(i)}}))})}},69001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}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,i.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 a=function NavigationButtons(n){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},66014:(n,e,t)=>{t.r(e),t.d(e,{default:()=>k});var i=t(84658),o=t(88291),r=t(50747),a=t.n(r),s=t(63762),l=t(87363),d=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),g=t(90569),b=t.n(g),f=t(3565),m=t.n(f),h=t(19216),S=t.n(h),v=t(44589),w=t.n(v),y=t(39545),P={};P.styleTagTransform=w(),P.setAttributes=m(),P.insert=b().bind(null,"head"),P.domAPI=x(),P.insertStyleElement=S();c()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var j=t(47514);const k=(0,d.Pi)((function Inputbox(n){(0,o.Z)(n);var e=(0,s.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,i,o;e.settingsState.setInputBoxValue(null!==(n=null===(i=e.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==n?n:""),null===(o=t.current)||void 0===o||o.focus()}),[]),(0,l.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,j.jsx)(j.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var d=function(){var n=(0,i.Z)(a().mark((function _callee(){return a().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,j.jsx)("div",{children:(0,j.jsxs)("div",{className:y.Q_,children:[(0,j.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,j.jsxs)("div",{style:{width:"100%"},children:[(0,j.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,j.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(d(),n.stopPropagation())}(n)},className:y.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,j.jsx)("button",{className:y.vX,onClick:d})]})]})})}))},90324:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Z});var i=t(65515),o=t.n(i),r=t(63762),a=t(87363),s=t(93379),l=t.n(s),d=t(7795),u=t.n(d),c=t(90569),p=t.n(c),x=t(3565),g=t.n(x),b=t(19216),f=t.n(b),m=t(44589),h=t.n(m),S=t(26643),v={};v.styleTagTransform=h(),v.setAttributes=g(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=f();l()(S.ZP,v);S.ZP&&S.ZP.locals&&S.ZP.locals;var w=t(66014),y=t(34190),P=t(97853),j=t(69001),k=t(59342),O=t(46567),C=t(9420),T=t(68063),G=t(88683),I=t(54955),B=t(47514),N={"--primaryColor":"#a81e1e","--secondaryColor":"#4a4a4a","--thirdColor":"#f3f3f3","--settingsBackgroundColor":"rgba(248, 248, 248, 0.95)","--tabGroupBackground":"rgba(248, 248, 248, 0.95)","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--galleryItemRadius":"3px","--galleryItemRowCount":"4","--galleryItemMargin":"1%","--galleryItemRowCountSmall":"3","--galleryItemMarginSmall":"0.5%","--galleryItemBorderColor":"#e8e9ed83","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorder":"1px","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"10px","--settingsScrollerPaddingLeft":"10px","--configuratorActionHeight":"40px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0 , 0.3)","--globalBorderRadius":"3px","--mobile-tabgroup-drawer-border-radius":"12px","--buttons-border-radius":"8px"};const Z=(0,C.Pi)((function Ralph(n){var e=(0,r.NP)();(0,a.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(N)}),[]);var t=(0,G.useDivaCore)().state.isFullscreenComponent;return(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)("div",{ref:function ref(n){return e.uiState.setConfiguratorRef(n)},style:{pointerEvents:e.uiState.configuratorDisabled?"none":void 0},hidden:e.uiState.configuratorHidden,id:"wcConfigurator",className:o()(S.xn,e.uiState.configSettingsIsExpanded?S.zh:void 0,e.uiState.isMobileLandscape?S.rK:void 0,e.uiState.isMobilePortrait?S.tW:void 0),children:(0,B.jsxs)("div",{id:"wcConfigurator-wrapper",ref:function ref(n){return e.uiState.setWrapperRef(n)},className:S.Ly,children:[(0,B.jsx)(y.default,{className:S.kL}),e.uiState.isInMobileView?(0,B.jsx)(P.default,{tabgroupElement:(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(O.default,{className:S.x6,showCloseButtonInMobile:t?"left":void 0}),(0,B.jsx)(T.default,{className:S.Bg}),(0,B.jsx)(I.default,{})]})}):(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(O.default,{className:S.x6,showCloseButtonInMobile:"right"}),(0,B.jsx)(P.default,{className:S.vt}),(0,B.jsx)(j.default,{className:S.jl,showCheckoutButtons:e.uiState.isMobilePortrait}),(0,B.jsx)(k.default,{containerClassName:S.tM,showCheckoutButtons:!0})]}),")"]})}),e.settingsState.inputBoxVisible&&(0,B.jsx)(w.default,{})]})}))},34190:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}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,i.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 a=function Product(n){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/Product"}))}},51451:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var i=t(9420),o=(t(87363),t(63762)),r=t(82956),a=t(65515),s=t.n(a),l=t(47514);const d=(0,i.Pi)((function SettingsExpanderButtons(n){var e=(0,o.NP)(),t=e.settingsState.contentItemId&&e.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[e.uiState.doShowConfSettingsExpander&&!e.uiState.isInMobileView&&(0,l.jsx)("div",{className:s()(r.AH,t?r.al:void 0),onClick:e.uiState.onClickExpandConfigSettings}),!e.uiState.isInMobileView&&e.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!e.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:s()(r.EN,t?r.al:void 0),onClick:e.uiState.onClickExpandMaxConfigSettings}),!e.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:r.nW,onClick:e.uiState.onClickExpandMinConfigSettings})]})]})}))},84551:(n,e,t)=>{t.r(e),t.d(e,{default:()=>j});var i=t(38946),o=t(9420),r=t(87363),a=t(63762),s=t(93379),l=t.n(s),d=t(7795),u=t.n(d),c=t(90569),p=t.n(c),x=t(3565),g=t.n(x),b=t(19216),f=t.n(b),m=t(44589),h=t.n(m),S=t(76640),v={};v.styleTagTransform=h(),v.setAttributes=g(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=f();l()(S.ZP,v);S.ZP&&S.ZP.locals&&S.ZP.locals;var w=t(65515),y=t.n(w),P=t(47514);const j=(0,o.Pi)((function NavForwardButton(n){var e=(0,a.NP)(),t=(0,r.useState)(!1),o=(0,i.Z)(t,2),s=o[0],l=o[1];return(0,r.useEffect)((function(){setTimeout((function(){l(!e.actionButtonState.isOnLastStep&&!e.actionButtonState.isOnFirstStepDisabled)}),400)}),[e.actionButtonState.isOnLastStep,e.actionButtonState.isOnFirstStepDisabled]),(0,P.jsx)("div",{className:y()(S.YS,s&&S.oP,e.uiState.isTablet?S.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",e.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,P.jsx)("div",{className:S.qv})})}))},50393:(n,e,t)=>{t.r(e),t.d(e,{default:()=>v});var i=t(88291),o=t(9420),r=t(87363),a=t(37707),s=t(63762),l=t(82956),d=t(38188),u=t(74133),c=t(84658),p=t(38946),x=t(50747),g=t.n(x),b=t(88683),f=t(84551),m=t(65515),h=t.n(m),S=t(47514);const v=(0,o.Pi)((function SettingsSwiper(n){(0,i.Z)(n);var e=(0,s.NP)(),t=function useSwiperHook(n){var e=(0,r.useState)(null),t=(0,p.Z)(e,2),i=t[0],o=t[1],a=(0,r.useState)([]),s=(0,p.Z)(a,2),l=s[0],d=s[1];(0,r.useEffect)((function(){var e=Object.keys(n.tabGroupState.allTabGroups);d(e),n.tabGroupState.curTabGroup&&e.indexOf(n.tabGroupState.curTabGroup.key)!=(null==i?void 0:i.activeIndex)&&(null==i||i.slideTo(e.indexOf(n.tabGroupState.curTabGroup.key),400))}),[n.tabGroupState.allTabGroups,n.tabGroupState.curTabGroup,i]);var u=function(){var n=(0,c.Z)(g().mark((function _callee(){var n,e,t,o,r,a=arguments;return g().wrap((function _callee$(s){for(;;)switch(s.prev=s.next){case 0:if(n=a.length>0&&void 0!==a[0]?a[0]:50,e=a.length>1&&void 0!==a[1]?a[1]:500,i){s.next=4;break}return s.abrupt("return");case 4:return t=.25*e,o=i.getTranslate(),r=o-n,i.allowTouchMove=!1,i.setTransition(2*t),i.setTranslate(r),s.next=12,b.DivaUtils.Sleep(2*t);case 12:return i.setTransition(t),i.setTranslate(o-.5*n),s.next=16,b.DivaUtils.Sleep(t);case 16:return i.setTransition(.5*t),i.setTranslate(.8*r),s.next=20,b.DivaUtils.Sleep(.5*t);case 20:i.setTransition(1.75*t),i.setTranslate(o),i.allowTouchMove=!0;case 23:case"end":return s.stop()}}),_callee)})));return function teaseSwipe(){return n.apply(this,arguments)}}(),x=n.tabGroupState.curTabGroup?l.indexOf(n.tabGroupState.curTabGroup.key):0;return{swiperRef:i,setSwiperRef:o,allSwipes:l,handleSlideChange:function handleSlideChange(e){if(void 0!==n.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var t=e.activeIndex-l.indexOf(n.tabGroupState.curTabGroup.key);1==t?n.actionButtonState.onClickConfiguratorSettingsForth(!0):-1==t?n.actionButtonState.onClickConfiguratorSettingsBack():0!==t&&n.tabGroupState.allTabGroups[l[e.activeIndex]]&&n.tabGroupState.navigateToTabgroupByPosNr(n.tabGroupState.allTabGroups[l[e.activeIndex]].posNr)}},handleSetTransition:function handleSetTransition(){n.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){n.uiState.swiperNavigationActive=!1},initialSlide:x,teaseSwipe:u}}(e),o=t.setSwiperRef,x=t.allSwipes,m=t.handleSlideChange,v=t.handleSetTransition,w=t.handleTransitionEnd,y=t.initialSlide;return e.tabGroupState.curTabGroup&&null!=x&&x.length?(0,S.jsx)(a.tq,{onSlideChange:m,onSetTransition:v,onTransitionEnd:w,initialSlide:y,onSwiper:o,className:l.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:h()("swiper-wrapper",l.Iz),children:x.map((function(n){var t,i=e.tabGroupState.allTabGroups[n],o=i?null===(t=Array.from(i.options.values())[0])||void 0===t?void 0:t.title:void 0;return(0,S.jsx)(a.o5,{className:l.AI,children:n==e.tabGroupState.curTabGroup.key?(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(d.default,{},n),(0,S.jsx)(f.default,{})]}):(0,S.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:o&&(0,S.jsx)(u.default,{text:o,isSettingsHeader:!1,isInScroller:!0})})},n)}))}):(0,S.jsx)(S.Fragment,{})}))},97853:(n,e,t)=>{t.r(e),t.d(e,{default:()=>m});var i=t(80248),o=t(72874),r=(t(87363),t(63762)),a=t(80509),s=t(38188),l=t(9420),d=t(82956),u=t(65515),c=t.n(u),p=t(50393),x=t(51451),g=t(40283),b=t(47514),f=["className","tabgroupElement"];function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}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,i.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 m=(0,l.Pi)((function Settings(n){var e,t,i=n.className,l=n.tabgroupElement,u=(0,o.Z)(n,f),m=(0,r.NP)(),h=m.getIsInMobileView()&&m.getViewConfig().navigateMobileSwiper,S=(0,b.jsx)(b.Fragment,{children:h?(0,b.jsx)(p.default,{}):(0,b.jsxs)(b.Fragment,{children:[!m.uiState.isInMobileView&&!m.settingsState.forceSettingsHeaderInScrollContainer&&!m.wysiwygDebugState.wysiwygInspectView&&(0,b.jsx)(a.default,{},null!==(e=null===(t=m.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==e?e:0),(0,b.jsx)(s.default,{}),(0,b.jsx)(x.default,{})]})});return(0,b.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(i,d.vt,"horizontal"==m.tabGroupState.curTabGroupType?d.s1:void 0,m.uiState.configSettingsIsExpanded?d.zh:void 0),children:[(0,b.jsx)(g.default,{draggerElement:l,children:S}),!m.uiState.isInMobileView&&S]}))}))},54955:(n,e,t)=>{t.r(e),t.d(e,{default:()=>w});var i=t(88291),o=t(63762),r=(t(87363),t(9420)),a=t(93379),s=t.n(a),l=t(7795),d=t.n(l),u=t(90569),c=t.n(u),p=t(3565),x=t.n(p),g=t(19216),b=t.n(g),f=t(44589),m=t.n(f),h=t(29390),S={};S.styleTagTransform=m(),S.setAttributes=x(),S.insert=c().bind(null,"head"),S.domAPI=d(),S.insertStyleElement=b();s()(h.ZP,S);h.ZP&&h.ZP.locals&&h.ZP.locals;var v=t(47514);const w=(0,r.Pi)((function ProgressBar(n){var e;(0,i.Z)(n);var t=(0,o.NP)(),r=null===(e=t.configuratorStructureHandler)||void 0===e?void 0:e.lastConfigStep,a=t.tabGroupState.curConfigStep;if(!r||!a)return(0,v.jsx)(v.Fragment,{});var s=a.posNr,l=r.posNr,d=1==l?0:Math.round(s/l*100),u=100-d;return(0,v.jsxs)("div",{className:h.YS,children:[(0,v.jsx)("div",{className:h.L3,style:{width:d+"%"}}),(0,v.jsx)("div",{className:h.LM,style:{width:u+"%"}})]})}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>p,Jg:()=>g,Q_:()=>x,ZP:()=>f,vX:()=>b});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),s=t(61667),l=t.n(s),d=new URL(t(38403),t.b),u=a()(o()),c=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("+c+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var p="index-module--nrbS_",x="index-module--lGJqa",g="index-module--OZydS",b="index-module--FQDBA";const f=u},26643:(n,e,t)=>{t.d(e,{Bg:()=>w,Ly:()=>y,ZP:()=>P,jl:()=>h,kL:()=>b,rK:()=>x,tM:()=>S,tW:()=>g,vt:()=>f,x6:()=>m,xn:()=>p,zh:()=>v});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),s=t(61667),l=t.n(s),d=new URL(t(2431),t.b),u=a()(o()),c=l()(d);u.push([n.id,".index-module--QpGuZ {\n  position: relative;\n  height: calc(100% - 60px);\n  width: 100%;\n  margin: 30px 0;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 300;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n  overscroll-behavior-y: contain;\n  background-color: var(--configuratorBackgroundColor);\n}\n\n.index-module--QpGuZ *,\n.index-module--QpGuZ *::before,\n.index-module--QpGuZ *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--QpGuZ.index-module--M83gG {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n.index-module--QpGuZ.index-module--FX0XZ {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n/******************************************Product*******************************************/\n\n.index-module--y_P3G {\n  position: absolute;\n  width: 69%;\n  top: calc(56px + 20px);\n  height: calc(100% - 56px - 20px);\n}\n\n/**************************************ConfigPalette***************************************/\n.index-module--CgVUn {\n  position: absolute;\n  width: 31%;\n  overflow: visible;\n  z-index: 600;\n  right: 0px;\n  top: calc(56px + 20px);\n  height: calc(100% - 60px - 56px - 70px - 40px);\n  transition: width 0.2s ease-in-out;\n}\n\n/**************************************TabGroup********************************************/\n\n.index-module--mDl2O {\n  position: absolute;\n  z-index: 600;\n  height: 56px;\n  width: 100%;\n  transition: width 0.2s ease-in-out;\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.index-module--EZFN9 {\n  position: absolute;\n  width: calc(31% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n  height: 80px;\n  right: 0px;\n  bottom: calc(40px + 20px);\n  padding-top: 10px;\n  z-index: 600;\n  transition: width 0.2s ease-in-out;\n  padding-right: var(--settingsScrollerPaddingRight);\n  padding-left: var(--settingsScrollerPaddingLeft);\n  background-color: var(--settingsBackgroundColor);\n}\n\n/*************************************Basket Button****************************************/\n.index-module--Kxi4K {\n  position: absolute;\n  width: calc(31% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n  height: 40px;\n  right: 0px;\n  bottom: 0px;\n  padding-top: 20px;\n  z-index: 600;\n  transition: width 0.2s ease-in-out;\n  font-weight: 700;\n  padding-right: var(--settingsScrollerPaddingRight);\n  padding-left: var(--settingsScrollerPaddingLeft);\n}\n\n/****************************************Settings- Expanded *******************************/\n.index-module--xWB6r .index-module--CgVUn {\n  width: 62%;\n}\n\n.index-module--xWB6r .index-module--Kxi4K,\n.index-module--xWB6r .index-module--EZFN9 {\n  width: calc(62% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n}\n\n.index-module--QpGuZ.index-module--FX0XZ,\n.index-module--M83gG.index-module--QpGuZ {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n} /*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.index-module--M83gG .index-module--y_P3G {\n  width: 100%;\n  height: 100%;\n  top: 0px;\n  left: 0px;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.index-module--M83gG .index-module--CgVUn {\n  display: none;\n}\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.index-module--M83gG .index-module--mDl2O {\n  display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.index-module--M83gG .index-module--EZFN9 {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.index-module--M83gG .index-module--Kxi4K {\n  display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.index-module--FX0XZ .index-module--y_P3G {\n  top: 0px;\n  left: 0px;\n  height: var(--configuratorProductHeight);\n  transition: height 0.2s ease-out;\n  width: 100%;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.index-module--FX0XZ .index-module--CgVUn {\n  left: 0px;\n  top: auto;\n  top: initial;\n  transition: height 0.2s ease-out;\n  bottom: 0px;\n  width: 100%;\n  z-index: 1000;\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.index-module--FX0XZ .index-module--mDl2O {\n  position: relative;\n  right: auto;\n  right: initial;\n  top: auto;\n  top: initial;\n  transition: none 0s ease 0s;\n  transition: initial;\n  flex-grow: 10;\n  height: var(--configuratorTabGroupHeight);\n  width: 100%;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.index-module--FX0XZ .index-module--EZFN9 {\n  display: none;\n  bottom: 0px;\n  width: calc(100% - 10px);\n\n  height: calc(var(--configuratorActionHeight) - 5px);\n  margin: 0 5px 5px 5px;\n  padding-top: 0px;\n  right: 0px;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.index-module--FX0XZ .index-module--Kxi4K,\n.index-module--FX0XZ.index-module--fBW3N .index-module--Kxi4K {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Portrait onTop *********************************/\n\n.index-module--JoQjU {\n  position: relative;\n  transition: bottom 0.2s ease-out;\n  width: 50px;\n  height: var(--configuratorTabGroupHeight);\n  background: no-repeat url("+c+") center center var(--primaryColor);\n  background-size: 37%;\n  z-index: 300;\n}\n\n.index-module--oaff8 {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.index-module--M83gG,\n.index-module--FX0XZ {\n  --configuratorActionHeight: 50px;\n  --configuratorTabGroupHeight: 38px;\n}\n\n.index-module--QlPFY {\n  --configuratorTabGroupHeight: 50px;\n  --mobile-tabgroup-drawer-border-radius: 16px;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var p="index-module--QpGuZ",x="index-module--M83gG",g="index-module--FX0XZ",b="index-module--y_P3G",f="index-module--CgVUn",m="index-module--mDl2O",h="index-module--EZFN9",S="index-module--Kxi4K",v="index-module--xWB6r",w="index-module--JoQjU",y="index-module--oaff8";const P=u},76640:(n,e,t)=>{t.d(e,{Mq:()=>b,YS:()=>p,ZP:()=>f,oP:()=>g,qv:()=>x});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),s=t(61667),l=t.n(s),d=new URL(t(81165),t.b),u=a()(o()),c=l()(d);u.push([n.id,".index-module--OH1rD {\n  position: absolute;\n  transform: translateZ(0);\n  bottom: 12px;\n  right: 12px;\n  width: 42px;\n  height: 42px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--diva-theme-palette-primary-main);\n  border-radius: 50%;\n  cursor: pointer;\n  z-index: 12000;\n  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n  opacity: 0;\n  transition:\n    opacity 1.5s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n  pointer-events: none;\n}\n\n.index-module--OH1rD:hover {\n  scale: 0.8;\n}\n\n.index-module--OH1rD:focus {\n  scale: 0.9;\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--GRTuu {\n  width: 20px;\n  height: 20px;\n  background-image: url("+c+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n\n.index-module--BWnyQ {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.vaul-dragging .index-module--OH1rD {\n  opacity: 0;\n  transition:\n    opacity 0s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.index-module--CF6oq {\n  bottom: 16px;\n  right: 16px;\n  width: 52px;\n  height: 52px;\n}\n\n.index-module--CF6oq .index-module--GRTuu {\n  width: 26px;\n  height: 26px;\n}\n",""]);var p="index-module--OH1rD",x="index-module--GRTuu",g="index-module--BWnyQ",b="index-module--CF6oq";const f=u},29390:(n,e,t)=>{t.d(e,{L3:()=>l,LM:()=>d,YS:()=>s,ZP:()=>u});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([n.id,".index-module--rHd3V {\n  position: absolute;\n  width: 100%;\n  height: 3px;\n  bottom: 0;\n  left: 0;\n  z-index: 2000;\n}\n\n.index-module--_zSo1 {\n  background: #ccc;\n  border-radius: 0 1px 1px 0;\n  transition: width 0.35s ease-in-out;\n  height: 100%;\n}\n\n.index-module--tkNQ6 {\n  background: #eee;\n  transition: width 0.35s ease-in-out;\n  height: 100%;\n}\n",""]);var s="index-module--rHd3V",l="index-module--_zSo1",d="index-module--tkNQ6";const u=a},81165:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);

package/build/umd/3401.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 3401.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3401],{65526:(e,t,n)=>{"use strict";var i=n(65807);function emptyFunction(){}function emptyFunctionWithReset(){}emptyFunctionWithReset.resetWarningCache=emptyFunction,e.exports=function(){function shim(e,t,n,o,r,s){if(s!==i){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function getShim(){return shim}shim.isRequired=shim;var e={array:shim,bigint:shim,bool:shim,func:shim,number:shim,object:shim,string:shim,symbol:shim,any:shim,arrayOf:getShim,element:shim,elementType:shim,instanceOf:getShim,node:shim,objectOf:getShim,oneOf:getShim,oneOfType:getShim,shape:getShim,exact:getShim,checkPropTypes:emptyFunctionWithReset,resetWarningCache:emptyFunction};return e.PropTypes=e,e}},36653:(e,t,n)=>{e.exports=n(65526)()},65807:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},54829:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>h});var i=n(34988),o=n(87363),r=n(65515),s=n.n(r),l=n(89229),a=n(22976),c=n.n(a),u=n(63762),p=n(47514),m=new l.FM(0,0);const h=function Rotation3DGrid(e){var t=e.item,n=e.plannerUIProps,r=(0,u.NP)(),a=(0,o.useState)(!1),h=(0,i.Z)(a,2),d=h[0],g=h[1],f=(0,o.useRef)(null),y=!1;return(0,p.jsx)(c(),{nodeRef:f,handle:".handle3DRotation",onStart:function onStart(e){!function onStartDragging(e){y=!0,"mousedown"==e.type?m=new l.FM(e.clientX,e.clientY):"touchstart"==e.type&&(m=new l.FM(e.touches[0].clientX,e.touches[0].clientY))}(e)},onDrag:function onDrag(e){!function onDragging(e){var n;if(y&&!d)g(!0),null===(n=t.onDragStartFunction)||void 0===n||n.call(t,t.setId,Number(t.elementId));else if(d){var i,o,s,a=null!==(i=r.productState.planner3DGridElement)&&void 0!==i&&i.getBoundingClientRect().left?r.productState.planner3DGridElement.getBoundingClientRect().left:0,c=null!==(o=r.productState.planner3DGridElement)&&void 0!==o&&o.getBoundingClientRect().top?r.productState.planner3DGridElement.getBoundingClientRect().top:0;if("mousemove"==e.type)null===(s=t.onDragMoveFunction)||void 0===s||s.call(t,t.setId,Number(t.elementId),new l.FM(e.clientX-a,e.clientY-c)),m.x=e.clientX,m.y=e.clientY;else if("touchmove"==e.type){var u;null===(u=t.onDragMoveFunction)||void 0===u||u.call(t,t.setId,Number(t.elementId),new l.FM(e.touches[0].clientX-a,e.touches[0].clientY-c)),m.x=e.touches[0].clientX,m.y=e.touches[0].clientY}}y=!1}(e)},onStop:function onStop(e){!function onDragEnd(e){var n;d&&(g(!1),null===(n=t.onDragEndFunction)||void 0===n||n.call(t,t.setId,Number(t.elementId))),y=!1}()},children:(0,p.jsx)("div",{ref:f,style:{visibility:d?"hidden":"visible",left:t.position.x+"px",top:t.position.y+"px"},className:s()("handle3DRotation",n.classes.buttonGeneral,n.classes.rotation.rot3DGrid)})})}}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3401],{65526:(e,t,n)=>{"use strict";var i=n(65807);function emptyFunction(){}function emptyFunctionWithReset(){}emptyFunctionWithReset.resetWarningCache=emptyFunction,e.exports=function(){function shim(e,t,n,o,r,s){if(s!==i){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function getShim(){return shim}shim.isRequired=shim;var e={array:shim,bigint:shim,bool:shim,func:shim,number:shim,object:shim,string:shim,symbol:shim,any:shim,arrayOf:getShim,element:shim,elementType:shim,instanceOf:getShim,node:shim,objectOf:getShim,oneOf:getShim,oneOfType:getShim,shape:getShim,exact:getShim,checkPropTypes:emptyFunctionWithReset,resetWarningCache:emptyFunction};return e.PropTypes=e,e}},36653:(e,t,n)=>{e.exports=n(65526)()},65807:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},54829:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>h});var i=n(38946),o=n(87363),r=n(65515),s=n.n(r),l=n(89229),a=n(22976),c=n.n(a),u=n(63762),p=n(47514),m=new l.FM(0,0);const h=function Rotation3DGrid(e){var t=e.item,n=e.plannerUIProps,r=(0,u.NP)(),a=(0,o.useState)(!1),h=(0,i.Z)(a,2),d=h[0],g=h[1],f=(0,o.useRef)(null),y=!1;return(0,p.jsx)(c(),{nodeRef:f,handle:".handle3DRotation",onStart:function onStart(e){!function onStartDragging(e){y=!0,"mousedown"==e.type?m=new l.FM(e.clientX,e.clientY):"touchstart"==e.type&&(m=new l.FM(e.touches[0].clientX,e.touches[0].clientY))}(e)},onDrag:function onDrag(e){!function onDragging(e){var n;if(y&&!d)g(!0),null===(n=t.onDragStartFunction)||void 0===n||n.call(t,t.setId,Number(t.elementId));else if(d){var i,o,s,a=null!==(i=r.productState.planner3DGridElement)&&void 0!==i&&i.getBoundingClientRect().left?r.productState.planner3DGridElement.getBoundingClientRect().left:0,c=null!==(o=r.productState.planner3DGridElement)&&void 0!==o&&o.getBoundingClientRect().top?r.productState.planner3DGridElement.getBoundingClientRect().top:0;if("mousemove"==e.type)null===(s=t.onDragMoveFunction)||void 0===s||s.call(t,t.setId,Number(t.elementId),new l.FM(e.clientX-a,e.clientY-c)),m.x=e.clientX,m.y=e.clientY;else if("touchmove"==e.type){var u;null===(u=t.onDragMoveFunction)||void 0===u||u.call(t,t.setId,Number(t.elementId),new l.FM(e.touches[0].clientX-a,e.touches[0].clientY-c)),m.x=e.touches[0].clientX,m.y=e.touches[0].clientY}}y=!1}(e)},onStop:function onStop(e){!function onDragEnd(e){var n;d&&(g(!1),null===(n=t.onDragEndFunction)||void 0===n||n.call(t,t.setId,Number(t.elementId))),y=!1}()},children:(0,p.jsx)("div",{ref:f,style:{visibility:d?"hidden":"visible",left:t.position.x+"px",top:t.position.y+"px"},className:s()("handle3DRotation",n.classes.buttonGeneral,n.classes.rotation.rot3DGrid)})})}}}]);

package/build/umd/3443.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 3443.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3443,4133,9596],{74133:(n,e,o)=>{o.r(e),o.d(e,{default:()=>d});var r=o(80248),t=(o(87363),o(2765)),i=o(47514);function ownKeys(n,e){var o=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.push.apply(o,r)}return o}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}const d=function SettingsHeader(n){return(0,i.jsx)(t.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Settings/SettingsHeaderContainer/SettingsItemHeader/Header"}))}},73443:(n,e,o)=>{o.r(e),o.d(e,{default:()=>S});var r=o(34988),t=o(87363),i=o(9420),d=o(63762),l=o(96935),c=o(74133),a=o(93379),s=o.n(a),x=o(7795),m=o.n(x),p=o(90569),u=o.n(p),b=o(3565),g=o.n(b),h=o(19216),f=o.n(h),w=o(44589),v=o.n(w),k=o(74219),y={};y.styleTagTransform=v(),y.setAttributes=g(),y.insert=u().bind(null,"head"),y.domAPI=m(),y.insertStyleElement=f();s()(k.ZP,y);k.ZP&&k.ZP.locals&&k.ZP.locals;var z=o(65515),j=o.n(z),O=o(47514);const S=(0,i.Pi)((function SliderComponent(n){var e=n.item,o=n.style,i=n.paletteId,a=(0,d.NP)(),s=(0,t.useState)({}),x=(0,r.Z)(s,2),m=x[0],p=x[1],u=(0,t.useState)([]),b=(0,r.Z)(u,2),g=b[0],h=b[1],f=(0,t.useState)(),w=(0,r.Z)(f,2),v=w[0],y=w[1],z=function onChangeComplete(n){void 0!==(null!=n?n:v)&&a.paletteViewHandler.clickedOnConfigPalette(g[null!=n?n:v],void 0,i)};return(0,t.useEffect)((function(){var n=e.groups.flatMap((function(n){return n.items}));h(n),y(n.findIndex((function(n){return n.sel}))),p(n.reduce((function(n,e,o){return n[o]=e.text,n}),{}))}),[e]),0===g.length?(0,O.jsx)(O.Fragment,{}):(0,O.jsxs)("div",{style:o,className:j()(k.YS,"no-swiping"),children:[(0,O.jsx)(c.default,{isInScroller:!0,isSettingsHeader:!1,item:e}),(0,O.jsx)("div",{className:k.sL,children:(0,O.jsx)(l.Z,{marks:m,trackStyle:{backgroundColor:"#e9e9e9"},value:v,onChange:function onChange(n){Array.isArray(n)&&(n=n[0]),y(n),z(n)},onChangeComplete:z,min:Number(Object.keys(m)[0]),max:Number(Object.keys(m)[Object.keys(m).length-1])})})]})}))},74219:(n,e,o)=>{o.d(e,{YS:()=>l,ZP:()=>a,sL:()=>c});var r=o(8081),t=o.n(r),i=o(23645),d=o.n(i)()(t());d.push([n.id,".index-module--vkNxi {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  margin-bottom: 24px;\n}\n\n.index-module--cmtxo {\n  width: calc(100% - 64px);\n  padding: 0px 32px;\n}\n\n.index-module--cmtxo .rc-slider {\n  position: relative;\n  width: 100%;\n  height: 14px;\n  padding: 5px 0;\n  border-radius: 6px;\n  touch-action: none;\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider * {\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider-rail {\n  position: absolute;\n  width: 100%;\n  height: 4px;\n  background-color: #e9e9e9;\n  border-radius: 6px;\n}\n.index-module--cmtxo .rc-slider-track,\n.index-module--cmtxo .rc-slider-tracks {\n  position: absolute;\n  height: 4px;\n  background-color: #abe2fb;\n  border-radius: 6px;\n}\n.index-module--cmtxo .rc-slider-track-draggable {\n  z-index: 1;\n  box-sizing: content-box;\n  background-clip: content-box;\n  border-top: 5px solid rgba(0, 0, 0, 0);\n  border-bottom: 5px solid rgba(0, 0, 0, 0);\n  transform: translateY(-5px);\n}\n.index-module--cmtxo .rc-slider-handle {\n  position: absolute;\n  z-index: 1;\n  width: 14px;\n  height: 14px;\n  margin-top: -5px;\n  background-color: #fff;\n  border: solid 2px #96dbfa;\n  border-radius: 50%;\n  cursor: pointer;\n  cursor: grab;\n  opacity: 0.8;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  touch-action: pan-x;\n}\n.index-module--cmtxo .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {\n  border-color: #57c5f7;\n  box-shadow: 0 0 0 5px #96dbfa;\n}\n.index-module--cmtxo .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging-delete {\n  opacity: 0;\n}\n.index-module--cmtxo .rc-slider-handle:focus {\n  outline: none;\n  box-shadow: none;\n}\n.index-module--cmtxo .rc-slider-handle.focus-visible {\n  border-color: #2db7f5;\n  box-shadow: 0 0 0 3px #96dbfa;\n}\n.index-module--cmtxo .rc-slider-handle:focus-visible {\n  border-color: #2db7f5;\n  box-shadow: 0 0 0 3px #96dbfa;\n}\n.index-module--cmtxo .rc-slider-handle-click-focused:focus {\n  border-color: #96dbfa;\n  box-shadow: none;\n  box-shadow: initial;\n}\n.index-module--cmtxo .rc-slider-handle:hover {\n  border-color: #57c5f7;\n}\n.index-module--cmtxo .rc-slider-handle:active {\n  border-color: #57c5f7;\n  box-shadow: 0 0 5px #57c5f7;\n  cursor: grabbing;\n}\n.index-module--cmtxo .rc-slider-mark {\n  position: absolute;\n  top: 18px;\n  left: 0;\n  width: 100%;\n  font-size: 12px;\n}\n.index-module--cmtxo .rc-slider-mark-text {\n  position: absolute;\n  display: inline-block;\n  color: #999;\n  text-align: center;\n  vertical-align: middle;\n  cursor: pointer;\n}\n.index-module--cmtxo .rc-slider-mark-text-active {\n  color: #666;\n}\n.index-module--cmtxo .rc-slider-step {\n  position: absolute;\n  width: 100%;\n  height: 4px;\n  background: transparent;\n}\n.index-module--cmtxo .rc-slider-dot {\n  position: absolute;\n  bottom: -2px;\n  width: 8px;\n  height: 8px;\n  vertical-align: middle;\n  background-color: #fff;\n  border: 2px solid #e9e9e9;\n  border-radius: 50%;\n  cursor: pointer;\n}\n.index-module--cmtxo .rc-slider-dot-active {\n  border-color: #96dbfa;\n}\n.index-module--cmtxo .rc-slider-dot-reverse {\n  margin-right: -4px;\n}\n.index-module--cmtxo .rc-slider-disabled {\n  background-color: #e9e9e9;\n}\n.index-module--cmtxo .rc-slider-disabled .rc-slider-track {\n  background-color: #ccc;\n}\n.index-module--cmtxo .rc-slider-disabled .rc-slider-handle,\n.index-module--cmtxo .rc-slider-disabled .rc-slider-dot {\n  background-color: #fff;\n  border-color: #ccc;\n  box-shadow: none;\n  cursor: not-allowed;\n}\n.index-module--cmtxo .rc-slider-disabled .rc-slider-mark-text,\n.index-module--cmtxo .rc-slider-disabled .rc-slider-dot {\n  cursor: not-allowed !important;\n}\n.index-module--cmtxo .rc-slider-vertical {\n  width: 14px;\n  height: 100%;\n  padding: 0 5px;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-rail {\n  width: 4px;\n  height: 100%;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-track {\n  bottom: 0;\n  left: 5px;\n  width: 4px;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-track-draggable {\n  border-top: 0;\n  border-right: 5px solid rgba(0, 0, 0, 0);\n  border-bottom: 0;\n  border-left: 5px solid rgba(0, 0, 0, 0);\n  transform: translateX(-5px);\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-handle {\n  position: absolute;\n  z-index: 1;\n  margin-top: 0;\n  margin-left: -5px;\n  touch-action: pan-y;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-mark {\n  top: 0;\n  left: 18px;\n  height: 100%;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-step {\n  width: 4px;\n  height: 100%;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-dot {\n  margin-left: -2px;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear {\n  display: block !important;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear {\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave {\n  display: block !important;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave {\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {\n  animation-name: rcSliderTooltipZoomDownIn;\n  animation-play-state: running;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {\n  animation-name: rcSliderTooltipZoomDownOut;\n  animation-play-state: running;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear {\n  transform: scale(0, 0);\n  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave {\n  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n}\n@keyframes index-module--xw4LC {\n  0% {\n    transform: scale(0, 0);\n    transform-origin: 50% 100%;\n    opacity: 0;\n  }\n  100% {\n    transform: scale(1, 1);\n    transform-origin: 50% 100%;\n  }\n}\n@keyframes index-module--bzXCO {\n  0% {\n    transform: scale(1, 1);\n    transform-origin: 50% 100%;\n  }\n  100% {\n    transform: scale(0, 0);\n    transform-origin: 50% 100%;\n    opacity: 0;\n  }\n}\n.index-module--cmtxo .rc-slider-tooltip {\n  position: absolute;\n  top: -9999px;\n  left: -9999px;\n  visibility: visible;\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider-tooltip * {\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider-tooltip-hidden {\n  display: none;\n}\n.index-module--cmtxo .rc-slider-tooltip-placement-top {\n  padding: 4px 0 8px 0;\n}\n.index-module--cmtxo .rc-slider-tooltip-inner {\n  min-width: 24px;\n  height: 24px;\n  padding: 6px 2px;\n  color: #fff;\n  font-size: 12px;\n  line-height: 1;\n  text-align: center;\n  text-decoration: none;\n  background-color: #6c6c6c;\n  border-radius: 6px;\n  box-shadow: 0 0 4px #d9d9d9;\n}\n.index-module--cmtxo .rc-slider-tooltip-arrow {\n  position: absolute;\n  width: 0;\n  height: 0;\n  border-color: transparent;\n  border-style: solid;\n}\n.index-module--cmtxo .rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {\n  bottom: 4px;\n  left: 50%;\n  margin-left: -4px;\n  border-width: 4px 4px 0;\n  border-top-color: #6c6c6c;\n}\n",""]);var l="index-module--vkNxi",c="index-module--cmtxo";const a=d}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3443,4133,9596],{74133:(n,e,o)=>{o.r(e),o.d(e,{default:()=>d});var r=o(80248),t=(o(87363),o(2765)),i=o(47514);function ownKeys(n,e){var o=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.push.apply(o,r)}return o}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}const d=function SettingsHeader(n){return(0,i.jsx)(t.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Settings/SettingsHeaderContainer/SettingsItemHeader/Header"}))}},73443:(n,e,o)=>{o.r(e),o.d(e,{default:()=>S});var r=o(38946),t=o(87363),i=o(9420),d=o(63762),l=o(96935),c=o(74133),a=o(93379),s=o.n(a),x=o(7795),m=o.n(x),p=o(90569),u=o.n(p),b=o(3565),g=o.n(b),h=o(19216),f=o.n(h),w=o(44589),v=o.n(w),k=o(74219),y={};y.styleTagTransform=v(),y.setAttributes=g(),y.insert=u().bind(null,"head"),y.domAPI=m(),y.insertStyleElement=f();s()(k.ZP,y);k.ZP&&k.ZP.locals&&k.ZP.locals;var z=o(65515),j=o.n(z),O=o(47514);const S=(0,i.Pi)((function SliderComponent(n){var e=n.item,o=n.style,i=n.paletteId,a=(0,d.NP)(),s=(0,t.useState)({}),x=(0,r.Z)(s,2),m=x[0],p=x[1],u=(0,t.useState)([]),b=(0,r.Z)(u,2),g=b[0],h=b[1],f=(0,t.useState)(),w=(0,r.Z)(f,2),v=w[0],y=w[1],z=function onChangeComplete(n){void 0!==(null!=n?n:v)&&a.paletteViewHandler.clickedOnConfigPalette(g[null!=n?n:v],void 0,i)};return(0,t.useEffect)((function(){var n=e.groups.flatMap((function(n){return n.items}));h(n),y(n.findIndex((function(n){return n.sel}))),p(n.reduce((function(n,e,o){return n[o]=e.text,n}),{}))}),[e]),0===g.length?(0,O.jsx)(O.Fragment,{}):(0,O.jsxs)("div",{style:o,className:j()(k.YS,"no-swiping"),children:[(0,O.jsx)(c.default,{isInScroller:!0,isSettingsHeader:!1,item:e}),(0,O.jsx)("div",{className:k.sL,children:(0,O.jsx)(l.Z,{marks:m,trackStyle:{backgroundColor:"#e9e9e9"},value:v,onChange:function onChange(n){Array.isArray(n)&&(n=n[0]),y(n),z(n)},onChangeComplete:z,min:Number(Object.keys(m)[0]),max:Number(Object.keys(m)[Object.keys(m).length-1])})})]})}))},74219:(n,e,o)=>{o.d(e,{YS:()=>l,ZP:()=>a,sL:()=>c});var r=o(8081),t=o.n(r),i=o(23645),d=o.n(i)()(t());d.push([n.id,".index-module--vkNxi {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  margin-bottom: 24px;\n}\n\n.index-module--cmtxo {\n  width: calc(100% - 64px);\n  padding: 0px 32px;\n}\n\n.index-module--cmtxo .rc-slider {\n  position: relative;\n  width: 100%;\n  height: 14px;\n  padding: 5px 0;\n  border-radius: 6px;\n  touch-action: none;\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider * {\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider-rail {\n  position: absolute;\n  width: 100%;\n  height: 4px;\n  background-color: #e9e9e9;\n  border-radius: 6px;\n}\n.index-module--cmtxo .rc-slider-track,\n.index-module--cmtxo .rc-slider-tracks {\n  position: absolute;\n  height: 4px;\n  background-color: #abe2fb;\n  border-radius: 6px;\n}\n.index-module--cmtxo .rc-slider-track-draggable {\n  z-index: 1;\n  box-sizing: content-box;\n  background-clip: content-box;\n  border-top: 5px solid rgba(0, 0, 0, 0);\n  border-bottom: 5px solid rgba(0, 0, 0, 0);\n  transform: translateY(-5px);\n}\n.index-module--cmtxo .rc-slider-handle {\n  position: absolute;\n  z-index: 1;\n  width: 14px;\n  height: 14px;\n  margin-top: -5px;\n  background-color: #fff;\n  border: solid 2px #96dbfa;\n  border-radius: 50%;\n  cursor: pointer;\n  cursor: grab;\n  opacity: 0.8;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  touch-action: pan-x;\n}\n.index-module--cmtxo .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {\n  border-color: #57c5f7;\n  box-shadow: 0 0 0 5px #96dbfa;\n}\n.index-module--cmtxo .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging-delete {\n  opacity: 0;\n}\n.index-module--cmtxo .rc-slider-handle:focus {\n  outline: none;\n  box-shadow: none;\n}\n.index-module--cmtxo .rc-slider-handle.focus-visible {\n  border-color: #2db7f5;\n  box-shadow: 0 0 0 3px #96dbfa;\n}\n.index-module--cmtxo .rc-slider-handle:focus-visible {\n  border-color: #2db7f5;\n  box-shadow: 0 0 0 3px #96dbfa;\n}\n.index-module--cmtxo .rc-slider-handle-click-focused:focus {\n  border-color: #96dbfa;\n  box-shadow: none;\n  box-shadow: initial;\n}\n.index-module--cmtxo .rc-slider-handle:hover {\n  border-color: #57c5f7;\n}\n.index-module--cmtxo .rc-slider-handle:active {\n  border-color: #57c5f7;\n  box-shadow: 0 0 5px #57c5f7;\n  cursor: grabbing;\n}\n.index-module--cmtxo .rc-slider-mark {\n  position: absolute;\n  top: 18px;\n  left: 0;\n  width: 100%;\n  font-size: 12px;\n}\n.index-module--cmtxo .rc-slider-mark-text {\n  position: absolute;\n  display: inline-block;\n  color: #999;\n  text-align: center;\n  vertical-align: middle;\n  cursor: pointer;\n}\n.index-module--cmtxo .rc-slider-mark-text-active {\n  color: #666;\n}\n.index-module--cmtxo .rc-slider-step {\n  position: absolute;\n  width: 100%;\n  height: 4px;\n  background: transparent;\n}\n.index-module--cmtxo .rc-slider-dot {\n  position: absolute;\n  bottom: -2px;\n  width: 8px;\n  height: 8px;\n  vertical-align: middle;\n  background-color: #fff;\n  border: 2px solid #e9e9e9;\n  border-radius: 50%;\n  cursor: pointer;\n}\n.index-module--cmtxo .rc-slider-dot-active {\n  border-color: #96dbfa;\n}\n.index-module--cmtxo .rc-slider-dot-reverse {\n  margin-right: -4px;\n}\n.index-module--cmtxo .rc-slider-disabled {\n  background-color: #e9e9e9;\n}\n.index-module--cmtxo .rc-slider-disabled .rc-slider-track {\n  background-color: #ccc;\n}\n.index-module--cmtxo .rc-slider-disabled .rc-slider-handle,\n.index-module--cmtxo .rc-slider-disabled .rc-slider-dot {\n  background-color: #fff;\n  border-color: #ccc;\n  box-shadow: none;\n  cursor: not-allowed;\n}\n.index-module--cmtxo .rc-slider-disabled .rc-slider-mark-text,\n.index-module--cmtxo .rc-slider-disabled .rc-slider-dot {\n  cursor: not-allowed !important;\n}\n.index-module--cmtxo .rc-slider-vertical {\n  width: 14px;\n  height: 100%;\n  padding: 0 5px;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-rail {\n  width: 4px;\n  height: 100%;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-track {\n  bottom: 0;\n  left: 5px;\n  width: 4px;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-track-draggable {\n  border-top: 0;\n  border-right: 5px solid rgba(0, 0, 0, 0);\n  border-bottom: 0;\n  border-left: 5px solid rgba(0, 0, 0, 0);\n  transform: translateX(-5px);\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-handle {\n  position: absolute;\n  z-index: 1;\n  margin-top: 0;\n  margin-left: -5px;\n  touch-action: pan-y;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-mark {\n  top: 0;\n  left: 18px;\n  height: 100%;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-step {\n  width: 4px;\n  height: 100%;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-dot {\n  margin-left: -2px;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear {\n  display: block !important;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear {\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave {\n  display: block !important;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave {\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {\n  animation-name: rcSliderTooltipZoomDownIn;\n  animation-play-state: running;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {\n  animation-name: rcSliderTooltipZoomDownOut;\n  animation-play-state: running;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear {\n  transform: scale(0, 0);\n  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave {\n  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n}\n@keyframes index-module--xw4LC {\n  0% {\n    transform: scale(0, 0);\n    transform-origin: 50% 100%;\n    opacity: 0;\n  }\n  100% {\n    transform: scale(1, 1);\n    transform-origin: 50% 100%;\n  }\n}\n@keyframes index-module--bzXCO {\n  0% {\n    transform: scale(1, 1);\n    transform-origin: 50% 100%;\n  }\n  100% {\n    transform: scale(0, 0);\n    transform-origin: 50% 100%;\n    opacity: 0;\n  }\n}\n.index-module--cmtxo .rc-slider-tooltip {\n  position: absolute;\n  top: -9999px;\n  left: -9999px;\n  visibility: visible;\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider-tooltip * {\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider-tooltip-hidden {\n  display: none;\n}\n.index-module--cmtxo .rc-slider-tooltip-placement-top {\n  padding: 4px 0 8px 0;\n}\n.index-module--cmtxo .rc-slider-tooltip-inner {\n  min-width: 24px;\n  height: 24px;\n  padding: 6px 2px;\n  color: #fff;\n  font-size: 12px;\n  line-height: 1;\n  text-align: center;\n  text-decoration: none;\n  background-color: #6c6c6c;\n  border-radius: 6px;\n  box-shadow: 0 0 4px #d9d9d9;\n}\n.index-module--cmtxo .rc-slider-tooltip-arrow {\n  position: absolute;\n  width: 0;\n  height: 0;\n  border-color: transparent;\n  border-style: solid;\n}\n.index-module--cmtxo .rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {\n  bottom: 4px;\n  left: 50%;\n  margin-left: -4px;\n  border-width: 4px 4px 0;\n  border-top-color: #6c6c6c;\n}\n",""]);var l="index-module--vkNxi",c="index-module--cmtxo";const a=d}}]);

package/build/umd/3448.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 3448.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3448,6340,6135,8544,1051,8657],{98544:(e,n,t)=>{t.r(n),t.d(n,{default:()=>j});var i=t(34988),r=t(93379),o=t.n(r),d=t(7795),a=t.n(d),s=t(90569),l=t.n(s),c=t(3565),u=t.n(c),x=t(19216),m=t.n(x),p=t(44589),C=t.n(p),f=t(23240),v={};v.styleTagTransform=C(),v.setAttributes=u(),v.insert=l().bind(null,"head"),v.domAPI=a(),v.insertStyleElement=m();o()(f.ZP,v);f.ZP&&f.ZP.locals&&f.ZP.locals;var h=t(87363),g=t(63762),P=t(65515),y=t.n(P),w=t(9420),b=t(47514);const j=(0,w.Pi)((function InfoIcon(e){var n,t,r,o=e.item,d=e.style,a=(0,g.NP)(),s=o.contentItemId,l=null!==(n=null!==(t=null!==(r=o.codex)&&void 0!==r?r:o.articleCodex)&&void 0!==t?t:o.title)&&void 0!==n?n:o.key,c=(0,h.useState)(!1),u=(0,i.Z)(c,2),x=u[0],m=u[1],p=o.sel||x;if((0,h.useEffect)((function(){var e=a.settingsState.contentItemVisible&&a.settingsState.contentItemId==s&&l==a.settingsState.clickedFrom;!e&&x&&m(!1),e&&!x&&m(!0)}),[a.settingsState.contentItemVisible,a.settingsState.contentItemId,a.settingsState.clickedFrom]),!o)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!o.op||null===(e=a.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||p}()?(0,b.jsx)("div",{className:f.um,onClick:function onClick(e){a.settingsState.onClickContentItemId(s,l),m(a.settingsState.contentItemVisible&&a.settingsState.contentItemId==s),e.stopPropagation()},style:d,children:(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("div",{className:y()(f.hv,p?void 0:f.al,x?f.FJ:void 0),children:(0,b.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,b.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,b.jsx)("path",{className:f.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,b.jsx)("path",{className:f.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,b.jsx)("div",{className:y()(f.dA,p?f.al:void 0),children:(0,b.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,b.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,b.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,b.jsx)(b.Fragment,{})}))},56340:(e,n,t)=>{t.r(n),t.d(n,{default:()=>c});var i=t(34988),r=t(88683),o=t(87363),d=t(7501),a=t(63762),s=t(9420),l=t(47514);const c=(0,s.Pi)((function PriceCounter(e){var n,t,s=e.price,c=e.formattingFn,u=e.duration,x=void 0===u?.5:u,m=(0,o.useState)(0),p=(0,i.Z)(m,2),C=p[0],f=p[1],v=(0,o.useState)(0),h=(0,i.Z)(v,2),g=h[0],P=h[1],y=(0,a.NP)();return(0,o.useEffect)((function(){f(s)}),[s]),(0,l.jsx)(d.ZP,{end:C,duration:x,decimals:null!==(n=null===(t=C.toString().split(".")[1])||void 0===t?void 0:t.length)&&void 0!==n?n:0,start:g,formattingFn:function formattingFn(e){return c?c(e):r.DivaUtils.formatPrice(e,y.productState.getPriceFormatForCounter(C))},onEnd:function onEnd(){P(C)}})}))},48657:(e,n,t)=>{t.r(n),t.d(n,{default:()=>I});var i=t(80248),r=t(34988),o=t(87363),d=t(93379),a=t.n(d),s=t(7795),l=t.n(s),c=t(90569),u=t.n(c),x=t(3565),m=t.n(x),p=t(19216),C=t.n(p),f=t(44589),v=t.n(f),h=t(8907),g={};g.styleTagTransform=v(),g.setAttributes=m(),g.insert=u().bind(null,"head"),g.domAPI=l(),g.insertStyleElement=C();a()(h.ZP,g);h.ZP&&h.ZP.locals&&h.ZP.locals;var P=t(88683),y=t(63762),w=t(65515),b=t.n(w),j=t(56340),S=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var Z=function AsyncRender1(e){var n=e.asyncPricePreview,t=e.children;return use(n)?t:(0,S.jsx)(S.Fragment,{})},F=function AsyncRender2(e){var n,t,i=e.asyncPricePreview,r=e.dontAnimatePrice,o=use(i),d=(0,y.NP)();switch(d.productState.pricePreview){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":t=o.price-o.origPrice;break;case"fromBasePrice":t=o.price-o.firstPrice}return(0,S.jsxs)(S.Fragment,{children:[(null===(n=window)||void 0===n||n.DIVA_LOGGER,""),(0,S.jsx)(j.default,{price:t,duration:r?0:.45,formattingFn:function formattingFn(e){return(e<0?"-":"+")+P.DivaUtils.formatPrice(Math.abs(e),d.productState.getPriceFormatForCounter(e))}})]})};function use(e){if("fulfilled"===e.status)return e.value;throw"rejected"===e.status?e.reason:("pending"===e.status||(e.status="pending",e.then((function(n){e.status="fulfilled",e.value=n}),(function(n){e.status="rejected",e.reason=n}))),e)}const I=function PricePreview(e){var n=e.asyncPricePreview,t=e.pos,i=void 0===t?"right":t,d=e.style,a=e.price,s=e.sel,l=e.dontAnimatePrice,c=(0,P.useDivaCore)().state,u=c.hidePrices,x=c.hideConfigPricePreview,m=(0,y.NP)(),p=(0,o.useState)(l),C=(0,r.Z)(p,2),f=C[0],v=C[1];if(u||"off"==m.productState.pricePreview)return(0,S.jsx)(S.Fragment,{});if(a)return(0,S.jsx)("div",{className:b()(h.aH,"left"==i?h.t$:h.F2,h.pn),style:d,children:P.DivaUtils.formatPrice(Math.abs(a),_objectSpread(_objectSpread({},P.DivaUtils.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))});var g=x||"fromCurrentPriceHideCurrent"==m.productState.pricePreview&&s;return n?(n.promise.then((function(){f||v(!0)})),(0,S.jsx)(o.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(Z,{asyncPricePreview:n.isVisible,children:(0,S.jsx)("div",{className:b()(h.aH,f&&!g?h.pn:void 0,m.getIsInMobileView()?h.ai:void 0,"left"==i?h.t$:h.F2),style:d,children:(0,S.jsx)(o.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(F,{asyncPricePreview:n.promise,dontAnimatePrice:l})})})})})):(0,S.jsx)(S.Fragment,{})}},93448:(e,n,t)=>{t.r(n),t.d(n,{default:()=>Z});var i=t(34988),r=t(87363),o=t(9420),d=t(63762),a=t(65515),s=t.n(a),l=t(93379),c=t.n(l),u=t(7795),x=t.n(u),m=t(90569),p=t.n(m),C=t(3565),f=t.n(C),v=t(19216),h=t.n(v),g=t(44589),P=t.n(g),y=t(23623),w={};w.styleTagTransform=P(),w.setAttributes=f(),w.insert=p().bind(null,"head"),w.domAPI=x(),w.insertStyleElement=h();c()(y.ZP,w);y.ZP&&y.ZP.locals&&y.ZP.locals;var b=t(98544),j=t(48657),S=t(47514);const Z=(0,o.Pi)((function Radio(e){var n=e.item,t=e.style,o=e.paletteId,a=e.displayMode,l=e.hidePricePreview,c=(0,d.NP)(),u=(0,r.useState)([]),x=(0,i.Z)(u,2),m=x[0],p=x[1],C=(0,r.useState)(),f=(0,i.Z)(C,2),v=f[0],h=f[1],g=(0,r.useState)(a||"boxed"),P=(0,i.Z)(g,2),w=P[0],Z=(P[1],(0,r.useState)(!1)),F=(0,i.Z)(Z,2),I=F[0],N=F[1];(0,r.useEffect)((function(){var e=n.groups.flatMap((function(e){return e.items})),t=e.every((function(e){return e.text.endsWith("cm")}));p(e),N(t),h(e.findIndex((function(e){return e.sel})))}),[n]);var k=function onChangeValue(e){h(e);var n=m[e];n&&c.paletteViewHandler.clickedOnConfigPalette(n,void 0,o)};if(0===m.length)return(0,S.jsx)(S.Fragment,{});var M=function getLabelText(e){return I?e.text.replace("cm",""):e.text};return(0,S.jsxs)("div",{className:y.YS,ref:function ref(e){return n.htmlRef=e},style:t,children:[(0,S.jsx)("div",{className:y.TN,children:n.name+(I?" (cm)":"")}),"boxed"===w?function renderBoxed(){return(0,S.jsx)("div",{className:y.UH,children:m.map((function(e,n){return(0,S.jsxs)("div",{className:s()(y.dm,v===n&&y.hv),onClick:function onClick(){return k(n)},children:[(0,S.jsx)("div",{dangerouslySetInnerHTML:{__html:M(e)}}),e.contentItemId&&(0,S.jsx)(b.default,{item:e},e.codex),!l&&void 0!==e.pricePreviewPromise&&(0,S.jsx)(j.default,{asyncPricePreview:e.pricePreviewPromise,sel:e.sel})]},n)}))})}():function renderList(){return(0,S.jsx)("div",{className:y.Lc,children:m.map((function(e,n){return(0,S.jsxs)("div",{className:y.vd,onClick:function onClick(){return k(n)},children:[(0,S.jsx)("div",{className:s()(y.w5,v===n&&y.hv),children:(0,S.jsx)("div",{className:s()(y.gB,v===n&&y.hv)})}),(0,S.jsx)("div",{className:s()(y.PS,v===n&&y.hv),dangerouslySetInnerHTML:{__html:M(e)}}),e.contentItemId&&(0,S.jsx)(b.default,{item:e},e.codex),!l&&void 0!==e.pricePreviewPromise&&(0,S.jsx)(j.default,{asyncPricePreview:e.pricePreviewPromise,sel:e.sel})]},n)}))})}()]})}))},23240:(e,n,t)=>{t.d(n,{FJ:()=>u,Oq:()=>c,ZP:()=>p,al:()=>m,dA:()=>l,fL:()=>x,hv:()=>s,um:()=>a});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n  transition:\n    0.3s width ease,\n    0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var a="index-module--CjCgr",s="index-module--C9QBx",l="index-module--a2wqn",c="index-module--fLFjU",u="index-module--nTN4r",x="index-module--FaRqp",m="index-module--oBSZj";const p=d},8907:(e,n,t)=>{t.d(n,{F2:()=>c,ZP:()=>x,aH:()=>a,ai:()=>s,pn:()=>u,t$:()=>l});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--bVDuL {\n  background-color: rgba(234,234,234,0.93333);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 14px;\n  line-height: 14px;\n  top: 0;\n  opacity: 0;\n  transition: opacity 0.35s ease-in-out;\n  white-space: nowrap;\n}\n\n.index-module--FqlZz.index-module--bVDuL {\n  font-size: 10px;\n  height: 12px;\n  line-height: 13px;\n}\n\n.index-module--zI2ES {\n  left: 0;\n  border-radius: 0px 0px 5px 0px;\n}\n\n.index-module--kN6Sz {\n  right: 0;\n  border-radius: 0px 0px 0px 5px;\n}\n\n.index-module--bd6dC {\n  opacity: 1;\n}\n\n@keyframes index-module--rw2Jt {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var a="index-module--bVDuL",s="index-module--FqlZz",l="index-module--zI2ES",c="index-module--kN6Sz",u="index-module--bd6dC";const x=d},23623:(e,n,t)=>{t.d(n,{Lc:()=>x,PS:()=>f,TN:()=>s,UH:()=>l,YS:()=>a,ZP:()=>v,dm:()=>c,gB:()=>C,hv:()=>u,vd:()=>m,w5:()=>p});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--ptxMZ {\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 24px;\n  width: 100%;\n}\n\n.index-module--X1DVu {\n  font-weight: bold;\n  font-size: 16px;\n  margin-bottom: 16px;\n  text-align: left;\n  color: var(--secondaryColor);\n}\n\n/* Boxed Mode */\n.index-module--KIReo {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n}\n\n.index-module--eoa3S {\n  position: relative;\n  border: 1px solid #e0e0e0;\n  border: 1px solid var(--optionItemBorderColor, #e0e0e0);\n  border-radius: var(--globalBorderRadius);\n  padding: 12px 24px;\n  cursor: pointer;\n  flex: 1;\n  min-width: 120px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: all 0.2s ease-in-out;\n  background-color: #fff;\n}\n\n.index-module--eoa3S.index-module--HoaxU {\n  border-color: var(--primaryColor);\n  color: var(--primaryColor);\n}\n\n/* List Mode */\n.index-module--qUNzP {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.index-module--WgT0o {\n  position: relative;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  gap: 12px;\n}\n\n.index-module--yqUyo {\n  width: 24px;\n  height: 24px;\n  border: 2px solid #e0e0e0;\n  border: 2px solid var(--optionItemBorderColor, #e0e0e0);\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: border-color 0.2s ease-in-out;\n}\n\n.index-module--yqUyo.index-module--HoaxU {\n  border-color: var(--primaryColor);\n}\n\n.index-module--FeZni {\n  width: 12px;\n  height: 12px;\n  background-color: var(--primaryColor);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease-in-out;\n}\n\n.index-module--FeZni.index-module--HoaxU {\n  opacity: 1;\n}\n\n.index-module--q1nJs {\n  font-size: 16px;\n  color: var(--secondaryColor);\n}\n\n.index-module--q1nJs.index-module--HoaxU {\n  color: var(--primaryColor);\n}\n\n/* Helper to toggle between modes for demo */\n.index-module--eyrXD {\n  font-size: 10px;\n  color: #999;\n  cursor: pointer;\n  margin-top: 8px;\n  text-decoration: underline;\n  align-self: flex-start;\n}",""]);var a="index-module--ptxMZ",s="index-module--X1DVu",l="index-module--KIReo",c="index-module--eoa3S",u="index-module--HoaxU",x="index-module--qUNzP",m="index-module--WgT0o",p="index-module--yqUyo",C="index-module--FeZni",f="index-module--q1nJs";const v=d}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3448,6340,6135,8544,1051,8657],{98544:(e,n,t)=>{t.r(n),t.d(n,{default:()=>j});var i=t(38946),r=t(93379),o=t.n(r),d=t(7795),a=t.n(d),s=t(90569),l=t.n(s),c=t(3565),u=t.n(c),x=t(19216),m=t.n(x),p=t(44589),C=t.n(p),f=t(23240),v={};v.styleTagTransform=C(),v.setAttributes=u(),v.insert=l().bind(null,"head"),v.domAPI=a(),v.insertStyleElement=m();o()(f.ZP,v);f.ZP&&f.ZP.locals&&f.ZP.locals;var h=t(87363),g=t(63762),P=t(65515),y=t.n(P),w=t(9420),b=t(47514);const j=(0,w.Pi)((function InfoIcon(e){var n,t,r,o=e.item,d=e.style,a=(0,g.NP)(),s=o.contentItemId,l=null!==(n=null!==(t=null!==(r=o.codex)&&void 0!==r?r:o.articleCodex)&&void 0!==t?t:o.title)&&void 0!==n?n:o.key,c=(0,h.useState)(!1),u=(0,i.Z)(c,2),x=u[0],m=u[1],p=o.sel||x;if((0,h.useEffect)((function(){var e=a.settingsState.contentItemVisible&&a.settingsState.contentItemId==s&&l==a.settingsState.clickedFrom;!e&&x&&m(!1),e&&!x&&m(!0)}),[a.settingsState.contentItemVisible,a.settingsState.contentItemId,a.settingsState.clickedFrom]),!o)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!o.op||null===(e=a.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||p}()?(0,b.jsx)("div",{className:f.um,onClick:function onClick(e){a.settingsState.onClickContentItemId(s,l),m(a.settingsState.contentItemVisible&&a.settingsState.contentItemId==s),e.stopPropagation()},style:d,children:(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("div",{className:y()(f.hv,p?void 0:f.al,x?f.FJ:void 0),children:(0,b.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,b.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,b.jsx)("path",{className:f.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,b.jsx)("path",{className:f.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,b.jsx)("div",{className:y()(f.dA,p?f.al:void 0),children:(0,b.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,b.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,b.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,b.jsx)(b.Fragment,{})}))},56340:(e,n,t)=>{t.r(n),t.d(n,{default:()=>c});var i=t(38946),r=t(88683),o=t(87363),d=t(7501),a=t(63762),s=t(9420),l=t(47514);const c=(0,s.Pi)((function PriceCounter(e){var n,t,s=e.price,c=e.formattingFn,u=e.duration,x=void 0===u?.5:u,m=(0,o.useState)(0),p=(0,i.Z)(m,2),C=p[0],f=p[1],v=(0,o.useState)(0),h=(0,i.Z)(v,2),g=h[0],P=h[1],y=(0,a.NP)();return(0,o.useEffect)((function(){f(s)}),[s]),(0,l.jsx)(d.ZP,{end:C,duration:x,decimals:null!==(n=null===(t=C.toString().split(".")[1])||void 0===t?void 0:t.length)&&void 0!==n?n:0,start:g,formattingFn:function formattingFn(e){return c?c(e):r.DivaUtils.formatPrice(e,y.productState.getPriceFormatForCounter(C))},onEnd:function onEnd(){P(C)}})}))},48657:(e,n,t)=>{t.r(n),t.d(n,{default:()=>I});var i=t(80248),r=t(38946),o=t(87363),d=t(93379),a=t.n(d),s=t(7795),l=t.n(s),c=t(90569),u=t.n(c),x=t(3565),m=t.n(x),p=t(19216),C=t.n(p),f=t(44589),v=t.n(f),h=t(8907),g={};g.styleTagTransform=v(),g.setAttributes=m(),g.insert=u().bind(null,"head"),g.domAPI=l(),g.insertStyleElement=C();a()(h.ZP,g);h.ZP&&h.ZP.locals&&h.ZP.locals;var P=t(88683),y=t(63762),w=t(65515),b=t.n(w),j=t(56340),S=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var Z=function AsyncRender1(e){var n=e.asyncPricePreview,t=e.children;return use(n)?t:(0,S.jsx)(S.Fragment,{})},F=function AsyncRender2(e){var n,t,i=e.asyncPricePreview,r=e.dontAnimatePrice,o=use(i),d=(0,y.NP)();switch(d.productState.pricePreview){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":t=o.price-o.origPrice;break;case"fromBasePrice":t=o.price-o.firstPrice}return(0,S.jsxs)(S.Fragment,{children:[(null===(n=window)||void 0===n||n.DIVA_LOGGER,""),(0,S.jsx)(j.default,{price:t,duration:r?0:.45,formattingFn:function formattingFn(e){return(e<0?"-":"+")+P.DivaUtils.formatPrice(Math.abs(e),d.productState.getPriceFormatForCounter(e))}})]})};function use(e){if("fulfilled"===e.status)return e.value;throw"rejected"===e.status?e.reason:("pending"===e.status||(e.status="pending",e.then((function(n){e.status="fulfilled",e.value=n}),(function(n){e.status="rejected",e.reason=n}))),e)}const I=function PricePreview(e){var n=e.asyncPricePreview,t=e.pos,i=void 0===t?"right":t,d=e.style,a=e.price,s=e.sel,l=e.dontAnimatePrice,c=(0,P.useDivaCore)().state,u=c.hidePrices,x=c.hideConfigPricePreview,m=(0,y.NP)(),p=(0,o.useState)(l),C=(0,r.Z)(p,2),f=C[0],v=C[1];if(u||"off"==m.productState.pricePreview)return(0,S.jsx)(S.Fragment,{});if(a)return(0,S.jsx)("div",{className:b()(h.aH,"left"==i?h.t$:h.F2,h.pn),style:d,children:P.DivaUtils.formatPrice(Math.abs(a),_objectSpread(_objectSpread({},P.DivaUtils.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))});var g=x||"fromCurrentPriceHideCurrent"==m.productState.pricePreview&&s;return n?(n.promise.then((function(){f||v(!0)})),(0,S.jsx)(o.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(Z,{asyncPricePreview:n.isVisible,children:(0,S.jsx)("div",{className:b()(h.aH,f&&!g?h.pn:void 0,m.getIsInMobileView()?h.ai:void 0,"left"==i?h.t$:h.F2),style:d,children:(0,S.jsx)(o.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(F,{asyncPricePreview:n.promise,dontAnimatePrice:l})})})})})):(0,S.jsx)(S.Fragment,{})}},93448:(e,n,t)=>{t.r(n),t.d(n,{default:()=>Z});var i=t(38946),r=t(87363),o=t(9420),d=t(63762),a=t(65515),s=t.n(a),l=t(93379),c=t.n(l),u=t(7795),x=t.n(u),m=t(90569),p=t.n(m),C=t(3565),f=t.n(C),v=t(19216),h=t.n(v),g=t(44589),P=t.n(g),y=t(23623),w={};w.styleTagTransform=P(),w.setAttributes=f(),w.insert=p().bind(null,"head"),w.domAPI=x(),w.insertStyleElement=h();c()(y.ZP,w);y.ZP&&y.ZP.locals&&y.ZP.locals;var b=t(98544),j=t(48657),S=t(47514);const Z=(0,o.Pi)((function Radio(e){var n=e.item,t=e.style,o=e.paletteId,a=e.displayMode,l=e.hidePricePreview,c=(0,d.NP)(),u=(0,r.useState)([]),x=(0,i.Z)(u,2),m=x[0],p=x[1],C=(0,r.useState)(),f=(0,i.Z)(C,2),v=f[0],h=f[1],g=(0,r.useState)(a||"boxed"),P=(0,i.Z)(g,2),w=P[0],Z=(P[1],(0,r.useState)(!1)),F=(0,i.Z)(Z,2),I=F[0],N=F[1];(0,r.useEffect)((function(){var e=n.groups.flatMap((function(e){return e.items})),t=e.every((function(e){return e.text.endsWith("cm")}));p(e),N(t),h(e.findIndex((function(e){return e.sel})))}),[n]);var k=function onChangeValue(e){h(e);var n=m[e];n&&c.paletteViewHandler.clickedOnConfigPalette(n,void 0,o)};if(0===m.length)return(0,S.jsx)(S.Fragment,{});var M=function getLabelText(e){return I?e.text.replace("cm",""):e.text};return(0,S.jsxs)("div",{className:y.YS,ref:function ref(e){return n.htmlRef=e},style:t,children:[(0,S.jsx)("div",{className:y.TN,children:n.name+(I?" (cm)":"")}),"boxed"===w?function renderBoxed(){return(0,S.jsx)("div",{className:y.UH,children:m.map((function(e,n){return(0,S.jsxs)("div",{className:s()(y.dm,v===n&&y.hv),onClick:function onClick(){return k(n)},children:[(0,S.jsx)("div",{dangerouslySetInnerHTML:{__html:M(e)}}),e.contentItemId&&(0,S.jsx)(b.default,{item:e},e.codex),!l&&void 0!==e.pricePreviewPromise&&(0,S.jsx)(j.default,{asyncPricePreview:e.pricePreviewPromise,sel:e.sel})]},n)}))})}():function renderList(){return(0,S.jsx)("div",{className:y.Lc,children:m.map((function(e,n){return(0,S.jsxs)("div",{className:y.vd,onClick:function onClick(){return k(n)},children:[(0,S.jsx)("div",{className:s()(y.w5,v===n&&y.hv),children:(0,S.jsx)("div",{className:s()(y.gB,v===n&&y.hv)})}),(0,S.jsx)("div",{className:s()(y.PS,v===n&&y.hv),dangerouslySetInnerHTML:{__html:M(e)}}),e.contentItemId&&(0,S.jsx)(b.default,{item:e},e.codex),!l&&void 0!==e.pricePreviewPromise&&(0,S.jsx)(j.default,{asyncPricePreview:e.pricePreviewPromise,sel:e.sel})]},n)}))})}()]})}))},23240:(e,n,t)=>{t.d(n,{FJ:()=>u,Oq:()=>c,ZP:()=>p,al:()=>m,dA:()=>l,fL:()=>x,hv:()=>s,um:()=>a});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n  transition:\n    0.3s width ease,\n    0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var a="index-module--CjCgr",s="index-module--C9QBx",l="index-module--a2wqn",c="index-module--fLFjU",u="index-module--nTN4r",x="index-module--FaRqp",m="index-module--oBSZj";const p=d},8907:(e,n,t)=>{t.d(n,{F2:()=>c,ZP:()=>x,aH:()=>a,ai:()=>s,pn:()=>u,t$:()=>l});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--bVDuL {\n  background-color: rgba(234,234,234,0.93333);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 14px;\n  line-height: 14px;\n  top: 0;\n  opacity: 0;\n  transition: opacity 0.35s ease-in-out;\n  white-space: nowrap;\n}\n\n.index-module--FqlZz.index-module--bVDuL {\n  font-size: 10px;\n  height: 12px;\n  line-height: 13px;\n}\n\n.index-module--zI2ES {\n  left: 0;\n  border-radius: 0px 0px 5px 0px;\n}\n\n.index-module--kN6Sz {\n  right: 0;\n  border-radius: 0px 0px 0px 5px;\n}\n\n.index-module--bd6dC {\n  opacity: 1;\n}\n\n@keyframes index-module--rw2Jt {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var a="index-module--bVDuL",s="index-module--FqlZz",l="index-module--zI2ES",c="index-module--kN6Sz",u="index-module--bd6dC";const x=d},23623:(e,n,t)=>{t.d(n,{Lc:()=>x,PS:()=>f,TN:()=>s,UH:()=>l,YS:()=>a,ZP:()=>v,dm:()=>c,gB:()=>C,hv:()=>u,vd:()=>m,w5:()=>p});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--ptxMZ {\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 24px;\n  width: 100%;\n}\n\n.index-module--X1DVu {\n  font-weight: bold;\n  font-size: 16px;\n  margin-bottom: 16px;\n  text-align: left;\n  color: var(--secondaryColor);\n}\n\n/* Boxed Mode */\n.index-module--KIReo {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n}\n\n.index-module--eoa3S {\n  position: relative;\n  border: 1px solid #e0e0e0;\n  border: 1px solid var(--optionItemBorderColor, #e0e0e0);\n  border-radius: var(--globalBorderRadius);\n  padding: 12px 24px;\n  cursor: pointer;\n  flex: 1;\n  min-width: 120px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: all 0.2s ease-in-out;\n  background-color: #fff;\n}\n\n.index-module--eoa3S.index-module--HoaxU {\n  border-color: var(--primaryColor);\n  color: var(--primaryColor);\n}\n\n/* List Mode */\n.index-module--qUNzP {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.index-module--WgT0o {\n  position: relative;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  gap: 12px;\n}\n\n.index-module--yqUyo {\n  width: 24px;\n  height: 24px;\n  border: 2px solid #e0e0e0;\n  border: 2px solid var(--optionItemBorderColor, #e0e0e0);\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: border-color 0.2s ease-in-out;\n}\n\n.index-module--yqUyo.index-module--HoaxU {\n  border-color: var(--primaryColor);\n}\n\n.index-module--FeZni {\n  width: 12px;\n  height: 12px;\n  background-color: var(--primaryColor);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease-in-out;\n}\n\n.index-module--FeZni.index-module--HoaxU {\n  opacity: 1;\n}\n\n.index-module--q1nJs {\n  font-size: 16px;\n  color: var(--secondaryColor);\n}\n\n.index-module--q1nJs.index-module--HoaxU {\n  color: var(--primaryColor);\n}\n\n/* Helper to toggle between modes for demo */\n.index-module--eyrXD {\n  font-size: 10px;\n  color: #999;\n  cursor: pointer;\n  margin-top: 8px;\n  text-decoration: underline;\n  align-self: flex-start;\n}",""]);var a="index-module--ptxMZ",s="index-module--X1DVu",l="index-module--KIReo",c="index-module--eoa3S",u="index-module--HoaxU",x="index-module--qUNzP",m="index-module--WgT0o",p="index-module--yqUyo",C="index-module--FeZni",f="index-module--q1nJs";const v=d}}]);