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

@crystaldesign/diva-web-planner-react 26.13.0-beta.32 → 26.13.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 (622) hide show

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3863.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3863],{73863:(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(91214),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([[3863],{73863:(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(25443),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/3879.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 3879.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3879,6871,858],{26871:(n,e,o)=>{o.r(e),o.d(e,{default:()=>M});var t=o(38946),i=o(65515),r=o.n(i),u=o(9420),a=o(87363),d=o(91214),l=o(47514),s=!1,c=!1;const M=(0,u.Pi)((function Outline3D(n){var e=n.items,o=n.plannerUIProps,i=(0,a.useState)(!1),u=(0,t.Z)(i,2),M=u[0],g=u[1],x=(0,d.NP)(),I=(0,d._w)();if(x.uiState.isLoading)return(0,l.jsx)(l.Fragment,{});var p=function on3DPlannerBGClick(n){x.viewPlannerHandler.onClearElementSelection()};return(0,l.jsx)("svg",{onMouseDown:function onMouseDown(n){s=!0,c=!1,g(!1)},onTouchStart:function onTouchStart(n){s=!0,c=!1,g(!1)},onMouseMove:function onMouseMove(n){s&&!M&&g(!0)},onTouchMove:function onTouchMove(n){s&&!M&&g(!0)},onMouseUp:function onMouseUp(n){M||c||p(),s=!1},onTouchEnd:function onTouchEnd(n){M||c||p(),s=!1},ref:function ref(n){x.productState.setPlanner3DImageSvgArea(n)},style:{zIndex:100,touchAction:"pan-x pan-y",height:"100%"},className:r()(o.classes.outline.outline3D.outlineSVG),children:e.map((function(n,e){return function renderPolygon(n){switch(n.elemState){case"selectable":return(0,l.jsx)("polygon",{onMouseUp:function onMouseUp(e){var o;c=!0,M||null===(o=n.clickFunction)||void 0===o||o.call(n,n.setId,Number(n.elementId))},onTouchEnd:function onTouchEnd(e){var o;c=!0,M||null===(o=n.clickFunction)||void 0===o||o.call(n,n.setId,Number(n.elementId))},onMouseEnter:function onMouseEnter(){M||I.updateOnHoverOutline3D(!0,n,"PosNr")},onMouseLeave:function onMouseLeave(){I.updateOnHoverOutline3D(!1,n,"PosNr")},points:n.polygonPoints,style:{zIndex:n.zIndex},className:r()("Outline3D"==n.type?o.classes.outline.outline3D.outlinePolygon:void 0,"Outline3D_Contour"==n.type?o.classes.outline.outline3D.outlinePolygonContours:void 0)},n.key.toString());case"selected":if("Outline3D_Contour"==n.type)return(0,l.jsx)("polygon",{points:n.polygonPoints,style:{zIndex:n.zIndex},className:r()(o.classes.outline.outline3D.outlinePolygonContoursSel)},n.key.toString())}return""}(n)}))},e.length>0?e[0].key:Math.random())}))},20858:(n,e,o)=>{o.r(e),o.d(e,{default:()=>l});var t=o(61965),i=o(91214),r=o(9420),u=(o(87363),o(26871)),a=o(13167),d=o(47514);const l=(0,r.Pi)((function PlannerUI(n){var e=n.plannerUIProps,o=(0,i._w)(),r=o.getItems(),l=o.getItemsOutline3D();return(0,d.jsxs)(d.Fragment,{children:[(0,t.Z)(r.keys()).map((function(n){return(0,t.Z)(r.get(n).keys()).map((function(o){return(0,d.jsx)(a.default,{plannerUIProps:e,items:r.get(n).get(o)},n+"_"+o)}))})),(0,d.jsx)(u.default,{items:l,plannerUIProps:e})]})}))},57223:(n,e,o)=>{o.d(e,{YC:()=>I,ZP:()=>N,ar:()=>x,h9:()=>m,mC:()=>p});var t=o(8081),i=o.n(t),r=o(23645),u=o.n(r),a=o(61667),d=o.n(a),l=new URL(o(51148),o.b),s=new URL(o(93840),o.b),c=u()(i()),M=d()(l),g=d()(s);c.push([n.id,".index-module--igtZz {\n  border-radius: 0px !important;\n}\n\n.index-module--igtZz {\n  height: var(--copyArrowSize);\n  width: var(--copyArrowSize);\n  background-repeat: no-repeat;\n  background-color: rgba(0, 0, 0, 0);\n  background-size: calc(var(--copyArrowSize) * 0.5);\n  background-position: left center;\n  position: absolute;\n  cursor: pointer;\n  transform-origin: top left;\n  z-index: 263;\n  margin-top: calc(var(--copyArrowSize) * -1.2);\n}\n\n.index-module--xWZpp {\n  background-image: url("+M+");\n  margin-left: calc(var(--copyArrowSize) * -1);\n}\n\n.index-module--JR7sV {\n  background-position: center center !important;\n}\n\n.index-module--JR7sV {\n  transform: rotate(90deg);\n  margin-top: calc(var(--copyArrowSize) * -0.8);\n  background-image: url("+M+");\n}\n\n.index-module--fwKzg {\n  margin-left: calc(var(--copyArrowSize) * -0.3);\n  background-image: url("+g+");\n}\n",""]);var x="index-module--igtZz",I="index-module--xWZpp",p="index-module--JR7sV",m="index-module--fwKzg";const N=c},64211:(n,e,o)=>{o.d(e,{B6:()=>g,NK:()=>M,ZP:()=>x});var t=o(8081),i=o.n(t),r=o(23645),u=o.n(r),a=o(61667),d=o.n(a),l=new URL(o(16423),o.b),s=u()(i()),c=d()(l);s.push([n.id,".index-module--e8kIS {\n  width: 87px;\n  height: 30px;\n  border-radius: 3px;\n  font-size: 15px;\n  line-height: 30px;\n  text-align: left;\n  margin-left: 3px;\n  background-color: rgba(230, 230, 230, 0.637);\n  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);\n  z-index: 262;\n  margin-top: -30px;\n  position: absolute;\n  background-position: 7% 59%;\n  background-image: url("+c+");\n  background-size: 17px 17px;\n  background-repeat: no-repeat;\n}\n.index-module--tg8Gj {\n  width: 30px;\n  height: 30px;\n  z-index: 262;\n}\n\n.index-module--e8kIS > div {\n  margin-left: 29px;\n}\n",""]);var M="index-module--e8kIS",g="index-module--tg8Gj";const x=s},52037:(n,e,o)=>{o.d(e,{Dd:()=>g,E:()=>a,Wb:()=>c,ZP:()=>x,e5:()=>s,ee:()=>M,pr:()=>l,uS:()=>d});var t=o(8081),i=o.n(t),r=o(23645),u=o.n(r)()(i());u.push([n.id,".index-module--W3FCQ {\n  z-index: 258;\n  position: absolute;\n  background-color: #639;\n  opacity: 0;\n  cursor: move;\n  transform-origin: left top;\n}\n\n.index-module--TwB7M {\n  z-index: 258;\n  position: absolute;\n  background-color: blue;\n  opacity: 0;\n  cursor: pointer;\n  transform-origin: left top;\n}\n\n.index-module--W3FCQ.index-module--mkmuq {\n  background-color: #dfdfdf;\n  z-index: 260;\n  opacity: 0.7;\n  border: 2px dashed #4a4a4a;\n}\n\n.index-module--U8YTd {\n  position: absolute;\n  left: 0px;\n  top: 0px;\n  width: 100%;\n  height: 100%;\n}\n\n.index-module--LYxD4 {\n  fill: transparent;\n  stroke: rgba(150, 150, 150, 0.4);\n  stroke-width: 0px;\n  cursor: pointer;\n}\n\n.index-module--cxKGF {\n  fill: transparent;\n  stroke: var(--primaryColor);\n  stroke-width: 1px;\n  cursor: pointer;\n}\n.index-module--yZKtB {\n  fill: transparent;\n  stroke: rgba(150, 150, 150, 0.4);\n  stroke-width: 0px;\n  cursor: pointer;\n}\n\n.index-module--yZKtB:hover {\n  fill: transparent;\n  stroke: var(--secondaryColor);\n  stroke-width: 1px;\n  cursor: pointer;\n}\n",""]);var a="index-module--W3FCQ",d="index-module--TwB7M",l="index-module--mkmuq",s="index-module--U8YTd",c="index-module--LYxD4",M="index-module--cxKGF",g="index-module--yZKtB";const x=u},45119:(n,e,o)=>{o.d(e,{YC:()=>I.YC,ar:()=>I.ar,h9:()=>I.h9,mC:()=>I.mC});var t=o(93379),i=o.n(t),r=o(7795),u=o.n(r),a=o(90569),d=o.n(a),l=o(3565),s=o.n(l),c=o(19216),M=o.n(c),g=o(44589),x=o.n(g),I=o(57223),p={};p.styleTagTransform=x(),p.setAttributes=s(),p.insert=d().bind(null,"head"),p.domAPI=u(),p.insertStyleElement=M();i()(I.ZP,p),I.ZP&&I.ZP.locals&&I.ZP.locals},92612:(n,e,o)=>{o.d(e,{B6:()=>I.B6,NK:()=>I.NK});var t=o(93379),i=o.n(t),r=o(7795),u=o.n(r),a=o(90569),d=o.n(a),l=o(3565),s=o.n(l),c=o(19216),M=o.n(c),g=o(44589),x=o.n(g),I=o(64211),p={};p.styleTagTransform=x(),p.setAttributes=s(),p.insert=d().bind(null,"head"),p.domAPI=u(),p.insertStyleElement=M();i()(I.ZP,p),I.ZP&&I.ZP.locals&&I.ZP.locals},97649:(n,e,o)=>{o.d(e,{Dd:()=>I.Dd,E:()=>I.E,Wb:()=>I.Wb,e5:()=>I.e5,ee:()=>I.ee,pr:()=>I.pr,uS:()=>I.uS});var t=o(93379),i=o.n(t),r=o(7795),u=o.n(r),a=o(90569),d=o.n(a),l=o(3565),s=o.n(l),c=o(19216),M=o.n(c),g=o(44589),x=o.n(g),I=o(52037),p={};p.styleTagTransform=x(),p.setAttributes=s(),p.insert=d().bind(null,"head"),p.domAPI=u(),p.insertStyleElement=M();i()(I.ZP,p),I.ZP&&I.ZP.locals&&I.ZP.locals},16423:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDExIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMC40Mzc1IDAuNjg4MzU0TDYuMTUxNzkgNS42ODgzNUwxLjQzNzUgMC42ODgzNTQiIHN0cm9rZT0iIzZGNkY2RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="},51148:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAxNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNDc2NTcgMTMuMTIwM0MxLjE1MTk2IDEyLjc4OTUgMC45ODk2NTggMTIuNjI0MiAwLjk4OTY1OCAxMi40MTk4QzAuOTg5NjU4IDEyLjIxNTQgMS4xNTE5NiAxMi4wNTAxIDEuNDc2NTcgMTEuNzE5M0wxMS44MjU0IDEuMTc1NDFDMTIuNTUzNCAwLjQzMzY1MSAxMi45MTc0IDAuMDYyNzcyOSAxMy4yMjgyIDAuMTg5ODIxQzEzLjUzOTEgMC4zMTY4NjggMTMuNTM5MSAwLjgzNjUzOCAxMy41MzkxIDEuODc1ODhMMTMuNTM5MSAyMi45NjM3QzEzLjUzOTEgMjQuMDAzMSAxMy41MzkxIDI0LjUyMjcgMTMuMjI4MiAyNC42NDk4QzEyLjkxNzQgMjQuNzc2OCAxMi41NTM0IDI0LjQwNTkgMTEuODI1NCAyMy42NjQyTDEuNDc2NTcgMTMuMTIwM1oiIGZpbGw9IiM0QTRBNEEiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMCw1cHgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgIC8+Cjwvc3ZnPgo="},93840:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAxNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjAyOTEgMTEuNzE5M0MxMy4zNTM3IDEyLjA1MDEgMTMuNTE2IDEyLjIxNTQgMTMuNTE2IDEyLjQxOThDMTMuNTE2IDEyLjYyNDIgMTMuMzUzNyAxMi43ODk1IDEzLjAyOTEgMTMuMTIwM0wyLjY4MDI5IDIzLjY2NDJDMS45NTIyNiAyNC40MDU5IDEuNTg4MjUgMjQuNzc2OCAxLjI3NzQzIDI0LjY0OThDMC45NjY2MTMgMjQuNTIyNyAwLjk2NjYxMyAyNC4wMDMxIDAuOTY2NjEzIDIyLjk2MzdMMC45NjY2MTQgMS44NzU4OEMwLjk2NjYxNCAwLjgzNjUzOCAwLjk2NjYxNCAwLjMxNjg2OCAxLjI3NzQzIDAuMTg5ODJDMS41ODgyNSAwLjA2Mjc3MjUgMS45NTIyNiAwLjQzMzY1IDIuNjgwMjkgMS4xNzU0MUwxMy4wMjkxIDExLjcxOTNaIiBmaWxsPSIjNEE0QTRBIiBzdHJva2U9ImxpZ2h0Z3JleSIgc3Ryb2tlLXdpZHRoPSIwLDVweCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3879,6871,858],{26871:(n,e,o)=>{o.r(e),o.d(e,{default:()=>M});var t=o(38946),i=o(65515),r=o.n(i),u=o(9420),a=o(87363),d=o(25443),l=o(47514),s=!1,c=!1;const M=(0,u.Pi)((function Outline3D(n){var e=n.items,o=n.plannerUIProps,i=(0,a.useState)(!1),u=(0,t.Z)(i,2),M=u[0],g=u[1],x=(0,d.NP)(),I=(0,d._w)();if(x.uiState.isLoading)return(0,l.jsx)(l.Fragment,{});var p=function on3DPlannerBGClick(n){x.viewPlannerHandler.onClearElementSelection()};return(0,l.jsx)("svg",{onMouseDown:function onMouseDown(n){s=!0,c=!1,g(!1)},onTouchStart:function onTouchStart(n){s=!0,c=!1,g(!1)},onMouseMove:function onMouseMove(n){s&&!M&&g(!0)},onTouchMove:function onTouchMove(n){s&&!M&&g(!0)},onMouseUp:function onMouseUp(n){M||c||p(),s=!1},onTouchEnd:function onTouchEnd(n){M||c||p(),s=!1},ref:function ref(n){x.productState.setPlanner3DImageSvgArea(n)},style:{zIndex:100,touchAction:"pan-x pan-y",height:"100%"},className:r()(o.classes.outline.outline3D.outlineSVG),children:e.map((function(n,e){return function renderPolygon(n){switch(n.elemState){case"selectable":return(0,l.jsx)("polygon",{onMouseUp:function onMouseUp(e){var o;c=!0,M||null===(o=n.clickFunction)||void 0===o||o.call(n,n.setId,Number(n.elementId))},onTouchEnd:function onTouchEnd(e){var o;c=!0,M||null===(o=n.clickFunction)||void 0===o||o.call(n,n.setId,Number(n.elementId))},onMouseEnter:function onMouseEnter(){M||I.updateOnHoverOutline3D(!0,n,"PosNr")},onMouseLeave:function onMouseLeave(){I.updateOnHoverOutline3D(!1,n,"PosNr")},points:n.polygonPoints,style:{zIndex:n.zIndex},className:r()("Outline3D"==n.type?o.classes.outline.outline3D.outlinePolygon:void 0,"Outline3D_Contour"==n.type?o.classes.outline.outline3D.outlinePolygonContours:void 0)},n.key.toString());case"selected":if("Outline3D_Contour"==n.type)return(0,l.jsx)("polygon",{points:n.polygonPoints,style:{zIndex:n.zIndex},className:r()(o.classes.outline.outline3D.outlinePolygonContoursSel)},n.key.toString())}return""}(n)}))},e.length>0?e[0].key:Math.random())}))},20858:(n,e,o)=>{o.r(e),o.d(e,{default:()=>l});var t=o(61965),i=o(25443),r=o(9420),u=(o(87363),o(26871)),a=o(13167),d=o(47514);const l=(0,r.Pi)((function PlannerUI(n){var e=n.plannerUIProps,o=(0,i._w)(),r=o.getItems(),l=o.getItemsOutline3D();return(0,d.jsxs)(d.Fragment,{children:[(0,t.Z)(r.keys()).map((function(n){return(0,t.Z)(r.get(n).keys()).map((function(o){return(0,d.jsx)(a.default,{plannerUIProps:e,items:r.get(n).get(o)},n+"_"+o)}))})),(0,d.jsx)(u.default,{items:l,plannerUIProps:e})]})}))},57223:(n,e,o)=>{o.d(e,{YC:()=>I,ZP:()=>N,ar:()=>x,h9:()=>m,mC:()=>p});var t=o(8081),i=o.n(t),r=o(23645),u=o.n(r),a=o(61667),d=o.n(a),l=new URL(o(51148),o.b),s=new URL(o(93840),o.b),c=u()(i()),M=d()(l),g=d()(s);c.push([n.id,".index-module--igtZz {\n  border-radius: 0px !important;\n}\n\n.index-module--igtZz {\n  height: var(--copyArrowSize);\n  width: var(--copyArrowSize);\n  background-repeat: no-repeat;\n  background-color: rgba(0, 0, 0, 0);\n  background-size: calc(var(--copyArrowSize) * 0.5);\n  background-position: left center;\n  position: absolute;\n  cursor: pointer;\n  transform-origin: top left;\n  z-index: 263;\n  margin-top: calc(var(--copyArrowSize) * -1.2);\n}\n\n.index-module--xWZpp {\n  background-image: url("+M+");\n  margin-left: calc(var(--copyArrowSize) * -1);\n}\n\n.index-module--JR7sV {\n  background-position: center center !important;\n}\n\n.index-module--JR7sV {\n  transform: rotate(90deg);\n  margin-top: calc(var(--copyArrowSize) * -0.8);\n  background-image: url("+M+");\n}\n\n.index-module--fwKzg {\n  margin-left: calc(var(--copyArrowSize) * -0.3);\n  background-image: url("+g+");\n}\n",""]);var x="index-module--igtZz",I="index-module--xWZpp",p="index-module--JR7sV",m="index-module--fwKzg";const N=c},64211:(n,e,o)=>{o.d(e,{B6:()=>g,NK:()=>M,ZP:()=>x});var t=o(8081),i=o.n(t),r=o(23645),u=o.n(r),a=o(61667),d=o.n(a),l=new URL(o(16423),o.b),s=u()(i()),c=d()(l);s.push([n.id,".index-module--e8kIS {\n  width: 87px;\n  height: 30px;\n  border-radius: 3px;\n  font-size: 15px;\n  line-height: 30px;\n  text-align: left;\n  margin-left: 3px;\n  background-color: rgba(230, 230, 230, 0.637);\n  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);\n  z-index: 262;\n  margin-top: -30px;\n  position: absolute;\n  background-position: 7% 59%;\n  background-image: url("+c+");\n  background-size: 17px 17px;\n  background-repeat: no-repeat;\n}\n.index-module--tg8Gj {\n  width: 30px;\n  height: 30px;\n  z-index: 262;\n}\n\n.index-module--e8kIS > div {\n  margin-left: 29px;\n}\n",""]);var M="index-module--e8kIS",g="index-module--tg8Gj";const x=s},52037:(n,e,o)=>{o.d(e,{Dd:()=>g,E:()=>a,Wb:()=>c,ZP:()=>x,e5:()=>s,ee:()=>M,pr:()=>l,uS:()=>d});var t=o(8081),i=o.n(t),r=o(23645),u=o.n(r)()(i());u.push([n.id,".index-module--W3FCQ {\n  z-index: 258;\n  position: absolute;\n  background-color: #639;\n  opacity: 0;\n  cursor: move;\n  transform-origin: left top;\n}\n\n.index-module--TwB7M {\n  z-index: 258;\n  position: absolute;\n  background-color: blue;\n  opacity: 0;\n  cursor: pointer;\n  transform-origin: left top;\n}\n\n.index-module--W3FCQ.index-module--mkmuq {\n  background-color: #dfdfdf;\n  z-index: 260;\n  opacity: 0.7;\n  border: 2px dashed #4a4a4a;\n}\n\n.index-module--U8YTd {\n  position: absolute;\n  left: 0px;\n  top: 0px;\n  width: 100%;\n  height: 100%;\n}\n\n.index-module--LYxD4 {\n  fill: transparent;\n  stroke: rgba(150, 150, 150, 0.4);\n  stroke-width: 0px;\n  cursor: pointer;\n}\n\n.index-module--cxKGF {\n  fill: transparent;\n  stroke: var(--primaryColor);\n  stroke-width: 1px;\n  cursor: pointer;\n}\n.index-module--yZKtB {\n  fill: transparent;\n  stroke: rgba(150, 150, 150, 0.4);\n  stroke-width: 0px;\n  cursor: pointer;\n}\n\n.index-module--yZKtB:hover {\n  fill: transparent;\n  stroke: var(--secondaryColor);\n  stroke-width: 1px;\n  cursor: pointer;\n}\n",""]);var a="index-module--W3FCQ",d="index-module--TwB7M",l="index-module--mkmuq",s="index-module--U8YTd",c="index-module--LYxD4",M="index-module--cxKGF",g="index-module--yZKtB";const x=u},45119:(n,e,o)=>{o.d(e,{YC:()=>I.YC,ar:()=>I.ar,h9:()=>I.h9,mC:()=>I.mC});var t=o(93379),i=o.n(t),r=o(7795),u=o.n(r),a=o(90569),d=o.n(a),l=o(3565),s=o.n(l),c=o(19216),M=o.n(c),g=o(44589),x=o.n(g),I=o(57223),p={};p.styleTagTransform=x(),p.setAttributes=s(),p.insert=d().bind(null,"head"),p.domAPI=u(),p.insertStyleElement=M();i()(I.ZP,p),I.ZP&&I.ZP.locals&&I.ZP.locals},92612:(n,e,o)=>{o.d(e,{B6:()=>I.B6,NK:()=>I.NK});var t=o(93379),i=o.n(t),r=o(7795),u=o.n(r),a=o(90569),d=o.n(a),l=o(3565),s=o.n(l),c=o(19216),M=o.n(c),g=o(44589),x=o.n(g),I=o(64211),p={};p.styleTagTransform=x(),p.setAttributes=s(),p.insert=d().bind(null,"head"),p.domAPI=u(),p.insertStyleElement=M();i()(I.ZP,p),I.ZP&&I.ZP.locals&&I.ZP.locals},97649:(n,e,o)=>{o.d(e,{Dd:()=>I.Dd,E:()=>I.E,Wb:()=>I.Wb,e5:()=>I.e5,ee:()=>I.ee,pr:()=>I.pr,uS:()=>I.uS});var t=o(93379),i=o.n(t),r=o(7795),u=o.n(r),a=o(90569),d=o.n(a),l=o(3565),s=o.n(l),c=o(19216),M=o.n(c),g=o(44589),x=o.n(g),I=o(52037),p={};p.styleTagTransform=x(),p.setAttributes=s(),p.insert=d().bind(null,"head"),p.domAPI=u(),p.insertStyleElement=M();i()(I.ZP,p),I.ZP&&I.ZP.locals&&I.ZP.locals},16423:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDExIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMC40Mzc1IDAuNjg4MzU0TDYuMTUxNzkgNS42ODgzNUwxLjQzNzUgMC42ODgzNTQiIHN0cm9rZT0iIzZGNkY2RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="},51148:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAxNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNDc2NTcgMTMuMTIwM0MxLjE1MTk2IDEyLjc4OTUgMC45ODk2NTggMTIuNjI0MiAwLjk4OTY1OCAxMi40MTk4QzAuOTg5NjU4IDEyLjIxNTQgMS4xNTE5NiAxMi4wNTAxIDEuNDc2NTcgMTEuNzE5M0wxMS44MjU0IDEuMTc1NDFDMTIuNTUzNCAwLjQzMzY1MSAxMi45MTc0IDAuMDYyNzcyOSAxMy4yMjgyIDAuMTg5ODIxQzEzLjUzOTEgMC4zMTY4NjggMTMuNTM5MSAwLjgzNjUzOCAxMy41MzkxIDEuODc1ODhMMTMuNTM5MSAyMi45NjM3QzEzLjUzOTEgMjQuMDAzMSAxMy41MzkxIDI0LjUyMjcgMTMuMjI4MiAyNC42NDk4QzEyLjkxNzQgMjQuNzc2OCAxMi41NTM0IDI0LjQwNTkgMTEuODI1NCAyMy42NjQyTDEuNDc2NTcgMTMuMTIwM1oiIGZpbGw9IiM0QTRBNEEiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMCw1cHgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgIC8+Cjwvc3ZnPgo="},93840:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAxNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjAyOTEgMTEuNzE5M0MxMy4zNTM3IDEyLjA1MDEgMTMuNTE2IDEyLjIxNTQgMTMuNTE2IDEyLjQxOThDMTMuNTE2IDEyLjYyNDIgMTMuMzUzNyAxMi43ODk1IDEzLjAyOTEgMTMuMTIwM0wyLjY4MDI5IDIzLjY2NDJDMS45NTIyNiAyNC40MDU5IDEuNTg4MjUgMjQuNzc2OCAxLjI3NzQzIDI0LjY0OThDMC45NjY2MTMgMjQuNTIyNyAwLjk2NjYxMyAyNC4wMDMxIDAuOTY2NjEzIDIyLjk2MzdMMC45NjY2MTQgMS44NzU4OEMwLjk2NjYxNCAwLjgzNjUzOCAwLjk2NjYxNCAwLjMxNjg2OCAxLjI3NzQzIDAuMTg5ODJDMS41ODgyNSAwLjA2Mjc3MjUgMS45NTIyNiAwLjQzMzY1IDIuNjgwMjkgMS4xNzU0MUwxMy4wMjkxIDExLjcxOTNaIiBmaWxsPSIjNEE0QTRBIiBzdHJva2U9ImxpZ2h0Z3JleSIgc3Ryb2tlLXdpZHRoPSIwLDVweCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 39.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[39],{30039:(n,e,o)=>{o.r(e),o.d(e,{default:()=>P});var d=o(65515),t=o.n(d),i=o(91214),r=o(9420),a=(o(87363),o(88683)),l=o(93379),u=o.n(l),s=o(7795),c=o.n(s),x=o(90569),m=o.n(x),p=o(3565),v=o.n(p),g=o(19216),h=o.n(g),b=o(44589),S=o.n(b),w=o(42490),f={};f.styleTagTransform=S(),f.setAttributes=v(),f.insert=m().bind(null,"head"),f.domAPI=c(),f.insertStyleElement=h();u()(w.ZP,f);w.ZP&&w.ZP.locals&&w.ZP.locals;var C=o(47514);const P=(0,r.Pi)((function ProductFooter(n){var e,o,d,r,l,u,s=(0,i.NP)(),c=(0,a.useTranslation)().t,x=null!==(e=s.divaWebPlanner.getAlternateRenderingsForSummary())&&void 0!==e?e:[];return s.productState.footerVisible.length<=1&&("SUMMARY"!=(null===(o=s.tabGroupState.curTabGroup)||void 0===o?void 0:o.type)||!x.length)||s.uiState.ViewConfig.roomListInProduct&&s.productState.roomListExpanded&&s.settingsState.roomListInitialized?(0,C.jsx)(C.Fragment,{}):(0,C.jsx)("div",{className:t()(w.j4,s.uiState.isMobileLandscape?w.rK:void 0,s.uiState.isMobilePortrait?w.tW:void 0,s.uiState.configSettingsIsExpanded?w.zh:void 0),children:(0,C.jsxs)("ul",{className:w.hM,children:[s.productState.allow3DComb&&(0,C.jsx)("li",{className:t()(w.aT,s.productState.doShow3DComb?w.pA:void 0),onClick:function onClick(){return s.productState.onChangePlannerView("3DCOMB")},children:c("configurator.Foto")}),s.productState.allowRendering&&(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)("li",{className:t()(w.aT,s.productState.is3DViewActive&&void 0===s.productState.curAlternateRendering?w.pA:void 0),onClick:function onClick(){return s.productState.onChangePlannerView("3D")},children:c("configurator.Foto")}),"SUMMARY"==(null===(d=s.tabGroupState.curTabGroup)||void 0===d?void 0:d.type)&&x.map((function(n){var e;return(0,C.jsx)("li",{className:t()(w.aT,s.productState.doShowRenderImage&&(null===(e=s.productState.curAlternateRendering)||void 0===e?void 0:e.imageCodex)===n.imageCodex?w.pA:void 0),onClick:function onClick(){return s.productState.onChangePlannerView("3D",n)},children:n.title})}))]}),["SUMMARY","STYLE_CONSULTANT"].includes(null!==(r=null===(l=s.tabGroupState.curTabGroup)||void 0===l?void 0:l.type)&&void 0!==r?r:"")&&(null===(u=s.aiState)||void 0===u||null===(u=u.generatedImageHistory)||void 0===u?void 0:u.length)>0&&(0,C.jsx)("li",{className:t()(w.aT,s.productState.doShowAIRoom?w.pA:void 0),onClick:function onClick(){return s.productState.showAIRoom()},children:c("configurator.AiRooms")}),s.productState.allowGrid&&(0,C.jsx)("li",{className:t()(w.aT,s.productState.doShowGrid?w.pA:void 0),onClick:function onClick(){return s.productState.onChangePlannerView("2D")},children:c("configurator.Grundriss")}),s.productState.showRtvFooterEntry&&(0,C.jsx)("li",{className:t()(w.aT,s.productState.doShowRTV?w.pA:void 0),onClick:function onClick(){return s.productState.onChangePlannerView("RTV")},children:c("configurator.RTV")})]})})}))},42490:(n,e,o)=>{o.d(e,{ZP:()=>p,aT:()=>c,hM:()=>m,j4:()=>a,pA:()=>x,rK:()=>u,tW:()=>l,zh:()=>s});var d=o(8081),t=o.n(d),i=o(23645),r=o.n(i)()(t());r.push([n.id,"/* footer */\n\n.index-module--PNvTO {\n  text-align: center;\n  z-index: 350;\n}\n\n.index-module--PNvTO {\n  position: absolute;\n  bottom: 0px;\n  left: 50%;\n  transform: translate(-50%, 0);\n}\n\n.index-module--d7b3d.index-module--PNvTO {\n  display: none;\n}\n\n.index-module--r_gj8.index-module--PNvTO {\n  display: none;\n}\n\n.index-module--VFvNF.index-module--PNvTO {\n  left: 20%;\n  transform: translate(-40%, 0);\n}\n\n.index-module--PNvTO .index-module--dMa6g.index-module--MGYnW,\n.index-module--PNvTO .index-module--dMa6g.index-module--MGYnW:hover {\n  background: var(--secondaryColor);\n  color: white;\n}\n\n.index-module--PNvTO .index-module--dMa6g:active,\n.index-module--PNvTO .index-module--dMa6g.index-module--MGYnW:active {\n  background: #616161;\n  color: white;\n}\n\n.index-module--PNvTO .index-module--dMa6g {\n  background: white;\n  border: 1px solid var(--secondaryColor);\n\n  box-sizing: border-box;\n  -webkit-text-stroke: 0.6px;\n  min-width: 160px;\n  width: auto;\n  height: 38.4px;\n  line-height: 35.8px;\n  color: var(--secondaryColor);\n  border-right: 0px;\n  border-radius: 0px 0px 0px 0px;\n}\n.index-module--PNvTO .index-module--dMa6g:hover {\n  color: var(--secondaryColor);\n  background: white;\n  box-shadow: var(--boxShadowHover);\n}\n\n.index-module--BFjun .index-module--dMa6g:last-child {\n  border-top-right-radius: var(--globalBorderRadius);\n  border-bottom-right-radius: var(--globalBorderRadius);\n  border-right: 1px solid var(--secondaryColor);\n}\n\n.index-module--BFjun .index-module--dMa6g:first-child {\n  border-top-left-radius: var(--globalBorderRadius);\n  border-bottom-left-radius: var(--globalBorderRadius);\n}\n\n/* ViewAs  */\n.index-module--BFjun {\n  text-align: center;\n  z-index: 10;\n  margin: 0;\n  padding: 0;\n  border-width: 0;\n  list-style: none;\n  white-space: nowrap;\n  display: inline-flex;\n  flex-direction: row;\n  vertical-align: middle;\n  position: relative;\n  flex-wrap: nowrap;\n}\n\n.index-module--BFjun li {\n  display: block;\n  float: left;\n}\n",""]);var a="index-module--PNvTO",l="index-module--d7b3d",u="index-module--r_gj8",s="index-module--VFvNF",c="index-module--dMa6g",x="index-module--MGYnW",m="index-module--BFjun";const p=r}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[39],{30039:(n,e,o)=>{o.r(e),o.d(e,{default:()=>T});var d=o(65515),i=o.n(d),t=o(25443),r=o(9420),a=(o(87363),o(88683)),l=o(93379),u=o.n(l),s=o(7795),c=o.n(s),m=o(90569),x=o.n(m),p=o(3565),v=o.n(p),g=o(19216),h=o.n(g),b=o(44589),S=o.n(b),w=o(42490),f={};f.styleTagTransform=S(),f.setAttributes=v(),f.insert=x().bind(null,"head"),f.domAPI=c(),f.insertStyleElement=h();u()(w.ZP,f);w.ZP&&w.ZP.locals&&w.ZP.locals;var C=o(47514);const T=(0,r.Pi)((function ProductFooter(n){var e,o,d,r,l,u,s=(0,t.NP)(),c=(0,a.useTranslation)().t,m=null!==(e=s.divaWebPlanner.getAlternateRenderingsForSummary())&&void 0!==e?e:[];return s.productState.footerVisible.length<=1&&("SUMMARY"!=(null===(o=s.tabGroupState.curTabGroup)||void 0===o?void 0:o.type)||!m.length)||s.uiState.ViewConfig.roomListInProduct&&s.productState.roomListExpanded&&s.settingsState.roomListInitialized?(0,C.jsx)(C.Fragment,{}):(0,C.jsx)("div",{className:i()(w.j4,s.uiState.isMobileLandscape?w.rK:void 0,s.uiState.isMobilePortrait?w.tW:void 0,s.uiState.configSettingsIsExpanded?w.zh:void 0),children:(0,C.jsxs)("ul",{className:w.hM,children:[s.productState.allow3DComb&&(0,C.jsx)("li",{className:i()(w.aT,s.productState.doShow3DComb?w.pA:void 0),onClick:function onClick(){return s.productState.onChangePlannerView("3DCOMB")},children:c("configurator.Foto")}),s.productState.allowRendering&&(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)("li",{className:i()(w.aT,s.productState.is3DViewActive&&void 0===s.productState.shownSummaryRendering?w.pA:void 0),onClick:function onClick(){return s.productState.showSummaryRendering()},children:c("configurator.Foto")}),"SUMMARY"==(null===(d=s.tabGroupState.curTabGroup)||void 0===d?void 0:d.type)&&m.map((function(n){var e;return(0,C.jsx)("li",{className:i()(w.aT,s.productState.is3DViewActive&&(null===(e=s.productState.shownSummaryRendering)||void 0===e?void 0:e.imageCodex)===n.imageCodex?w.pA:void 0),onClick:function onClick(){return s.productState.showSummaryRendering(n)},children:n.title})}))]}),["SUMMARY","STYLE_CONSULTANT"].includes(null!==(r=null===(l=s.tabGroupState.curTabGroup)||void 0===l?void 0:l.type)&&void 0!==r?r:"")&&(null===(u=s.aiState)||void 0===u||null===(u=u.generatedImageHistory)||void 0===u?void 0:u.length)>0&&(0,C.jsx)("li",{className:i()(w.aT,s.productState.doShowAIRoom?w.pA:void 0),onClick:function onClick(){return s.productState.showAIRoom()},children:c("configurator.AiRooms")}),s.productState.allowGrid&&(0,C.jsx)("li",{className:i()(w.aT,s.productState.doShowGrid?w.pA:void 0),onClick:function onClick(){return s.productState.onChangePlannerView("2D")},children:c("configurator.Grundriss")}),s.productState.showRtvFooterEntry&&(0,C.jsx)("li",{className:i()(w.aT,s.productState.doShowRTV?w.pA:void 0),onClick:function onClick(){return s.productState.onChangePlannerView("RTV")},children:c("configurator.RTV")})]})})}))},42490:(n,e,o)=>{o.d(e,{ZP:()=>p,aT:()=>c,hM:()=>x,j4:()=>a,pA:()=>m,rK:()=>u,tW:()=>l,zh:()=>s});var d=o(8081),i=o.n(d),t=o(23645),r=o.n(t)()(i());r.push([n.id,"/* footer */\n\n.index-module--PNvTO {\n  text-align: center;\n  z-index: 350;\n}\n\n.index-module--PNvTO {\n  position: absolute;\n  bottom: 0px;\n  left: 50%;\n  transform: translate(-50%, 0);\n}\n\n.index-module--d7b3d.index-module--PNvTO {\n  display: none;\n}\n\n.index-module--r_gj8.index-module--PNvTO {\n  display: none;\n}\n\n.index-module--VFvNF.index-module--PNvTO {\n  left: 20%;\n  transform: translate(-40%, 0);\n}\n\n.index-module--PNvTO .index-module--dMa6g.index-module--MGYnW,\n.index-module--PNvTO .index-module--dMa6g.index-module--MGYnW:hover {\n  background: var(--secondaryColor);\n  color: white;\n}\n\n.index-module--PNvTO .index-module--dMa6g:active,\n.index-module--PNvTO .index-module--dMa6g.index-module--MGYnW:active {\n  background: #616161;\n  color: white;\n}\n\n.index-module--PNvTO .index-module--dMa6g {\n  background: white;\n  border: 1px solid var(--secondaryColor);\n\n  box-sizing: border-box;\n  -webkit-text-stroke: 0.6px;\n  min-width: 160px;\n  width: auto;\n  height: 38.4px;\n  line-height: 35.8px;\n  color: var(--secondaryColor);\n  border-right: 0px;\n  border-radius: 0px 0px 0px 0px;\n}\n.index-module--PNvTO .index-module--dMa6g:hover {\n  color: var(--secondaryColor);\n  background: white;\n  box-shadow: var(--boxShadowHover);\n}\n\n.index-module--BFjun .index-module--dMa6g:last-child {\n  border-top-right-radius: var(--globalBorderRadius);\n  border-bottom-right-radius: var(--globalBorderRadius);\n  border-right: 1px solid var(--secondaryColor);\n}\n\n.index-module--BFjun .index-module--dMa6g:first-child {\n  border-top-left-radius: var(--globalBorderRadius);\n  border-bottom-left-radius: var(--globalBorderRadius);\n}\n\n/* ViewAs  */\n.index-module--BFjun {\n  text-align: center;\n  z-index: 10;\n  margin: 0;\n  padding: 0;\n  border-width: 0;\n  list-style: none;\n  white-space: nowrap;\n  display: inline-flex;\n  flex-direction: row;\n  vertical-align: middle;\n  position: relative;\n  flex-wrap: nowrap;\n}\n\n.index-module--BFjun li {\n  display: block;\n  float: left;\n}\n",""]);var a="index-module--PNvTO",l="index-module--d7b3d",u="index-module--r_gj8",s="index-module--VFvNF",c="index-module--dMa6g",m="index-module--MGYnW",x="index-module--BFjun";const p=r}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3947.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3947,5262],{5262:(n,e,i)=>{i.r(e),i.d(e,{default:()=>F});var t=i(38946),r=i(9420),o=i(87363),a=i(91214),d=i(93379),s=i.n(d),l=i(7795),p=i.n(l),u=i(90569),w=i.n(u),c=i(3565),x=i.n(c),f=i(19216),g=i.n(f),m=i(44589),v=i.n(m),b=i(76640),h={};h.styleTagTransform=v(),h.setAttributes=x(),h.insert=w().bind(null,"head"),h.domAPI=p(),h.insertStyleElement=g();s()(b.ZP,h);b.ZP&&b.ZP.locals&&b.ZP.locals;var D=i(65515),y=i.n(D),W=i(47514);const F=(0,r.Pi)((function NavForwardButton(n){var e=(0,a.NP)(),i=(0,o.useState)(!1),r=(0,t.Z)(i,2),d=r[0],s=r[1];return(0,o.useEffect)((function(){setTimeout((function(){s(!e.actionButtonState.isOnLastStep&&!e.actionButtonState.isOnFirstStepDisabled)}),400)}),[e.actionButtonState.isOnLastStep,e.actionButtonState.isOnFirstStepDisabled]),(0,W.jsx)("div",{className:y()(b.YS,d&&b.oP,e.uiState.isTablet?b.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",e.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,W.jsx)("div",{className:b.qv})})}))},13947:(n,e,i)=>{i.r(e),i.d(e,{default:()=>D});var t=i(88291),r=i(9420),o=i(87363),a=i(37707),d=i(91214),s=i(82956),l=i(97037),p=i(74133),u=i(84658),w=i(61965),c=i(38946),x=i(50747),f=i.n(x),g=i(88683),m=i(5262),v=i(65515),b=i.n(v),h=i(47514);const D=(0,r.Pi)((function SettingsSwiper(n){(0,t.Z)(n);var e=(0,d.NP)(),i=function useSwiperHook(n){var e=(0,o.useState)(null),i=(0,c.Z)(e,2),t=i[0],r=i[1],a=(0,o.useState)([]),d=(0,c.Z)(a,2),s=d[0],l=d[1];(0,o.useEffect)((function(){var e=(0,w.Z)(n.tabGroupState.allTabGroups.keys());l(e),n.tabGroupState.curTabGroup&&e.indexOf(n.tabGroupState.curTabGroup.key)!=(null==t?void 0:t.activeIndex)&&(null==t||t.slideTo(e.indexOf(n.tabGroupState.curTabGroup.key),400))}),[n.tabGroupState.allTabGroups,n.tabGroupState.curTabGroup,t]);var p=function(){var n=(0,u.Z)(f().mark((function _callee(){var n,e,i,r,o,a=arguments;return f().wrap((function _callee$(d){for(;;)switch(d.prev=d.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,t){d.next=4;break}return d.abrupt("return");case 4:return i=.25*e,r=t.getTranslate(),o=r-n,t.allowTouchMove=!1,t.setTransition(2*i),t.setTranslate(o),d.next=12,g.DivaUtils.Sleep(2*i);case 12:return t.setTransition(i),t.setTranslate(r-.5*n),d.next=16,g.DivaUtils.Sleep(i);case 16:return t.setTransition(.5*i),t.setTranslate(.8*o),d.next=20,g.DivaUtils.Sleep(.5*i);case 20:t.setTransition(1.75*i),t.setTranslate(r),t.allowTouchMove=!0;case 23:case"end":return d.stop()}}),_callee)})));return function teaseSwipe(){return n.apply(this,arguments)}}(),x=n.tabGroupState.curTabGroup?s.indexOf(n.tabGroupState.curTabGroup.key):0;return{swiperRef:t,setSwiperRef:r,allSwipes:s,handleSlideChange:function handleSlideChange(e){if(void 0!==n.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var i=e.activeIndex-s.indexOf(n.tabGroupState.curTabGroup.key);if(1==i)n.actionButtonState.onClickConfiguratorSettingsForth(!0,!0);else if(-1==i)n.actionButtonState.onClickConfiguratorSettingsBack();else if(0!==i){var t=n.tabGroupState.allTabGroups.get(s[e.activeIndex]);t&&n.tabGroupState.navigateToTabgroupByPosNr(t.posNr)}}},handleSetTransition:function handleSetTransition(){n.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){n.uiState.swiperNavigationActive=!1},initialSlide:x,teaseSwipe:p}}(e),r=i.setSwiperRef,x=i.allSwipes,v=i.handleSlideChange,D=i.handleSetTransition,y=i.handleTransitionEnd,W=i.initialSlide;return e.tabGroupState.curTabGroup&&null!=x&&x.length?(0,h.jsx)(a.tq,{onSlideChange:v,onSetTransition:D,onTransitionEnd:y,initialSlide:W,onSwiper:r,className:s.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:b()("swiper-wrapper",s.Iz),children:x.map((function(n){var i,t=e.tabGroupState.allTabGroups.get(n),r=t?null===(i=Array.from(t.options.values())[0])||void 0===i?void 0:i.title:void 0;return(0,h.jsx)(a.o5,{className:s.AI,children:n==e.tabGroupState.curTabGroup.key?(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(l.default,{},n),(0,h.jsx)(m.default,{})]}):(0,h.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:r&&(0,h.jsx)(p.default,{text:r,isSettingsHeader:!1,isInScroller:!0})})},n)}))}):(0,h.jsx)(h.Fragment,{})}))},76640:(n,e,i)=>{i.d(e,{Mq:()=>f,YS:()=>w,ZP:()=>g,oP:()=>x,qv:()=>c});var t=i(8081),r=i.n(t),o=i(23645),a=i.n(o),d=i(61667),s=i.n(d),l=new URL(i(81165),i.b),p=a()(r()),u=s()(l);p.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("+u+");\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 w="index-module--OH1rD",c="index-module--GRTuu",x="index-module--BWnyQ",f="index-module--CF6oq";const g=p},62500:(n,e,i)=>{i.d(e,{AH:()=>m,AI:()=>y,EN:()=>S,Iz:()=>D,ZP:()=>I,al:()=>b,nW:()=>F,s1:()=>W,vt:()=>g,yk:()=>h,zh:()=>v});var t=i(8081),r=i.n(t),o=i(23645),a=i.n(o),d=i(61667),s=i.n(d),l=new URL(i(38403),i.b),p=new URL(i(27557),i.b),u=new URL(i(64197),i.b),w=a()(r()),c=s()(l),x=s()(p),f=s()(u);w.push([n.id,".index-module--e1N3L {\n  display: flex;\n  flex-direction: column;\n  overflow: visible;\n  background-color: var(--settingsBackgroundColor);\n  border-radius: var(--globalBorderRadius) var(--globalBorderRadius) 0 0;\n}\n\n/* normal expander */\n.index-module--RKDxk {\n  position: absolute;\n  top: calc(50% + 32px);\n  left: -32px;\n  width: 32px;\n  height: 48px;\n  background-color: var(--secondaryColor);\n  z-index: 300;\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 19.2px;\n  transition: opacity 0.2s ease;\n}\n\n.index-module--YiJDf .index-module--RKDxk {\n  transform: rotate(180deg);\n  border-radius: 0 3px 3px 0;\n}\n.index-module--IgnAA.index-module--RKDxk {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.index-module--YLyjz {\n  height: 100%;\n}\n\n.index-module--DWrfF {\n  transform: translateZ(0);\n  height: 100%;\n}\n\n.index-module--YLyjz .index-module--aD14m {\n  height: 100%;\n  overflow: auto;\n}\n\n.index-module--eN6np .index-module--e1N3L {\n  transition:\n    height 0.45s ease,\n    top 0.45s ease;\n}\n\n/*Min Max expander*/\n\n.index-module--B75oj,\n.index-module--rLMX4 {\n  position: absolute;\n  top: calc(50% + 2rem);\n  width: 1rem;\n  height: 2rem;\n  z-index: 1060;\n  border-radius: var(--globalBorderRadius) 0 0 3px;\n  background-repeat: no-repeat;\n  background-image: url("+x+");\n  background-size: 1.2rem;\n  background-position: left;\n  transition:\n    left 0.1s ease 0.1s,\n    width 0.2s ease,\n    opacity 0.2s ease;\n  cursor: pointer;\n  opacity: 1;\n}\n\n.index-module--rLMX4 {\n  left: -1.1rem;\n}\n\n.index-module--B75oj {\n  left: 0.3rem;\n  transform: rotate(180deg);\n}\n\n.index-module--WT8Uu .index-module--B75oj {\n  left: 0.5rem;\n  width: 1rem;\n}\n.index-module--Bm34J .index-module--rLMX4 {\n  left: calc(-1 * calc(1.9rem));\n  width: 1rem;\n}\n\n.index-module--IgnAA.index-module--rLMX4,\n.index-module--IgnAA.index-module--B75oj {\n  opacity: 0;\n  pointer-events: none;\n}\n\n/*swiper min css*/\n\n@font-face {\n  font-family: swiper-icons;\n  src: url("+f+");\n  font-weight: 400;\n  font-style: normal;\n}\n\n.index-module--DWrfF .swiper {\n  margin-left: auto;\n  margin-right: auto;\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  z-index: 1;\n  width: 100%;\n  --swiper-theme-color: #ccc;\n  --swiper-navigation-size: 32px;\n  --swiper-navigation-sides-offset: 2px;\n}\n\n.index-module--DWrfF .swiper-button-disabled {\n  display: none;\n}\n.index-module--DWrfF .swiper-vertical > .swiper-wrapper {\n  flex-direction: column;\n}\n.index-module--DWrfF .swiper-wrapper {\n  position: relative;\n  width: calc(100% - 24px);\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  transition-property: transform;\n  box-sizing: content-box;\n}\n.index-module--DWrfF .swiper-android .swiper-slide,\n.index-module--DWrfF .swiper-wrapper {\n  transform: translate3d(0px, 0, 0);\n}\n.index-module--DWrfF .swiper-pointer-events {\n  touch-action: pan-y;\n}\n.index-module--DWrfF .swiper-pointer-events.swiper-vertical {\n  touch-action: pan-x;\n}\n.index-module--DWrfF .swiper-slide {\n  flex-shrink: 0;\n  width: 100%;\n  height: 100%;\n  position: relative;\n  transition-property: transform;\n}\n\n.index-module--DWrfF .swiper-slide-invisible-blank {\n  visibility: hidden;\n}\n.index-module--DWrfF .swiper-autoheight,\n.index-module--DWrfF .swiper-autoheight .swiper-slide {\n  height: auto;\n}\n.index-module--DWrfF .swiper-autoheight .swiper-wrapper {\n  align-items: flex-start;\n  transition-property: transform, height;\n}\n.index-module--DWrfF .swiper-backface-hidden .swiper-slide {\n  transform: translateZ(0);\n  backface-visibility: hidden;\n}\n.index-module--DWrfF .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: x mandatory;\n}\n.index-module--DWrfF .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: y mandatory;\n}\n.index-module--DWrfF .swiper-centered > .swiper-wrapper::before {\n  content: '';\n  flex-shrink: 0;\n  order: 9999;\n}\n[dir=\"ltr\"] .index-module--DWrfF .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-left: var(--swiper-centered-offset-before);\n}\n[dir=\"rtl\"] .index-module--DWrfF .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-right: var(--swiper-centered-offset-before);\n}\n.index-module--DWrfF .swiper-centered.swiper-horizontal > .swiper-wrapper::before {\n  height: 100%;\n  min-height: 1px;\n  width: var(--swiper-centered-offset-after);\n}\n.index-module--DWrfF .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n  margin-top: var(--swiper-centered-offset-before);\n}\n.index-module--DWrfF .swiper-centered.swiper-vertical > .swiper-wrapper::before {\n  width: 100%;\n  min-width: 1px;\n  height: var(--swiper-centered-offset-after);\n}\n.index-module--DWrfF .swiper-centered > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: center center;\n}\n\n/*navigation*/\n.index-module--DWrfF .swiper-button-prev,\n.index-module--DWrfF .swiper-button-next {\n  position: absolute;\n  top: 50%;\n  top: var(--swiper-navigation-top-offset, 50%);\n  width: calc(var(--swiper-navigation-size) / 44 * 27);\n  height: var(--swiper-navigation-size);\n  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--swiper-theme-color);\n  color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.index-module--DWrfF .swiper-button-prev.swiper-button-disabled,\n.index-module--DWrfF .swiper-button-next.swiper-button-disabled {\n  opacity: 0.35;\n  cursor: auto;\n  pointer-events: none;\n}\n\n.index-module--DWrfF .swiper-button-prev.swiper-button-hidden,\n.index-module--DWrfF .swiper-button-next.swiper-button-hidden {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DWrfF .swiper-navigation-disabled .swiper-button-prev,\n.index-module--DWrfF .swiper-navigation-disabled .swiper-button-next {\n  display: none !important;\n}\n.index-module--DWrfF .swiper-button-prev svg,\n.index-module--DWrfF .swiper-button-next svg {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform-origin: center;\n}\n.index-module--DWrfF .swiper-rtl .swiper-button-prev svg,\n.index-module--DWrfF .swiper-rtl .swiper-button-next svg {\n  transform: rotate(180deg);\n}\n.index-module--DWrfF .swiper-button-prev,\n.index-module--DWrfF .swiper-rtl .swiper-button-next {\n  left: 10px;\n  left: var(--swiper-navigation-sides-offset, 10px);\n  right: auto;\n}\n.index-module--DWrfF .swiper-button-next,\n.index-module--DWrfF .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DWrfF .swiper-button-lock {\n  display: none;\n}\n/* Navigation font start */\n.index-module--DWrfF .swiper-button-prev:after,\n.index-module--DWrfF .swiper-button-next:after {\n  text-transform: none !important;\n}\n.index-module--DWrfF .swiper-button-prev:after,\n.index-module--DWrfF .swiper-button-next:after {\n  font-family: swiper-icons;\n  font-size: var(--swiper-navigation-size);\n  letter-spacing: 0;\n  font-feature-settings: ;\n  font-variant: normal;\n  font-variant: initial;\n  line-height: 1;\n}\n.index-module--DWrfF .swiper-button-prev:after,\n.index-module--DWrfF .swiper-rtl .swiper-button-next:after {\n  content: 'prev';\n}\n.index-module--DWrfF .swiper-button-next,\n.index-module--DWrfF .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DWrfF .swiper-button-next:after,\n.index-module--DWrfF .swiper-rtl .swiper-button-prev:after {\n  content: 'next';\n}\n/* Navigation font end */\n\n.index-module--DWrfF .react-modal-sheet-header {\n  top: -40px;\n}\n\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next {\n  position: absolute;\n  top: 50%;\n  top: var(--swiper-navigation-top-offset, 50%);\n  width: calc(var(--swiper-navigation-size) / 44 * 27);\n  height: var(--swiper-navigation-size);\n  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--swiper-theme-color);\n  color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev.swiper-button-disabled,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next.swiper-button-disabled {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev.swiper-button-hidden,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next.swiper-button-hidden {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-navigation-disabled .swiper-button-prev,\n.index-module--DWrfF .diva-widget-gallery .swiper-navigation-disabled .swiper-button-next {\n  display: none !important;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev svg,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next svg {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform-origin: center;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev svg,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-next svg {\n  transform: rotate(180deg);\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-next {\n  left: 10px;\n  left: var(--swiper-navigation-sides-offset, 10px);\n  right: auto;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-lock {\n  display: none;\n}\n/* Navigation font start */\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next:after {\n  text-transform: none !important;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next:after {\n  font-family: swiper-icons;\n  font-size: var(--swiper-navigation-size);\n  letter-spacing: 0;\n  font-feature-settings: ;\n  font-variant: normal;\n  font-variant: initial;\n  line-height: 1;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-next:after {\n  content: 'prev';\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev:after {\n  content: 'next';\n}\n/* Navigation font end */\n",""]);var g="index-module--e1N3L",m="index-module--RKDxk",v="index-module--YiJDf",b="index-module--IgnAA",h="index-module--YLyjz",D="index-module--DWrfF",y="index-module--aD14m",W="index-module--eN6np",F="index-module--B75oj",S="index-module--rLMX4";const I=w},82956:(n,e,i)=>{i.d(e,{AH:()=>f.AH,AI:()=>f.AI,EN:()=>f.EN,Iz:()=>f.Iz,al:()=>f.al,nW:()=>f.nW,s1:()=>f.s1,vt:()=>f.vt,yk:()=>f.yk,zh:()=>f.zh});var t=i(93379),r=i.n(t),o=i(7795),a=i.n(o),d=i(90569),s=i.n(d),l=i(3565),p=i.n(l),u=i(19216),w=i.n(u),c=i(44589),x=i.n(c),f=i(62500),g={};g.styleTagTransform=x(),g.setAttributes=p(),g.insert=s().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=w();r()(f.ZP,g),f.ZP&&f.ZP.locals&&f.ZP.locals},38403:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="},81165:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3947,5262],{5262:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});var i=t(38946),r=t(9420),o=t(87363),a=t(25443),d=t(93379),s=t.n(d),l=t(7795),p=t.n(l),u=t(90569),w=t.n(u),c=t(3565),f=t.n(c),x=t(19216),g=t.n(x),m=t(44589),v=t.n(m),b=t(76640),h={};h.styleTagTransform=v(),h.setAttributes=f(),h.insert=w().bind(null,"head"),h.domAPI=p(),h.insertStyleElement=g();s()(b.ZP,h);b.ZP&&b.ZP.locals&&b.ZP.locals;var D=t(65515),y=t.n(D),W=t(47514);const S=(0,r.Pi)((function NavForwardButton(e){var n=(0,a.NP)(),t=(0,o.useState)(!1),r=(0,i.Z)(t,2),d=r[0],s=r[1];return(0,o.useEffect)((function(){setTimeout((function(){s(!n.actionButtonState.isOnLastStep&&!n.actionButtonState.isOnFirstStepDisabled)}),400)}),[n.actionButtonState.isOnLastStep,n.actionButtonState.isOnFirstStepDisabled]),(0,W.jsx)("div",{className:y()(b.YS,d&&b.oP,n.uiState.isTablet?b.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",n.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,W.jsx)("div",{className:b.qv})})}))},13947:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});var i=t(88291),r=t(9420),o=t(87363),a=t.n(o),d=t(37707),s=t(25443),l=t(82956),p=t(97037),u=t(74133),w=t(84658),c=t(61965),f=t(38946),x=t(50747),g=t.n(x),m=t(88683),v=t(5262),b=t(18881),h=t(65515),D=t.n(h),y=t(47514),W=a().lazy((function(){return t.e(3374).then(t.bind(t,30580)).catch((function(){return{default:function _default(){return null}}}))}));const S=(0,r.Pi)((function SettingsSwiper(e){var n;(0,i.Z)(e);var t=(0,s.NP)(),r=null===(n=t.tabGroupState.curTabGroup)||void 0===n?void 0:n.key,a=t.productState.rtvNext&&t.divaWebPlanner.getRtvFeatures().coachHints,x=(0,b.u)(r,a),h=x.stepped,S=x.noteSwipe,F=function useSwiperHook(e,n){var t=(0,o.useState)(null),i=(0,f.Z)(t,2),r=i[0],a=i[1],d=(0,o.useState)([]),s=(0,f.Z)(d,2),l=s[0],p=s[1];(0,o.useEffect)((function(){var n=(0,c.Z)(e.tabGroupState.allTabGroups.keys());p(n),e.tabGroupState.curTabGroup&&n.indexOf(e.tabGroupState.curTabGroup.key)!=(null==r?void 0:r.activeIndex)&&(null==r||r.slideTo(n.indexOf(e.tabGroupState.curTabGroup.key),400))}),[e.tabGroupState.allTabGroups,e.tabGroupState.curTabGroup,r]);var u=function(){var e=(0,w.Z)(g().mark((function _callee(){var e,n,t,i,o,a=arguments;return g().wrap((function _callee$(d){for(;;)switch(d.prev=d.next){case 0:if(e=a.length>0&&void 0!==a[0]?a[0]:50,n=a.length>1&&void 0!==a[1]?a[1]:500,r){d.next=4;break}return d.abrupt("return");case 4:return t=.25*n,i=r.getTranslate(),o=i-e,r.allowTouchMove=!1,r.setTransition(2*t),r.setTranslate(o),d.next=12,m.DivaUtils.Sleep(2*t);case 12:return r.setTransition(t),r.setTranslate(i-.5*e),d.next=16,m.DivaUtils.Sleep(t);case 16:return r.setTransition(.5*t),r.setTranslate(.8*o),d.next=20,m.DivaUtils.Sleep(.5*t);case 20:r.setTransition(1.75*t),r.setTranslate(i),r.allowTouchMove=!0;case 23:case"end":return d.stop()}}),_callee)})));return function teaseSwipe(){return e.apply(this,arguments)}}(),x=e.tabGroupState.curTabGroup?l.indexOf(e.tabGroupState.curTabGroup.key):0;return{swiperRef:r,setSwiperRef:a,allSwipes:l,handleSlideChange:function handleSlideChange(t){if(void 0!==e.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var i=t.activeIndex-l.indexOf(e.tabGroupState.curTabGroup.key);if(0!==i&&(null==n||n()),1==i)e.actionButtonState.onClickConfiguratorSettingsForth(!0,!0);else if(-1==i)e.actionButtonState.onClickConfiguratorSettingsBack();else if(0!==i){var r=e.tabGroupState.allTabGroups.get(l[t.activeIndex]);r&&e.tabGroupState.navigateToTabgroupByPosNr(r.posNr)}}},handleSetTransition:function handleSetTransition(){e.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){e.uiState.swiperNavigationActive=!1},initialSlide:x,teaseSwipe:u}}(t,S),I=F.swiperRef,T=F.setSwiperRef,L=F.allSwipes,z=F.handleSlideChange,k=F.handleSetTransition,N=F.handleTransitionEnd,j=F.initialSlide,G=void 0===r?-1:L.indexOf(r);return t.tabGroupState.curTabGroup&&null!=L&&L.length?(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(d.tq,{onSlideChange:z,onSetTransition:k,onTransitionEnd:N,initialSlide:j,onSwiper:T,className:l.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:D()("swiper-wrapper",l.Iz),children:L.map((function(e){var n,i=t.tabGroupState.allTabGroups.get(e),r=i?null===(n=Array.from(i.options.values())[0])||void 0===n?void 0:n.title:void 0;return(0,y.jsx)(d.o5,{className:l.AI,children:e==t.tabGroupState.curTabGroup.key?(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(p.default,{},e),(0,y.jsx)(v.default,{})]}):(0,y.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:r&&(0,y.jsx)(u.default,{text:r,isSettingsHeader:!1,isInScroller:!0})})},e)}))}),a&&(0,y.jsx)(o.Suspense,{fallback:null,children:(0,y.jsx)(W,{swiper:I,wanted:h&&!!I&&G>=0&&G<L.length-1})})]}):(0,y.jsx)(y.Fragment,{})}))},18881:(e,n,t)=>{t.d(n,{G:()=>a,u:()=>useSteppedWithoutSwipe});var i=t(38946),r=t(87363),o=t(30012),a="drawerSwipe";function useSteppedWithoutSwipe(e,n){var t=(0,r.useState)(!1),d=(0,i.Z)(t,2),s=d[0],l=d[1],p=(0,r.useRef)(e),u=(0,r.useRef)(!1);return(0,r.useEffect)((function(){var n=p.current;p.current=e,void 0!==n&&void 0!==e&&n!==e&&(u.current?u.current=!1:l(!0))}),[e]),{stepped:s,noteSwipe:(0,r.useCallback)((function(){u.current=!0,n&&(0,o.l)().then((function(e){return null==e?void 0:e.markCoachHintSeen(a)}))}),[n])}}},76640:(e,n,t)=>{t.d(n,{Mq:()=>x,YS:()=>w,ZP:()=>g,oP:()=>f,qv:()=>c});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o),d=t(61667),s=t.n(d),l=new URL(t(81165),t.b),p=a()(r()),u=s()(l);p.push([e.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("+u+");\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 w="index-module--OH1rD",c="index-module--GRTuu",f="index-module--BWnyQ",x="index-module--CF6oq";const g=p},62500:(e,n,t)=>{t.d(n,{AH:()=>m,AI:()=>y,EN:()=>F,Iz:()=>D,ZP:()=>I,al:()=>b,nW:()=>S,s1:()=>W,vt:()=>g,yk:()=>h,zh:()=>v});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o),d=t(61667),s=t.n(d),l=new URL(t(38403),t.b),p=new URL(t(27557),t.b),u=new URL(t(64197),t.b),w=a()(r()),c=s()(l),f=s()(p),x=s()(u);w.push([e.id,".index-module--e1N3L {\n  display: flex;\n  flex-direction: column;\n  overflow: visible;\n  background-color: var(--settingsBackgroundColor);\n  border-radius: var(--globalBorderRadius) var(--globalBorderRadius) 0 0;\n}\n\n/* normal expander */\n.index-module--RKDxk {\n  position: absolute;\n  top: calc(50% + 32px);\n  left: -32px;\n  width: 32px;\n  height: 48px;\n  background-color: var(--secondaryColor);\n  z-index: 300;\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 19.2px;\n  transition: opacity 0.2s ease;\n}\n\n.index-module--YiJDf .index-module--RKDxk {\n  transform: rotate(180deg);\n  border-radius: 0 3px 3px 0;\n}\n.index-module--IgnAA.index-module--RKDxk {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.index-module--YLyjz {\n  height: 100%;\n}\n\n.index-module--DWrfF {\n  transform: translateZ(0);\n  height: 100%;\n}\n\n.index-module--YLyjz .index-module--aD14m {\n  height: 100%;\n  overflow: auto;\n}\n\n.index-module--eN6np .index-module--e1N3L {\n  transition:\n    height 0.45s ease,\n    top 0.45s ease;\n}\n\n/*Min Max expander*/\n\n.index-module--B75oj,\n.index-module--rLMX4 {\n  position: absolute;\n  top: calc(50% + 2rem);\n  width: 1rem;\n  height: 2rem;\n  z-index: 1060;\n  border-radius: var(--globalBorderRadius) 0 0 3px;\n  background-repeat: no-repeat;\n  background-image: url("+f+");\n  background-size: 1.2rem;\n  background-position: left;\n  transition:\n    left 0.1s ease 0.1s,\n    width 0.2s ease,\n    opacity 0.2s ease;\n  cursor: pointer;\n  opacity: 1;\n}\n\n.index-module--rLMX4 {\n  left: -1.1rem;\n}\n\n.index-module--B75oj {\n  left: 0.3rem;\n  transform: rotate(180deg);\n}\n\n.index-module--WT8Uu .index-module--B75oj {\n  left: 0.5rem;\n  width: 1rem;\n}\n.index-module--Bm34J .index-module--rLMX4 {\n  left: calc(-1 * calc(1.9rem));\n  width: 1rem;\n}\n\n.index-module--IgnAA.index-module--rLMX4,\n.index-module--IgnAA.index-module--B75oj {\n  opacity: 0;\n  pointer-events: none;\n}\n\n/*swiper min css*/\n\n@font-face {\n  font-family: swiper-icons;\n  src: url("+x+");\n  font-weight: 400;\n  font-style: normal;\n}\n\n.index-module--DWrfF .swiper {\n  margin-left: auto;\n  margin-right: auto;\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  z-index: 1;\n  width: 100%;\n  --swiper-theme-color: #ccc;\n  --swiper-navigation-size: 32px;\n  --swiper-navigation-sides-offset: 2px;\n}\n\n.index-module--DWrfF .swiper-button-disabled {\n  display: none;\n}\n.index-module--DWrfF .swiper-vertical > .swiper-wrapper {\n  flex-direction: column;\n}\n.index-module--DWrfF .swiper-wrapper {\n  position: relative;\n  width: calc(100% - 24px);\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  transition-property: transform;\n  box-sizing: content-box;\n}\n.index-module--DWrfF .swiper-android .swiper-slide,\n.index-module--DWrfF .swiper-wrapper {\n  transform: translate3d(0px, 0, 0);\n}\n.index-module--DWrfF .swiper-pointer-events {\n  touch-action: pan-y;\n}\n.index-module--DWrfF .swiper-pointer-events.swiper-vertical {\n  touch-action: pan-x;\n}\n.index-module--DWrfF .swiper-slide {\n  flex-shrink: 0;\n  width: 100%;\n  height: 100%;\n  position: relative;\n  transition-property: transform;\n}\n\n.index-module--DWrfF .swiper-slide-invisible-blank {\n  visibility: hidden;\n}\n.index-module--DWrfF .swiper-autoheight,\n.index-module--DWrfF .swiper-autoheight .swiper-slide {\n  height: auto;\n}\n.index-module--DWrfF .swiper-autoheight .swiper-wrapper {\n  align-items: flex-start;\n  transition-property: transform, height;\n}\n.index-module--DWrfF .swiper-backface-hidden .swiper-slide {\n  transform: translateZ(0);\n  backface-visibility: hidden;\n}\n.index-module--DWrfF .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: x mandatory;\n}\n.index-module--DWrfF .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: y mandatory;\n}\n.index-module--DWrfF .swiper-centered > .swiper-wrapper::before {\n  content: '';\n  flex-shrink: 0;\n  order: 9999;\n}\n[dir=\"ltr\"] .index-module--DWrfF .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-left: var(--swiper-centered-offset-before);\n}\n[dir=\"rtl\"] .index-module--DWrfF .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-right: var(--swiper-centered-offset-before);\n}\n.index-module--DWrfF .swiper-centered.swiper-horizontal > .swiper-wrapper::before {\n  height: 100%;\n  min-height: 1px;\n  width: var(--swiper-centered-offset-after);\n}\n.index-module--DWrfF .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n  margin-top: var(--swiper-centered-offset-before);\n}\n.index-module--DWrfF .swiper-centered.swiper-vertical > .swiper-wrapper::before {\n  width: 100%;\n  min-width: 1px;\n  height: var(--swiper-centered-offset-after);\n}\n.index-module--DWrfF .swiper-centered > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: center center;\n}\n\n/*navigation*/\n.index-module--DWrfF .swiper-button-prev,\n.index-module--DWrfF .swiper-button-next {\n  position: absolute;\n  top: 50%;\n  top: var(--swiper-navigation-top-offset, 50%);\n  width: calc(var(--swiper-navigation-size) / 44 * 27);\n  height: var(--swiper-navigation-size);\n  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--swiper-theme-color);\n  color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.index-module--DWrfF .swiper-button-prev.swiper-button-disabled,\n.index-module--DWrfF .swiper-button-next.swiper-button-disabled {\n  opacity: 0.35;\n  cursor: auto;\n  pointer-events: none;\n}\n\n.index-module--DWrfF .swiper-button-prev.swiper-button-hidden,\n.index-module--DWrfF .swiper-button-next.swiper-button-hidden {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DWrfF .swiper-navigation-disabled .swiper-button-prev,\n.index-module--DWrfF .swiper-navigation-disabled .swiper-button-next {\n  display: none !important;\n}\n.index-module--DWrfF .swiper-button-prev svg,\n.index-module--DWrfF .swiper-button-next svg {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform-origin: center;\n}\n.index-module--DWrfF .swiper-rtl .swiper-button-prev svg,\n.index-module--DWrfF .swiper-rtl .swiper-button-next svg {\n  transform: rotate(180deg);\n}\n.index-module--DWrfF .swiper-button-prev,\n.index-module--DWrfF .swiper-rtl .swiper-button-next {\n  left: 10px;\n  left: var(--swiper-navigation-sides-offset, 10px);\n  right: auto;\n}\n.index-module--DWrfF .swiper-button-next,\n.index-module--DWrfF .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DWrfF .swiper-button-lock {\n  display: none;\n}\n/* Navigation font start */\n.index-module--DWrfF .swiper-button-prev:after,\n.index-module--DWrfF .swiper-button-next:after {\n  text-transform: none !important;\n}\n.index-module--DWrfF .swiper-button-prev:after,\n.index-module--DWrfF .swiper-button-next:after {\n  font-family: swiper-icons;\n  font-size: var(--swiper-navigation-size);\n  letter-spacing: 0;\n  font-feature-settings: ;\n  font-variant: normal;\n  font-variant: initial;\n  line-height: 1;\n}\n.index-module--DWrfF .swiper-button-prev:after,\n.index-module--DWrfF .swiper-rtl .swiper-button-next:after {\n  content: 'prev';\n}\n.index-module--DWrfF .swiper-button-next,\n.index-module--DWrfF .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DWrfF .swiper-button-next:after,\n.index-module--DWrfF .swiper-rtl .swiper-button-prev:after {\n  content: 'next';\n}\n/* Navigation font end */\n\n.index-module--DWrfF .react-modal-sheet-header {\n  top: -40px;\n}\n\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next {\n  position: absolute;\n  top: 50%;\n  top: var(--swiper-navigation-top-offset, 50%);\n  width: calc(var(--swiper-navigation-size) / 44 * 27);\n  height: var(--swiper-navigation-size);\n  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--swiper-theme-color);\n  color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev.swiper-button-disabled,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next.swiper-button-disabled {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev.swiper-button-hidden,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next.swiper-button-hidden {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-navigation-disabled .swiper-button-prev,\n.index-module--DWrfF .diva-widget-gallery .swiper-navigation-disabled .swiper-button-next {\n  display: none !important;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev svg,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next svg {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform-origin: center;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev svg,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-next svg {\n  transform: rotate(180deg);\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-next {\n  left: 10px;\n  left: var(--swiper-navigation-sides-offset, 10px);\n  right: auto;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-lock {\n  display: none;\n}\n/* Navigation font start */\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next:after {\n  text-transform: none !important;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next:after {\n  font-family: swiper-icons;\n  font-size: var(--swiper-navigation-size);\n  letter-spacing: 0;\n  font-feature-settings: ;\n  font-variant: normal;\n  font-variant: initial;\n  line-height: 1;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-next:after {\n  content: 'prev';\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev:after {\n  content: 'next';\n}\n/* Navigation font end */\n",""]);var g="index-module--e1N3L",m="index-module--RKDxk",v="index-module--YiJDf",b="index-module--IgnAA",h="index-module--YLyjz",D="index-module--DWrfF",y="index-module--aD14m",W="index-module--eN6np",S="index-module--B75oj",F="index-module--rLMX4";const I=w},82956:(e,n,t)=>{t.d(n,{AH:()=>x.AH,AI:()=>x.AI,EN:()=>x.EN,Iz:()=>x.Iz,al:()=>x.al,nW:()=>x.nW,s1:()=>x.s1,vt:()=>x.vt,yk:()=>x.yk,zh:()=>x.zh});var i=t(93379),r=t.n(i),o=t(7795),a=t.n(o),d=t(90569),s=t.n(d),l=t(3565),p=t.n(l),u=t(19216),w=t.n(u),c=t(44589),f=t.n(c),x=t(62500),g={};g.styleTagTransform=f(),g.setAttributes=p(),g.insert=s().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=w();r()(x.ZP,g),x.ZP&&x.ZP.locals&&x.ZP.locals},38403:e=>{e.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="},81165:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3981.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3981],{63981:(n,e,o)=>{o.r(e),o.d(e,{default:()=>E});var i=o(61965),t=o(65515),d=o.n(t),l=o(91214),r=o(9420),a=o(87363),s=o(88683),u=o(93379),p=o.n(u),x=o(7795),b=o.n(x),m=o(90569),c=o.n(m),h=o(3565),f=o.n(h),g=o(19216),v=o.n(g),P=o(44589),T=o.n(P),F=o(67463),S={};S.styleTagTransform=T(),S.setAttributes=f(),S.insert=c().bind(null,"head"),S.domAPI=b(),S.insertStyleElement=v();p()(F.ZP,S);F.ZP&&F.ZP.locals&&F.ZP.locals;var w=o(47514);const E=(0,r.Pi)((function TabGroupItemHorizontaRalph(n){var e=n.tabGroup,o=(0,l.NP)(),t=(0,s.useTranslation)().t,r=(0,a.useRef)(null),u=o.tabGroupState.curTabGroup;(0,a.useEffect)((function(){o.tabGroupState.setTabGroupItems(e.key,r.current)}),[r]);var p=(0,i.Z)(o.tabGroupState.allTabGroups.keys()),x=e.posNr==(null==u?void 0:u.posNr),b=p[p.length-1]==e.key;return(0,w.jsxs)("div",{className:d()(F.YS,o.uiState.isMobilePortrait?F.tW:void 0,o.uiState.isTablet?F.Mq:void 0,e.title==(null==u?void 0:u.title)&&x?F.F1:void 0),children:[(0,w.jsxs)("div",{ref:r,onClick:function onClick(n){n.stopPropagation(),function onTabGroupClick(n){window.lastNavigationType="TABGROUP_BY_POS_NR",o.tabGroupState.navigateToTabgroupByPosNr(+n.posNr)}(e)},className:d()(F.TI),children:[!o.uiState.isInMobileView&&(0,w.jsx)("span",{className:d()(F.EF),children:e.posNr}),t("configurator."+e.title,e.title)]}),!b&&(0,w.jsx)("div",{className:F.Qp})]})}))},67463:(n,e,o)=>{o.d(e,{EF:()=>x,F1:()=>p,Mq:()=>u,Qp:()=>b,TI:()=>a,YS:()=>r,ZP:()=>m,tW:()=>s});var i=o(8081),t=o.n(i),d=o(23645),l=o.n(d)()(t());l.push([n.id,".index-module--nUXmx {\n  display: flex;\n  align-items: center;\n  float: left;\n}\n\n.index-module--p2J8S {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  border: none;\n  transition: color 0.3s ease-out;\n  line-height: 56px;\n  padding: 0 13px;\n  color: #b5b5b5;\n  cursor: pointer;\n}\n\n.index-module--HbFPE:not(.index-module--l_fFo) .index-module--p2J8S {\n  gap: 6px;\n  font-size: 12px;\n  font-weight: 300;\n}\n\n.index-module--HbFPE .index-module--p2J8S {\n  line-height: calc(var(--configuratorTabGroupHeight) - 3px);\n}\n\n.index-module--p2J8S:hover {\n  color: #262626;\n}\n\n.index-module--nx1TR .index-module--p2J8S {\n  color: #262626;\n}\n\n.index-module--FBtoh {\n  display: inline-block;\n  height: 24px;\n  width: 24px;\n  margin-right: 11px;\n  margin-top: 3px;\n  border: 1px solid #b5b5b5;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 25px;\n  font-size: 16px;\n  color: #b5b5b5;\n  transition:\n    color 0.3s ease-out,\n    border 0.3s ease-out;\n}\n\n.index-module--nx1TR .index-module--FBtoh,\n.index-module--p2J8S:hover .index-module--FBtoh {\n  color: #4f555b;\n  border: 1px solid #4f555b;\n}\n\n.index-module--HbFPE:not(.index-module--l_fFo) .index-module--FBtoh {\n  height: 14px;\n  width: 14px;\n  line-height: 14px;\n  font-size: 10px;\n}\n\n.index-module--HEb_w {\n  width: 22px;\n  height: 0px;\n  border: 1px solid #bfbfbf;\n}\n\n.index-module--HbFPE .index-module--HEb_w {\n  width: 10px;\n  border-top: 1px solid #bfbfbf;\n  border-bottom: none;\n}\n\n.index-module--l_fFo .index-module--HEb_w {\n  width: 14px;\n  border-top: 1px solid #bfbfbf;\n  border-bottom: none;\n}\n",""]);var r="index-module--nUXmx",a="index-module--p2J8S",s="index-module--HbFPE",u="index-module--l_fFo",p="index-module--nx1TR",x="index-module--FBtoh",b="index-module--HEb_w";const m=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3981],{63981:(n,e,o)=>{o.r(e),o.d(e,{default:()=>E});var i=o(61965),t=o(65515),d=o.n(t),l=o(25443),r=o(9420),a=o(87363),s=o(88683),u=o(93379),p=o.n(u),x=o(7795),b=o.n(x),m=o(90569),c=o.n(m),h=o(3565),f=o.n(h),g=o(19216),v=o.n(g),P=o(44589),T=o.n(P),F=o(67463),S={};S.styleTagTransform=T(),S.setAttributes=f(),S.insert=c().bind(null,"head"),S.domAPI=b(),S.insertStyleElement=v();p()(F.ZP,S);F.ZP&&F.ZP.locals&&F.ZP.locals;var w=o(47514);const E=(0,r.Pi)((function TabGroupItemHorizontaRalph(n){var e=n.tabGroup,o=(0,l.NP)(),t=(0,s.useTranslation)().t,r=(0,a.useRef)(null),u=o.tabGroupState.curTabGroup;(0,a.useEffect)((function(){o.tabGroupState.setTabGroupItems(e.key,r.current)}),[r]);var p=(0,i.Z)(o.tabGroupState.allTabGroups.keys()),x=e.posNr==(null==u?void 0:u.posNr),b=p[p.length-1]==e.key;return(0,w.jsxs)("div",{className:d()(F.YS,o.uiState.isMobilePortrait?F.tW:void 0,o.uiState.isTablet?F.Mq:void 0,e.title==(null==u?void 0:u.title)&&x?F.F1:void 0),children:[(0,w.jsxs)("div",{ref:r,onClick:function onClick(n){n.stopPropagation(),function onTabGroupClick(n){window.lastNavigationType="TABGROUP_BY_POS_NR",o.tabGroupState.navigateToTabgroupByPosNr(+n.posNr)}(e)},className:d()(F.TI),children:[!o.uiState.isInMobileView&&(0,w.jsx)("span",{className:d()(F.EF),children:e.posNr}),t("configurator."+e.title,e.title)]}),!b&&(0,w.jsx)("div",{className:F.Qp})]})}))},67463:(n,e,o)=>{o.d(e,{EF:()=>x,F1:()=>p,Mq:()=>u,Qp:()=>b,TI:()=>a,YS:()=>r,ZP:()=>m,tW:()=>s});var i=o(8081),t=o.n(i),d=o(23645),l=o.n(d)()(t());l.push([n.id,".index-module--nUXmx {\n  display: flex;\n  align-items: center;\n  float: left;\n}\n\n.index-module--p2J8S {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  border: none;\n  transition: color 0.3s ease-out;\n  line-height: 56px;\n  padding: 0 13px;\n  color: #b5b5b5;\n  cursor: pointer;\n}\n\n.index-module--HbFPE:not(.index-module--l_fFo) .index-module--p2J8S {\n  gap: 6px;\n  font-size: 12px;\n  font-weight: 300;\n}\n\n.index-module--HbFPE .index-module--p2J8S {\n  line-height: calc(var(--configuratorTabGroupHeight) - 3px);\n}\n\n.index-module--p2J8S:hover {\n  color: #262626;\n}\n\n.index-module--nx1TR .index-module--p2J8S {\n  color: #262626;\n}\n\n.index-module--FBtoh {\n  display: inline-block;\n  height: 24px;\n  width: 24px;\n  margin-right: 11px;\n  margin-top: 3px;\n  border: 1px solid #b5b5b5;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 25px;\n  font-size: 16px;\n  color: #b5b5b5;\n  transition:\n    color 0.3s ease-out,\n    border 0.3s ease-out;\n}\n\n.index-module--nx1TR .index-module--FBtoh,\n.index-module--p2J8S:hover .index-module--FBtoh {\n  color: #4f555b;\n  border: 1px solid #4f555b;\n}\n\n.index-module--HbFPE:not(.index-module--l_fFo) .index-module--FBtoh {\n  height: 14px;\n  width: 14px;\n  line-height: 14px;\n  font-size: 10px;\n}\n\n.index-module--HEb_w {\n  width: 22px;\n  height: 0px;\n  border: 1px solid #bfbfbf;\n}\n\n.index-module--HbFPE .index-module--HEb_w {\n  width: 10px;\n  border-top: 1px solid #bfbfbf;\n  border-bottom: none;\n}\n\n.index-module--l_fFo .index-module--HEb_w {\n  width: 14px;\n  border-top: 1px solid #bfbfbf;\n  border-bottom: none;\n}\n",""]);var r="index-module--nUXmx",a="index-module--p2J8S",s="index-module--HbFPE",u="index-module--l_fFo",p="index-module--nx1TR",x="index-module--FBtoh",b="index-module--HEb_w";const m=l}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 4042.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4042],{74042:(n,e,i)=>{i.r(e),i.d(e,{default:()=>N});var t=i(65515),o=i.n(t),d=i(9420),a=(i(87363),i(91214)),l=i(93379),r=i.n(l),u=i(7795),s=i.n(u),g=i(90569),c=i.n(g),x=i(3565),m=i.n(x),M=i(19216),p=i.n(M),b=i(44589),I=i.n(b),h=i(95055),v={};v.styleTagTransform=I(),v.setAttributes=m(),v.insert=c().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=p();r()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var w=i(88683),L=i(47514);const N=(0,d.Pi)((function SubTabGroupHeader(n){var e=n.openState,i=n.curState,t=n.tabs,d=(0,a.NP)(),l=(0,w.useTranslation)().t;return(0,L.jsxs)("div",{onClick:function onClick(){return e[1](!e[0])},className:o()(h.Fs,e[0]?h.bA:void 0,d.uiState.isInMobileView?h.ai:void 0),children:[(0,L.jsx)("div",{className:h.YS,children:t.map((function(n,d){return(0,L.jsxs)("div",{className:o()(h.TN,i[0]===n&&e[0]?h.pA:void 0),onClick:function onClick(t){i[1](n),e[0]||e[1](!0),t.stopPropagation()},children:["ALL"===n&&1!==t.length&&l("configurator.config_all"),1===t.length&&l("configurator.config_accessoire"),t.length>1&&"ALL"!==n&&d+"."]},n)}))}),(0,L.jsx)("div",{className:o()(h.y6)})]})}))},95055:(n,e,i)=>{i.d(e,{Fs:()=>c,TN:()=>m,YS:()=>x,ZP:()=>h,ai:()=>I,bA:()=>b,pA:()=>M,y6:()=>p});var t=i(8081),o=i.n(t),d=i(23645),a=i.n(d),l=i(61667),r=i.n(l),u=new URL(i(37766),i.b),s=a()(o()),g=r()(u);s.push([n.id,".index-module--bSSUt {\n  height: 48px;\n  position: relative;\n  background-color: var(--diva-theme-palette-primary-light);\n  border-bottom: 2px solid var(--diva-theme-palette-primary-main);\n}\n\n.index-module--wbRxH {\n  margin-left: 16px;\n  margin-right: 16px;\n  display: flex;\n}\n.index-module--Jw9JV {\n  padding: 11px;\n  font-weight: 100;\n  font-size: 18px;\n  position: relative;\n}\n\n.index-module--Jw9JV:hover,\n.index-module--CAkCY {\n  border: none;\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--Jw9JV::after {\n  content: '';\n  position: absolute;\n  width: 0px;\n  height: 3px;\n  left: 50%;\n  bottom: 0;\n  background-color: var(--diva-theme-palette-primary-main);\n  transition: all ease-in-out 0.2s;\n}\n.index-module--Jw9JV:hover::after,\n.index-module--CAkCY::after {\n  width: 100%;\n  left: 0;\n}\n\n.index-module--IR2e_ {\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  background-image: url("+g+");\n  transform: rotate(90deg);\n  transition: all 0.35s ease;\n  width: 40px;\n  height: 40px;\n  position: absolute;\n  right: 8px;\n  top: 5px;\n}\n.index-module--jWjLA .index-module--IR2e_ {\n  transform: rotate(0deg);\n}\n\n.index-module--bSSUt.index-module--PzZv7 {\n  height: 38px;\n}\n\n.index-module--PzZv7 .index-module--Jw9JV {\n  padding: 8px;\n  font-weight: 300;\n  font-size: 14px;\n}\n\n.index-module--PzZv7 .index-module--IR2e_ {\n  width: 34px;\n  height: 34px;\n  position: absolute;\n  right: 8px;\n  top: 0px;\n}\n",""]);var c="index-module--bSSUt",x="index-module--wbRxH",m="index-module--Jw9JV",M="index-module--CAkCY",p="index-module--IR2e_",b="index-module--jWjLA",I="index-module--PzZv7";const h=s},37766:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9Ijk2MHB4IiBoZWlnaHQ9IjU2MHB4IiB2aWV3Qm94PSIwIDAgOTYwIDU2MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOTYwIDU2MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJSb3VuZGVkX1JlY3RhbmdsZV8zM19jb3B5XzRfMV8iPgoJPHBhdGggZD0iTTQ4MCwzNDQuMTgxTDI2OC44NjksMTMxLjg4OWMtMTUuNzU2LTE1Ljg1OS00MS4zLTE1Ljg1OS01Ny4wNTQsMGMtMTUuNzU0LDE1Ljg1Ny0xNS43NTQsNDEuNTcsMCw1Ny40MzFsMjM3LjYzMiwyMzguOTM3CgkJYzguMzk1LDguNDUxLDE5LjU2MiwxMi4yNTQsMzAuNTUzLDExLjY5OGMxMC45OTMsMC41NTYsMjIuMTU5LTMuMjQ3LDMwLjU1NS0xMS42OThsMjM3LjYzMS0yMzguOTM3CgkJYzE1Ljc1Ni0xNS44NiwxNS43NTYtNDEuNTcxLDAtNTcuNDMxcy00MS4yOTktMTUuODU5LTU3LjA1MSwwTDQ4MCwzNDQuMTgxeiIvPgo8L2c+Cjwvc3ZnPgo="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4042],{74042:(n,e,i)=>{i.r(e),i.d(e,{default:()=>N});var t=i(65515),o=i.n(t),d=i(9420),a=(i(87363),i(25443)),l=i(93379),r=i.n(l),u=i(7795),s=i.n(u),g=i(90569),c=i.n(g),x=i(3565),m=i.n(x),M=i(19216),p=i.n(M),b=i(44589),I=i.n(b),h=i(95055),v={};v.styleTagTransform=I(),v.setAttributes=m(),v.insert=c().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=p();r()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var w=i(88683),L=i(47514);const N=(0,d.Pi)((function SubTabGroupHeader(n){var e=n.openState,i=n.curState,t=n.tabs,d=(0,a.NP)(),l=(0,w.useTranslation)().t;return(0,L.jsxs)("div",{onClick:function onClick(){return e[1](!e[0])},className:o()(h.Fs,e[0]?h.bA:void 0,d.uiState.isInMobileView?h.ai:void 0),children:[(0,L.jsx)("div",{className:h.YS,children:t.map((function(n,d){return(0,L.jsxs)("div",{className:o()(h.TN,i[0]===n&&e[0]?h.pA:void 0),onClick:function onClick(t){i[1](n),e[0]||e[1](!0),t.stopPropagation()},children:["ALL"===n&&1!==t.length&&l("configurator.config_all"),1===t.length&&l("configurator.config_accessoire"),t.length>1&&"ALL"!==n&&d+"."]},n)}))}),(0,L.jsx)("div",{className:o()(h.y6)})]})}))},95055:(n,e,i)=>{i.d(e,{Fs:()=>c,TN:()=>m,YS:()=>x,ZP:()=>h,ai:()=>I,bA:()=>b,pA:()=>M,y6:()=>p});var t=i(8081),o=i.n(t),d=i(23645),a=i.n(d),l=i(61667),r=i.n(l),u=new URL(i(37766),i.b),s=a()(o()),g=r()(u);s.push([n.id,".index-module--bSSUt {\n  height: 48px;\n  position: relative;\n  background-color: var(--diva-theme-palette-primary-light);\n  border-bottom: 2px solid var(--diva-theme-palette-primary-main);\n}\n\n.index-module--wbRxH {\n  margin-left: 16px;\n  margin-right: 16px;\n  display: flex;\n}\n.index-module--Jw9JV {\n  padding: 11px;\n  font-weight: 100;\n  font-size: 18px;\n  position: relative;\n}\n\n.index-module--Jw9JV:hover,\n.index-module--CAkCY {\n  border: none;\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--Jw9JV::after {\n  content: '';\n  position: absolute;\n  width: 0px;\n  height: 3px;\n  left: 50%;\n  bottom: 0;\n  background-color: var(--diva-theme-palette-primary-main);\n  transition: all ease-in-out 0.2s;\n}\n.index-module--Jw9JV:hover::after,\n.index-module--CAkCY::after {\n  width: 100%;\n  left: 0;\n}\n\n.index-module--IR2e_ {\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  background-image: url("+g+");\n  transform: rotate(90deg);\n  transition: all 0.35s ease;\n  width: 40px;\n  height: 40px;\n  position: absolute;\n  right: 8px;\n  top: 5px;\n}\n.index-module--jWjLA .index-module--IR2e_ {\n  transform: rotate(0deg);\n}\n\n.index-module--bSSUt.index-module--PzZv7 {\n  height: 38px;\n}\n\n.index-module--PzZv7 .index-module--Jw9JV {\n  padding: 8px;\n  font-weight: 300;\n  font-size: 14px;\n}\n\n.index-module--PzZv7 .index-module--IR2e_ {\n  width: 34px;\n  height: 34px;\n  position: absolute;\n  right: 8px;\n  top: 0px;\n}\n",""]);var c="index-module--bSSUt",x="index-module--wbRxH",m="index-module--Jw9JV",M="index-module--CAkCY",p="index-module--IR2e_",b="index-module--jWjLA",I="index-module--PzZv7";const h=s},37766:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9Ijk2MHB4IiBoZWlnaHQ9IjU2MHB4IiB2aWV3Qm94PSIwIDAgOTYwIDU2MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOTYwIDU2MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJSb3VuZGVkX1JlY3RhbmdsZV8zM19jb3B5XzRfMV8iPgoJPHBhdGggZD0iTTQ4MCwzNDQuMTgxTDI2OC44NjksMTMxLjg4OWMtMTUuNzU2LTE1Ljg1OS00MS4zLTE1Ljg1OS01Ny4wNTQsMGMtMTUuNzU0LDE1Ljg1Ny0xNS43NTQsNDEuNTcsMCw1Ny40MzFsMjM3LjYzMiwyMzguOTM3CgkJYzguMzk1LDguNDUxLDE5LjU2MiwxMi4yNTQsMzAuNTUzLDExLjY5OGMxMC45OTMsMC41NTYsMjIuMTU5LTMuMjQ3LDMwLjU1NS0xMS42OThsMjM3LjYzMS0yMzguOTM3CgkJYzE1Ljc1Ni0xNS44NiwxNS43NTYtNDEuNTcxLDAtNTcuNDMxcy00MS4yOTktMTUuODU5LTU3LjA1MSwwTDQ4MCwzNDQuMTgxeiIvPgo8L2c+Cjwvc3ZnPgo="}}]);

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

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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 4081.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4081,1017,2765],{41017:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Z});var i=t(38946),o=t(93379),l=t.n(o),d=t(7795),s=t.n(d),a=t(90569),r=t.n(a),c=t(3565),u=t.n(c),x=t(19216),C=t.n(x),m=t(44589),p=t.n(m),f=t(23240),h={};h.styleTagTransform=p(),h.setAttributes=u(),h.insert=r().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=C();l()(f.ZP,h);f.ZP&&f.ZP.locals&&f.ZP.locals;var g=t(87363),v=t(91214),w=t(65515),j=t.n(w),y=t(9420),b=t(47514);const Z=(0,y.Pi)((function InfoIcon(n){var e,t,o,l=n.item,d=n.style,s=(0,v.NP)(),a=l.contentItemId,r=null!==(e=null!==(t=null!==(o=l.codex)&&void 0!==o?o:l.articleCodex)&&void 0!==t?t:l.title)&&void 0!==e?e:l.key,c=(0,g.useState)(!1),u=(0,i.Z)(c,2),x=u[0],C=u[1],m=l.sel||x;if((0,g.useEffect)((function(){var n=s.settingsState.contentItemVisible&&s.settingsState.contentItemId==a&&r==s.settingsState.clickedFrom;!n&&x&&C(!1),n&&!x&&C(!0)}),[s.settingsState.contentItemVisible,s.settingsState.contentItemId,s.settingsState.clickedFrom]),!l)throw new Error("item for infoIcon not defined");return function showIcon(){var n;return!l.op||null===(n=s.uiState.ViewConfig.infoIconSettings)||void 0===n||!n.onlyShowSelectedOPV||m}()?(0,b.jsx)("div",{className:f.um,onClick:function onClick(n){s.settingsState.onClickContentItemId(a,r),C(s.settingsState.contentItemVisible&&s.settingsState.contentItemId==a),n.stopPropagation()},style:d,children:(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("div",{className:j()(f.hv,m?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:j()(f.dA,m?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,{})}))},72765:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Z});var i=t(38946),o=t(87363),l=t(93379),d=t.n(l),s=t(7795),a=t.n(s),r=t(90569),c=t.n(r),u=t(3565),x=t.n(u),C=t(19216),m=t.n(C),p=t(44589),f=t.n(p),h=t(60636),g={};g.styleTagTransform=f(),g.setAttributes=x(),g.insert=c().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=m();d()(h.ZP,g);h.ZP&&h.ZP.locals&&h.ZP.locals;var v=t(65515),w=t.n(v),j=t(9420),y=t(41017),b=t(47514);const Z=(0,j.Pi)((function MultiToggleSwitch(n){var e=n.values,t=n.items,l=(0,i.Z)(n.state,2),d=l[0],s=l[1],a=n.round,r=100/e.length,c=(0,o.useState)([]),u=(0,i.Z)(c,2),x=u[0],C=u[1];return(0,o.useEffect)((function(){e.some((function(n){return!n.endsWith("cm")}))?C(e):C(e.map((function(n,t){return n.replace("cm","")+(t==e.length-1?"cm":"")})))}),[e]),(0,b.jsx)("div",{className:h.YS,style:{borderRadius:a?"100px":void 0},children:(0,b.jsxs)("div",{className:h.No,children:[x.map((function(n,e){var i;return(0,b.jsx)("div",{style:{width:r+"%"},children:(0,b.jsxs)("label",{onClick:function onClick(){return s(e)},className:w()(h.F2,d===e&&h.pA),children:[n,(null===(i=t[e])||void 0===i?void 0:i.contentItemId)&&(0,b.jsx)(y.default,{item:t[e],style:{top:-4}},t[e].codex)]})},e)})),(0,b.jsx)("div",{className:h.wb,style:{left:d/e.length*100+"%",width:r+"%",borderRadius:a?"100px":void 0}})]})})}))},94081:(n,e,t)=>{t.r(e),t.d(e,{default:()=>S});var i=t(38946),o=t(87363),l=t(9420),d=t(91214),s=t(72765),a=t(93379),r=t.n(a),c=t(7795),u=t.n(c),x=t(90569),C=t.n(x),m=t(3565),p=t.n(m),f=t(19216),h=t.n(f),g=t(44589),v=t.n(g),w=t(7182),j={};j.styleTagTransform=v(),j.setAttributes=p(),j.insert=C().bind(null,"head"),j.domAPI=u(),j.insertStyleElement=h();r()(w.ZP,j);w.ZP&&w.ZP.locals&&w.ZP.locals;var y=t(65515),b=t.n(y),Z=t(41017),I=t(47514);const S=(0,l.Pi)((function MultiToggleComponent(n){var e=n.item,t=n.style,l=n.round,a=n.paletteId,r=(0,d.NP)(),c=(0,o.useState)([]),u=(0,i.Z)(c,2),x=u[0],C=u[1],m=(0,o.useState)([]),p=(0,i.Z)(m,2),f=p[0],h=p[1],g=(0,o.useState)(),v=(0,i.Z)(g,2),j=v[0],y=v[1],S=(0,o.useState)(!1),P=(0,i.Z)(S,2),N=P[0],F=P[1];(0,o.useEffect)((function(){var n=e.groups.flatMap((function(n){return n.items})),t=n.every((function(n){return n.text.endsWith("cm")}));C(n),F(t),h(n.map((function(n){return t?n.text.replace("cm",""):n.text}))),y(n.findIndex((function(n){return n.sel})))}),[e]);return 0===x.length?(0,I.jsx)(I.Fragment,{}):(0,I.jsxs)("div",{className:w.O7,ref:function ref(n){return e.htmlRef=n},style:t,children:[(0,I.jsxs)("div",{className:b()(w.eR,w.TN),children:[(0,I.jsx)("span",{className:w.Xf,children:e.name+(N?" (cm)":"")}),e.optionContentItemId&&(0,I.jsx)(Z.default,{item:{contentItemId:e.optionContentItemId,codex:e.configStepKey},style:{position:"relative",flexShrink:0}},e.configStepKey)]}),(0,I.jsx)("div",{className:b()(w.eR,w.ZN),children:(0,I.jsx)(s.default,{items:x,values:f,state:[j,function onChangeValue(n){y(n);var e=x[n];e&&r.paletteViewHandler.clickedOnConfigPalette(e,void 0,a)}],round:l})})]})}))},23240:(n,e,t)=>{t.d(e,{FJ:()=>u,Oq:()=>c,ZP:()=>m,al:()=>C,dA:()=>r,fL:()=>x,hv:()=>a,um:()=>s});var i=t(8081),o=t.n(i),l=t(23645),d=t.n(l)()(o());d.push([n.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 s="index-module--CjCgr",a="index-module--C9QBx",r="index-module--a2wqn",c="index-module--fLFjU",u="index-module--nTN4r",x="index-module--FaRqp",C="index-module--oBSZj";const m=d},60636:(n,e,t)=>{t.d(e,{F2:()=>c,No:()=>a,YS:()=>s,ZP:()=>x,pA:()=>u,wb:()=>r});var i=t(8081),o=t.n(i),l=t(23645),d=t.n(l)()(o());d.push([n.id,".index-module--V0pQW {\n  height: 36px;\n  width: 100%;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: #eaeaea;\n  border-radius: 6px;\n}\n.index-module--zHWrU {\n  height: calc(100% - 6px);\n  width: calc(100% - 6px);\n  border-radius: 3px;\n  box-sizing: content-box;\n  box-sizing: initial;\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.index-module--rSXQZ {\n  display: block;\n  position: absolute;\n  z-index: 1;\n  height: 30px;\n  background-color: #fff;\n  border-radius: 3px;\n  transition: left 0.25s ease-out;\n}\n\n.index-module--Ublpe {\n  position: relative;\n  display: flex;\n  gap: 4px;\n  justify-content: center;\n  align-items: center;\n  z-index: 2;\n  line-height: 22px;\n  height: 20px;\n  width: calc(100% - 8px);\n  padding: 6px;\n  font-size: 14px;\n  color: rgba(0, 0, 0, 0.6);\n  text-align: center;\n  cursor: pointer;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  transition:\n    color 0.2s ease-out,\n    font-weight 0.2s ease-out;\n}\n\n.index-module--jEYkH {\n  font-weight: 300;\n  color: #000;\n}\n",""]);var s="index-module--V0pQW",a="index-module--zHWrU",r="index-module--rSXQZ",c="index-module--Ublpe",u="index-module--jEYkH";const x=d},7182:(n,e,t)=>{t.d(e,{O7:()=>s,TN:()=>c,Xf:()=>r,ZN:()=>u,ZP:()=>x,eR:()=>a});var i=t(8081),o=t.n(i),l=t(23645),d=t.n(l)()(o());d.push([n.id,".index-module--zbUn_ {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  margin-bottom: 24px;\n}\n.index-module--NgTfo {\n  width: calc(100% - 64px);\n  padding: 8px 32px;\n}\n\n.index-module--j9Vsg {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 4px;\n  margin-bottom: 10px;\n  gap: 12px;\n}\n.index-module--oMpID {\n  width: 65%;\n}\n.index-module--oMpID:first-child {\n  width: 35%;\n  margin: 10px 0px;\n  position: relative;\n  display: flex;\n  gap: 8px;\n}\n\n.index-module--CG0qP {\n  flex-grow: 1;\n  height: 58px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  min-width: 33%;\n}\n\n/* The title column has a fixed width, so the name must shrink instead of pushing the info icon onto the toggle. */\n.index-module--HRorI {\n  min-width: 0;\n  word-wrap: anywhere;\n}\n\n.index-module--F6wCX {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  cursor: pointer;\n}\n\n.index-module--mALKQ {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n",""]);var s="index-module--j9Vsg",a="index-module--oMpID",r="index-module--HRorI",c="index-module--F6wCX",u="index-module--mALKQ";const x=d}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4081,1017,2765],{41017:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Z});var i=t(38946),o=t(93379),l=t.n(o),d=t(7795),s=t.n(d),a=t(90569),r=t.n(a),c=t(3565),u=t.n(c),x=t(19216),C=t.n(x),m=t(44589),p=t.n(m),f=t(23240),h={};h.styleTagTransform=p(),h.setAttributes=u(),h.insert=r().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=C();l()(f.ZP,h);f.ZP&&f.ZP.locals&&f.ZP.locals;var g=t(87363),v=t(25443),w=t(65515),j=t.n(w),y=t(9420),b=t(47514);const Z=(0,y.Pi)((function InfoIcon(n){var e,t,o,l=n.item,d=n.style,s=(0,v.NP)(),a=l.contentItemId,r=null!==(e=null!==(t=null!==(o=l.codex)&&void 0!==o?o:l.articleCodex)&&void 0!==t?t:l.title)&&void 0!==e?e:l.key,c=(0,g.useState)(!1),u=(0,i.Z)(c,2),x=u[0],C=u[1],m=l.sel||x;if((0,g.useEffect)((function(){var n=s.settingsState.contentItemVisible&&s.settingsState.contentItemId==a&&r==s.settingsState.clickedFrom;!n&&x&&C(!1),n&&!x&&C(!0)}),[s.settingsState.contentItemVisible,s.settingsState.contentItemId,s.settingsState.clickedFrom]),!l)throw new Error("item for infoIcon not defined");return function showIcon(){var n;return!l.op||null===(n=s.uiState.ViewConfig.infoIconSettings)||void 0===n||!n.onlyShowSelectedOPV||m}()?(0,b.jsx)("div",{className:f.um,onClick:function onClick(n){s.settingsState.onClickContentItemId(a,r),C(s.settingsState.contentItemVisible&&s.settingsState.contentItemId==a),n.stopPropagation()},style:d,children:(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("div",{className:j()(f.hv,m?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:j()(f.dA,m?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,{})}))},72765:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Z});var i=t(38946),o=t(87363),l=t(93379),d=t.n(l),s=t(7795),a=t.n(s),r=t(90569),c=t.n(r),u=t(3565),x=t.n(u),C=t(19216),m=t.n(C),p=t(44589),f=t.n(p),h=t(60636),g={};g.styleTagTransform=f(),g.setAttributes=x(),g.insert=c().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=m();d()(h.ZP,g);h.ZP&&h.ZP.locals&&h.ZP.locals;var v=t(65515),w=t.n(v),j=t(9420),y=t(41017),b=t(47514);const Z=(0,j.Pi)((function MultiToggleSwitch(n){var e=n.values,t=n.items,l=(0,i.Z)(n.state,2),d=l[0],s=l[1],a=n.round,r=100/e.length,c=(0,o.useState)([]),u=(0,i.Z)(c,2),x=u[0],C=u[1];return(0,o.useEffect)((function(){e.some((function(n){return!n.endsWith("cm")}))?C(e):C(e.map((function(n,t){return n.replace("cm","")+(t==e.length-1?"cm":"")})))}),[e]),(0,b.jsx)("div",{className:h.YS,style:{borderRadius:a?"100px":void 0},children:(0,b.jsxs)("div",{className:h.No,children:[x.map((function(n,e){var i;return(0,b.jsx)("div",{style:{width:r+"%"},children:(0,b.jsxs)("label",{onClick:function onClick(){return s(e)},className:w()(h.F2,d===e&&h.pA),children:[n,(null===(i=t[e])||void 0===i?void 0:i.contentItemId)&&(0,b.jsx)(y.default,{item:t[e],style:{top:-4}},t[e].codex)]})},e)})),(0,b.jsx)("div",{className:h.wb,style:{left:d/e.length*100+"%",width:r+"%",borderRadius:a?"100px":void 0}})]})})}))},94081:(n,e,t)=>{t.r(e),t.d(e,{default:()=>S});var i=t(38946),o=t(87363),l=t(9420),d=t(25443),s=t(72765),a=t(93379),r=t.n(a),c=t(7795),u=t.n(c),x=t(90569),C=t.n(x),m=t(3565),p=t.n(m),f=t(19216),h=t.n(f),g=t(44589),v=t.n(g),w=t(7182),j={};j.styleTagTransform=v(),j.setAttributes=p(),j.insert=C().bind(null,"head"),j.domAPI=u(),j.insertStyleElement=h();r()(w.ZP,j);w.ZP&&w.ZP.locals&&w.ZP.locals;var y=t(65515),b=t.n(y),Z=t(41017),I=t(47514);const S=(0,l.Pi)((function MultiToggleComponent(n){var e=n.item,t=n.style,l=n.round,a=n.paletteId,r=(0,d.NP)(),c=(0,o.useState)([]),u=(0,i.Z)(c,2),x=u[0],C=u[1],m=(0,o.useState)([]),p=(0,i.Z)(m,2),f=p[0],h=p[1],g=(0,o.useState)(),v=(0,i.Z)(g,2),j=v[0],y=v[1],S=(0,o.useState)(!1),P=(0,i.Z)(S,2),N=P[0],F=P[1];(0,o.useEffect)((function(){var n=e.groups.flatMap((function(n){return n.items})),t=n.every((function(n){return n.text.endsWith("cm")}));C(n),F(t),h(n.map((function(n){return t?n.text.replace("cm",""):n.text}))),y(n.findIndex((function(n){return n.sel})))}),[e]);return 0===x.length?(0,I.jsx)(I.Fragment,{}):(0,I.jsxs)("div",{className:w.O7,ref:function ref(n){return e.htmlRef=n},style:t,children:[(0,I.jsxs)("div",{className:b()(w.eR,w.TN),children:[(0,I.jsx)("span",{className:w.Xf,children:e.name+(N?" (cm)":"")}),e.optionContentItemId&&(0,I.jsx)(Z.default,{item:{contentItemId:e.optionContentItemId,codex:e.configStepKey},style:{position:"relative",flexShrink:0}},e.configStepKey)]}),(0,I.jsx)("div",{className:b()(w.eR,w.ZN),children:(0,I.jsx)(s.default,{items:x,values:f,state:[j,function onChangeValue(n){y(n);var e=x[n];e&&r.paletteViewHandler.clickedOnConfigPalette(e,void 0,a)}],round:l})})]})}))},23240:(n,e,t)=>{t.d(e,{FJ:()=>u,Oq:()=>c,ZP:()=>m,al:()=>C,dA:()=>r,fL:()=>x,hv:()=>a,um:()=>s});var i=t(8081),o=t.n(i),l=t(23645),d=t.n(l)()(o());d.push([n.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 s="index-module--CjCgr",a="index-module--C9QBx",r="index-module--a2wqn",c="index-module--fLFjU",u="index-module--nTN4r",x="index-module--FaRqp",C="index-module--oBSZj";const m=d},60636:(n,e,t)=>{t.d(e,{F2:()=>c,No:()=>a,YS:()=>s,ZP:()=>x,pA:()=>u,wb:()=>r});var i=t(8081),o=t.n(i),l=t(23645),d=t.n(l)()(o());d.push([n.id,".index-module--V0pQW {\n  height: 36px;\n  width: 100%;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: #eaeaea;\n  border-radius: 6px;\n}\n.index-module--zHWrU {\n  height: calc(100% - 6px);\n  width: calc(100% - 6px);\n  border-radius: 3px;\n  box-sizing: content-box;\n  box-sizing: initial;\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.index-module--rSXQZ {\n  display: block;\n  position: absolute;\n  z-index: 1;\n  height: 30px;\n  background-color: #fff;\n  border-radius: 3px;\n  transition: left 0.25s ease-out;\n}\n\n.index-module--Ublpe {\n  position: relative;\n  display: flex;\n  gap: 4px;\n  justify-content: center;\n  align-items: center;\n  z-index: 2;\n  line-height: 22px;\n  height: 20px;\n  width: calc(100% - 8px);\n  padding: 6px;\n  font-size: 14px;\n  color: rgba(0, 0, 0, 0.6);\n  text-align: center;\n  cursor: pointer;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  transition:\n    color 0.2s ease-out,\n    font-weight 0.2s ease-out;\n}\n\n.index-module--jEYkH {\n  font-weight: 300;\n  color: #000;\n}\n",""]);var s="index-module--V0pQW",a="index-module--zHWrU",r="index-module--rSXQZ",c="index-module--Ublpe",u="index-module--jEYkH";const x=d},7182:(n,e,t)=>{t.d(e,{O7:()=>s,TN:()=>c,Xf:()=>r,ZN:()=>u,ZP:()=>x,eR:()=>a});var i=t(8081),o=t.n(i),l=t(23645),d=t.n(l)()(o());d.push([n.id,".index-module--zbUn_ {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  margin-bottom: 24px;\n}\n.index-module--NgTfo {\n  width: calc(100% - 64px);\n  padding: 8px 32px;\n}\n\n.index-module--j9Vsg {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 4px;\n  margin-bottom: 10px;\n  gap: 12px;\n}\n.index-module--oMpID {\n  width: 65%;\n}\n.index-module--oMpID:first-child {\n  width: 35%;\n  margin: 10px 0px;\n  position: relative;\n  display: flex;\n  gap: 8px;\n}\n\n.index-module--CG0qP {\n  flex-grow: 1;\n  height: 58px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  min-width: 33%;\n}\n\n/* The title column has a fixed width, so the name must shrink instead of pushing the info icon onto the toggle. */\n.index-module--HRorI {\n  min-width: 0;\n  word-wrap: anywhere;\n}\n\n.index-module--F6wCX {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  cursor: pointer;\n}\n\n.index-module--mALKQ {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n",""]);var s="index-module--j9Vsg",a="index-module--oMpID",r="index-module--HRorI",c="index-module--F6wCX",u="index-module--mALKQ";const x=d}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 4093.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4093],{54093:(e,t,n)=>{n.r(t),n.d(t,{default:()=>R});var i=n(88683),o=n(91214),r=n(87363),a=n(9420),d=n(3861),s=n(65515),l=n.n(s),c=n(93379),u=n.n(c),p=n(7795),m=n.n(p),g=n(90569),f=n.n(g),x=n(3565),v=n.n(x),P=n(19216),h=n.n(P),S=n(44589),b=n.n(S),y=n(77113),C={};C.styleTagTransform=b(),C.setAttributes=v(),C.insert=f().bind(null,"head"),C.domAPI=m(),C.insertStyleElement=h();u()(y.ZP,C);y.ZP&&y.ZP.locals&&y.ZP.locals;var w=n(74133),L=n(47514),I=function getSkeletons(e,t){var n=0;e>t&&(n=e-t);var i=[];if(n)for(var o=n-1;o>=0;o--)i.push(e-o);return i};const R=(0,a.Pi)((function PromotedProducts(e){var t,n,a,s=e.item,c=(0,i.useDivaCore)(),u=c.actions.openComponent,p=c.handler.productHandler,m=c.state,g=m.organization,f=m.hidePrices,x=(0,o.NP)(),v=x.settingsState,P=x.getViewConfig().productsConfig,h=(0,r.useRef)(!1),S=(0,r.useRef)(!1),b=(0,r.useCallback)((function(e){x.uiState.isLogicLoading||null!=v.promotedOptimisticProductId||h.current||(h.current=!0,S.current=!1,v.setPromotedOptimisticProductId(e),u({type:"DIVA_WEBPLANNER",parameters:{productId:e},internal:{forceReload:"1",keepCache:"1"}}))}),[u,v,x.uiState]),C=null!==(t=x.configState.productId)&&void 0!==t?t:!x.configState.divaNr&&x.divaWebPlanner.getStartProductId(),R=null!==(n=v.promotedOptimisticProductId)&&void 0!==n?n:C;(0,r.useEffect)((function(){h.current&&(x.uiState.isLogicLoading?S.current=!0:S.current&&(h.current=!1,S.current=!1,v.setPromotedOptimisticProductId(null)))}),[v,x.uiState.isLogicLoading]),(0,r.useEffect)((function(){v.setPromotedOptimisticProductId(null)}),[g._id,v]);var _=null===(a=x.divaWebPlanner.getCatalogData())||void 0===a?void 0:a.catalogCodex;(0,r.useEffect)((function(){var e;x.uiState.isLogicLoading||v.loadPromotedProducts(p,g._id,_,null===(e=x.divaWebPlanner)||void 0===e?void 0:e.getCurPlannerType(),P)}),[g._id,x.uiState.isLogicLoading,_]);var j=v.promotedGroups,k=null!=P&&P.maxCount&&P.showSkeletions?I(P.maxCount,j.length):[],N=x.uiState.isLogicLoading||null!=v.promotedOptimisticProductId||h.current;return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(w.default,{isInScroller:!1,isSettingsHeader:!0,item:s}),(0,L.jsxs)("div",{className:l()(y.Ry,N?y.Z_:void 0),"aria-disabled":N,children:[j.map((function(e,t){var n;return(0,L.jsx)(d.p,{settings:{contentBoxProps:{type:"ProductGallery",products:e.items,groupVariantsByField:["dc_color","dc_mainColor"],onClick:b,imageWrapperStyle:{aspectRatio:"unset"},wrapperStyle:e.items.find((function(e){return e._id==R}))?{border:"1px solid var(--diva-theme-palette-primary-main)",borderRadius:"5px"}:void 0,imageStyle:{aspectRatio:"14.5 / 10",objectFit:"scale-down",objectPosition:"bottom"},hidePrices:null!==(n=f||x.getViewConfig().promotedHidePrices)&&void 0!==n&&n}}},e._id)})),k.map((function(e){return(0,L.jsx)("div",{className:y.F1,children:(0,L.jsx)("div",{children:e})},e)}))]})]})}))},77113:(e,t,n)=>{n.d(t,{F1:()=>l,Ry:()=>d,ZP:()=>c,Z_:()=>s});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r)()(o());a.push([e.id,".index-module--x75w5 {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));\n  grid-auto-rows: min-content;\n  grid-gap: 10px;\n  height: 100%;\n  padding-top: 16px;\n  padding-bottom: 16px;\n}\n\n.index-module--FSQ5B {\n  pointer-events: none;\n}\n\n.mobile .index-module--x75w5 {\n  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));\n}\n\n.index-module--tgKwN {\n  width: 100%;\n  aspect-ratio: 1 / 1;\n  color: var(--primaryColor);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 22px;\n  box-shadow: rgba(0, 0, 0,0.1) 0px 0px 16px 0px;\n}\n",""]);var d="index-module--x75w5",s="index-module--FSQ5B",l="index-module--tgKwN";const c=a}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4093],{54093:(e,t,n)=>{n.r(t),n.d(t,{default:()=>R});var i=n(88683),o=n(25443),r=n(87363),a=n(9420),d=n(3861),s=n(65515),l=n.n(s),c=n(93379),u=n.n(c),p=n(7795),m=n.n(p),g=n(90569),f=n.n(g),x=n(3565),v=n.n(x),P=n(19216),h=n.n(P),S=n(44589),b=n.n(S),y=n(77113),C={};C.styleTagTransform=b(),C.setAttributes=v(),C.insert=f().bind(null,"head"),C.domAPI=m(),C.insertStyleElement=h();u()(y.ZP,C);y.ZP&&y.ZP.locals&&y.ZP.locals;var w=n(74133),L=n(47514),I=function getSkeletons(e,t){var n=0;e>t&&(n=e-t);var i=[];if(n)for(var o=n-1;o>=0;o--)i.push(e-o);return i};const R=(0,a.Pi)((function PromotedProducts(e){var t,n,a,s=e.item,c=(0,i.useDivaCore)(),u=c.actions.openComponent,p=c.handler.productHandler,m=c.state,g=m.organization,f=m.hidePrices,x=(0,o.NP)(),v=x.settingsState,P=x.getViewConfig().productsConfig,h=(0,r.useRef)(!1),S=(0,r.useRef)(!1),b=(0,r.useCallback)((function(e){x.uiState.isLogicLoading||null!=v.promotedOptimisticProductId||h.current||(h.current=!0,S.current=!1,v.setPromotedOptimisticProductId(e),u({type:"DIVA_WEBPLANNER",parameters:{productId:e},internal:{forceReload:"1",keepCache:"1"}}))}),[u,v,x.uiState]),C=null!==(t=x.configState.productId)&&void 0!==t?t:!x.configState.divaNr&&x.divaWebPlanner.getStartProductId(),R=null!==(n=v.promotedOptimisticProductId)&&void 0!==n?n:C;(0,r.useEffect)((function(){h.current&&(x.uiState.isLogicLoading?S.current=!0:S.current&&(h.current=!1,S.current=!1,v.setPromotedOptimisticProductId(null)))}),[v,x.uiState.isLogicLoading]),(0,r.useEffect)((function(){v.setPromotedOptimisticProductId(null)}),[g._id,v]);var _=null===(a=x.divaWebPlanner.getCatalogData())||void 0===a?void 0:a.catalogCodex;(0,r.useEffect)((function(){var e;x.uiState.isLogicLoading||v.loadPromotedProducts(p,g._id,_,null===(e=x.divaWebPlanner)||void 0===e?void 0:e.getCurPlannerType(),P)}),[g._id,x.uiState.isLogicLoading,_]);var j=v.promotedGroups,k=null!=P&&P.maxCount&&P.showSkeletions?I(P.maxCount,j.length):[],N=x.uiState.isLogicLoading||null!=v.promotedOptimisticProductId||h.current;return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(w.default,{isInScroller:!1,isSettingsHeader:!0,item:s}),(0,L.jsxs)("div",{className:l()(y.Ry,N?y.Z_:void 0),"aria-disabled":N,children:[j.map((function(e,t){var n;return(0,L.jsx)(d.p,{settings:{contentBoxProps:{type:"ProductGallery",products:e.items,groupVariantsByField:["dc_color","dc_mainColor"],onClick:b,imageWrapperStyle:{aspectRatio:"unset"},wrapperStyle:e.items.find((function(e){return e._id==R}))?{border:"1px solid var(--diva-theme-palette-primary-main)",borderRadius:"5px"}:void 0,imageStyle:{aspectRatio:"14.5 / 10",objectFit:"scale-down",objectPosition:"bottom"},hidePrices:null!==(n=f||x.getViewConfig().promotedHidePrices)&&void 0!==n&&n}}},e._id)})),k.map((function(e){return(0,L.jsx)("div",{className:y.F1,children:(0,L.jsx)("div",{children:e})},e)}))]})]})}))},77113:(e,t,n)=>{n.d(t,{F1:()=>l,Ry:()=>d,ZP:()=>c,Z_:()=>s});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r)()(o());a.push([e.id,".index-module--x75w5 {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));\n  grid-auto-rows: min-content;\n  grid-gap: 10px;\n  height: 100%;\n  padding-top: 16px;\n  padding-bottom: 16px;\n}\n\n.index-module--FSQ5B {\n  pointer-events: none;\n}\n\n.mobile .index-module--x75w5 {\n  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));\n}\n\n.index-module--tgKwN {\n  width: 100%;\n  aspect-ratio: 1 / 1;\n  color: var(--primaryColor);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 22px;\n  box-shadow: rgba(0, 0, 0,0.1) 0px 0px 16px 0px;\n}\n",""]);var d="index-module--x75w5",s="index-module--FSQ5B",l="index-module--tgKwN";const c=a}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 4103.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4103,5656,2143],{15656:(n,e,i)=>{i.r(e),i.d(e,{default:()=>M});i(87363);var o=i(9420),t=i(91214),d=i(88683),l=i(65515),a=i.n(l),s=i(93379),r=i.n(s),u=i(7795),x=i.n(u),c=i(90569),m=i.n(c),p=i(3565),g=i.n(p),f=i(19216),h=i.n(f),v=i(44589),b=i.n(v),I=i(91642),y={};y.styleTagTransform=b(),y.setAttributes=g(),y.insert=m().bind(null,"head"),y.domAPI=x(),y.insertStyleElement=h();r()(I.ZP,y);I.ZP&&I.ZP.locals&&I.ZP.locals;var w=i(47514);const M=(0,o.Pi)((function StyleIndicator(){var n,e=(0,d.useTranslation)().t,i=(0,t.NP)(),o=i.aiState,l=i.configuratorStructureHandler.getConfigStepByKey("STYLE_CONSULTANT"),s=o.aiStyleKeyInitializedByEvent?null===(n=o.enrichedAiRoomRenderings())||void 0===n?void 0:n.find((function(n){return n.key===o.aiSelectedStyleKey})):void 0;if(!s||!l)return(0,w.jsx)(w.Fragment,{});var r=i.getIsInMobileView()&&!i.uiState.isTablet;return(0,w.jsxs)("li",{className:a()(I.H3,r?I.ai:void 0),onClick:function onClick(){window.lastNavigationType="STYLE_INDICATOR_HEADER",i.navigateToConfigStep(l.configStep.key)},children:[(0,w.jsx)("div",{className:I.vz,children:(0,w.jsx)("img",{src:s.image,alt:s.name})}),(0,w.jsxs)("div",{className:I.R1,children:[(0,w.jsx)("span",{className:I.QR,children:e("configurator.inspiration.yourStyle","Dein Stil")}),(0,w.jsx)("span",{className:I.ZS,children:s.name})]})]})}))},52143:(n,e,i)=>{i.r(e),i.d(e,{default:()=>z});var o=i(91214),t=(i(87363),i(9420)),d=i(93379),l=i.n(d),a=i(7795),s=i.n(a),r=i(90569),u=i.n(r),x=i(3565),c=i.n(x),m=i(19216),p=i.n(m),g=i(44589),f=i.n(g),h=i(76277),v={};v.styleTagTransform=f(),v.setAttributes=c(),v.insert=u().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=p();l()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var b=i(39667),I=i(64263),y=i(19047),w=i(65515),M=i.n(w),S=i(88683),N=i(15656),D=i(47514);const z=(0,t.Pi)((function HeaderFunctions(n){var e,i=(0,o.NP)(),t=(0,S.useTranslation)().t;return(0,D.jsxs)("ul",{className:M()(h.Hm,i.getIsInMobileView()?h.ai:void 0),children:[(0,D.jsx)(N.default,{}),null===(e=i.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.filter((function(n){return(0,y.evalVisible)(n,i,"header")})).map((function(n){return(0,D.jsx)("li",{className:M()(I.b),onClick:function onClick(){return(0,y.onClickCheckout)(n,i,n.index,t)},children:(0,D.jsx)(b.default,{checkoutButton:n,size:32,showTitle:!i.getIsInMobileView()||i.uiState.isTablet})},n.index)}))]})}))},44103:(n,e,i)=>{i.r(e),i.d(e,{default:()=>P});var o=i(65515),t=i.n(o),d=i(91214),l=i(9420),a=(i(87363),i(88683)),s=i(52143),r=i(93379),u=i.n(r),x=i(7795),c=i.n(x),m=i(90569),p=i.n(m),g=i(3565),f=i.n(g),h=i(19216),v=i.n(h),b=i(44589),I=i.n(b),y=i(26876),w={};w.styleTagTransform=I(),w.setAttributes=f(),w.insert=p().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=v();u()(y.ZP,w);y.ZP&&y.ZP.locals&&y.ZP.locals;var M=i(3861),S=i(83485),N=i(39554),D=i(56340),z=i(47514),j=(0,a.getLogger)("Planner","InfoBox");const P=(0,l.Pi)((function ProductHeader(n){var e,i,o,l,r,u,x,c,m,p=n.hidePrice,g=n.productClass,f=(0,d.NP)(),h=(0,a.useTranslation)().t,v=f.settingsState.bbox,b=(0,a.useDivaCore)(),I=b.state,w=I.hidePrices,P=I.dimensions.isMobile,k=I.navigationConfiguration,C=k.enableMobile,A=k.hideHeader,B=b.actions.openSideMenu,G=P&&C&&!A,T=f.getViewConfig().productHeaderContentBox,Z=(0,S.W)(),H=Z.dimensions,L=Z.dimOnlyForOneArticle,Q=f.getViewConfig().hideWebConfiguratorTitle||f.getViewConfig().hideWebConfiguratorTitleInMobile&&f.getIsInMobileView(),R=void 0!==f.productState.formatedBruttoPrice&&!f.getViewConfig().hideRabattPrice,V=f.productState.doShow3DDimensionLines||f.productState.doShowGrid||f.productState.doShowMainDimensions&&!P;return(0,z.jsxs)("div",{className:t()(y.YS,g,f.uiState.isMobileLandscape?y.rK:void 0,f.uiState.isMobilePortrait?y.tW:void 0,f.uiState.isTablet?y.Mq:void 0,f.uiState.configSettingsIsExpanded?y.zh:void 0,f.uiState.configSettingsIsMaxExpanded?y.Zk:void 0,R?y.y6:void 0,y.Gr),children:[G&&(0,z.jsx)("div",{id:"side-menu-button",className:y.YT,onClick:function onClick(){return B()}}),(0,z.jsxs)("div",{className:y.gU,"data-test-id":"configProductHeader",children:[!Q&&(0,z.jsx)("h1",{"data-test-id":"productHeaderTitle",children:f.productState.webConifguratorTitle}),(0,z.jsxs)("div",{className:y.NG,children:[!w&&!p&&(0,z.jsxs)("div",{className:y.u$,children:[(0,z.jsx)("span",{className:t()(y.xk),"data-test-id":"productHeaderFormattedBruttoPrice",children:(0,z.jsx)(D.default,{price:null!==(e=f.productState.formatedBruttoPrice)&&void 0!==e?e:0})}),(0,z.jsx)("span",{className:y.um,"data-test-id":"productHeaderFormattedPrice",children:(0,z.jsx)(D.default,{price:null!==(i=f.productState.formatedCurSetPrice)&&void 0!==i?i:0})})]}),V&&(0,z.jsxs)(z.Fragment,{children:[(null!==(o=null==v?void 0:v.X)&&void 0!==o?o:0)>0&&(0,z.jsxs)("div",{className:y.MB,children:[(0,z.jsxs)("span",{children:[h("configurator.bth_short"),": "]}),(0,z.jsxs)("span",{children:[null!==(l=null==v?void 0:v.X)&&void 0!==l?l:-1," × ",null!==(r=null==v?void 0:v.Y)&&void 0!==r?r:-1," × ",null!==(u=null==v?void 0:v.Z)&&void 0!==u?u:-1," cm"]})]}),void 0!==(null==v?void 0:v.wOLT)&&(0,z.jsxs)("div",{className:y.MB,children:[(0,z.jsxs)("span",{children:[h("configurator.without_olf"),": "]}),(0,z.jsxs)("span",{children:[null!==(x=null==v?void 0:v.wOLT)&&void 0!==x?x:-1," × ",null!==(c=null==v?void 0:v.dOLT)&&void 0!==c?c:-1," × ",null!==(m=null==v?void 0:v.hOLT)&&void 0!==m?m:-1," cm"]})]})]}),(V||!P)&&!(null==H||!H.length)&&H.map((function(n){var e,i;return(0,z.jsxs)("div",{className:y.MB,children:[(0,z.jsxs)("span",{children:[null!==(e=n.text)&&void 0!==e?e:h("configurator.headerdimension."+n.dimensionId),!L&&" ("+n.posNrs.join(",")+")",":"," "]}),(0,z.jsxs)("span",{children:[null!==(i=n.dimension)&&void 0!==i?i:0," ",n.unit]})]})}))]})]}),(0,z.jsx)("div",{className:y.AJ,children:(0,z.jsx)(s.default,{})}),!f.uiState.isInMobileView&&f.productState.currentBanner&&(0,z.jsx)("div",{className:y.az,children:(0,z.jsx)(N.Q,{contentItemId:f.productState.currentBanner.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column",maxHeight:"inherit"},onContentItemLoaded:function onContentItemLoaded(n){j.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:f.productState.currentBanner.contentItemId,title:n,isUserAction:!1})}})}),T&&!f.uiState.isInMobileView&&!f.productState.currentBanner&&(0,z.jsx)("div",{className:y.az,children:(0,z.jsx)(M.p,{settings:{contentBoxProps:T}})})]})}))},83485:(n,e,i)=>{i.d(e,{W:()=>l});var o=i(38946),t=i(87363),d=i(91214),l=function useCustomDimensions(){var n=(0,d.NP)(),e=(0,t.useState)(),i=(0,o.Z)(e,2),l=i[0],a=i[1],s=(0,t.useState)(!1),r=(0,o.Z)(s,2),u=r[0],x=r[1];return(0,t.useEffect)((function(){var e;n.divaWebPlanner.actSet()&&(null===(e=n.productState.customDimensions)||void 0===e||e.then((function(n){a(n);var e=n.reduce((function(n,e){return n[e.dimensionId]?n[e.dimensionId].includes(e.dimension)||n[e.dimensionId].push(e.dimension):n[e.dimensionId]=[e.dimension],n}),{});x(!Object.values(e).find((function(n){return n.length>1})))})))}),[n.divaWebPlanner.actSet(),n.settingsState.configChanged]),{dimensions:l,dimOnlyForOneArticle:u}}},91642:(n,e,i)=>{i.d(e,{H3:()=>a,QR:()=>u,R1:()=>r,ZP:()=>m,ZS:()=>x,ai:()=>s,vz:()=>c});var o=i(8081),t=i.n(o),d=i(23645),l=i.n(d)()(t());l.push([n.id,".index-module--L4Wxb {\n  border-radius: 14px !important;\n}\n\n.index-module--L4Wxb {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 8px 16px 8px 8px;\n  background: rgba(255, 255, 255, 0.9);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n  -webkit-backdrop-filter: blur(8px);\n          backdrop-filter: blur(8px);\n  list-style: none;\n  cursor: default;\n  animation: index-module--HaA1b 0.5s ease-out;\n}\n\n.index-module--aGBXl {\n  border-radius: 10px !important;\n}\n\n.index-module--aGBXl {\n  gap: 8px;\n  padding: 6px 12px 6px 6px;\n}\n\n.index-module--aGBXl .index-module--DlwB4 {\n  gap: 0;\n}\n\n.index-module--aGBXl .index-module--SQ18S {\n  font-size: 8px;\n}\n\n.index-module--aGBXl .index-module--qGOOk {\n  font-size: 11px;\n}\n\n.index-module--_kJVt {\n  width: 52px;\n  height: 40px;\n  border-radius: 6px;\n  overflow: hidden;\n  flex-shrink: 0;\n  border: 1px solid rgba(0, 0, 0, 0.06);\n}\n\n.index-module--aGBXl .index-module--_kJVt {\n  width: 36px;\n  height: 28px;\n}\n\n.index-module--_kJVt img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n\n.index-module--DlwB4 {\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n}\n\n.index-module--SQ18S {\n  font-size: 10px;\n  font-weight: 400;\n  letter-spacing: 0.5px;\n  text-transform: uppercase;\n  color: #999;\n  color: var(--diva-theme-palette-text-secondary, #999);\n  white-space: nowrap;\n}\n\n.index-module--qGOOk {\n  font-size: 14px;\n  font-weight: 400;\n  color: var(--globalColor);\n  white-space: nowrap;\n}\n\n@keyframes index-module--HaA1b {\n  0% {\n    opacity: 0;\n    transform: scale(0.85);\n  }\n  60% {\n    transform: scale(1.05);\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n",""]);var a="index-module--L4Wxb",s="index-module--aGBXl",r="index-module--DlwB4",u="index-module--SQ18S",x="index-module--qGOOk",c="index-module--_kJVt";const m=l},76277:(n,e,i)=>{i.d(e,{Hm:()=>a,ZP:()=>r,ai:()=>s});var o=i(8081),t=i.n(o),d=i(23645),l=i.n(d)()(t());l.push([n.id,".index-module--efVG1 {\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  margin-top: 0px;\n  padding-left: 0;\n  padding-left: initial;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 12px;\n}\n.index-module--EY0yA.index-module--efVG1 {\n  margin-top: 8px;\n}\n\n.index-module--efVG1 li {\n  border-radius: var(--globalBorderRadius);\n  list-style: none;\n  transition: box-shadow 0.15s ease;\n  display: flex;\n  align-items: center;\n}\n.index-module--efVG1 li:hover {\n  box-shadow: var(--boxShadowHover);\n}\n\n.index-module--efVG1 li:active {\n  box-shadow: var(--boxShadowActive);\n}\n\n#index-module--iYpHp {\n  float: left;\n  padding-right: 1em;\n  padding-top: 0.5rem;\n}\n",""]);var a="index-module--efVG1",s="index-module--EY0yA";const r=l},26876:(n,e,i)=>{i.d(e,{AJ:()=>g,Gr:()=>z,MB:()=>S,Mq:()=>D,NG:()=>I,YS:()=>c,YT:()=>j,ZP:()=>P,Zk:()=>b,az:()=>v,gU:()=>m,rK:()=>h,tW:()=>f,u$:()=>y,um:()=>w,xk:()=>M,y6:()=>N,zh:()=>p});var o=i(8081),t=i.n(o),d=i(23645),l=i.n(d),a=i(61667),s=i.n(a),r=new URL(i(36047),i.b),u=l()(t()),x=s()(r);u.push([n.id,"/* Productdaten */\n\n.index-module--HKQKa {\n  display: flex;\n  flex-direction: row;\n  height: 70px;\n  z-index: 112;\n  transition:\n    width 0.2s ease-in-out,\n    opacity 0.5s ease-in-out;\n  opacity: 1;\n  justify-content: space-between;\n  align-items: flex-start;\n}\n\n.index-module--vRGHL {\n  flex-basis: 50%;\n  justify-self: flex-start;\n  z-index: 300;\n  margin: 8px 0 0px 8px;\n  pointer-events: none;\n}\n\n.index-module--gHGCU .index-module--vRGHL {\n  flex-basis: 100%;\n}\n.index-module--MvVu6 {\n  flex-basis: 50%;\n}\n\n.index-module--MvVu6 {\n  flex-basis: 100%;\n  position: relative;\n  z-index: 112;\n  margin: 16px;\n}\n.index-module--f5D1B .index-module--MvVu6 {\n  margin: 6px 12px;\n}\n\n.index-module--DePmU .index-module--MvVu6 {\n  margin: 8px 12px 0px 0px;\n}\n\n.index-module--lRnbu {\n  z-index: 112;\n}\n\n.index-module--gHGCU.index-module--HKQKa {\n  width: calc(55% - 40px - 24px);\n}\n\n.index-module--aRkML.index-module--HKQKa,\n.index-module--Dq9vA.index-module--HKQKa {\n  opacity: 0;\n}\n\n.index-module--HKQKa h1 {\n  font-weight: 300;\n  font-size: 24px;\n  line-height: 27.2px;\n  letter-spacing: 0.2px;\n  color: var(--secondaryColor);\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  white-space: nowrap;\n}\n.index-module--cN5ML {\n  border-radius: 0px 0px 12px 0px;\n  padding: 0px 12px 6px 8px;\n  position: absolute;\n  width: -moz-fit-content;\n  width: fit-content;\n  white-space: nowrap;\n  left: 0px;\n}\n\n.index-module--f5D1B .index-module--cN5ML {\n  background-color: transparent;\n}\n\n.index-module--gHGCU.index-module--HKQKa h1 {\n  max-width: 300px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.index-module--l1SgD {\n  display: flex;\n  flex-direction: column;\n}\n\n.index-module--nPYHz {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n\n  -webkit-text-stroke: 0.4px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n.index-module--HKQKa h1,\n.index-module--luGNt,\n.index-module--uuqou,\n.index-module--BxBA_ {\n  margin: 0px;\n  background-color: rgba(255, 255, 255, 0.5);\n  border-radius: 4px;\n  padding: 2px 4px;\n  width: -moz-fit-content;\n  width: fit-content;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.index-module--luGNt {\n  color: var(--secondaryColor);\n  font-size: 16px;\n  font-size: var(--priceInfoFontSize, 16px);\n  -webkit-text-stroke: 0.4px;\n  font-weight: 700;\n  transition: color 0.3s ease-in-out;\n}\n.index-module--Ha7MZ .index-module--luGNt {\n  color: rgb(220, 38, 38);\n}\n\n.index-module--uuqou {\n  color: rgb(113, 113, 122);\n  font-size: 14px;\n  -webkit-text-stroke: 0.4px;\n  text-decoration: line-through;\n  height: 0px;\n  overflow: hidden;\n  opacity: 0;\n  transition:\n    height 0.3s ease-in-out,\n    opacity 0.3s ease-in-out;\n}\n\n.index-module--Ha7MZ .index-module--uuqou {\n  height: 12px;\n  opacity: 1;\n}\n\n.index-module--BxBA_ {\n  font-size: 16px;\n  color: var(--secondaryColor);\n  font-weight: 300;\n}\n\n.index-module--wJ4__ .index-module--BxBA_ {\n  font-size: 14px;\n}\n\n.index-module--f5D1B:not(.index-module--wJ4__) .index-module--BxBA_ {\n  font-size: 12px;\n}\n\n.index-module--DePmU.index-module--HKQKa {\n  margin-left: 2rem;\n  width: calc(100% - 1rem);\n  height: 54.4px;\n}\n\n.index-module--Jnc8i.index-module--DePmU.index-module--HKQKa {\n  left: 50px;\n  top: 0px;\n  margin-left: 0.5rem;\n  margin-top: 4px;\n  width: calc(100% - 1rem);\n  height: 24.4px;\n}\n\n.index-module--DePmU h1 {\n  margin-top: 14px;\n  font-size: 22px;\n  line-height: 18px;\n  width: 67%;\n}\n\n.index-module--DePmU .index-module--nPYHz {\n  font-size: 14px;\n}\n\n.index-module--f5D1B .index-module--luGNt {\n  font-size: 14px;\n}\n\n.index-module--f5D1B .index-module--uuqou {\n  font-size: 11px;\n}\n\n.index-module--DePmU .index-module--luGNt {\n  font-size: 15px;\n}\n\n.index-module--f5D1B .index-module--HKQKa {\n  height: 54.4px;\n  width: calc(100% - 4px);\n}\n\n.index-module--f5D1B h1 {\n  font-size: 15px;\n  line-height: 16px;\n}\n\n.index-module--wJ4__ .index-module--luGNt {\n  font-size: 16px;\n}\n\n.index-module--wJ4__ .index-module--uuqou {\n  font-size: 14px;\n}\n\n.index-module--wJ4__ .index-module--nPYHz {\n  font-size: 16px;\n}\n\n.index-module--wJ4__ h1 {\n  font-size: 20px;\n  line-height: 22px;\n}\n\n.index-module--CRegi {\n  width: 18px;\n  height: 18px;\n  cursor: pointer;\n  background-image: url("+x+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  transition: background-color 0.3s ease;\n  z-index: 1000;\n  margin: 10px 12px;\n  aspect-ratio: 1 / 1;\n}\n\n.index-module--wJ4__ .index-module--CRegi {\n  width: 22px;\n  height: 22px;\n}\n",""]);var c="index-module--HKQKa",m="index-module--vRGHL",p="index-module--gHGCU",g="index-module--MvVu6",f="index-module--f5D1B",h="index-module--DePmU",v="index-module--lRnbu",b="index-module--aRkML",I="index-module--cN5ML",y="index-module--l1SgD",w="index-module--luGNt",M="index-module--uuqou",S="index-module--BxBA_",N="index-module--Ha7MZ",D="index-module--wJ4__",z="index-module--Jnc8i",j="index-module--CRegi";const P=u},36047:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yIDEyQzIgMTEuNDQ3NyAyLjQ0NzcyIDExIDMgMTFIMjFDMjEuNTUyMyAxMSAyMiAxMS40NDc3IDIyIDEyQzIyIDEyLjU1MjMgMjEuNTUyMyAxMyAyMSAxM0gzQzIuNDQ3NzIgMTMgMiAxMi41NTIzIDIgMTJaIiBmaWxsPSIjNEY0RjRGIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMiA2QzIgNS40NDc3MiAyLjQ0NzcyIDUgMyA1SDIxQzIxLjU1MjMgNSAyMiA1LjQ0NzcyIDIyIDZDMjIgNi41NTIyOCAyMS41NTIzIDcgMjEgN0gzQzIuNDQ3NzIgNyAyIDYuNTUyMjggMiA2WiIgZmlsbD0iIzRGNEY0RiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMThDMiAxNy40NDc3IDIuNDQ3NzIgMTcgMyAxN0gyMUMyMS41NTIzIDE3IDIyIDE3LjQ0NzcgMjIgMThDMjIgMTguNTUyMyAyMS41NTIzIDE5IDIxIDE5SDNDMi40NDc3MiAxOSAyIDE4LjU1MjMgMiAxOFoiIGZpbGw9IiM0RjRGNEYiLz4KPC9zdmc+Cg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4103,5656,2143],{15656:(n,e,i)=>{i.r(e),i.d(e,{default:()=>M});i(87363);var o=i(9420),d=i(25443),t=i(88683),l=i(65515),a=i.n(l),s=i(93379),r=i.n(s),u=i(7795),x=i.n(u),c=i(90569),m=i.n(c),p=i(3565),g=i.n(p),f=i(19216),h=i.n(f),v=i(44589),b=i.n(v),I=i(91642),w={};w.styleTagTransform=b(),w.setAttributes=g(),w.insert=m().bind(null,"head"),w.domAPI=x(),w.insertStyleElement=h();r()(I.ZP,w);I.ZP&&I.ZP.locals&&I.ZP.locals;var y=i(47514);const M=(0,o.Pi)((function StyleIndicator(){var n,e=(0,t.useTranslation)().t,i=(0,d.NP)(),o=i.aiState,l=i.configuratorStructureHandler.getConfigStepByKey("STYLE_CONSULTANT"),s=o.aiStyleKeyInitializedByEvent?null===(n=o.enrichedAiRoomRenderings())||void 0===n?void 0:n.find((function(n){return n.key===o.aiSelectedStyleKey})):void 0;if(!s||!l)return(0,y.jsx)(y.Fragment,{});var r=i.getIsInMobileView()&&!i.uiState.isTablet;return(0,y.jsxs)("li",{className:a()(I.H3,r?I.ai:void 0),onClick:function onClick(){window.lastNavigationType="STYLE_INDICATOR_HEADER",i.navigateToConfigStep(l.configStep.key)},children:[(0,y.jsx)("div",{className:I.vz,children:(0,y.jsx)("img",{src:s.image,alt:s.name})}),(0,y.jsxs)("div",{className:I.R1,children:[(0,y.jsx)("span",{className:I.QR,children:e("configurator.inspiration.yourStyle","Dein Stil")}),(0,y.jsx)("span",{className:I.ZS,children:s.name})]})]})}))},52143:(n,e,i)=>{i.r(e),i.d(e,{default:()=>z});var o=i(25443),d=(i(87363),i(9420)),t=i(93379),l=i.n(t),a=i(7795),s=i.n(a),r=i(90569),u=i.n(r),x=i(3565),c=i.n(x),m=i(19216),p=i.n(m),g=i(44589),f=i.n(g),h=i(76277),v={};v.styleTagTransform=f(),v.setAttributes=c(),v.insert=u().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=p();l()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var b=i(39667),I=i(64263),w=i(19047),y=i(65515),M=i.n(y),S=i(88683),N=i(15656),D=i(47514);const z=(0,d.Pi)((function HeaderFunctions(n){var e,i=(0,o.NP)(),d=(0,S.useTranslation)().t;return(0,D.jsxs)("ul",{className:M()(h.Hm,i.getIsInMobileView()?h.ai:void 0),children:[(0,D.jsx)(N.default,{}),null===(e=i.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.filter((function(n){return(0,w.evalVisible)(n,i,"header")})).map((function(n){return(0,D.jsx)("li",{className:M()(I.b),onClick:function onClick(){return(0,w.onClickCheckout)(n,i,n.index,d)},children:(0,D.jsx)(b.default,{checkoutButton:n,size:32,showTitle:!i.getIsInMobileView()||i.uiState.isTablet})},n.index)}))]})}))},44103:(n,e,i)=>{i.r(e),i.d(e,{default:()=>P});var o=i(65515),d=i.n(o),t=i(25443),l=i(9420),a=(i(87363),i(88683)),s=i(52143),r=i(93379),u=i.n(r),x=i(7795),c=i.n(x),m=i(90569),p=i.n(m),g=i(3565),f=i.n(g),h=i(19216),v=i.n(h),b=i(44589),I=i.n(b),w=i(26876),y={};y.styleTagTransform=I(),y.setAttributes=f(),y.insert=p().bind(null,"head"),y.domAPI=c(),y.insertStyleElement=v();u()(w.ZP,y);w.ZP&&w.ZP.locals&&w.ZP.locals;var M=i(3861),S=i(83485),N=i(39554),D=i(56340),z=i(47514),j=(0,a.getLogger)("Planner","InfoBox");const P=(0,l.Pi)((function ProductHeader(n){var e,i,o,l,r,u,x,c,m,p=n.hidePrice,g=n.productClass,f=(0,t.NP)(),h=(0,a.useTranslation)().t,v=f.settingsState.bbox,b=(0,a.useDivaCore)(),I=b.state,y=I.hidePrices,P=I.dimensions.isMobile,k=I.navigationConfiguration,C=k.enableMobile,A=k.hideHeader,B=b.actions.openSideMenu,G=P&&C&&!A,T=f.getViewConfig().productHeaderContentBox,Z=(0,S.W)(),H=Z.dimensions,L=Z.dimOnlyForOneArticle,Q=f.getViewConfig().hideWebConfiguratorTitle||f.getViewConfig().hideWebConfiguratorTitleInMobile&&f.getIsInMobileView(),R=void 0!==f.productState.formatedBruttoPrice&&!f.getViewConfig().hideRabattPrice,V=f.rtvNextViewer,E=f.productState,_=E.doShow3DDimensionLines,K=E.sceneShowsDimensionLines,U=E.doShowGrid,J=E.doShowRTV,W=E.doShow3DComb,O=E.doShowMainDimensions,Y=V?!(U||K&&(J||W))&&O&&!P:_||U||O&&!P;return(0,z.jsxs)("div",{className:d()(w.YS,g,f.uiState.isMobileLandscape?w.rK:void 0,f.uiState.isMobilePortrait?w.tW:void 0,f.uiState.isTablet?w.Mq:void 0,f.uiState.configSettingsIsExpanded?w.zh:void 0,f.uiState.configSettingsIsMaxExpanded?w.Zk:void 0,R?w.y6:void 0,w.Gr),children:[G&&(0,z.jsx)("div",{id:"side-menu-button",className:w.YT,onClick:function onClick(){return B()}}),(0,z.jsxs)("div",{className:w.gU,"data-test-id":"configProductHeader",children:[!Q&&(0,z.jsx)("h1",{"data-test-id":"productHeaderTitle",children:f.productState.webConifguratorTitle}),(0,z.jsxs)("div",{className:w.NG,children:[!y&&!p&&(0,z.jsxs)("div",{className:w.u$,children:[(0,z.jsx)("span",{className:d()(w.xk),"data-test-id":"productHeaderFormattedBruttoPrice",children:(0,z.jsx)(D.default,{price:null!==(e=f.productState.formatedBruttoPrice)&&void 0!==e?e:0})}),(0,z.jsx)("span",{className:w.um,"data-test-id":"productHeaderFormattedPrice",children:(0,z.jsx)(D.default,{price:null!==(i=f.productState.formatedCurSetPrice)&&void 0!==i?i:0})})]}),Y&&(0,z.jsxs)(z.Fragment,{children:[(null!==(o=null==v?void 0:v.X)&&void 0!==o?o:0)>0&&(0,z.jsxs)("div",{className:w.MB,children:[(0,z.jsxs)("span",{children:[h("configurator.bth_short"),": "]}),(0,z.jsxs)("span",{children:[null!==(l=null==v?void 0:v.X)&&void 0!==l?l:-1," × ",null!==(r=null==v?void 0:v.Y)&&void 0!==r?r:-1," × ",null!==(u=null==v?void 0:v.Z)&&void 0!==u?u:-1," cm"]})]}),void 0!==(null==v?void 0:v.wOLT)&&(0,z.jsxs)("div",{className:w.MB,children:[(0,z.jsxs)("span",{children:[h("configurator.without_olf"),": "]}),(0,z.jsxs)("span",{children:[null!==(x=null==v?void 0:v.wOLT)&&void 0!==x?x:-1," × ",null!==(c=null==v?void 0:v.dOLT)&&void 0!==c?c:-1," × ",null!==(m=null==v?void 0:v.hOLT)&&void 0!==m?m:-1," cm"]})]})]}),(Y||!P)&&!(null==H||!H.length)&&H.map((function(n){var e,i;return(0,z.jsxs)("div",{className:w.MB,children:[(0,z.jsxs)("span",{children:[null!==(e=n.text)&&void 0!==e?e:h("configurator.headerdimension."+n.dimensionId),!L&&" ("+n.posNrs.join(",")+")",":"," "]}),(0,z.jsxs)("span",{children:[null!==(i=n.dimension)&&void 0!==i?i:0," ",n.unit]})]})}))]})]}),(0,z.jsx)("div",{className:w.AJ,children:(0,z.jsx)(s.default,{})}),!f.uiState.isInMobileView&&f.productState.currentBanner&&(0,z.jsx)("div",{className:w.az,children:(0,z.jsx)(N.Q,{contentItemId:f.productState.currentBanner.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column",maxHeight:"inherit"},onContentItemLoaded:function onContentItemLoaded(n){j.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:f.productState.currentBanner.contentItemId,title:n,isUserAction:!1})}})}),T&&!f.uiState.isInMobileView&&!f.productState.currentBanner&&(0,z.jsx)("div",{className:w.az,children:(0,z.jsx)(M.p,{settings:{contentBoxProps:T}})})]})}))},83485:(n,e,i)=>{i.d(e,{W:()=>l});var o=i(38946),d=i(87363),t=i(25443),l=function useCustomDimensions(){var n=(0,t.NP)(),e=(0,d.useState)(),i=(0,o.Z)(e,2),l=i[0],a=i[1],s=(0,d.useState)(!1),r=(0,o.Z)(s,2),u=r[0],x=r[1];return(0,d.useEffect)((function(){var e;n.divaWebPlanner.actSet()&&(null===(e=n.productState.customDimensions)||void 0===e||e.then((function(n){a(n);var e=n.reduce((function(n,e){return n[e.dimensionId]?n[e.dimensionId].includes(e.dimension)||n[e.dimensionId].push(e.dimension):n[e.dimensionId]=[e.dimension],n}),{});x(!Object.values(e).find((function(n){return n.length>1})))})))}),[n.divaWebPlanner.actSet(),n.settingsState.configChanged]),{dimensions:l,dimOnlyForOneArticle:u}}},91642:(n,e,i)=>{i.d(e,{H3:()=>a,QR:()=>u,R1:()=>r,ZP:()=>m,ZS:()=>x,ai:()=>s,vz:()=>c});var o=i(8081),d=i.n(o),t=i(23645),l=i.n(t)()(d());l.push([n.id,".index-module--L4Wxb {\n  border-radius: 14px !important;\n}\n\n.index-module--L4Wxb {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 8px 16px 8px 8px;\n  background: rgba(255, 255, 255, 0.9);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n  -webkit-backdrop-filter: blur(8px);\n          backdrop-filter: blur(8px);\n  list-style: none;\n  cursor: default;\n  animation: index-module--HaA1b 0.5s ease-out;\n}\n\n.index-module--aGBXl {\n  border-radius: 10px !important;\n}\n\n.index-module--aGBXl {\n  gap: 8px;\n  padding: 6px 12px 6px 6px;\n}\n\n.index-module--aGBXl .index-module--DlwB4 {\n  gap: 0;\n}\n\n.index-module--aGBXl .index-module--SQ18S {\n  font-size: 8px;\n}\n\n.index-module--aGBXl .index-module--qGOOk {\n  font-size: 11px;\n}\n\n.index-module--_kJVt {\n  width: 52px;\n  height: 40px;\n  border-radius: 6px;\n  overflow: hidden;\n  flex-shrink: 0;\n  border: 1px solid rgba(0, 0, 0, 0.06);\n}\n\n.index-module--aGBXl .index-module--_kJVt {\n  width: 36px;\n  height: 28px;\n}\n\n.index-module--_kJVt img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n\n.index-module--DlwB4 {\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n}\n\n.index-module--SQ18S {\n  font-size: 10px;\n  font-weight: 400;\n  letter-spacing: 0.5px;\n  text-transform: uppercase;\n  color: #999;\n  color: var(--diva-theme-palette-text-secondary, #999);\n  white-space: nowrap;\n}\n\n.index-module--qGOOk {\n  font-size: 14px;\n  font-weight: 400;\n  color: var(--globalColor);\n  white-space: nowrap;\n}\n\n@keyframes index-module--HaA1b {\n  0% {\n    opacity: 0;\n    transform: scale(0.85);\n  }\n  60% {\n    transform: scale(1.05);\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n",""]);var a="index-module--L4Wxb",s="index-module--aGBXl",r="index-module--DlwB4",u="index-module--SQ18S",x="index-module--qGOOk",c="index-module--_kJVt";const m=l},76277:(n,e,i)=>{i.d(e,{Hm:()=>a,ZP:()=>r,ai:()=>s});var o=i(8081),d=i.n(o),t=i(23645),l=i.n(t)()(d());l.push([n.id,".index-module--efVG1 {\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  margin-top: 0px;\n  padding-left: 0;\n  padding-left: initial;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 12px;\n}\n.index-module--EY0yA.index-module--efVG1 {\n  margin-top: 8px;\n}\n\n.index-module--efVG1 li {\n  border-radius: var(--globalBorderRadius);\n  list-style: none;\n  transition: box-shadow 0.15s ease;\n  display: flex;\n  align-items: center;\n}\n.index-module--efVG1 li:hover {\n  box-shadow: var(--boxShadowHover);\n}\n\n.index-module--efVG1 li:active {\n  box-shadow: var(--boxShadowActive);\n}\n\n#index-module--iYpHp {\n  float: left;\n  padding-right: 1em;\n  padding-top: 0.5rem;\n}\n",""]);var a="index-module--efVG1",s="index-module--EY0yA";const r=l},26876:(n,e,i)=>{i.d(e,{AJ:()=>g,Gr:()=>z,MB:()=>S,Mq:()=>D,NG:()=>I,YS:()=>c,YT:()=>j,ZP:()=>P,Zk:()=>b,az:()=>v,gU:()=>m,rK:()=>h,tW:()=>f,u$:()=>w,um:()=>y,xk:()=>M,y6:()=>N,zh:()=>p});var o=i(8081),d=i.n(o),t=i(23645),l=i.n(t),a=i(61667),s=i.n(a),r=new URL(i(36047),i.b),u=l()(d()),x=s()(r);u.push([n.id,"/* Productdaten */\n\n.index-module--HKQKa {\n  display: flex;\n  flex-direction: row;\n  height: 70px;\n  z-index: 112;\n  transition:\n    width 0.2s ease-in-out,\n    opacity 0.5s ease-in-out;\n  opacity: 1;\n  justify-content: space-between;\n  align-items: flex-start;\n}\n\n.index-module--vRGHL {\n  flex-basis: 50%;\n  justify-self: flex-start;\n  z-index: 300;\n  margin: 8px 0 0px 8px;\n  pointer-events: none;\n}\n\n.index-module--gHGCU .index-module--vRGHL {\n  flex-basis: 100%;\n}\n.index-module--MvVu6 {\n  flex-basis: 50%;\n}\n\n.index-module--MvVu6 {\n  flex-basis: 100%;\n  position: relative;\n  z-index: 112;\n  margin: 16px;\n}\n.index-module--f5D1B .index-module--MvVu6 {\n  margin: 6px 12px;\n}\n\n.index-module--DePmU .index-module--MvVu6 {\n  margin: 8px 12px 0px 0px;\n}\n\n.index-module--lRnbu {\n  z-index: 112;\n}\n\n.index-module--gHGCU.index-module--HKQKa {\n  width: calc(55% - 40px - 24px);\n}\n\n.index-module--aRkML.index-module--HKQKa,\n.index-module--Dq9vA.index-module--HKQKa {\n  opacity: 0;\n}\n\n.index-module--HKQKa h1 {\n  font-weight: 300;\n  font-size: 24px;\n  line-height: 27.2px;\n  letter-spacing: 0.2px;\n  color: var(--secondaryColor);\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  white-space: nowrap;\n}\n.index-module--cN5ML {\n  border-radius: 0px 0px 12px 0px;\n  padding: 0px 12px 6px 8px;\n  position: absolute;\n  width: -moz-fit-content;\n  width: fit-content;\n  white-space: nowrap;\n  left: 0px;\n}\n\n.index-module--f5D1B .index-module--cN5ML {\n  background-color: transparent;\n}\n\n.index-module--gHGCU.index-module--HKQKa h1 {\n  max-width: 300px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.index-module--l1SgD {\n  display: flex;\n  flex-direction: column;\n}\n\n.index-module--nPYHz {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n\n  -webkit-text-stroke: 0.4px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n.index-module--HKQKa h1,\n.index-module--luGNt,\n.index-module--uuqou,\n.index-module--BxBA_ {\n  margin: 0px;\n  background-color: rgba(255, 255, 255, 0.5);\n  border-radius: 4px;\n  padding: 2px 4px;\n  width: -moz-fit-content;\n  width: fit-content;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.index-module--luGNt {\n  color: var(--secondaryColor);\n  font-size: 16px;\n  font-size: var(--priceInfoFontSize, 16px);\n  -webkit-text-stroke: 0.4px;\n  font-weight: 700;\n  transition: color 0.3s ease-in-out;\n}\n.index-module--Ha7MZ .index-module--luGNt {\n  color: rgb(220, 38, 38);\n}\n\n.index-module--uuqou {\n  color: rgb(113, 113, 122);\n  font-size: 14px;\n  -webkit-text-stroke: 0.4px;\n  text-decoration: line-through;\n  height: 0px;\n  overflow: hidden;\n  opacity: 0;\n  transition:\n    height 0.3s ease-in-out,\n    opacity 0.3s ease-in-out;\n}\n\n.index-module--Ha7MZ .index-module--uuqou {\n  height: 12px;\n  opacity: 1;\n}\n\n.index-module--BxBA_ {\n  font-size: 16px;\n  color: var(--secondaryColor);\n  font-weight: 300;\n}\n\n.index-module--wJ4__ .index-module--BxBA_ {\n  font-size: 14px;\n}\n\n.index-module--f5D1B:not(.index-module--wJ4__) .index-module--BxBA_ {\n  font-size: 12px;\n}\n\n.index-module--DePmU.index-module--HKQKa {\n  margin-left: 2rem;\n  width: calc(100% - 1rem);\n  height: 54.4px;\n}\n\n.index-module--Jnc8i.index-module--DePmU.index-module--HKQKa {\n  left: 50px;\n  top: 0px;\n  margin-left: 0.5rem;\n  margin-top: 4px;\n  width: calc(100% - 1rem);\n  height: 24.4px;\n}\n\n.index-module--DePmU h1 {\n  margin-top: 14px;\n  font-size: 22px;\n  line-height: 18px;\n  width: 67%;\n}\n\n.index-module--DePmU .index-module--nPYHz {\n  font-size: 14px;\n}\n\n.index-module--f5D1B .index-module--luGNt {\n  font-size: 14px;\n}\n\n.index-module--f5D1B .index-module--uuqou {\n  font-size: 11px;\n}\n\n.index-module--DePmU .index-module--luGNt {\n  font-size: 15px;\n}\n\n.index-module--f5D1B .index-module--HKQKa {\n  height: 54.4px;\n  width: calc(100% - 4px);\n}\n\n.index-module--f5D1B h1 {\n  font-size: 15px;\n  line-height: 16px;\n}\n\n.index-module--wJ4__ .index-module--luGNt {\n  font-size: 16px;\n}\n\n.index-module--wJ4__ .index-module--uuqou {\n  font-size: 14px;\n}\n\n.index-module--wJ4__ .index-module--nPYHz {\n  font-size: 16px;\n}\n\n.index-module--wJ4__ h1 {\n  font-size: 20px;\n  line-height: 22px;\n}\n\n.index-module--CRegi {\n  width: 18px;\n  height: 18px;\n  cursor: pointer;\n  background-image: url("+x+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  transition: background-color 0.3s ease;\n  z-index: 1000;\n  margin: 10px 12px;\n  aspect-ratio: 1 / 1;\n}\n\n.index-module--wJ4__ .index-module--CRegi {\n  width: 22px;\n  height: 22px;\n}\n",""]);var c="index-module--HKQKa",m="index-module--vRGHL",p="index-module--gHGCU",g="index-module--MvVu6",f="index-module--f5D1B",h="index-module--DePmU",v="index-module--lRnbu",b="index-module--aRkML",I="index-module--cN5ML",w="index-module--l1SgD",y="index-module--luGNt",M="index-module--uuqou",S="index-module--BxBA_",N="index-module--Ha7MZ",D="index-module--wJ4__",z="index-module--Jnc8i",j="index-module--CRegi";const P=u},36047:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yIDEyQzIgMTEuNDQ3NyAyLjQ0NzcyIDExIDMgMTFIMjFDMjEuNTUyMyAxMSAyMiAxMS40NDc3IDIyIDEyQzIyIDEyLjU1MjMgMjEuNTUyMyAxMyAyMSAxM0gzQzIuNDQ3NzIgMTMgMiAxMi41NTIzIDIgMTJaIiBmaWxsPSIjNEY0RjRGIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMiA2QzIgNS40NDc3MiAyLjQ0NzcyIDUgMyA1SDIxQzIxLjU1MjMgNSAyMiA1LjQ0NzcyIDIyIDZDMjIgNi41NTIyOCAyMS41NTIzIDcgMjEgN0gzQzIuNDQ3NzIgNyAyIDYuNTUyMjggMiA2WiIgZmlsbD0iIzRGNEY0RiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMThDMiAxNy40NDc3IDIuNDQ3NzIgMTcgMyAxN0gyMUMyMS41NTIzIDE3IDIyIDE3LjQ0NzcgMjIgMThDMjIgMTguNTUyMyAyMS41NTIzIDE5IDIxIDE5SDNDMi40NDc3MiAxOSAyIDE4LjU1MjMgMiAxOFoiIGZpbGw9IiM0RjRGNEYiLz4KPC9zdmc+Cg=="}}]);