@crystaldesign/diva-web-planner-react 26.3.0-beta.33 → 26.3.0-beta.35

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

@@ -1,2 +1,2 @@
 /*! For license information please see 2508.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2508],{2508:(n,e,i)=>{i.r(e),i.d(e,{default:()=>j});var t=i(34988),o=i(63762),r=i(9420),s=i(87363),l=i(37707),d=i(74635),a=i(88683),u=i(93379),c=i.n(u),p=i(7795),m=i.n(p),x=i(90569),f=i.n(x),b=i(3565),g=i.n(b),h=i(19216),w=i.n(h),v=i(44589),y=i.n(v),Z=i(19723),k={};k.styleTagTransform=y(),k.setAttributes=g(),k.insert=f().bind(null,"head"),k.domAPI=m(),k.insertStyleElement=w();c()(Z.ZP,k);Z.ZP&&Z.ZP.locals&&Z.ZP.locals;var z=i(47514),P={de:["Lichter werden eingerichtet…","Kamera wird positioniert…","Möbel werden platziert…","Stoffe werden ausgewählt…","Schatten werden angepasst…","Accessoires werden gestylt…","Wände werden gestrichen…","Letzte Details werden hinzugefügt…","Raum wird arrangiert…","Szene wird perfektioniert…","Oberflächen werden poliert…","Ambiente wird abgestimmt…"],en:["Setting up lights…","Positioning camera…","Placing furniture…","Choosing fabrics…","Adjusting shadows…","Styling accessories…","Painting the walls…","Adding final touches…","Arranging the room…","Perfecting the scene…","Polishing surfaces…","Tuning the ambiance…"],fr:["Installation des lumières…","Positionnement de la caméra…","Placement des meubles…","Choix des tissus…","Ajustement des ombres…","Mise en place des accessoires…","Peinture des murs…","Ajout des touches finales…","Aménagement de la pièce…","Perfectionnement de la scène…","Polissage des surfaces…","Réglage de l’ambiance…"],it:["Preparazione delle luci…","Posizionamento della fotocamera…","Disposizione dei mobili…","Scelta dei tessuti…","Regolazione delle ombre…","Allestimento degli accessori…","Pittura delle pareti…","Aggiunta dei dettagli finali…","Organizzazione della stanza…","Perfezionamento della scena…","Lucidatura delle superfici…","Sintonizzazione dell’atmosfera…"]};const j=(0,r.Pi)((function PlannerAIRoom(){var n,e,i=(0,o.NP)(),r=i.aiState,u=(0,a.useTranslation)(),c=u.i18n,p=u.t,m=(0,s.useRef)(null),x=(0,s.useState)(0),f=(0,t.Z)(x,2),b=f[0],g=f[1],h=(0,s.useState)(0),w=(0,t.Z)(h,2),v=w[0],y=w[1],k=(0,s.useRef)(0),j=(null!==(n=c.language)&&void 0!==n?n:"de").toLowerCase().slice(0,2),R=null!==(e=P[j])&&void 0!==e?e:P.de,S=r.isAnyGenerationInProgress,A=r.generatedImageHistory,I=i.productState.doShowAIRoom,L=A.length>0;return(0,s.useEffect)((function(){var n=A[v];n&&r.setCurrentlyVisibleRoom({key:n.key,hash:n.hash,src:n.src})}),[v]),(0,s.useEffect)((function(){if(S){var n=setInterval((function(){g((function(n){return(n+1)%R.length}))}),3e3);return function(){return clearInterval(n)}}g(0)}),[S]),(0,s.useEffect)((function(){A.length>k.current&&m.current&&(m.current.params.loop?m.current.slideToLoop(0,300):m.current.slideTo(0,300)),k.current=A.length}),[A.length]),(0,s.useEffect)((function(){if(r.currentlyVisibleRoom&&m.current){var n=A.findIndex((function(n){var e;return n.src===(null===(e=r.currentlyVisibleRoom)||void 0===e?void 0:e.src)}));n>-1&&n!==m.current.realIndex&&(m.current.params.loop?m.current.slideToLoop(n,300):m.current.slideTo(n,300))}}),[r.currentlyVisibleRoom,A]),(0,z.jsxs)("div",{className:Z.Cp,id:"ai-room-container",style:{visibility:I?"visible":"hidden",pointerEvents:I?"auto":"none"},children:[L?(0,z.jsxs)("div",{className:Z.nl,children:[(0,z.jsx)(l.tq,{modules:[d.W_],navigation:!0,slidesPerView:1,onSwiper:function onSwiper(n){m.current=n},onSlideChange:function onSlideChange(n){return y(n.realIndex)},loop:(null==A?void 0:A.length)>1,children:A.map((function(n,e){return(0,z.jsx)(l.o5,{children:(0,z.jsx)("div",{className:"".concat(Z.Rc," ").concat(S?Z.Qc:""),children:(0,z.jsx)("img",{className:Z.ZG,src:n.src,alt:"AI Generated Room",draggable:!1})})},"".concat(n.key,"-").concat(n.hash,"-").concat(e))}))}),A.length>1&&!S&&(0,z.jsxs)("div",{className:Z.mm,children:[v+1," / ",A.length]})]}):r.currentlyVisibleRoom&&(0,z.jsx)("div",{className:Z.Rc,children:(0,z.jsx)("img",{className:Z.ZG,src:r.currentlyVisibleRoom.src,alt:"AI Generated Room",draggable:!1})}),S&&(0,z.jsxs)("div",{className:Z.B7,children:[(0,z.jsx)("div",{className:Z.lY}),(0,z.jsx)("p",{className:Z.w4,children:R[b]},b)]}),L&&!S&&(0,z.jsx)("div",{className:Z.bg,children:p("configurator.roomRendering.aiGenerated")})]})}))},19723:(n,e,i)=>{i.d(e,{B7:()=>m,Cp:()=>l,Qc:()=>u,Rc:()=>a,ZG:()=>c,ZP:()=>g,bg:()=>b,lY:()=>x,mm:()=>p,nl:()=>d,w4:()=>f});var t=i(8081),o=i.n(t),r=i(23645),s=i.n(r)()(o());s.push([n.id,".index-module--K4sxz {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 990;\n  display: flex;\n  background-color: #fff;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n}\n\n/* ── Gallery ────────────────────────────────────────────── */\n\n.index-module--d9Zip {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n}\n\n.index-module--d9Zip .swiper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  z-index: 1;\n}\n\n.index-module--d9Zip .swiper-wrapper {\n  position: relative;\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  transition-property: transform;\n}\n\n.index-module--d9Zip .swiper-slide {\n  flex-shrink: 0;\n  height: 100%;\n}\n\n.index-module--BE8L5 {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition:\n    filter 0.8s cubic-bezier(0.4, 0, 0.2, 1),\n    transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);\n  will-change: filter, transform;\n}\n\n.index-module--Sw2wM {\n  filter: blur(16px) brightness(0.72);\n  transform: scale(1.04);\n}\n\n.index-module--_fRU1 {\n  max-width: 100%;\n  max-height: 100%;\n  width: auto;\n  height: auto;\n  -o-object-fit: contain;\n     object-fit: contain;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n/* ── Navigation arrows ──────────────────────────────────── */\n\n.index-module--d9Zip .swiper-button-prev,\n.index-module--d9Zip .swiper-button-next {\n  position: absolute;\n  top: 50%;\n  width: 44px;\n  height: 44px;\n  margin-top: -22px;\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: rgba(0, 0, 0, 0.35);\n  border-radius: 50%;\n  color: #fff;\n  backdrop-filter: blur(6px);\n  -webkit-backdrop-filter: blur(6px);\n  transition:\n    background 0.2s,\n    transform 0.15s;\n  -webkit-tap-highlight-color: transparent;\n  outline: none;\n}\n\n.index-module--d9Zip .swiper-button-prev:hover,\n.index-module--d9Zip .swiper-button-next:hover {\n  background: rgba(0, 0, 0, 0.55);\n  transform: scale(1.06);\n}\n\n.index-module--d9Zip .swiper-button-prev:active,\n.index-module--d9Zip .swiper-button-next:active {\n  transform: scale(0.96);\n}\n\n.index-module--d9Zip .swiper-button-prev:focus,\n.index-module--d9Zip .swiper-button-prev:active,\n.index-module--d9Zip .swiper-button-next:focus,\n.index-module--d9Zip .swiper-button-next:active {\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--d9Zip .swiper-button-prev::before,\n.index-module--d9Zip .swiper-button-next::before {\n  display: none !important;\n}\n\n.index-module--d9Zip .swiper-button-prev:after,\n.index-module--d9Zip .swiper-button-next:after {\n  font-family: swiper-icons;\n  font-size: 18px;\n}\n\n.index-module--d9Zip .swiper-button-prev {\n  left: 16px;\n}\n\n.index-module--d9Zip .swiper-button-next {\n  right: 16px;\n}\n\n.index-module--d9Zip .swiper-button-prev:after {\n  content: 'prev';\n}\n\n.index-module--d9Zip .swiper-button-next:after {\n  content: 'next';\n}\n\n.index-module--d9Zip .swiper-button-disabled {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.index-module--d9Zip .swiper-button-prev svg,\n.index-module--d9Zip .swiper-button-next svg {\n  display: none;\n}\n\n/* ── Slide counter ──────────────────────────────────────── */\n\n.index-module--PG_Iw {\n  position: absolute;\n  bottom: 84px;\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 5;\n  padding: 5px 14px;\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: 0.04em;\n  color: rgba(255, 255, 255, 0.92);\n  background: rgba(0, 0, 0, 0.38);\n  border-radius: 20px;\n  backdrop-filter: blur(6px);\n  -webkit-backdrop-filter: blur(6px);\n  pointer-events: none;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.mobile .index-module--PG_Iw {\n  bottom: 20px;\n}\n\n/* ── Loading overlay ────────────────────────────────────── */\n\n.index-module--FLZ8x {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  z-index: 12;\n  background: rgba(0, 0, 0, 0.25);\n  animation: index-module--fkhc0 0.6s ease both;\n  pointer-events: none;\n}\n\n@keyframes index-module--fkhc0 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n.index-module--ULtbB {\n  width: 52px;\n  height: 52px;\n  border: 3px solid rgba(255, 255, 255, 0.25);\n  border-top-color: #fff;\n  border-radius: 50%;\n  animation: index-module--WvcJk 0.9s linear infinite;\n}\n\n@keyframes index-module--WvcJk {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.index-module--K3jOc {\n  margin-top: 20px;\n  font-size: 15px;\n  font-weight: 400;\n  letter-spacing: 0.02em;\n  color: #fff;\n  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.45);\n  animation: index-module--VEQvP 0.5s ease both;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n@keyframes index-module--VEQvP {\n  from {\n    opacity: 0;\n    transform: translateY(8px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n/* ── Warning badge ──────────────────────────────────────── */\n\n.index-module--Blsq3 {\n  position: absolute;\n  bottom: 16px;\n  right: 16px;\n  padding: 6px 12px;\n  background-color: rgba(0, 0, 0, 0.4);\n  color: rgba(255, 255, 255, 0.9);\n  font-size: 12px;\n  border-radius: 4px;\n  pointer-events: none;\n  backdrop-filter: blur(4px);\n  -webkit-backdrop-filter: blur(4px);\n  font-weight: 500;\n  z-index: 5;\n}\n\n.mobile .index-module--Blsq3 {\n  font-size: 11px;\n}\n",""]);var l="index-module--K4sxz",d="index-module--d9Zip",a="index-module--BE8L5",u="index-module--Sw2wM",c="index-module--_fRU1",p="index-module--PG_Iw",m="index-module--FLZ8x",x="index-module--ULtbB",f="index-module--K3jOc",b="index-module--Blsq3";const g=s}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2508],{2508:(n,e,i)=>{i.r(e),i.d(e,{default:()=>j});var t=i(38946),o=i(63762),r=i(9420),s=i(87363),l=i(37707),d=i(74635),a=i(88683),u=i(93379),c=i.n(u),p=i(7795),m=i.n(p),x=i(90569),f=i.n(x),b=i(3565),g=i.n(b),h=i(19216),w=i.n(h),v=i(44589),y=i.n(v),Z=i(19723),k={};k.styleTagTransform=y(),k.setAttributes=g(),k.insert=f().bind(null,"head"),k.domAPI=m(),k.insertStyleElement=w();c()(Z.ZP,k);Z.ZP&&Z.ZP.locals&&Z.ZP.locals;var z=i(47514),P={de:["Lichter werden eingerichtet…","Kamera wird positioniert…","Möbel werden platziert…","Stoffe werden ausgewählt…","Schatten werden angepasst…","Accessoires werden gestylt…","Wände werden gestrichen…","Letzte Details werden hinzugefügt…","Raum wird arrangiert…","Szene wird perfektioniert…","Oberflächen werden poliert…","Ambiente wird abgestimmt…"],en:["Setting up lights…","Positioning camera…","Placing furniture…","Choosing fabrics…","Adjusting shadows…","Styling accessories…","Painting the walls…","Adding final touches…","Arranging the room…","Perfecting the scene…","Polishing surfaces…","Tuning the ambiance…"],fr:["Installation des lumières…","Positionnement de la caméra…","Placement des meubles…","Choix des tissus…","Ajustement des ombres…","Mise en place des accessoires…","Peinture des murs…","Ajout des touches finales…","Aménagement de la pièce…","Perfectionnement de la scène…","Polissage des surfaces…","Réglage de l’ambiance…"],it:["Preparazione delle luci…","Posizionamento della fotocamera…","Disposizione dei mobili…","Scelta dei tessuti…","Regolazione delle ombre…","Allestimento degli accessori…","Pittura delle pareti…","Aggiunta dei dettagli finali…","Organizzazione della stanza…","Perfezionamento della scena…","Lucidatura delle superfici…","Sintonizzazione dell’atmosfera…"]};const j=(0,r.Pi)((function PlannerAIRoom(){var n,e,i=(0,o.NP)(),r=i.aiState,u=(0,a.useTranslation)(),c=u.i18n,p=u.t,m=(0,s.useRef)(null),x=(0,s.useState)(0),f=(0,t.Z)(x,2),b=f[0],g=f[1],h=(0,s.useState)(0),w=(0,t.Z)(h,2),v=w[0],y=w[1],k=(0,s.useRef)(0),j=(null!==(n=c.language)&&void 0!==n?n:"de").toLowerCase().slice(0,2),R=null!==(e=P[j])&&void 0!==e?e:P.de,S=r.isAnyGenerationInProgress,A=r.generatedImageHistory,I=i.productState.doShowAIRoom,L=A.length>0;return(0,s.useEffect)((function(){var n=A[v];n&&r.setCurrentlyVisibleRoom({key:n.key,hash:n.hash,src:n.src})}),[v]),(0,s.useEffect)((function(){if(S){var n=setInterval((function(){g((function(n){return(n+1)%R.length}))}),3e3);return function(){return clearInterval(n)}}g(0)}),[S]),(0,s.useEffect)((function(){A.length>k.current&&m.current&&(m.current.params.loop?m.current.slideToLoop(0,300):m.current.slideTo(0,300)),k.current=A.length}),[A.length]),(0,s.useEffect)((function(){if(r.currentlyVisibleRoom&&m.current){var n=A.findIndex((function(n){var e;return n.src===(null===(e=r.currentlyVisibleRoom)||void 0===e?void 0:e.src)}));n>-1&&n!==m.current.realIndex&&(m.current.params.loop?m.current.slideToLoop(n,300):m.current.slideTo(n,300))}}),[r.currentlyVisibleRoom,A]),(0,z.jsxs)("div",{className:Z.Cp,id:"ai-room-container",style:{visibility:I?"visible":"hidden",pointerEvents:I?"auto":"none"},children:[L?(0,z.jsxs)("div",{className:Z.nl,children:[(0,z.jsx)(l.tq,{modules:[d.W_],navigation:!0,slidesPerView:1,onSwiper:function onSwiper(n){m.current=n},onSlideChange:function onSlideChange(n){return y(n.realIndex)},loop:(null==A?void 0:A.length)>1,children:A.map((function(n,e){return(0,z.jsx)(l.o5,{children:(0,z.jsx)("div",{className:"".concat(Z.Rc," ").concat(S?Z.Qc:""),children:(0,z.jsx)("img",{className:Z.ZG,src:n.src,alt:"AI Generated Room",draggable:!1})})},"".concat(n.key,"-").concat(n.hash,"-").concat(e))}))}),A.length>1&&!S&&(0,z.jsxs)("div",{className:Z.mm,children:[v+1," / ",A.length]})]}):r.currentlyVisibleRoom&&(0,z.jsx)("div",{className:Z.Rc,children:(0,z.jsx)("img",{className:Z.ZG,src:r.currentlyVisibleRoom.src,alt:"AI Generated Room",draggable:!1})}),S&&(0,z.jsxs)("div",{className:Z.B7,children:[(0,z.jsx)("div",{className:Z.lY}),(0,z.jsx)("p",{className:Z.w4,children:R[b]},b)]}),L&&!S&&(0,z.jsx)("div",{className:Z.bg,children:p("configurator.roomRendering.aiGenerated")})]})}))},19723:(n,e,i)=>{i.d(e,{B7:()=>m,Cp:()=>l,Qc:()=>u,Rc:()=>a,ZG:()=>c,ZP:()=>g,bg:()=>b,lY:()=>x,mm:()=>p,nl:()=>d,w4:()=>f});var t=i(8081),o=i.n(t),r=i(23645),s=i.n(r)()(o());s.push([n.id,".index-module--K4sxz {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 990;\n  display: flex;\n  background-color: #fff;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n}\n\n/* ── Gallery ────────────────────────────────────────────── */\n\n.index-module--d9Zip {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n}\n\n.index-module--d9Zip .swiper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  z-index: 1;\n}\n\n.index-module--d9Zip .swiper-wrapper {\n  position: relative;\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  transition-property: transform;\n}\n\n.index-module--d9Zip .swiper-slide {\n  flex-shrink: 0;\n  height: 100%;\n}\n\n.index-module--BE8L5 {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition:\n    filter 0.8s cubic-bezier(0.4, 0, 0.2, 1),\n    transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);\n  will-change: filter, transform;\n}\n\n.index-module--Sw2wM {\n  filter: blur(16px) brightness(0.72);\n  transform: scale(1.04);\n}\n\n.index-module--_fRU1 {\n  max-width: 100%;\n  max-height: 100%;\n  width: auto;\n  height: auto;\n  -o-object-fit: contain;\n     object-fit: contain;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n/* ── Navigation arrows ──────────────────────────────────── */\n\n.index-module--d9Zip .swiper-button-prev,\n.index-module--d9Zip .swiper-button-next {\n  position: absolute;\n  top: 50%;\n  width: 44px;\n  height: 44px;\n  margin-top: -22px;\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: rgba(0, 0, 0, 0.35);\n  border-radius: 50%;\n  color: #fff;\n  backdrop-filter: blur(6px);\n  -webkit-backdrop-filter: blur(6px);\n  transition:\n    background 0.2s,\n    transform 0.15s;\n  -webkit-tap-highlight-color: transparent;\n  outline: none;\n}\n\n.index-module--d9Zip .swiper-button-prev:hover,\n.index-module--d9Zip .swiper-button-next:hover {\n  background: rgba(0, 0, 0, 0.55);\n  transform: scale(1.06);\n}\n\n.index-module--d9Zip .swiper-button-prev:active,\n.index-module--d9Zip .swiper-button-next:active {\n  transform: scale(0.96);\n}\n\n.index-module--d9Zip .swiper-button-prev:focus,\n.index-module--d9Zip .swiper-button-prev:active,\n.index-module--d9Zip .swiper-button-next:focus,\n.index-module--d9Zip .swiper-button-next:active {\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--d9Zip .swiper-button-prev::before,\n.index-module--d9Zip .swiper-button-next::before {\n  display: none !important;\n}\n\n.index-module--d9Zip .swiper-button-prev:after,\n.index-module--d9Zip .swiper-button-next:after {\n  font-family: swiper-icons;\n  font-size: 18px;\n}\n\n.index-module--d9Zip .swiper-button-prev {\n  left: 16px;\n}\n\n.index-module--d9Zip .swiper-button-next {\n  right: 16px;\n}\n\n.index-module--d9Zip .swiper-button-prev:after {\n  content: 'prev';\n}\n\n.index-module--d9Zip .swiper-button-next:after {\n  content: 'next';\n}\n\n.index-module--d9Zip .swiper-button-disabled {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.index-module--d9Zip .swiper-button-prev svg,\n.index-module--d9Zip .swiper-button-next svg {\n  display: none;\n}\n\n/* ── Slide counter ──────────────────────────────────────── */\n\n.index-module--PG_Iw {\n  position: absolute;\n  bottom: 84px;\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 5;\n  padding: 5px 14px;\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: 0.04em;\n  color: rgba(255, 255, 255, 0.92);\n  background: rgba(0, 0, 0, 0.38);\n  border-radius: 20px;\n  backdrop-filter: blur(6px);\n  -webkit-backdrop-filter: blur(6px);\n  pointer-events: none;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.mobile .index-module--PG_Iw {\n  bottom: 20px;\n}\n\n/* ── Loading overlay ────────────────────────────────────── */\n\n.index-module--FLZ8x {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  z-index: 12;\n  background: rgba(0, 0, 0, 0.25);\n  animation: index-module--fkhc0 0.6s ease both;\n  pointer-events: none;\n}\n\n@keyframes index-module--fkhc0 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n.index-module--ULtbB {\n  width: 52px;\n  height: 52px;\n  border: 3px solid rgba(255, 255, 255, 0.25);\n  border-top-color: #fff;\n  border-radius: 50%;\n  animation: index-module--WvcJk 0.9s linear infinite;\n}\n\n@keyframes index-module--WvcJk {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.index-module--K3jOc {\n  margin-top: 20px;\n  font-size: 15px;\n  font-weight: 400;\n  letter-spacing: 0.02em;\n  color: #fff;\n  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.45);\n  animation: index-module--VEQvP 0.5s ease both;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n@keyframes index-module--VEQvP {\n  from {\n    opacity: 0;\n    transform: translateY(8px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n/* ── Warning badge ──────────────────────────────────────── */\n\n.index-module--Blsq3 {\n  position: absolute;\n  bottom: 16px;\n  right: 16px;\n  padding: 6px 12px;\n  background-color: rgba(0, 0, 0, 0.4);\n  color: rgba(255, 255, 255, 0.9);\n  font-size: 12px;\n  border-radius: 4px;\n  pointer-events: none;\n  backdrop-filter: blur(4px);\n  -webkit-backdrop-filter: blur(4px);\n  font-weight: 500;\n  z-index: 5;\n}\n\n.mobile .index-module--Blsq3 {\n  font-size: 11px;\n}\n",""]);var l="index-module--K4sxz",d="index-module--d9Zip",a="index-module--BE8L5",u="index-module--Sw2wM",c="index-module--_fRU1",p="index-module--PG_Iw",m="index-module--FLZ8x",x="index-module--ULtbB",f="index-module--K3jOc",b="index-module--Blsq3";const g=s}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 2576.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2576,1036],{65526:(e,n,t)=>{"use strict";var i=t(65807);function emptyFunction(){}function emptyFunctionWithReset(){}emptyFunctionWithReset.resetWarningCache=emptyFunction,e.exports=function(){function shim(e,n,t,o,d,s){if(s!==i){var r=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw r.name="Invariant Violation",r}}function getShim(){return shim}shim.isRequired=shim;var e={array:shim,bigint:shim,bool:shim,func:shim,number:shim,object:shim,string:shim,symbol:shim,any:shim,arrayOf:getShim,element:shim,elementType:shim,instanceOf:getShim,node:shim,objectOf:getShim,oneOf:getShim,oneOfType:getShim,shape:getShim,exact:getShim,checkPropTypes:emptyFunctionWithReset,resetWarningCache:emptyFunction};return e.PropTypes=e,e}},36653:(e,n,t)=>{e.exports=t(65526)()},65807:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},61036:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>C});var i=t(80248),o=t(34988),d=t(9420),s=t(63762),r=t(87363),l=t(65515),A=t.n(l),a=t(88683),u=t(93379),c=t.n(u),m=t(7795),x=t.n(m),h=t(90569),p=t.n(h),g=t(3565),y=t.n(g),R=t(19216),S=t.n(R),E=t(44589),b=t.n(E),v=t(68042),k={};k.styleTagTransform=b(),k.setAttributes=y(),k.insert=p().bind(null,"head"),k.domAPI=x(),k.insertStyleElement=S();c()(v.ZP,k);v.ZP&&v.ZP.locals&&v.ZP.locals;var w=t(22976),L=t.n(w),f=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const C=(0,d.Pi)((function DoorPlanner(e){var n=e.item,t=(0,s.NP)(),i=(0,a.useTranslation)().t,d=50,l=n.groups[0].items,u=(0,r.useState)({x:0,y:0}),c=(0,o.Z)(u,2),m=c[0],x=c[1],h=(0,r.useState)(void 0),p=(0,o.Z)(h,2),g=p[0],y=p[1],R=(0,r.useRef)(null),S=(0,r.useRef)(null),E=(0,r.useState)(!1),b=(0,o.Z)(E,2),k=b[0],w=b[1],C=function scrollLeftOrRight(e){var n,i,o;if(R.current){var d=null!==(n=e.layerX)&&void 0!==n?n:e.changedTouches[0].clientX-(null!==(i=null===(o=t.settingsState.settingsScrollerElement)||void 0===o?void 0:o.getBoundingClientRect().x)&&void 0!==i?i:0);d<R.current.getBoundingClientRect().width/100*5?R.current.scrollTo({left:R.current.scrollLeft-10}):d>R.current.getBoundingClientRect().width/100*95&&R.current.scrollTo({left:R.current.scrollLeft+10})}},Y=function getEventOffsetX(e){var n,i,o,d,s;return(null!==(n=e.clientX)&&void 0!==n?n:e.changedTouches[0].clientX)-(null!==(i=null===(o=t.settingsState.settingsScrollerElement)||void 0===o?void 0:o.getBoundingClientRect().x)&&void 0!==i?i:0)+(null!==(d=null===(s=R.current)||void 0===s?void 0:s.scrollLeft)&&void 0!==d?d:0)},j={onStart:function handleStart(e){var n=Y(e),t=n-n%d;x({y:0,x:t}),y(l[t/d])},onDrag:function handleDrag(e){var n=Y(e),t=(n-n%d)/d;t>=0&&t<l.length&&((null==g?void 0:g.key)!=l[t].key&&(null==g?void 0:g.currentDoor.StrictType)===l[t].currentDoor.StrictType?w(!0):w(!1)),C(e)},onStop:function handleStop(e){var n=Y(e),i=(n-n%d)/d;k&&g&&i>=0&&i<l.length&&t.divaWebPlanner.moveDoors(g.door,l[i].door),y(void 0),w(!1),x({y:0,x:0})}};return(0,f.jsxs)(f.Fragment,{children:[i("configurator.DoorPlanner_Description"),(0,f.jsx)("div",{ref:R,className:A()(v.nC,"box"),children:(0,f.jsxs)("div",{className:A()(v.YS,"no-swiping"),children:[(0,f.jsx)(L(),_objectSpread(_objectSpread({nodeRef:S,bounds:"parent",position:m},j),{},{axis:"x",defaultClassName:v.ts,defaultClassNameDragging:A()(v.sv,k?v.Zn:v.zP),children:(0,f.jsx)("div",{ref:S,className:"box cursor-x",style:{width:g?d:d*l.length}})})),l.map((function(e,n){return(0,f.jsxs)("div",{className:A()(v.nw,0==n?v.Ps:void 0,n===l.length-1?v.Z$:void 0),children:[e.type.includes("TUER_L")&&(0,f.jsx)("div",{className:A()(v.pr,v.F2)}),e.type.includes("TUER_R")&&(0,f.jsx)("div",{className:A()(v.pr,v.t$)}),"TUER_L_SHORT"==e.type&&(0,f.jsx)("div",{className:A()(v.O3)}),"TUER_R_SHORT"==e.type&&(0,f.jsx)("div",{className:A()(v.AY)}),e.type.includes("SHORT")&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)("div",{className:A()(v.dT)}),(0,f.jsx)("div",{className:A()(v.gk)}),(0,f.jsx)("div",{className:A()(v.Bt)})]})]})}))]})})]})}))},68042:(e,n,t)=>{"use strict";t.d(n,{AY:()=>k,Bt:()=>b,F2:()=>L,O3:()=>v,Ps:()=>g,YS:()=>h,Z$:()=>y,ZP:()=>B,Zn:()=>Y,dT:()=>S,gk:()=>E,nC:()=>x,nw:()=>p,pr:()=>R,sv:()=>C,t$:()=>w,ts:()=>f,zP:()=>j});var i=t(8081),o=t.n(i),d=t(23645),s=t.n(d),r=t(61667),l=t.n(r),A=new URL(t(42495),t.b),a=new URL(t(42087),t.b),u=s()(o()),c=l()(A),m=l()(a);u.push([e.id,".index-module--NzX3M,\n.index-module--NzX3M * {\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.index-module--NzX3M {\n  overflow-x: auto;\n  width: calc(100% - 20px);\n  height: 100%;\n  position: relative;\n  padding: 0;\n  margin: 10px;\n  float: left;\n}\n.index-module--RkNWX {\n  width: -moz-max-content;\n  width: max-content;\n  height: 100%;\n}\n\n.index-module--aqj4f {\n  display: inline-block;\n  word-break: break-word;\n  background: #eee;\n  box-sizing: border-box;\n  border: 1px solid black;\n  position: relative;\n  width: 50px;\n  height: 150px;\n}\n\n.index-module--SrsAj {\n  border-left: 3px solid black;\n}\n\n.index-module--vuiRh {\n  border-right: 3px solid black;\n}\n\n.index-module--BhUM_ {\n  position: absolute;\n  top: 47%;\n  height: 20px;\n  width: 30px;\n  left: calc(50% - 17px);\n  pointer-events: none;\n}\n\n.index-module--jj5nk,\n.index-module--cWyG4,\n.index-module--VkGSo {\n  position: absolute;\n  height: 0px;\n  width: 50px;\n  pointer-events: none;\n  border: 1px solid black;\n  z-index: 10;\n}\n\n.index-module--XXahX,\n.index-module--UDKCx {\n  background-color: #eee;\n  height: 30%;\n  position: absolute;\n  bottom: 0px;\n  width: 4px;\n}\n\n.index-module--XXahX {\n  left: 100%;\n}\n.index-module--UDKCx {\n  right: 100%;\n}\n\n.index-module--jj5nk {\n  bottom: 30%;\n}\n.index-module--cWyG4 {\n  bottom: 20%;\n}\n.index-module--VkGSo {\n  bottom: 10%;\n}\n\n.index-module--SrsAj .index-module--jj5nk,\n.index-module--SrsAj .index-module--cWyG4,\n.index-module--SrsAj .index-module--VkGSo {\n  width: 48px;\n  left: 2px;\n}\n\n.index-module--vuiRh .index-module--jj5nk,\n.index-module--vuiRh .index-module--cWyG4,\n.index-module--vuiRh .index-module--VkGSo {\n  width: 48px;\n  right: 2px;\n}\n\n.index-module--ypgMv {\n  border-left: solid 3px black;\n}\n.index-module--SMdcf {\n  border-right: solid 3px black;\n}\n\n.index-module--f8a_9 {\n  height: 150px;\n  opacity: 0;\n  position: absolute;\n  z-index: 100;\n}\n\n.index-module--FwvZJ {\n  opacity: 1;\n  border: 1px solid black;\n  cursor: ew-resize;\n}\n\n.index-module--Sc12s {\n  border: 1px solid green;\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-size: 60%;\n  background-position: center 30%;\n}\n\n.index-module--nAXUW {\n  border: 1px solid red;\n  background-image: url("+m+");\n  background-repeat: no-repeat;\n  background-size: 60%;\n  background-position: center 30%;\n}\n",""]);var x="index-module--NzX3M",h="index-module--RkNWX",p="index-module--aqj4f",g="index-module--SrsAj",y="index-module--vuiRh",R="index-module--BhUM_",S="index-module--jj5nk",E="index-module--cWyG4",b="index-module--VkGSo",v="index-module--XXahX",k="index-module--UDKCx",w="index-module--ypgMv",L="index-module--SMdcf",f="index-module--f8a_9",C="index-module--FwvZJ",Y="index-module--Sc12s",j="index-module--nAXUW";const B=u},42495:e=>{"use strict";e.exports="data:image/png;base64,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"},42087:e=>{"use strict";e.exports="data:image/png;base64,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"}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2576,1036],{65526:(e,n,t)=>{"use strict";var i=t(65807);function emptyFunction(){}function emptyFunctionWithReset(){}emptyFunctionWithReset.resetWarningCache=emptyFunction,e.exports=function(){function shim(e,n,t,o,d,s){if(s!==i){var r=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw r.name="Invariant Violation",r}}function getShim(){return shim}shim.isRequired=shim;var e={array:shim,bigint:shim,bool:shim,func:shim,number:shim,object:shim,string:shim,symbol:shim,any:shim,arrayOf:getShim,element:shim,elementType:shim,instanceOf:getShim,node:shim,objectOf:getShim,oneOf:getShim,oneOfType:getShim,shape:getShim,exact:getShim,checkPropTypes:emptyFunctionWithReset,resetWarningCache:emptyFunction};return e.PropTypes=e,e}},36653:(e,n,t)=>{e.exports=t(65526)()},65807:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},61036:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>C});var i=t(80248),o=t(38946),d=t(9420),s=t(63762),r=t(87363),l=t(65515),A=t.n(l),a=t(88683),u=t(93379),c=t.n(u),m=t(7795),x=t.n(m),h=t(90569),p=t.n(h),g=t(3565),y=t.n(g),R=t(19216),S=t.n(R),E=t(44589),b=t.n(E),v=t(68042),k={};k.styleTagTransform=b(),k.setAttributes=y(),k.insert=p().bind(null,"head"),k.domAPI=x(),k.insertStyleElement=S();c()(v.ZP,k);v.ZP&&v.ZP.locals&&v.ZP.locals;var w=t(22976),L=t.n(w),f=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const C=(0,d.Pi)((function DoorPlanner(e){var n=e.item,t=(0,s.NP)(),i=(0,a.useTranslation)().t,d=50,l=n.groups[0].items,u=(0,r.useState)({x:0,y:0}),c=(0,o.Z)(u,2),m=c[0],x=c[1],h=(0,r.useState)(void 0),p=(0,o.Z)(h,2),g=p[0],y=p[1],R=(0,r.useRef)(null),S=(0,r.useRef)(null),E=(0,r.useState)(!1),b=(0,o.Z)(E,2),k=b[0],w=b[1],C=function scrollLeftOrRight(e){var n,i,o;if(R.current){var d=null!==(n=e.layerX)&&void 0!==n?n:e.changedTouches[0].clientX-(null!==(i=null===(o=t.settingsState.settingsScrollerElement)||void 0===o?void 0:o.getBoundingClientRect().x)&&void 0!==i?i:0);d<R.current.getBoundingClientRect().width/100*5?R.current.scrollTo({left:R.current.scrollLeft-10}):d>R.current.getBoundingClientRect().width/100*95&&R.current.scrollTo({left:R.current.scrollLeft+10})}},Y=function getEventOffsetX(e){var n,i,o,d,s;return(null!==(n=e.clientX)&&void 0!==n?n:e.changedTouches[0].clientX)-(null!==(i=null===(o=t.settingsState.settingsScrollerElement)||void 0===o?void 0:o.getBoundingClientRect().x)&&void 0!==i?i:0)+(null!==(d=null===(s=R.current)||void 0===s?void 0:s.scrollLeft)&&void 0!==d?d:0)},j={onStart:function handleStart(e){var n=Y(e),t=n-n%d;x({y:0,x:t}),y(l[t/d])},onDrag:function handleDrag(e){var n=Y(e),t=(n-n%d)/d;t>=0&&t<l.length&&((null==g?void 0:g.key)!=l[t].key&&(null==g?void 0:g.currentDoor.StrictType)===l[t].currentDoor.StrictType?w(!0):w(!1)),C(e)},onStop:function handleStop(e){var n=Y(e),i=(n-n%d)/d;k&&g&&i>=0&&i<l.length&&t.divaWebPlanner.moveDoors(g.door,l[i].door),y(void 0),w(!1),x({y:0,x:0})}};return(0,f.jsxs)(f.Fragment,{children:[i("configurator.DoorPlanner_Description"),(0,f.jsx)("div",{ref:R,className:A()(v.nC,"box"),children:(0,f.jsxs)("div",{className:A()(v.YS,"no-swiping"),children:[(0,f.jsx)(L(),_objectSpread(_objectSpread({nodeRef:S,bounds:"parent",position:m},j),{},{axis:"x",defaultClassName:v.ts,defaultClassNameDragging:A()(v.sv,k?v.Zn:v.zP),children:(0,f.jsx)("div",{ref:S,className:"box cursor-x",style:{width:g?d:d*l.length}})})),l.map((function(e,n){return(0,f.jsxs)("div",{className:A()(v.nw,0==n?v.Ps:void 0,n===l.length-1?v.Z$:void 0),children:[e.type.includes("TUER_L")&&(0,f.jsx)("div",{className:A()(v.pr,v.F2)}),e.type.includes("TUER_R")&&(0,f.jsx)("div",{className:A()(v.pr,v.t$)}),"TUER_L_SHORT"==e.type&&(0,f.jsx)("div",{className:A()(v.O3)}),"TUER_R_SHORT"==e.type&&(0,f.jsx)("div",{className:A()(v.AY)}),e.type.includes("SHORT")&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)("div",{className:A()(v.dT)}),(0,f.jsx)("div",{className:A()(v.gk)}),(0,f.jsx)("div",{className:A()(v.Bt)})]})]})}))]})})]})}))},68042:(e,n,t)=>{"use strict";t.d(n,{AY:()=>k,Bt:()=>b,F2:()=>L,O3:()=>v,Ps:()=>g,YS:()=>h,Z$:()=>y,ZP:()=>B,Zn:()=>Y,dT:()=>S,gk:()=>E,nC:()=>x,nw:()=>p,pr:()=>R,sv:()=>C,t$:()=>w,ts:()=>f,zP:()=>j});var i=t(8081),o=t.n(i),d=t(23645),s=t.n(d),r=t(61667),l=t.n(r),A=new URL(t(42495),t.b),a=new URL(t(42087),t.b),u=s()(o()),c=l()(A),m=l()(a);u.push([e.id,".index-module--NzX3M,\n.index-module--NzX3M * {\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.index-module--NzX3M {\n  overflow-x: auto;\n  width: calc(100% - 20px);\n  height: 100%;\n  position: relative;\n  padding: 0;\n  margin: 10px;\n  float: left;\n}\n.index-module--RkNWX {\n  width: -moz-max-content;\n  width: max-content;\n  height: 100%;\n}\n\n.index-module--aqj4f {\n  display: inline-block;\n  word-break: break-word;\n  background: #eee;\n  box-sizing: border-box;\n  border: 1px solid black;\n  position: relative;\n  width: 50px;\n  height: 150px;\n}\n\n.index-module--SrsAj {\n  border-left: 3px solid black;\n}\n\n.index-module--vuiRh {\n  border-right: 3px solid black;\n}\n\n.index-module--BhUM_ {\n  position: absolute;\n  top: 47%;\n  height: 20px;\n  width: 30px;\n  left: calc(50% - 17px);\n  pointer-events: none;\n}\n\n.index-module--jj5nk,\n.index-module--cWyG4,\n.index-module--VkGSo {\n  position: absolute;\n  height: 0px;\n  width: 50px;\n  pointer-events: none;\n  border: 1px solid black;\n  z-index: 10;\n}\n\n.index-module--XXahX,\n.index-module--UDKCx {\n  background-color: #eee;\n  height: 30%;\n  position: absolute;\n  bottom: 0px;\n  width: 4px;\n}\n\n.index-module--XXahX {\n  left: 100%;\n}\n.index-module--UDKCx {\n  right: 100%;\n}\n\n.index-module--jj5nk {\n  bottom: 30%;\n}\n.index-module--cWyG4 {\n  bottom: 20%;\n}\n.index-module--VkGSo {\n  bottom: 10%;\n}\n\n.index-module--SrsAj .index-module--jj5nk,\n.index-module--SrsAj .index-module--cWyG4,\n.index-module--SrsAj .index-module--VkGSo {\n  width: 48px;\n  left: 2px;\n}\n\n.index-module--vuiRh .index-module--jj5nk,\n.index-module--vuiRh .index-module--cWyG4,\n.index-module--vuiRh .index-module--VkGSo {\n  width: 48px;\n  right: 2px;\n}\n\n.index-module--ypgMv {\n  border-left: solid 3px black;\n}\n.index-module--SMdcf {\n  border-right: solid 3px black;\n}\n\n.index-module--f8a_9 {\n  height: 150px;\n  opacity: 0;\n  position: absolute;\n  z-index: 100;\n}\n\n.index-module--FwvZJ {\n  opacity: 1;\n  border: 1px solid black;\n  cursor: ew-resize;\n}\n\n.index-module--Sc12s {\n  border: 1px solid green;\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-size: 60%;\n  background-position: center 30%;\n}\n\n.index-module--nAXUW {\n  border: 1px solid red;\n  background-image: url("+m+");\n  background-repeat: no-repeat;\n  background-size: 60%;\n  background-position: center 30%;\n}\n",""]);var x="index-module--NzX3M",h="index-module--RkNWX",p="index-module--aqj4f",g="index-module--SrsAj",y="index-module--vuiRh",R="index-module--BhUM_",S="index-module--jj5nk",E="index-module--cWyG4",b="index-module--VkGSo",v="index-module--XXahX",k="index-module--UDKCx",w="index-module--ypgMv",L="index-module--SMdcf",f="index-module--f8a_9",C="index-module--FwvZJ",Y="index-module--Sc12s",j="index-module--nAXUW";const B=u},42495:e=>{"use strict";e.exports="data:image/png;base64,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"},42087:e=>{"use strict";e.exports="data:image/png;base64,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"}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 2654.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2654,8317],{57446:function(r,m,y){var v;r.exports=(v=y(87363),function(r){var m={};function n(y){if(m[y])return m[y].exports;var v=m[y]={i:y,l:!1,exports:{}};return r[y].call(v.exports,v,v.exports,n),v.l=!0,v.exports}return n.m=r,n.c=m,n.d=function(r,m,y){n.o(r,m)||Object.defineProperty(r,m,{enumerable:!0,get:y})},n.r=function(r){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})},n.t=function(r,m){if(1&m&&(r=n(r)),8&m)return r;if(4&m&&"object"==typeof r&&r&&r.__esModule)return r;var y=Object.create(null);if(n.r(y),Object.defineProperty(y,"default",{enumerable:!0,value:r}),2&m&&"string"!=typeof r)for(var v in r)n.d(y,v,function(m){return r[m]}.bind(null,v));return y},n.n=function(r){var m=r&&r.__esModule?function(){return r.default}:function(){return r};return n.d(m,"a",m),m},n.o=function(r,m){return Object.prototype.hasOwnProperty.call(r,m)},n.p="",n(n.s=4)}([function(r,m,y){r.exports=y(2)()},function(r,m){r.exports=v},function(r,m,y){"use strict";var v=y(3);function o(){}function i(){}i.resetWarningCache=o,r.exports=function(){function e(r,m,y,x,C,O){if(O!==v){var w=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw w.name="Invariant Violation",w}}function t(){return e}e.isRequired=e;var r={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:o};return r.PropTypes=r,r}},function(r,m,y){"use strict";r.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(r,m,y){"use strict";y.r(m);var v=y(1),x=y.n(v),C=y(0),O=y.n(C),a=function(r){return 0!==r};function l(){return(l=Object.assign?Object.assign.bind():function(r){for(var m=1;m<arguments.length;m++){var y=arguments[m];for(var v in y)Object.prototype.hasOwnProperty.call(y,v)&&(r[v]=y[v])}return r}).apply(this,arguments)}function c(r){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r})(r)}function p(r,m){for(var y=0;y<m.length;y++){var v=m[y];v.enumerable=v.enumerable||!1,v.configurable=!0,"value"in v&&(v.writable=!0),Object.defineProperty(r,v.key,v)}}function u(r,m){return(u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,m){return r.__proto__=m,r})(r,m)}function g(r){var m=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(r){return!1}}();return function(){var y,v=d(r);if(m){var x=d(this).constructor;y=Reflect.construct(v,arguments,x)}else y=v.apply(this,arguments);return f(this,y)}}function f(r,m){if(m&&("object"===c(m)||"function"==typeof m))return m;if(void 0!==m)throw new TypeError("Derived constructors may only return object or undefined");return h(r)}function h(r){if(void 0===r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function d(r){return(d=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(r){return r.__proto__||Object.getPrototypeOf(r)})(r)}function b(r,m,y){return m in r?Object.defineProperty(r,m,{value:y,enumerable:!0,configurable:!0,writable:!0}):r[m]=y,r}var w=function(r){!function(r,m){if("function"!=typeof m&&null!==m)throw new TypeError("Super expression must either be null or a function");r.prototype=Object.create(m&&m.prototype,{constructor:{value:r,writable:!0,configurable:!0}}),Object.defineProperty(r,"prototype",{writable:!1}),m&&u(r,m)}(s,r);var m,y,v,C=g(s);function s(r){var m;return function(r,m){if(!(r instanceof m))throw new TypeError("Cannot call a class as a function")}(this,s),b(h(m=C.call(this,r)),"continueOpenCollapsible",(function(){var r=h(m).innerRef;m.setState({height:r.scrollHeight,transition:"height ".concat(m.props.transitionTime,"ms ").concat(m.props.easing),isClosed:!1,hasBeenOpened:!0,inTransition:a(r.scrollHeight),shouldOpenOnNextCycle:!1})})),b(h(m),"handleTriggerClick",(function(r){m.props.triggerDisabled||m.state.inTransition||(r.preventDefault(),m.props.handleTriggerClick?m.props.handleTriggerClick(m.props.accordionPosition):!0===m.state.isClosed?(m.openCollapsible(),m.props.onOpening(),m.props.onTriggerOpening()):(m.closeCollapsible(),m.props.onClosing(),m.props.onTriggerClosing()))})),b(h(m),"handleTransitionEnd",(function(r){r.target===m.innerRef&&(m.state.isClosed?(m.setState({inTransition:!1}),m.props.onClose()):(m.setState({height:"auto",overflow:m.props.overflowWhenOpen,inTransition:!1}),m.props.onOpen()))})),b(h(m),"setInnerRef",(function(r){return m.innerRef=r})),m.timeout=void 0,m.contentId=r.contentElementId||"collapsible-content-".concat(Date.now()),m.triggerId=r.triggerElementProps.id||"collapsible-trigger-".concat(Date.now()),r.open?m.state={isClosed:!1,shouldSwitchAutoOnNextCycle:!1,height:"auto",transition:"none",hasBeenOpened:!0,overflow:r.overflowWhenOpen,inTransition:!1}:m.state={isClosed:!0,shouldSwitchAutoOnNextCycle:!1,height:0,transition:"height ".concat(r.transitionTime,"ms ").concat(r.easing),hasBeenOpened:!1,overflow:"hidden",inTransition:!1},m}return m=s,(y=[{key:"componentDidUpdate",value:function(r,m){var y=this;this.state.shouldOpenOnNextCycle&&this.continueOpenCollapsible(),"auto"!==m.height&&0!==m.height||!0!==this.state.shouldSwitchAutoOnNextCycle||(window.clearTimeout(this.timeout),this.timeout=window.setTimeout((function(){y.setState({height:0,overflow:"hidden",isClosed:!0,shouldSwitchAutoOnNextCycle:!1})}),50)),r.open!==this.props.open&&(!0===this.props.open?(this.openCollapsible(),this.props.onOpening()):(this.closeCollapsible(),this.props.onClosing()))}},{key:"componentWillUnmount",value:function(){window.clearTimeout(this.timeout)}},{key:"closeCollapsible",value:function(){var r=this.innerRef;this.setState({shouldSwitchAutoOnNextCycle:!0,height:r.scrollHeight,transition:"height ".concat(this.props.transitionCloseTime?this.props.transitionCloseTime:this.props.transitionTime,"ms ").concat(this.props.easing),inTransition:a(r.scrollHeight)})}},{key:"openCollapsible",value:function(){this.setState({inTransition:a(this.innerRef.scrollHeight),shouldOpenOnNextCycle:!0})}},{key:"renderNonClickableTriggerElement",value:function(){var r=this.props,m=r.triggerSibling,y=r.classParentString;if(!m)return null;switch(c(m)){case"string":return x.a.createElement("span",{className:"".concat(y,"__trigger-sibling")},m);case"function":return m();case"object":return m;default:return null}}},{key:"render",value:function(){var r=this,m={height:this.state.height,WebkitTransition:this.state.transition,msTransition:this.state.transition,transition:this.state.transition,overflow:this.state.overflow},y=this.state.isClosed?"is-closed":"is-open",v=this.props.triggerDisabled?"is-disabled":"",C=!1===this.state.isClosed&&void 0!==this.props.triggerWhenOpen?this.props.triggerWhenOpen:this.props.trigger,O=this.props.contentContainerTagName,w=this.props.triggerTagName,j=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,T=this.props,N=T.classParentString,P=T.contentOuterClassName,S=T.contentInnerClassName,k="".concat(N,"__trigger ").concat(y," ").concat(v," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),A="".concat(N," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),E="".concat(N,"__contentOuter ").concat(P),_="".concat(N,"__contentInner ").concat(S);return x.a.createElement(O,l({className:A.trim()},this.props.containerElementProps),x.a.createElement(w,l({id:this.triggerId,className:k.trim(),onClick:this.handleTriggerClick,style:this.props.triggerStyle&&this.props.triggerStyle,onKeyPress:function(m){var y=m.key;(" "===y&&"button"!==r.props.triggerTagName.toLowerCase()||"Enter"===y)&&r.handleTriggerClick(m)},tabIndex:this.props.tabIndex&&this.props.tabIndex,"aria-expanded":!this.state.isClosed,"aria-disabled":this.props.triggerDisabled,"aria-controls":this.contentId,role:"button"},this.props.triggerElementProps),C),this.renderNonClickableTriggerElement(),x.a.createElement("div",{id:this.contentId,className:E.trim(),style:m,onTransitionEnd:this.handleTransitionEnd,ref:this.setInnerRef,hidden:this.props.contentHiddenWhenClosed&&this.state.isClosed&&!this.state.inTransition,role:"region","aria-labelledby":this.triggerId},x.a.createElement("div",{className:_.trim()},j)))}}])&&p(m.prototype,y),v&&p(m,v),Object.defineProperty(m,"prototype",{writable:!1}),s}(v.Component);w.propTypes={transitionTime:O.a.number,transitionCloseTime:O.a.number,triggerTagName:O.a.string,easing:O.a.string,open:O.a.bool,containerElementProps:O.a.object,triggerElementProps:O.a.object,contentElementId:O.a.string,classParentString:O.a.string,className:O.a.string,openedClassName:O.a.string,triggerStyle:O.a.object,triggerClassName:O.a.string,triggerOpenedClassName:O.a.string,contentOuterClassName:O.a.string,contentInnerClassName:O.a.string,accordionPosition:O.a.oneOfType([O.a.string,O.a.number]),handleTriggerClick:O.a.func,onOpen:O.a.func,onClose:O.a.func,onOpening:O.a.func,onClosing:O.a.func,onTriggerOpening:O.a.func,onTriggerClosing:O.a.func,trigger:O.a.oneOfType([O.a.string,O.a.element]),triggerWhenOpen:O.a.oneOfType([O.a.string,O.a.element]),triggerDisabled:O.a.bool,lazyRender:O.a.bool,overflowWhenOpen:O.a.oneOf(["hidden","visible","auto","scroll","inherit","initial","unset"]),contentHiddenWhenClosed:O.a.bool,triggerSibling:O.a.oneOfType([O.a.string,O.a.element,O.a.func]),tabIndex:O.a.number,contentContainerTagName:O.a.string,children:O.a.oneOfType([O.a.string,O.a.element])},w.defaultProps={transitionTime:400,transitionCloseTime:null,triggerTagName:"span",easing:"linear",open:!1,classParentString:"Collapsible",triggerDisabled:!1,lazyRender:!1,overflowWhenOpen:"hidden",contentHiddenWhenClosed:!1,openedClassName:"",triggerStyle:null,triggerClassName:"",triggerOpenedClassName:"",contentOuterClassName:"",contentInnerClassName:"",className:"",triggerSibling:null,onOpen:function(){},onClose:function(){},onOpening:function(){},onClosing:function(){},onTriggerOpening:function(){},onTriggerClosing:function(){},tabIndex:null,contentContainerTagName:"div",triggerElementProps:{}},m.default=w}]))},52654:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>O});y(87363);var v=y(28317),x=y(9420),C=y(47514);const O=(0,x.Pi)((function AsyncRender(r){var m=r.optionSnapshot,y=r.onClick,x=r.showDiffOnly,O=r.allOpen,w=function use(r){if("fulfilled"===r.status)return r.value;throw"rejected"===r.status?r.reason:("pending"===r.status||(r.status="pending",r.then((function(m){r.status="fulfilled",r.value=m}),(function(m){r.status="rejected",r.reason=m}))),r)}(m.promise);return w?(0,C.jsx)(v.default,{onClick:y,articles:w.articleSnapshot,price:w.price,title:m.title,allOpen:O,showDiffOnly:x,configStepKey:m.key}):(0,C.jsx)(C.Fragment,{})}))},28317:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>A});var v=y(80248),x=y(34988),C=y(87363),O=y(9420),w=y(93476),j=y(57446),T=y.n(j),N=y(63762),P=y(47514);function ownKeys(r,m){var y=Object.keys(r);if(Object.getOwnPropertySymbols){var v=Object.getOwnPropertySymbols(r);m&&(v=v.filter((function(m){return Object.getOwnPropertyDescriptor(r,m).enumerable}))),y.push.apply(y,v)}return y}function _objectSpread(r){for(var m=1;m<arguments.length;m++){var y=null!=arguments[m]?arguments[m]:{};m%2?ownKeys(Object(y),!0).forEach((function(m){(0,v.Z)(r,m,y[m])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(y)):ownKeys(Object(y)).forEach((function(m){Object.defineProperty(r,m,Object.getOwnPropertyDescriptor(y,m))}))}return r}var S=function getPartlistArticles(r,m){for(var y in r.partlistArticles){var v=r.partlistArticles[y];if(v.hasPartlistArticle)m.push(k(v,!0)),m=S(v,m);else{for(var x=!1,C=0;C<m.length;C++)if(v.articleCodex===m[C].articleCodex&&v.retailArticleNr===m[C].retailArticleNr&&v.retailPrefix===m[C].retailPrefix&&v.catalogCodex===m[C].catalogCodex&&JSON.stringify(v.VariantValues)==JSON.stringify(m[C].VariantValues)){x=!0,m[C].quantity+=v.quantity;break}x||m.push(k(v))}}return m},k=function getPartlsitArticleObj(r,m){var y,v,x,C,O,w,j;return{name:(m?"Hülse: ":"")+r.posNr+" "+r.name,price:m?"---":r.price,retailArticleNr:null!==(y=r.retailArticleNr)&&void 0!==y?y:"",retailPrefix:null!==(v=r.retailPrefix)&&void 0!==v?v:"",quantity:r.quantity,ruleDesc:null!==(x=r.ruleDesc)&&void 0!==x?x:"",articleCodex:r.articleCodex,typeNr:null!==(C=r.typeNr)&&void 0!==C?C:"",catalogCodex:null!==(O=r.catalogCodex)&&void 0!==O?O:"",codex:r.articleCodex,rule:r.ruleDesc,decision:r.partlistDecisionNo?null!==(w=null===(j=r.partListParentArticle)||void 0===j||null===(j=j.catalogArticle.partlistDecisions)||void 0===j?void 0:j["D"+r.partlistDecisionNo])&&void 0!==w?w:r.CatalogData.loadedDecisions.find((function(m){return m.decisionNo===r.partlistDecisionNo})):void 0,partlistRule:r.partlistRule}};const A=(0,O.Pi)((function PartlistTable(r){var m=r.onClick,y=r.articles,v=r.price,O=r.title,j=r.allOpen,k=r.configStepKey,A=r.showDiffOnly,E=(0,C.useState)(),_=(0,x.Z)(E,2),D=_[0],R=_[1],I=(0,N.NP)();return(0,C.useEffect)((function(){var r,m=I.settingsState.partlistArticlesInOverview[k];if((void 0===D||!m||m.totalCount===m.items.length)&&(void 0===D||A)){var v=[];for(var x in y)v=S(y[x],v);A&&m&&m.totalCount===m.items.length&&(v=v.map((function(r){return _objectSpread(_objectSpread({},r),{},{visible:m.items.filter((function(m){return m.articles.find((function(m){return m.plaCodex==r.articleCodex&&r.retailArticleNr==m.retailArticleNr}))})).length!==m.items.length})})));var C=_objectSpread({},I.settingsState.partlistArticlesInOverview);null!==(r=C[k])&&void 0!==r&&r.items&&!C[k].items.find((function(r){return r.opv===O}))&&(C[k].items.push({opv:O,articles:v.map((function(r){return{plaCodex:r.articleCodex,retailArticleNr:r.retailArticleNr,quantity:r.quantity}}))}),I.settingsState.setPartlistArticlesInOverview(C)),R(v)}}),[I.settingsState.partlistArticlesInOverview]),(0,P.jsx)(T(),{trigger:(0,P.jsx)("div",{style:{cursor:"pointer"},children:"Stücklistenartikel: "+(null!=D?D:[]).length+" preis: "+v+" -- "+O}),open:""==O||j,easing:"ease",transitionTime:100,children:(0,P.jsxs)("table",{className:w.Kz,children:[(0,P.jsx)("thead",{children:(0,P.jsxs)("tr",{className:w.$Q,children:[(0,P.jsx)("th",{children:"Name"}),(0,P.jsx)("th",{children:"Artikle Nr."}),(0,P.jsx)("th",{children:"Type Nr."}),(0,P.jsx)("th",{children:"CatalogCodex"}),(0,P.jsx)("th",{children:"Preis"}),(0,P.jsx)("th",{children:"Nr"}),(0,P.jsx)("th",{children:"Prefix"}),(0,P.jsx)("th",{children:"Menge"}),(0,P.jsx)("th",{children:"Rule"}),(0,P.jsx)("th",{children:"decision"})]})}),(0,P.jsx)("tbody",{children:(null!=D?D:[]).filter((function(r){return!A||r.visible||void 0===r.visible})).map((function(r){var y,v,x;return(0,P.jsxs)("tr",{className:w.$Q,children:[(0,P.jsxs)("th",{children:[" ",r.name]}),(0,P.jsxs)("th",{children:[r.articleCodex," "]}),(0,P.jsxs)("th",{children:[r.typeNr," "]}),(0,P.jsxs)("th",{children:[r.catalogCodex," "]}),(0,P.jsxs)("th",{children:[" ",null!==(y=r.price)&&void 0!==y?y:0," "]}),(0,P.jsxs)("th",{children:[" ",r.retailArticleNr," "]}),(0,P.jsxs)("th",{children:[r.retailPrefix," "]}),(0,P.jsxs)("th",{children:[r.quantity," "]}),(0,P.jsx)("th",{children:r.rule}),r.decision&&(0,P.jsx)("th",{onClick:function onClick(){return m({decision:r.decision,rule:r.partlistRule})},children:(null===(v=r.decision)||void 0===v?void 0:v.Number)||(null===(x=r.decision)||void 0===x?void 0:x.decisionNo)})]},r.articleCodex+r.retailArticleNr)}))})]})})}))},98793:(r,m,y)=>{"use strict";y.d(m,{$Q:()=>j,EM:()=>S,Fs:()=>N,Kz:()=>w,US:()=>P,ZP:()=>k,fm:()=>T});var v=y(8081),x=y.n(v),C=y(23645),O=y.n(C)()(x());O.push([r.id,".index-module--LmG2a {\n  position: relative;\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  background-color: #ffffff;\n  border-collapse: collapse;\n  border-width: 0px;\n  border-color: #e7eaf8;\n  border-style: solid;\n  color: #000000;\n  font-weight: normal;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  overflow-y: auto;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n.index-module--LmG2a thead {\n  font-weight: bold !important;\n}\n.index-module--LmG2a thead {\n  border-bottom: 1px solid;\n  /* min-width: 20px; */\n  background-color: var(--thirdColor);\n  font-size: 16px;\n  padding-top: 1%;\n  color: white;\n}\n.index-module--A0hQw {\n  text-align: left;\n  height: 20px;\n}\n.index-module--A0hQw th:nth-child(1) {\n  width: 40%;\n  border-bottom: 1px solid;\n}\n.index-module--A0hQw th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.index-module--A0hQw th:last-child {\n  font-size: 12px;\n}\n.index-module--PcNw4 {\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n  z-index: 1700;\n}\n.index-module--Gh5Gk {\n  height: 46px;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\n  cursor: ns-resize;\n  padding-bottom: 20px;\n}\n.index-module--Biof7 {\n  font-size: 16px;\n  padding-left: 20px;\n  display: flex;\n  gap: 16px;\n  background-color: grey;\n}\n\n.index-module--DLRJp {\n  display: flex;\n  flex-direction: column;\n  padding-top: 20px;\n  background: #fff;\n}\n",""]);var w="index-module--LmG2a",j="index-module--A0hQw",T="index-module--PcNw4",N="index-module--Gh5Gk",P="index-module--Biof7",S="index-module--DLRJp";const k=O},93476:(r,m,y)=>{"use strict";y.d(m,{$Q:()=>E.$Q,EM:()=>E.EM,Fs:()=>E.Fs,Kz:()=>E.Kz,US:()=>E.US,fm:()=>E.fm});var v=y(93379),x=y.n(v),C=y(7795),O=y.n(C),w=y(90569),j=y.n(w),T=y(3565),N=y.n(T),P=y(19216),S=y.n(P),k=y(44589),A=y.n(k),E=y(98793),_={};_.styleTagTransform=A(),_.setAttributes=N(),_.insert=j().bind(null,"head"),_.domAPI=O(),_.insertStyleElement=S();x()(E.ZP,_),E.ZP&&E.ZP.locals&&E.ZP.locals}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2654,8317],{57446:function(r,m,y){var v;r.exports=(v=y(87363),function(r){var m={};function n(y){if(m[y])return m[y].exports;var v=m[y]={i:y,l:!1,exports:{}};return r[y].call(v.exports,v,v.exports,n),v.l=!0,v.exports}return n.m=r,n.c=m,n.d=function(r,m,y){n.o(r,m)||Object.defineProperty(r,m,{enumerable:!0,get:y})},n.r=function(r){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})},n.t=function(r,m){if(1&m&&(r=n(r)),8&m)return r;if(4&m&&"object"==typeof r&&r&&r.__esModule)return r;var y=Object.create(null);if(n.r(y),Object.defineProperty(y,"default",{enumerable:!0,value:r}),2&m&&"string"!=typeof r)for(var v in r)n.d(y,v,function(m){return r[m]}.bind(null,v));return y},n.n=function(r){var m=r&&r.__esModule?function(){return r.default}:function(){return r};return n.d(m,"a",m),m},n.o=function(r,m){return Object.prototype.hasOwnProperty.call(r,m)},n.p="",n(n.s=4)}([function(r,m,y){r.exports=y(2)()},function(r,m){r.exports=v},function(r,m,y){"use strict";var v=y(3);function o(){}function i(){}i.resetWarningCache=o,r.exports=function(){function e(r,m,y,x,C,O){if(O!==v){var w=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw w.name="Invariant Violation",w}}function t(){return e}e.isRequired=e;var r={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:o};return r.PropTypes=r,r}},function(r,m,y){"use strict";r.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(r,m,y){"use strict";y.r(m);var v=y(1),x=y.n(v),C=y(0),O=y.n(C),a=function(r){return 0!==r};function l(){return(l=Object.assign?Object.assign.bind():function(r){for(var m=1;m<arguments.length;m++){var y=arguments[m];for(var v in y)Object.prototype.hasOwnProperty.call(y,v)&&(r[v]=y[v])}return r}).apply(this,arguments)}function c(r){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r})(r)}function p(r,m){for(var y=0;y<m.length;y++){var v=m[y];v.enumerable=v.enumerable||!1,v.configurable=!0,"value"in v&&(v.writable=!0),Object.defineProperty(r,v.key,v)}}function u(r,m){return(u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,m){return r.__proto__=m,r})(r,m)}function g(r){var m=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(r){return!1}}();return function(){var y,v=d(r);if(m){var x=d(this).constructor;y=Reflect.construct(v,arguments,x)}else y=v.apply(this,arguments);return f(this,y)}}function f(r,m){if(m&&("object"===c(m)||"function"==typeof m))return m;if(void 0!==m)throw new TypeError("Derived constructors may only return object or undefined");return h(r)}function h(r){if(void 0===r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function d(r){return(d=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(r){return r.__proto__||Object.getPrototypeOf(r)})(r)}function b(r,m,y){return m in r?Object.defineProperty(r,m,{value:y,enumerable:!0,configurable:!0,writable:!0}):r[m]=y,r}var w=function(r){!function(r,m){if("function"!=typeof m&&null!==m)throw new TypeError("Super expression must either be null or a function");r.prototype=Object.create(m&&m.prototype,{constructor:{value:r,writable:!0,configurable:!0}}),Object.defineProperty(r,"prototype",{writable:!1}),m&&u(r,m)}(s,r);var m,y,v,C=g(s);function s(r){var m;return function(r,m){if(!(r instanceof m))throw new TypeError("Cannot call a class as a function")}(this,s),b(h(m=C.call(this,r)),"continueOpenCollapsible",(function(){var r=h(m).innerRef;m.setState({height:r.scrollHeight,transition:"height ".concat(m.props.transitionTime,"ms ").concat(m.props.easing),isClosed:!1,hasBeenOpened:!0,inTransition:a(r.scrollHeight),shouldOpenOnNextCycle:!1})})),b(h(m),"handleTriggerClick",(function(r){m.props.triggerDisabled||m.state.inTransition||(r.preventDefault(),m.props.handleTriggerClick?m.props.handleTriggerClick(m.props.accordionPosition):!0===m.state.isClosed?(m.openCollapsible(),m.props.onOpening(),m.props.onTriggerOpening()):(m.closeCollapsible(),m.props.onClosing(),m.props.onTriggerClosing()))})),b(h(m),"handleTransitionEnd",(function(r){r.target===m.innerRef&&(m.state.isClosed?(m.setState({inTransition:!1}),m.props.onClose()):(m.setState({height:"auto",overflow:m.props.overflowWhenOpen,inTransition:!1}),m.props.onOpen()))})),b(h(m),"setInnerRef",(function(r){return m.innerRef=r})),m.timeout=void 0,m.contentId=r.contentElementId||"collapsible-content-".concat(Date.now()),m.triggerId=r.triggerElementProps.id||"collapsible-trigger-".concat(Date.now()),r.open?m.state={isClosed:!1,shouldSwitchAutoOnNextCycle:!1,height:"auto",transition:"none",hasBeenOpened:!0,overflow:r.overflowWhenOpen,inTransition:!1}:m.state={isClosed:!0,shouldSwitchAutoOnNextCycle:!1,height:0,transition:"height ".concat(r.transitionTime,"ms ").concat(r.easing),hasBeenOpened:!1,overflow:"hidden",inTransition:!1},m}return m=s,(y=[{key:"componentDidUpdate",value:function(r,m){var y=this;this.state.shouldOpenOnNextCycle&&this.continueOpenCollapsible(),"auto"!==m.height&&0!==m.height||!0!==this.state.shouldSwitchAutoOnNextCycle||(window.clearTimeout(this.timeout),this.timeout=window.setTimeout((function(){y.setState({height:0,overflow:"hidden",isClosed:!0,shouldSwitchAutoOnNextCycle:!1})}),50)),r.open!==this.props.open&&(!0===this.props.open?(this.openCollapsible(),this.props.onOpening()):(this.closeCollapsible(),this.props.onClosing()))}},{key:"componentWillUnmount",value:function(){window.clearTimeout(this.timeout)}},{key:"closeCollapsible",value:function(){var r=this.innerRef;this.setState({shouldSwitchAutoOnNextCycle:!0,height:r.scrollHeight,transition:"height ".concat(this.props.transitionCloseTime?this.props.transitionCloseTime:this.props.transitionTime,"ms ").concat(this.props.easing),inTransition:a(r.scrollHeight)})}},{key:"openCollapsible",value:function(){this.setState({inTransition:a(this.innerRef.scrollHeight),shouldOpenOnNextCycle:!0})}},{key:"renderNonClickableTriggerElement",value:function(){var r=this.props,m=r.triggerSibling,y=r.classParentString;if(!m)return null;switch(c(m)){case"string":return x.a.createElement("span",{className:"".concat(y,"__trigger-sibling")},m);case"function":return m();case"object":return m;default:return null}}},{key:"render",value:function(){var r=this,m={height:this.state.height,WebkitTransition:this.state.transition,msTransition:this.state.transition,transition:this.state.transition,overflow:this.state.overflow},y=this.state.isClosed?"is-closed":"is-open",v=this.props.triggerDisabled?"is-disabled":"",C=!1===this.state.isClosed&&void 0!==this.props.triggerWhenOpen?this.props.triggerWhenOpen:this.props.trigger,O=this.props.contentContainerTagName,w=this.props.triggerTagName,j=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,T=this.props,N=T.classParentString,P=T.contentOuterClassName,S=T.contentInnerClassName,k="".concat(N,"__trigger ").concat(y," ").concat(v," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),A="".concat(N," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),E="".concat(N,"__contentOuter ").concat(P),_="".concat(N,"__contentInner ").concat(S);return x.a.createElement(O,l({className:A.trim()},this.props.containerElementProps),x.a.createElement(w,l({id:this.triggerId,className:k.trim(),onClick:this.handleTriggerClick,style:this.props.triggerStyle&&this.props.triggerStyle,onKeyPress:function(m){var y=m.key;(" "===y&&"button"!==r.props.triggerTagName.toLowerCase()||"Enter"===y)&&r.handleTriggerClick(m)},tabIndex:this.props.tabIndex&&this.props.tabIndex,"aria-expanded":!this.state.isClosed,"aria-disabled":this.props.triggerDisabled,"aria-controls":this.contentId,role:"button"},this.props.triggerElementProps),C),this.renderNonClickableTriggerElement(),x.a.createElement("div",{id:this.contentId,className:E.trim(),style:m,onTransitionEnd:this.handleTransitionEnd,ref:this.setInnerRef,hidden:this.props.contentHiddenWhenClosed&&this.state.isClosed&&!this.state.inTransition,role:"region","aria-labelledby":this.triggerId},x.a.createElement("div",{className:_.trim()},j)))}}])&&p(m.prototype,y),v&&p(m,v),Object.defineProperty(m,"prototype",{writable:!1}),s}(v.Component);w.propTypes={transitionTime:O.a.number,transitionCloseTime:O.a.number,triggerTagName:O.a.string,easing:O.a.string,open:O.a.bool,containerElementProps:O.a.object,triggerElementProps:O.a.object,contentElementId:O.a.string,classParentString:O.a.string,className:O.a.string,openedClassName:O.a.string,triggerStyle:O.a.object,triggerClassName:O.a.string,triggerOpenedClassName:O.a.string,contentOuterClassName:O.a.string,contentInnerClassName:O.a.string,accordionPosition:O.a.oneOfType([O.a.string,O.a.number]),handleTriggerClick:O.a.func,onOpen:O.a.func,onClose:O.a.func,onOpening:O.a.func,onClosing:O.a.func,onTriggerOpening:O.a.func,onTriggerClosing:O.a.func,trigger:O.a.oneOfType([O.a.string,O.a.element]),triggerWhenOpen:O.a.oneOfType([O.a.string,O.a.element]),triggerDisabled:O.a.bool,lazyRender:O.a.bool,overflowWhenOpen:O.a.oneOf(["hidden","visible","auto","scroll","inherit","initial","unset"]),contentHiddenWhenClosed:O.a.bool,triggerSibling:O.a.oneOfType([O.a.string,O.a.element,O.a.func]),tabIndex:O.a.number,contentContainerTagName:O.a.string,children:O.a.oneOfType([O.a.string,O.a.element])},w.defaultProps={transitionTime:400,transitionCloseTime:null,triggerTagName:"span",easing:"linear",open:!1,classParentString:"Collapsible",triggerDisabled:!1,lazyRender:!1,overflowWhenOpen:"hidden",contentHiddenWhenClosed:!1,openedClassName:"",triggerStyle:null,triggerClassName:"",triggerOpenedClassName:"",contentOuterClassName:"",contentInnerClassName:"",className:"",triggerSibling:null,onOpen:function(){},onClose:function(){},onOpening:function(){},onClosing:function(){},onTriggerOpening:function(){},onTriggerClosing:function(){},tabIndex:null,contentContainerTagName:"div",triggerElementProps:{}},m.default=w}]))},52654:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>O});y(87363);var v=y(28317),x=y(9420),C=y(47514);const O=(0,x.Pi)((function AsyncRender(r){var m=r.optionSnapshot,y=r.onClick,x=r.showDiffOnly,O=r.allOpen,w=function use(r){if("fulfilled"===r.status)return r.value;throw"rejected"===r.status?r.reason:("pending"===r.status||(r.status="pending",r.then((function(m){r.status="fulfilled",r.value=m}),(function(m){r.status="rejected",r.reason=m}))),r)}(m.promise);return w?(0,C.jsx)(v.default,{onClick:y,articles:w.articleSnapshot,price:w.price,title:m.title,allOpen:O,showDiffOnly:x,configStepKey:m.key}):(0,C.jsx)(C.Fragment,{})}))},28317:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>A});var v=y(80248),x=y(38946),C=y(87363),O=y(9420),w=y(93476),j=y(57446),T=y.n(j),N=y(63762),P=y(47514);function ownKeys(r,m){var y=Object.keys(r);if(Object.getOwnPropertySymbols){var v=Object.getOwnPropertySymbols(r);m&&(v=v.filter((function(m){return Object.getOwnPropertyDescriptor(r,m).enumerable}))),y.push.apply(y,v)}return y}function _objectSpread(r){for(var m=1;m<arguments.length;m++){var y=null!=arguments[m]?arguments[m]:{};m%2?ownKeys(Object(y),!0).forEach((function(m){(0,v.Z)(r,m,y[m])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(y)):ownKeys(Object(y)).forEach((function(m){Object.defineProperty(r,m,Object.getOwnPropertyDescriptor(y,m))}))}return r}var S=function getPartlistArticles(r,m){for(var y in r.partlistArticles){var v=r.partlistArticles[y];if(v.hasPartlistArticle)m.push(k(v,!0)),m=S(v,m);else{for(var x=!1,C=0;C<m.length;C++)if(v.articleCodex===m[C].articleCodex&&v.retailArticleNr===m[C].retailArticleNr&&v.retailPrefix===m[C].retailPrefix&&v.catalogCodex===m[C].catalogCodex&&JSON.stringify(v.VariantValues)==JSON.stringify(m[C].VariantValues)){x=!0,m[C].quantity+=v.quantity;break}x||m.push(k(v))}}return m},k=function getPartlsitArticleObj(r,m){var y,v,x,C,O,w,j;return{name:(m?"Hülse: ":"")+r.posNr+" "+r.name,price:m?"---":r.price,retailArticleNr:null!==(y=r.retailArticleNr)&&void 0!==y?y:"",retailPrefix:null!==(v=r.retailPrefix)&&void 0!==v?v:"",quantity:r.quantity,ruleDesc:null!==(x=r.ruleDesc)&&void 0!==x?x:"",articleCodex:r.articleCodex,typeNr:null!==(C=r.typeNr)&&void 0!==C?C:"",catalogCodex:null!==(O=r.catalogCodex)&&void 0!==O?O:"",codex:r.articleCodex,rule:r.ruleDesc,decision:r.partlistDecisionNo?null!==(w=null===(j=r.partListParentArticle)||void 0===j||null===(j=j.catalogArticle.partlistDecisions)||void 0===j?void 0:j["D"+r.partlistDecisionNo])&&void 0!==w?w:r.CatalogData.loadedDecisions.find((function(m){return m.decisionNo===r.partlistDecisionNo})):void 0,partlistRule:r.partlistRule}};const A=(0,O.Pi)((function PartlistTable(r){var m=r.onClick,y=r.articles,v=r.price,O=r.title,j=r.allOpen,k=r.configStepKey,A=r.showDiffOnly,E=(0,C.useState)(),_=(0,x.Z)(E,2),D=_[0],R=_[1],I=(0,N.NP)();return(0,C.useEffect)((function(){var r,m=I.settingsState.partlistArticlesInOverview[k];if((void 0===D||!m||m.totalCount===m.items.length)&&(void 0===D||A)){var v=[];for(var x in y)v=S(y[x],v);A&&m&&m.totalCount===m.items.length&&(v=v.map((function(r){return _objectSpread(_objectSpread({},r),{},{visible:m.items.filter((function(m){return m.articles.find((function(m){return m.plaCodex==r.articleCodex&&r.retailArticleNr==m.retailArticleNr}))})).length!==m.items.length})})));var C=_objectSpread({},I.settingsState.partlistArticlesInOverview);null!==(r=C[k])&&void 0!==r&&r.items&&!C[k].items.find((function(r){return r.opv===O}))&&(C[k].items.push({opv:O,articles:v.map((function(r){return{plaCodex:r.articleCodex,retailArticleNr:r.retailArticleNr,quantity:r.quantity}}))}),I.settingsState.setPartlistArticlesInOverview(C)),R(v)}}),[I.settingsState.partlistArticlesInOverview]),(0,P.jsx)(T(),{trigger:(0,P.jsx)("div",{style:{cursor:"pointer"},children:"Stücklistenartikel: "+(null!=D?D:[]).length+" preis: "+v+" -- "+O}),open:""==O||j,easing:"ease",transitionTime:100,children:(0,P.jsxs)("table",{className:w.Kz,children:[(0,P.jsx)("thead",{children:(0,P.jsxs)("tr",{className:w.$Q,children:[(0,P.jsx)("th",{children:"Name"}),(0,P.jsx)("th",{children:"Artikle Nr."}),(0,P.jsx)("th",{children:"Type Nr."}),(0,P.jsx)("th",{children:"CatalogCodex"}),(0,P.jsx)("th",{children:"Preis"}),(0,P.jsx)("th",{children:"Nr"}),(0,P.jsx)("th",{children:"Prefix"}),(0,P.jsx)("th",{children:"Menge"}),(0,P.jsx)("th",{children:"Rule"}),(0,P.jsx)("th",{children:"decision"})]})}),(0,P.jsx)("tbody",{children:(null!=D?D:[]).filter((function(r){return!A||r.visible||void 0===r.visible})).map((function(r){var y,v,x;return(0,P.jsxs)("tr",{className:w.$Q,children:[(0,P.jsxs)("th",{children:[" ",r.name]}),(0,P.jsxs)("th",{children:[r.articleCodex," "]}),(0,P.jsxs)("th",{children:[r.typeNr," "]}),(0,P.jsxs)("th",{children:[r.catalogCodex," "]}),(0,P.jsxs)("th",{children:[" ",null!==(y=r.price)&&void 0!==y?y:0," "]}),(0,P.jsxs)("th",{children:[" ",r.retailArticleNr," "]}),(0,P.jsxs)("th",{children:[r.retailPrefix," "]}),(0,P.jsxs)("th",{children:[r.quantity," "]}),(0,P.jsx)("th",{children:r.rule}),r.decision&&(0,P.jsx)("th",{onClick:function onClick(){return m({decision:r.decision,rule:r.partlistRule})},children:(null===(v=r.decision)||void 0===v?void 0:v.Number)||(null===(x=r.decision)||void 0===x?void 0:x.decisionNo)})]},r.articleCodex+r.retailArticleNr)}))})]})})}))},98793:(r,m,y)=>{"use strict";y.d(m,{$Q:()=>j,EM:()=>S,Fs:()=>N,Kz:()=>w,US:()=>P,ZP:()=>k,fm:()=>T});var v=y(8081),x=y.n(v),C=y(23645),O=y.n(C)()(x());O.push([r.id,".index-module--LmG2a {\n  position: relative;\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  background-color: #ffffff;\n  border-collapse: collapse;\n  border-width: 0px;\n  border-color: #e7eaf8;\n  border-style: solid;\n  color: #000000;\n  font-weight: normal;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  overflow-y: auto;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n.index-module--LmG2a thead {\n  font-weight: bold !important;\n}\n.index-module--LmG2a thead {\n  border-bottom: 1px solid;\n  /* min-width: 20px; */\n  background-color: var(--thirdColor);\n  font-size: 16px;\n  padding-top: 1%;\n  color: white;\n}\n.index-module--A0hQw {\n  text-align: left;\n  height: 20px;\n}\n.index-module--A0hQw th:nth-child(1) {\n  width: 40%;\n  border-bottom: 1px solid;\n}\n.index-module--A0hQw th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.index-module--A0hQw th:last-child {\n  font-size: 12px;\n}\n.index-module--PcNw4 {\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n  z-index: 1700;\n}\n.index-module--Gh5Gk {\n  height: 46px;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\n  cursor: ns-resize;\n  padding-bottom: 20px;\n}\n.index-module--Biof7 {\n  font-size: 16px;\n  padding-left: 20px;\n  display: flex;\n  gap: 16px;\n  background-color: grey;\n}\n\n.index-module--DLRJp {\n  display: flex;\n  flex-direction: column;\n  padding-top: 20px;\n  background: #fff;\n}\n",""]);var w="index-module--LmG2a",j="index-module--A0hQw",T="index-module--PcNw4",N="index-module--Gh5Gk",P="index-module--Biof7",S="index-module--DLRJp";const k=O},93476:(r,m,y)=>{"use strict";y.d(m,{$Q:()=>E.$Q,EM:()=>E.EM,Fs:()=>E.Fs,Kz:()=>E.Kz,US:()=>E.US,fm:()=>E.fm});var v=y(93379),x=y.n(v),C=y(7795),O=y.n(C),w=y(90569),j=y.n(w),T=y(3565),N=y.n(T),P=y(19216),S=y.n(P),k=y(44589),A=y.n(k),E=y(98793),_={};_.styleTagTransform=A(),_.setAttributes=N(),_.insert=j().bind(null,"head"),_.domAPI=O(),_.insertStyleElement=S();x()(E.ZP,_),E.ZP&&E.ZP.locals&&E.ZP.locals}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 2762.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2762,7970,1506],{105:(e,n,t)=>{t.r(n),t.d(n,{default:()=>l});t(87363);var i=t(9420),o=t(78976),r=t(63762),a=t(88683),d=t(47514);const l=(0,i.Pi)((function AiRoomsSelection(e){var n,t,i=(0,r.NP)(),l=(0,a.useDivaCore)().state,s=l.user,c=l.organization;return i.aiState.showAiRoomRenderingInSummary&&i.viewPlannerHandler.isAny3DVisualization()&&(s?i.aiState.isAnyLimitDefined:i.aiState.shouldShowAiForAnonymous)&&null!==(n=i.aiState.enrichedAiRoomRenderings)&&void 0!==n&&n.length&&(null===(t=c.settings)||void 0===t||null===(t=t.aiSettings)||void 0===t||!t.checkForDivaKiReady||i.aiState.catalogDataKiReady())?(0,d.jsx)(o.default,{roomItems:i.aiState.enrichedAiRoomRenderings,selectedRoom:i.aiState.selectedRoom}):(0,d.jsx)(d.Fragment,{})}))},57970:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var i=t(80248),o=(t(87363),t(9420)),r=t(63762),a=t(93379),d=t.n(a),l=t(7795),s=t.n(l),c=t(90569),u=t.n(c),m=t(3565),p=t.n(m),x=t(19216),h=t.n(x),v=t(44589),f=t.n(v),g=t(2348),b={};b.styleTagTransform=f(),b.setAttributes=p(),b.insert=u().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=h();d()(g.ZP,b);g.ZP&&g.ZP.locals&&g.ZP.locals;var w=t(65515),y=t.n(w),j=t(24585),C=t(83485),S=t(88683),P=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const k=(0,o.Pi)((function ArticleOverview(){var e,n,t,i,o,a,d=(0,r.NP)(),l=(0,C.W)(),s=l.dimensions,c=l.dimOnlyForOneArticle,u=(0,S.useTranslation)().t,m=d.settingsState.bbox;return(0,P.jsxs)("div",{className:g.YS,children:[(0,P.jsx)("div",{className:g.O7,children:(0,P.jsxs)("div",{className:y()(g.$Q,g.Fs),children:[(0,P.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"var(--diva-theme-palette-primary-main)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,P.jsx)("path",{d:"M21.3 15.3a2.4 2.4 0 0 1 0 3.4l-2.6 2.6a2.4 2.4 0 0 1-3.4 0L2.7 8.7a2.41 2.41 0 0 1 0-3.4l2.6-2.6a2.41 2.41 0 0 1 3.4 0Z"}),(0,P.jsx)("path",{d:"m14.5 12.5 2-2"}),(0,P.jsx)("path",{d:"m11.5 9.5 2-2"}),(0,P.jsx)("path",{d:"m8.5 6.5 2-2"}),(0,P.jsx)("path",{d:"m17.5 15.5 2-2"})]}),u("configurator.summary.total_dimensions")]})}),(0,P.jsxs)("div",{className:g.Bb,children:[(0,P.jsxs)("div",{className:g.O7,children:[(0,P.jsx)("div",{className:g.$Q,children:u("configurator.bth")}),(0,P.jsxs)("div",{className:y()(g.$Q,g.Sn),children:[null!==(e=null==m?void 0:m.X)&&void 0!==e?e:-1," × ",null!==(n=null==m?void 0:m.Y)&&void 0!==n?n:-1," × ",null!==(t=null==m?void 0:m.Z)&&void 0!==t?t:-1," cm"]})]}),void 0!==(null==m?void 0:m.wOLT)&&(0,P.jsxs)("div",{className:g.O7,children:[(0,P.jsx)("div",{className:g.$Q,children:u("configurator.without_olf")}),(0,P.jsxs)("div",{className:y()(g.$Q,g.Sn),children:[null!==(i=null==m?void 0:m.wOLT)&&void 0!==i?i:-1," × ",null!==(o=null==m?void 0:m.dOLT)&&void 0!==o?o:-1," × ",null!==(a=null==m?void 0:m.hOLT)&&void 0!==a?a:-1," cm"]})]}),!(null==s||!s.length)&&(null==s?void 0:s.map((function(e){var n,t;return(0,P.jsxs)("div",{className:g.O7,children:[(0,P.jsxs)("div",{className:g.$Q,children:[null!==(n=e.text)&&void 0!==n?n:u("configurator.headerdimension."+e.dimensionId),!c&&" ("+e.posNrs.join(",")+")"]}),(0,P.jsxs)("div",{className:y()(g.$Q,g.Sn),children:[null!==(t=e.dimension)&&void 0!==t?t:0," ",e.unit]})]})})))]}),d.productState.allowQRCodeAR&&(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("div",{className:g.kr}),(0,P.jsx)(j.default,{dontOpenModal:!0,Button:function Button(e){return(0,P.jsxs)("div",_objectSpread(_objectSpread({className:g.LI},e),{},{children:[(0,P.jsxs)("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,P.jsx)("circle",{cx:"16",cy:"16",r:"16"}),(0,P.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18.9044 9.14469L16.5714 8.04166C16.4524 7.98611 16.3175 7.98611 16.1984 8.04166L13.8575 9.14469C13.5242 9.3034 13.3734 9.70811 13.5321 10.0414C13.6432 10.2874 13.8892 10.4302 14.1432 10.4302C14.2384 10.4302 14.3336 10.4064 14.4288 10.3668L15.7064 9.76366V11.4063C15.7064 11.7793 16.008 12.0808 16.381 12.0808C16.7539 12.0808 17.0555 11.7793 17.0555 11.4063V9.76366L18.3331 10.3668C18.6664 10.5255 19.0711 10.3826 19.2298 10.0414C19.3885 9.70018 19.2457 9.3034 18.9044 9.14469ZM18.3324 13.6921L16.3803 14.6126L14.4282 13.6921C14.0949 13.5334 13.6902 13.6762 13.5315 14.0175C13.3728 14.3508 13.5156 14.7555 13.8568 14.9142L15.682 15.7712C15.682 15.7871 15.678 15.801 15.674 15.8149C15.6701 15.8287 15.6661 15.8426 15.6661 15.8585V17.5091C15.6661 17.882 15.9677 18.1836 16.3406 18.1836C16.7136 18.1836 17.0151 17.882 17.0151 17.5091V15.8585C17.0151 15.8506 17.0132 15.8426 17.0112 15.8347L17.0112 15.8347C17.0092 15.8267 17.0072 15.8188 17.0072 15.8109L18.9117 14.9142C19.245 14.7555 19.3958 14.3508 19.2371 14.0175C19.0704 13.6842 18.6657 13.5334 18.3324 13.6921ZM21.4188 10.3832L23.5059 11.3831C23.6646 11.4545 23.7598 11.6132 23.7598 11.7798V14.1843C23.7598 14.5573 23.4583 14.8588 23.0853 14.8588C22.7123 14.8588 22.4108 14.5573 22.4108 14.1843V13.2955L21.3077 13.8113C21.2125 13.851 21.1173 13.8748 21.0221 13.8748C20.7681 13.8748 20.5221 13.732 20.411 13.486C20.2523 13.1527 20.4031 12.748 20.7364 12.5893L21.8315 12.0735L20.8395 11.5973C20.5063 11.4386 20.3634 11.0339 20.5221 10.7006C20.6808 10.3673 21.0855 10.2245 21.4188 10.3832ZM12.0234 12.589L10.9283 12.0732L11.9203 11.597C12.2536 11.4383 12.3964 11.0336 12.2377 10.7003C12.079 10.3591 11.6743 10.2162 11.341 10.3829L9.25394 11.3828C9.09523 11.4542 9 11.6129 9 11.7795V14.1761C9 14.549 9.30155 14.8506 9.67452 14.8506C10.0475 14.8506 10.349 14.557 10.349 14.184V13.2873L11.4521 13.8031C11.5473 13.8507 11.6425 13.8745 11.7377 13.8745C11.9917 13.8745 12.2377 13.7317 12.3488 13.4857C12.5075 13.1524 12.3646 12.7477 12.0234 12.589ZM11.4521 18.4139C11.7854 18.2552 12.1901 18.4059 12.3488 18.7392C12.5075 19.0805 12.3646 19.4852 12.0234 19.6439L10.9283 20.1597L11.9203 20.6358C12.2536 20.7945 12.3964 21.1992 12.2377 21.5325C12.1186 21.7706 11.8806 21.9134 11.6266 21.9134C11.5235 21.9134 11.4283 21.8976 11.333 21.8499L9.246 20.8501C9.09523 20.7786 9 20.6199 9 20.4533V18.0488C9 17.6759 9.30155 17.3743 9.67452 17.3743C10.0475 17.3743 10.349 17.6759 10.349 18.0488V18.9376L11.4521 18.4139Z",fill:"var(--diva-theme-palette-primary-main)"}),(0,P.jsx)("path",{d:"M18.749 24H17.6823L17.272 22.799H15.3849L14.9746 24H13.9229L15.7205 19.0769H16.9513L18.749 24ZM15.6161 22.0382H17.0408L16.3247 19.89L15.6161 22.0382Z",fill:"var(--diva-theme-palette-primary-main)"}),(0,P.jsx)("path",{d:"M21.6498 19.0769C22.2068 19.0769 22.6444 19.2112 22.9627 19.4797C23.2809 19.7482 23.44 20.1088 23.44 20.5613C23.44 21.0436 23.2809 21.4141 22.9627 21.6727C22.6444 21.9263 22.2093 22.0531 21.6573 22.0531L21.5529 22.1128H20.4937V24H19.4792V19.0769H21.6498ZM21.5305 21.3296C21.8189 21.3296 22.0327 21.2724 22.172 21.158C22.3162 21.0387 22.3883 20.8572 22.3883 20.6135C22.3883 20.3698 22.3162 20.1908 22.172 20.0764C22.0327 19.9571 21.8189 19.8974 21.5305 19.8974H20.4937V21.3296H21.5305ZM22.1347 21.5459L23.731 24H22.5748L21.2545 21.8443L22.1347 21.5459Z",fill:"var(--diva-theme-palette-primary-main)"})]}),u("configurator.ar_try_at_home")]}))}})]})]})}))},40812:(e,n,t)=>{t.d(n,{e:()=>useStickyScroll});var i=t(34988),o=t(87363);function useStickyScroll(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,n=arguments.length>1?arguments[1]:void 0,t=(0,o.useRef)(null),r=(0,o.useState)(!1),a=(0,i.Z)(r,2),d=a[0],l=a[1],s=(0,o.useRef)(0);return(0,o.useEffect)((function(){var i=function handleScroll(){var i,o;if(t.current&&n){var r=Date.now();if(!(r-s.current<300)){var a=(null!==(i=t.current.getBoundingClientRect().top)&&void 0!==i?i:0)-(null!==(o=null==n?void 0:n.getBoundingClientRect().top)&&void 0!==o?o:0)<=e;a!==d&&(s.current=r,l(a))}}};return i(),null==n||n.addEventListener("scroll",i,{passive:!0}),function(){return null==n?void 0:n.removeEventListener("scroll",i)}}),[e,d,n]),{stickyRef:t,isSticky:d}}},83485:(e,n,t)=>{t.d(n,{W:()=>a});var i=t(34988),o=t(87363),r=t(63762),a=function useCustomDimensions(){var e=(0,r.NP)(),n=(0,o.useState)(),t=(0,i.Z)(n,2),a=t[0],d=t[1],l=(0,o.useState)(!1),s=(0,i.Z)(l,2),c=s[0],u=s[1];return(0,o.useEffect)((function(){var n;e.divaWebPlanner.actSet()&&(null===(n=e.productState.customDimensions)||void 0===n||n.then((function(e){d(e);var n=e.reduce((function(e,n){return e[n.dimensionId]?e[n.dimensionId].includes(n.dimension)||e[n.dimensionId].push(n.dimension):e[n.dimensionId]=[n.dimension],e}),{});u(!Object.values(n).find((function(e){return e.length>1})))})))}),[e.divaWebPlanner.actSet(),e.settingsState.configChanged]),{dimensions:a,dimOnlyForOneArticle:c}}},41506:(e,n,t)=>{t.r(n),t.d(n,{default:()=>C});var i=t(9420),o=t(87363),r=t(63762),a=t(88683),d=t(19047),l=t(93379),s=t.n(l),c=t(7795),u=t.n(c),m=t(90569),p=t.n(m),x=t(3565),h=t.n(x),v=t(19216),f=t.n(v),g=t(44589),b=t.n(g),w=t(47785),y={};y.styleTagTransform=b(),y.setAttributes=h(),y.insert=p().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=f();s()(w.ZP,y);w.ZP&&w.ZP.locals&&w.ZP.locals;var j=t(47514);const C=(0,i.Pi)((function AppointmentPreview(){var e,n,t,i=(0,r.NP)(),l=(0,a.useTranslation)().t,s=i.uiState.organization,c=(0,o.useMemo)((function(){var e=null==s?void 0:s.additionalContactData;if(e)return(Array.isArray(e)?e:[e])[0]}),[null==s?void 0:s.additionalContactData]),u=(0,o.useMemo)((function(){var e=i.uiState.checkoutConfig;if(null!=e&&e.buttons)return e.buttons.find((function(e){return"APPOINTMENT"===e.type}))}),[i.uiState.checkoutConfig]);return c&&(c.street||c.zipCode||c.city||c.phone||c.email||c.description||c.info||c.contactPersonName||c.contactPersonImage)?(0,j.jsxs)("div",{className:w.nC,children:[(0,j.jsx)("h3",{className:w.Se,children:l("checkout.appointment.preview.headline","Persönliche Beratung vereinbaren")}),(0,j.jsx)("p",{className:w.mY,children:l("checkout.appointment.preview.subheadline","Gemeinsam finalisieren wir Ihre Planung mit einem Experten vor Ort.")}),(0,j.jsxs)("div",{className:w.uT,children:[(null===(e=c.contactPersonImage)||void 0===e?void 0:e.url)&&(0,j.jsx)("div",{className:w.Ms,children:(0,j.jsx)("img",{src:c.contactPersonImage.url,alt:null!==(n=c.contactPersonName)&&void 0!==n?n:""})}),(0,j.jsxs)("div",{className:w.xh,children:[(c.contactPersonName||c.description)&&(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)("h4",{className:w.IB,children:null!==(t=c.contactPersonName)&&void 0!==t?t:c.description}),(c.street||c.city)&&(0,j.jsx)("p",{className:w.NO,children:[c.street,[c.zipCode,c.city].filter(Boolean).join(" ")].filter(Boolean).join(", ")})]}),c.info&&(0,j.jsx)("div",{className:w.wT,children:c.info}),(0,j.jsxs)("div",{className:w.Un,children:[(c.street||c.zipCode||c.city)&&(0,j.jsxs)("a",{className:w.Sh,href:"https://www.google.com/maps/search/?api=1&query=".concat(encodeURIComponent([c.street,c.zipCode,c.city].filter(Boolean).join(", "))),target:"_blank",rel:"noopener noreferrer",children:[(0,j.jsxs)("svg",{className:w.XQ,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[(0,j.jsx)("path",{d:"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"}),(0,j.jsx)("circle",{cx:"12",cy:"10",r:"3"})]}),(0,j.jsxs)("div",{children:[c.street&&(0,j.jsx)("div",{children:c.street}),(c.zipCode||c.city)&&(0,j.jsx)("div",{children:[c.zipCode,c.city].filter(Boolean).join(" ")})]})]}),c.phone&&(0,j.jsxs)("div",{className:w.Sh,children:[(0,j.jsx)("svg",{className:w.XQ,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:(0,j.jsx)("path",{d:"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"})}),(0,j.jsx)("a",{href:"tel:".concat(c.phone.replace(/\s/g,"")),children:c.phone})]}),c.email&&(0,j.jsxs)("div",{className:w.Sh,children:[(0,j.jsxs)("svg",{className:w.XQ,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[(0,j.jsx)("path",{d:"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"}),(0,j.jsx)("path",{d:"M22 6l-10 7L2 6"})]}),(0,j.jsx)("a",{href:"mailto:".concat(c.email),children:c.email})]})]})]})]}),u&&(0,j.jsxs)(j.Fragment,{children:[(0,j.jsxs)("button",{type:"button",className:w.Aj,onClick:function handleCtaClick(){var e;u&&(0,d.onClickCheckout)(u,i,null!==(e=u.index)&&void 0!==e?e:0,l,void 0,void 0)},children:[l("checkout.appointment.preview.cta","Persönliche Beratung vereinbaren"),(0,j.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:(0,j.jsx)("path",{d:"M5 12h14M12 5l7 7-7 7"})})]}),(0,j.jsx)("p",{className:w.Pe,children:l("checkout.appointment.preview.ctaSubtext","Gemeinsam finalisieren wir Ihre Planung.")})]})]}):null}))},79587:(e,n,t)=>{t.r(n),t.d(n,{default:()=>m});var i=t(80248),o=t(34988),r=t(87363),a=t(9420),d=t(63762),l=t(88683),s=t(48133),c=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var u={force:.6,duration:5e3,particleCount:200,floorHeight:1600,floorWidth:1600};const m=(0,a.Pi)((function ConfettiInSummary(e){var n,t,i,a,m,p,x=(0,d.NP)(),h=(0,l.useDivaCore)().state.theme,v=x.getViewConfig().navigateMobileSwiper&&x.getIsInMobileView(),f=(0,r.useState)(!v),g=(0,o.Z)(f,2),b=g[0],w=g[1];(0,r.useEffect)((function(){v&&setTimeout((function(){w(!0)}),300)}),[]);var y=(0,r.useState)(!1),j=(0,o.Z)(y,2),C=j[0],S=j[1];if((0,r.useEffect)((function(){var e,n,t=null!==(e=null===(n=x.uiState.ViewConfig.showConfettiInSummary)||void 0===n?void 0:n.confettiCooldownInHours)&&void 0!==e?e:0;if(localStorage.getItem("lastConfettiSessionId")!==l.DivaUtils.SessionId||localStorage.getItem("lastConfettiChange")!=x.settingsState.configChanged.toString()){if(t>0){var i=localStorage.getItem("lastConfettiTime");if(i)if(Date.now()-Number(i)<60*t*60*1e3)return void S(!1);return localStorage.setItem("lastConfettiTime",Date.now().toString()),localStorage.setItem("lastConfettiChange",x.settingsState.configChanged.toString()),void S(!0)}localStorage.getItem("lastConfettiSessionId")!==l.DivaUtils.SessionId?(localStorage.setItem("lastConfettiSessionId",l.DivaUtils.SessionId),localStorage.setItem("lastConfettiChange",x.settingsState.configChanged.toString()),S(!0)):S(!1)}}),[]),!x.uiState.ViewConfig.showConfettiInSummary)return(0,c.jsx)(c.Fragment,{});if(!C)return(0,c.jsx)(c.Fragment,{});if(!x.isParentViewVisible)return(0,c.jsx)(c.Fragment,{});var P=x.uiState.ViewConfig.showConfettiInSummary.confettiProps;return(0,c.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",width:"100%"},children:b&&(0,c.jsx)(s.Z,_objectSpread(_objectSpread(_objectSpread({zIndex:1000001},u),null!=P?P:{}),{},{colors:[null!==(n=null===(t=h.palette)||void 0===t||null===(t=t.primary)||void 0===t?void 0:t.main)&&void 0!==n?n:"",null!==(i=null===(a=h.palette)||void 0===a||null===(a=a.primary)||void 0===a?void 0:a.dark)&&void 0!==i?i:"",null!==(m=null===(p=h.palette)||void 0===p||null===(p=p.primary)||void 0===p?void 0:p.light)&&void 0!==m?m:""]}))})}))},41625:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var i=t(34988),o=t(9420),r=t(88683),a=t(87363),d=t(93379),l=t.n(d),s=t(7795),c=t.n(s),u=t(90569),m=t.n(u),p=t(3565),x=t.n(p),h=t(19216),v=t.n(h),f=t(44589),g=t.n(f),b=t(28564),w={};w.styleTagTransform=g(),w.setAttributes=x(),w.insert=m().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=v();l()(b.ZP,w);b.ZP&&b.ZP.locals&&b.ZP.locals;var y=t(65515),j=t.n(y),C=t(63762),S=t(56340),P=t(47514);const k=(0,o.Pi)((function SummaryHeader(e){var n,t,o,d,l=(0,r.useTranslation)().t,s=(0,C.NP)(),c=(0,r.useDivaCore)().state.hidePrices,u=(0,a.useState)(Math.round(100*s.productState.formatedCurSetPrice/s.productState.formatedBruttoPrice)-100),m=(0,i.Z)(u,2),p=m[0],x=m[1];(0,a.useEffect)((function(){var e=Math.round(100*s.productState.formatedCurSetPrice/s.productState.formatedBruttoPrice)-100;e!==p&&x(e)}),[s.productState.formatedCurSetPrice,s.productState.formatedBruttoPrice]);var h=void 0!==s.productState.formatedBruttoPrice&&!s.getViewConfig().hideRabattPrice;return(0,P.jsxs)("div",{className:j()(b.YS,s.getIsInMobileView()?b.ai:void 0,h?b.y6:void 0,(null!==(n=null===(t=s.settingsState.settingsScrollerElement)||void 0===t?void 0:t.getBoundingClientRect().width)&&void 0!==n?n:400)<400?b.yG:void 0),children:[(0,P.jsx)("div",{className:b.TN,children:l("configurator.summary.header.title")}),!c&&(0,P.jsxs)("div",{className:b.wZ,children:[(0,P.jsx)("div",{className:b.h0,children:(0,P.jsx)(S.default,{price:null!==(o=s.productState.formatedBruttoPrice)&&void 0!==o?o:0,duration:1.5})}),(0,P.jsx)("div",{className:b.nt,children:(0,P.jsx)(S.default,{price:null!==(d=s.productState.formatedCurSetPrice)&&void 0!==d?d:0,duration:1.5})}),h&&(0,P.jsx)("div",{className:b.e9,children:(0,P.jsx)(S.default,{price:p,formattingFn:function formattingFn(e){return e+"%"},duration:1.5})})]})]})}))},42762:(e,n,t)=>{t.r(n),t.d(n,{default:()=>Z});var i=t(9420),o=(t(87363),t(79587)),r=t(19047),a=t(57970),d=t(63762),l=t(41625),s=t(93379),c=t.n(s),u=t(7795),m=t.n(u),p=t(90569),x=t.n(p),h=t(3565),v=t.n(h),f=t(19216),g=t.n(f),b=t(44589),w=t.n(b),y=t(24899),j={};j.styleTagTransform=w(),j.setAttributes=v(),j.insert=x().bind(null,"head"),j.domAPI=m(),j.insertStyleElement=g();c()(y.ZP,j);y.ZP&&y.ZP.locals&&y.ZP.locals;var C=t(40812),S=t(65515),P=t.n(S),k=t(105),O=t(41506),N=t(47514);const Z=(0,i.Pi)((function SummaryOverview(e){var n,t=(0,d.NP)(),i=(0,C.e)(-50,null!==(n=t.settingsState.settingsScrollerElement)&&void 0!==n?n:null),s=i.stickyRef,c=i.isSticky;return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(o.default,{}),(0,N.jsx)(l.default,{}),(0,N.jsx)("div",{ref:s,className:y.oZ,style:{opacity:c?"0":"1"},children:(0,N.jsx)(r.default,{viewHandler:t})}),(0,N.jsx)("div",{className:P()(y.oZ,y.Xo),style:{opacity:c?"1":"0",pointerEvents:c?"auto":"none"},children:(0,N.jsx)(r.default,{viewHandler:t})}),t.uiState.ViewConfig.showAppointmentPreview&&(0,N.jsx)(O.default,{}),t.productState.diva3dImgSrc&&(0,N.jsx)(k.default,{}),(0,N.jsx)(a.default,{})]})}))},2348:(e,n,t)=>{t.d(n,{$Q:()=>u,Bb:()=>l,Fs:()=>c,LI:()=>x,O7:()=>s,Sn:()=>m,YS:()=>d,ZP:()=>h,kr:()=>p});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--d2iqX {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  position: relative;\n  border: 1px solid var(--diva-theme-palette-primary-main);\n  border-radius: calc(var(--buttons-border-radius) * 2);\n  color: var(--diva-theme-palette-primary-main);\n  width: calc(100% - 32px);\n  padding: 16px;\n  margin: 12px 0px;\n}\n\n.index-module--K4_z9 {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: 8px;\n  font-size: 14px;\n}\n\n.index-module--d2iqX::before {\n  content: '';\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background-color: var(--diva-theme-palette-primary-light);\n  opacity: 0.15;\n  z-index: -1;\n  pointer-events: none;\n  border-radius: inherit;\n}\n\n.index-module--RkkoP {\n  display: flex;\n  flex-direction: row;\n  gap: 16px;\n  justify-content: space-between;\n  width: 100%;\n}\n\n.index-module--sQl1l {\n  font-weight: 600;\n}\n\n.index-module--ZF6Gz {\n  display: flex;\n  gap: 4px;\n  align-items: center;\n}\n\n.index-module--ub3Fh {\n  color: #000;\n  font-weight: 600;\n}\n\n.index-module--kL69q {\n  width: 100%;\n  height: 1px;\n  background-color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--uReTO {\n  cursor: pointer;\n  width: calc(100% - 32px);\n  height: 22px;\n  padding: 8px 16px;\n  background-color: transparent;\n  border: 1px solid var(--diva-theme-palette-primary-main);\n  border-radius: calc(var(--buttons-border-radius) * 1.5);\n  font-size: 14px;\n  font-weight: 600;\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n  align-items: center;\n  justify-content: center;\n  transition:\n    background-color 0.3s ease,\n    box-shadow 0.3s ease;\n}\n\n.index-module--uReTO:hover {\n  background-color: var(--diva-theme-palette-primary-light);\n  box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.1);\n}\n",""]);var d="index-module--d2iqX",l="index-module--K4_z9",s="index-module--RkkoP",c="index-module--sQl1l",u="index-module--ZF6Gz",m="index-module--ub3Fh",p="index-module--kL69q",x="index-module--uReTO";const h=a},47785:(e,n,t)=>{t.d(n,{Aj:()=>b,IB:()=>p,Ms:()=>u,NO:()=>x,Pe:()=>w,Se:()=>l,Sh:()=>f,Un:()=>v,XQ:()=>g,ZP:()=>y,mY:()=>s,nC:()=>d,uT:()=>c,wT:()=>h,xh:()=>m});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--VX0rb {\n  padding: 16px 0;\n  border-top: 1px solid #e8e3da;\n  border-top: 1px solid var(--galleryItemBorderColor, #e8e3da);\n}\n\n.index-module--MZyeg {\n  font-size: 18px;\n  font-weight: 300;\n  line-height: 1.3;\n  color: var(--diva-theme-palette-text-primary);\n  margin: 0 0 8px;\n}\n\n.index-module--E7iHI {\n  font-size: 14px;\n  font-weight: 300;\n  line-height: 1.5;\n  color: var(--diva-theme-palette-text-secondary);\n  margin: 0 0 16px;\n}\n\n.index-module--C_YrY {\n  overflow: hidden;\n  border-radius: var(--buttons-border-radius);\n  border: 1px solid #e8e3da;\n  border: 1px solid var(--galleryItemBorderColor, #e8e3da);\n  background: var(--settingsBackgroundColor);\n  margin-bottom: 16px;\n}\n\n.index-module--CQBXE {\n  overflow: hidden;\n  aspect-ratio: 16 / 10;\n}\n\n.index-module--CQBXE img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  -o-object-position: top center;\n     object-position: top center;\n}\n\n.index-module--ORevm {\n  padding: 16px;\n}\n\n.index-module--QZDLm {\n  font-size: 16px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-primary);\n  margin: 0 0 4px;\n}\n\n.index-module--RVZmw {\n  font-size: 14px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-secondary);\n  margin: 0 0 12px;\n}\n\n.index-module--SGoOd {\n  font-size: 14px;\n  font-weight: 300;\n  line-height: 1.5;\n  color: var(--diva-theme-palette-text-secondary);\n  margin-bottom: 12px;\n  white-space: pre-line;\n}\n\n.index-module--_7T1O {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  border-top: 1px solid #e8e3da;\n  border-top: 1px solid var(--galleryItemBorderColor, #e8e3da);\n  padding-top: 12px;\n}\n\n.index-module--M9jnK {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n  font-size: 14px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-secondary);\n}\n\n.index-module--M9jnK a {\n  color: var(--diva-theme-palette-text-secondary);\n  text-decoration: none;\n}\n\n.index-module--M9jnK a:hover {\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--NKjBH {\n  flex-shrink: 0;\n  width: 16px;\n  height: 16px;\n  margin-top: 2px;\n  opacity: 0.6;\n}\n\n.index-module--zNnhX {\n  width: calc(100% - 48px);\n  padding: 14px 24px;\n  font-size: 14px;\n  font-weight: 300;\n  color: #fff;\n  color: var(--diva-theme-palette-primary-contrast-text, #fff);\n  background: var(--diva-theme-palette-primary-main);\n  border: none;\n  border-radius: var(--buttons-border-radius);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  transition:\n    background 0.2s,\n    box-shadow 0.2s;\n}\n\n.index-module--zNnhX:hover {\n  background: var(--diva-theme-palette-primary-dark);\n}\n\n.index-module--RDLnT {\n  font-size: 12px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-secondary);\n  text-align: center;\n  margin: 8px 0 0;\n}\n",""]);var d="index-module--VX0rb",l="index-module--MZyeg",s="index-module--E7iHI",c="index-module--C_YrY",u="index-module--CQBXE",m="index-module--ORevm",p="index-module--QZDLm",x="index-module--RVZmw",h="index-module--SGoOd",v="index-module--_7T1O",f="index-module--M9jnK",g="index-module--NKjBH",b="index-module--zNnhX",w="index-module--RDLnT";const y=a},28564:(e,n,t)=>{t.d(n,{TN:()=>m,YS:()=>d,ZP:()=>v,ai:()=>p,e9:()=>h,h0:()=>u,nt:()=>s,wZ:()=>l,y6:()=>c,yG:()=>x});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--tgY3n {\n  position: sticky;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  margin-bottom: 8px;\n  white-space: nowrap;\n}\n\n.index-module--ZQBOj {\n  display: flex;\n  flex-direction: row;\n  gap: 16px;\n  width: 100%;\n  justify-content: space-between;\n  flex-wrap: nowrap;\n}\n\n.index-module--kcl1K {\n  font-size: 18px;\n  line-height: 18px;\n  font-size: 24px;\n  line-height: 24px;\n  color: rgba(17, 24, 39, 1);\n  font-weight: 700;\n}\n.index-module--kGHzf .index-module--kcl1K {\n  color: rgb(220, 38, 38);\n}\n\n.index-module--ZJwYg {\n  font-size: 18px;\n  line-height: 24px;\n  font-weight: 300;\n  color: rgba(107, 114, 128, 1);\n  -webkit-text-decoration-line: line-through;\n          text-decoration-line: line-through;\n  display: none;\n}\n.index-module--kGHzf .index-module--ZJwYg {\n  display: block;\n}\n\n.index-module--Qoi4e {\n  width: auto;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  color: var(--secondaryColor);\n  margin-top: 10px;\n  float: left;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  text-align: center;\n}\n\n.index-module--eO4iO .index-module--Qoi4e,\n.index-module--pxDVX .index-module--Qoi4e {\n  font-size: 16px;\n  line-height: 20px;\n}\n\n.index-module--G4dak {\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 16px;\n  color: #fff;\n  padding: 4px 8px;\n  border-radius: 40px;\n  background-color: rgb(220, 38, 38);\n}\n",""]);var d="index-module--tgY3n",l="index-module--ZQBOj",s="index-module--kcl1K",c="index-module--kGHzf",u="index-module--ZJwYg",m="index-module--Qoi4e",p="index-module--eO4iO",x="index-module--pxDVX",h="index-module--G4dak";const v=a},24899:(e,n,t)=>{t.d(n,{Xo:()=>l,ZP:()=>s,oZ:()=>d});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--Lbf5b {\n  padding-top: 8px;\n  padding-bottom: 8px;\n  z-index: 100;\n}\n\n.index-module--dc_1V .checkout-button-wrapper {\n  transition: max-height 0.4s ease;\n  max-height: 200px;\n}\n\n.index-module--dc_1V {\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  padding: 8px 16px;\n  width: calc(100% - 32px);\n  transition: opacity 0.2s ease;\n  background-color: rgba(244, 244, 244, 0.8);\n}\n.index-module--dc_1V .checkout-button-wrapper {\n  flex-wrap: nowrap;\n  max-height: 60px; /* fits one row */\n}\n\n.index-module--dc_1V .checkout-button-wrapper button {\n  transition:\n    font-size 0.4s ease,\n    height 0.4s ease;\n  white-space: nowrap;\n  overflow: hidden; /* optional if text might overflow */\n  display: none;\n}\n\n.index-module--dc_1V .checkout-button-wrapper button:nth-child(1),\n.index-module--dc_1V .checkout-button-wrapper button:nth-child(2),\n.index-module--dc_1V .checkout-button-wrapper button:nth-child(3) {\n  display: flex;\n}\n\n.index-module--dc_1V .checkout-button-wrapper button {\n  font-size: 14px;\n  height: 36px;\n}\n\n.index-module--dc_1V .checkout-secondary-button-wrapper {\n  width: 100%;\n  transition: width 0.4s ease;\n}\n\n.index-module--dc_1V .checkout-secondary-button-wrapper:not(.no-primary-buttons) {\n  grid-template-columns: repeat(auto-fit, minmax(calc(30% - 4px), 1fr)) !important;\n}\n\n.index-module--dc_1V .checkout-secondary-button-wrapper:not(.no-primary-buttons) {\n  width: 40%;\n}\n\n.index-module--dc_1V .checkout-secondary-button-wrapper:empty {\n  display: none;\n}\n\n.index-module--dc_1V .checkout-secondary-button-wrapper > button div:nth-child(2) {\n  display: none;\n}\n",""]);var d="index-module--Lbf5b",l="index-module--dc_1V";const s=a}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2762,7970,1506],{105:(e,n,t)=>{t.r(n),t.d(n,{default:()=>l});t(87363);var i=t(9420),o=t(78976),r=t(63762),a=t(88683),d=t(47514);const l=(0,i.Pi)((function AiRoomsSelection(e){var n,t,i=(0,r.NP)(),l=(0,a.useDivaCore)().state,s=l.user,c=l.organization;return i.aiState.showAiRoomRenderingInSummary&&i.viewPlannerHandler.isAny3DVisualization()&&(s?i.aiState.isAnyLimitDefined:i.aiState.shouldShowAiForAnonymous)&&null!==(n=i.aiState.enrichedAiRoomRenderings)&&void 0!==n&&n.length&&(null===(t=c.settings)||void 0===t||null===(t=t.aiSettings)||void 0===t||!t.checkForDivaKiReady||i.aiState.catalogDataKiReady())?(0,d.jsx)(o.default,{roomItems:i.aiState.enrichedAiRoomRenderings,selectedRoom:i.aiState.selectedRoom}):(0,d.jsx)(d.Fragment,{})}))},57970:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var i=t(80248),o=(t(87363),t(9420)),r=t(63762),a=t(93379),d=t.n(a),l=t(7795),s=t.n(l),c=t(90569),u=t.n(c),m=t(3565),p=t.n(m),x=t(19216),h=t.n(x),v=t(44589),f=t.n(v),g=t(2348),b={};b.styleTagTransform=f(),b.setAttributes=p(),b.insert=u().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=h();d()(g.ZP,b);g.ZP&&g.ZP.locals&&g.ZP.locals;var w=t(65515),y=t.n(w),j=t(24585),C=t(83485),S=t(88683),P=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const k=(0,o.Pi)((function ArticleOverview(){var e,n,t,i,o,a,d=(0,r.NP)(),l=(0,C.W)(),s=l.dimensions,c=l.dimOnlyForOneArticle,u=(0,S.useTranslation)().t,m=d.settingsState.bbox;return(0,P.jsxs)("div",{className:g.YS,children:[(0,P.jsx)("div",{className:g.O7,children:(0,P.jsxs)("div",{className:y()(g.$Q,g.Fs),children:[(0,P.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"var(--diva-theme-palette-primary-main)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,P.jsx)("path",{d:"M21.3 15.3a2.4 2.4 0 0 1 0 3.4l-2.6 2.6a2.4 2.4 0 0 1-3.4 0L2.7 8.7a2.41 2.41 0 0 1 0-3.4l2.6-2.6a2.41 2.41 0 0 1 3.4 0Z"}),(0,P.jsx)("path",{d:"m14.5 12.5 2-2"}),(0,P.jsx)("path",{d:"m11.5 9.5 2-2"}),(0,P.jsx)("path",{d:"m8.5 6.5 2-2"}),(0,P.jsx)("path",{d:"m17.5 15.5 2-2"})]}),u("configurator.summary.total_dimensions")]})}),(0,P.jsxs)("div",{className:g.Bb,children:[(0,P.jsxs)("div",{className:g.O7,children:[(0,P.jsx)("div",{className:g.$Q,children:u("configurator.bth")}),(0,P.jsxs)("div",{className:y()(g.$Q,g.Sn),children:[null!==(e=null==m?void 0:m.X)&&void 0!==e?e:-1," × ",null!==(n=null==m?void 0:m.Y)&&void 0!==n?n:-1," × ",null!==(t=null==m?void 0:m.Z)&&void 0!==t?t:-1," cm"]})]}),void 0!==(null==m?void 0:m.wOLT)&&(0,P.jsxs)("div",{className:g.O7,children:[(0,P.jsx)("div",{className:g.$Q,children:u("configurator.without_olf")}),(0,P.jsxs)("div",{className:y()(g.$Q,g.Sn),children:[null!==(i=null==m?void 0:m.wOLT)&&void 0!==i?i:-1," × ",null!==(o=null==m?void 0:m.dOLT)&&void 0!==o?o:-1," × ",null!==(a=null==m?void 0:m.hOLT)&&void 0!==a?a:-1," cm"]})]}),!(null==s||!s.length)&&(null==s?void 0:s.map((function(e){var n,t;return(0,P.jsxs)("div",{className:g.O7,children:[(0,P.jsxs)("div",{className:g.$Q,children:[null!==(n=e.text)&&void 0!==n?n:u("configurator.headerdimension."+e.dimensionId),!c&&" ("+e.posNrs.join(",")+")"]}),(0,P.jsxs)("div",{className:y()(g.$Q,g.Sn),children:[null!==(t=e.dimension)&&void 0!==t?t:0," ",e.unit]})]})})))]}),d.productState.allowQRCodeAR&&(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("div",{className:g.kr}),(0,P.jsx)(j.default,{dontOpenModal:!0,Button:function Button(e){return(0,P.jsxs)("div",_objectSpread(_objectSpread({className:g.LI},e),{},{children:[(0,P.jsxs)("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,P.jsx)("circle",{cx:"16",cy:"16",r:"16"}),(0,P.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18.9044 9.14469L16.5714 8.04166C16.4524 7.98611 16.3175 7.98611 16.1984 8.04166L13.8575 9.14469C13.5242 9.3034 13.3734 9.70811 13.5321 10.0414C13.6432 10.2874 13.8892 10.4302 14.1432 10.4302C14.2384 10.4302 14.3336 10.4064 14.4288 10.3668L15.7064 9.76366V11.4063C15.7064 11.7793 16.008 12.0808 16.381 12.0808C16.7539 12.0808 17.0555 11.7793 17.0555 11.4063V9.76366L18.3331 10.3668C18.6664 10.5255 19.0711 10.3826 19.2298 10.0414C19.3885 9.70018 19.2457 9.3034 18.9044 9.14469ZM18.3324 13.6921L16.3803 14.6126L14.4282 13.6921C14.0949 13.5334 13.6902 13.6762 13.5315 14.0175C13.3728 14.3508 13.5156 14.7555 13.8568 14.9142L15.682 15.7712C15.682 15.7871 15.678 15.801 15.674 15.8149C15.6701 15.8287 15.6661 15.8426 15.6661 15.8585V17.5091C15.6661 17.882 15.9677 18.1836 16.3406 18.1836C16.7136 18.1836 17.0151 17.882 17.0151 17.5091V15.8585C17.0151 15.8506 17.0132 15.8426 17.0112 15.8347L17.0112 15.8347C17.0092 15.8267 17.0072 15.8188 17.0072 15.8109L18.9117 14.9142C19.245 14.7555 19.3958 14.3508 19.2371 14.0175C19.0704 13.6842 18.6657 13.5334 18.3324 13.6921ZM21.4188 10.3832L23.5059 11.3831C23.6646 11.4545 23.7598 11.6132 23.7598 11.7798V14.1843C23.7598 14.5573 23.4583 14.8588 23.0853 14.8588C22.7123 14.8588 22.4108 14.5573 22.4108 14.1843V13.2955L21.3077 13.8113C21.2125 13.851 21.1173 13.8748 21.0221 13.8748C20.7681 13.8748 20.5221 13.732 20.411 13.486C20.2523 13.1527 20.4031 12.748 20.7364 12.5893L21.8315 12.0735L20.8395 11.5973C20.5063 11.4386 20.3634 11.0339 20.5221 10.7006C20.6808 10.3673 21.0855 10.2245 21.4188 10.3832ZM12.0234 12.589L10.9283 12.0732L11.9203 11.597C12.2536 11.4383 12.3964 11.0336 12.2377 10.7003C12.079 10.3591 11.6743 10.2162 11.341 10.3829L9.25394 11.3828C9.09523 11.4542 9 11.6129 9 11.7795V14.1761C9 14.549 9.30155 14.8506 9.67452 14.8506C10.0475 14.8506 10.349 14.557 10.349 14.184V13.2873L11.4521 13.8031C11.5473 13.8507 11.6425 13.8745 11.7377 13.8745C11.9917 13.8745 12.2377 13.7317 12.3488 13.4857C12.5075 13.1524 12.3646 12.7477 12.0234 12.589ZM11.4521 18.4139C11.7854 18.2552 12.1901 18.4059 12.3488 18.7392C12.5075 19.0805 12.3646 19.4852 12.0234 19.6439L10.9283 20.1597L11.9203 20.6358C12.2536 20.7945 12.3964 21.1992 12.2377 21.5325C12.1186 21.7706 11.8806 21.9134 11.6266 21.9134C11.5235 21.9134 11.4283 21.8976 11.333 21.8499L9.246 20.8501C9.09523 20.7786 9 20.6199 9 20.4533V18.0488C9 17.6759 9.30155 17.3743 9.67452 17.3743C10.0475 17.3743 10.349 17.6759 10.349 18.0488V18.9376L11.4521 18.4139Z",fill:"var(--diva-theme-palette-primary-main)"}),(0,P.jsx)("path",{d:"M18.749 24H17.6823L17.272 22.799H15.3849L14.9746 24H13.9229L15.7205 19.0769H16.9513L18.749 24ZM15.6161 22.0382H17.0408L16.3247 19.89L15.6161 22.0382Z",fill:"var(--diva-theme-palette-primary-main)"}),(0,P.jsx)("path",{d:"M21.6498 19.0769C22.2068 19.0769 22.6444 19.2112 22.9627 19.4797C23.2809 19.7482 23.44 20.1088 23.44 20.5613C23.44 21.0436 23.2809 21.4141 22.9627 21.6727C22.6444 21.9263 22.2093 22.0531 21.6573 22.0531L21.5529 22.1128H20.4937V24H19.4792V19.0769H21.6498ZM21.5305 21.3296C21.8189 21.3296 22.0327 21.2724 22.172 21.158C22.3162 21.0387 22.3883 20.8572 22.3883 20.6135C22.3883 20.3698 22.3162 20.1908 22.172 20.0764C22.0327 19.9571 21.8189 19.8974 21.5305 19.8974H20.4937V21.3296H21.5305ZM22.1347 21.5459L23.731 24H22.5748L21.2545 21.8443L22.1347 21.5459Z",fill:"var(--diva-theme-palette-primary-main)"})]}),u("configurator.ar_try_at_home")]}))}})]})]})}))},40812:(e,n,t)=>{t.d(n,{e:()=>useStickyScroll});var i=t(38946),o=t(87363);function useStickyScroll(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,n=arguments.length>1?arguments[1]:void 0,t=(0,o.useRef)(null),r=(0,o.useState)(!1),a=(0,i.Z)(r,2),d=a[0],l=a[1],s=(0,o.useRef)(0);return(0,o.useEffect)((function(){var i=function handleScroll(){var i,o;if(t.current&&n){var r=Date.now();if(!(r-s.current<300)){var a=(null!==(i=t.current.getBoundingClientRect().top)&&void 0!==i?i:0)-(null!==(o=null==n?void 0:n.getBoundingClientRect().top)&&void 0!==o?o:0)<=e;a!==d&&(s.current=r,l(a))}}};return i(),null==n||n.addEventListener("scroll",i,{passive:!0}),function(){return null==n?void 0:n.removeEventListener("scroll",i)}}),[e,d,n]),{stickyRef:t,isSticky:d}}},83485:(e,n,t)=>{t.d(n,{W:()=>a});var i=t(38946),o=t(87363),r=t(63762),a=function useCustomDimensions(){var e=(0,r.NP)(),n=(0,o.useState)(),t=(0,i.Z)(n,2),a=t[0],d=t[1],l=(0,o.useState)(!1),s=(0,i.Z)(l,2),c=s[0],u=s[1];return(0,o.useEffect)((function(){var n;e.divaWebPlanner.actSet()&&(null===(n=e.productState.customDimensions)||void 0===n||n.then((function(e){d(e);var n=e.reduce((function(e,n){return e[n.dimensionId]?e[n.dimensionId].includes(n.dimension)||e[n.dimensionId].push(n.dimension):e[n.dimensionId]=[n.dimension],e}),{});u(!Object.values(n).find((function(e){return e.length>1})))})))}),[e.divaWebPlanner.actSet(),e.settingsState.configChanged]),{dimensions:a,dimOnlyForOneArticle:c}}},41506:(e,n,t)=>{t.r(n),t.d(n,{default:()=>C});var i=t(9420),o=t(87363),r=t(63762),a=t(88683),d=t(19047),l=t(93379),s=t.n(l),c=t(7795),u=t.n(c),m=t(90569),p=t.n(m),x=t(3565),h=t.n(x),v=t(19216),f=t.n(v),g=t(44589),b=t.n(g),w=t(47785),y={};y.styleTagTransform=b(),y.setAttributes=h(),y.insert=p().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=f();s()(w.ZP,y);w.ZP&&w.ZP.locals&&w.ZP.locals;var j=t(47514);const C=(0,i.Pi)((function AppointmentPreview(){var e,n,t,i=(0,r.NP)(),l=(0,a.useTranslation)().t,s=i.uiState.organization,c=(0,o.useMemo)((function(){var e=null==s?void 0:s.additionalContactData;if(e)return(Array.isArray(e)?e:[e])[0]}),[null==s?void 0:s.additionalContactData]),u=(0,o.useMemo)((function(){var e=i.uiState.checkoutConfig;if(null!=e&&e.buttons)return e.buttons.find((function(e){return"APPOINTMENT"===e.type}))}),[i.uiState.checkoutConfig]);return c&&(c.street||c.zipCode||c.city||c.phone||c.email||c.description||c.info||c.contactPersonName||c.contactPersonImage)?(0,j.jsxs)("div",{className:w.nC,children:[(0,j.jsx)("h3",{className:w.Se,children:l("checkout.appointment.preview.headline","Persönliche Beratung vereinbaren")}),(0,j.jsx)("p",{className:w.mY,children:l("checkout.appointment.preview.subheadline","Gemeinsam finalisieren wir Ihre Planung mit einem Experten vor Ort.")}),(0,j.jsxs)("div",{className:w.uT,children:[(null===(e=c.contactPersonImage)||void 0===e?void 0:e.url)&&(0,j.jsx)("div",{className:w.Ms,children:(0,j.jsx)("img",{src:c.contactPersonImage.url,alt:null!==(n=c.contactPersonName)&&void 0!==n?n:""})}),(0,j.jsxs)("div",{className:w.xh,children:[(c.contactPersonName||c.description)&&(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)("h4",{className:w.IB,children:null!==(t=c.contactPersonName)&&void 0!==t?t:c.description}),(c.street||c.city)&&(0,j.jsx)("p",{className:w.NO,children:[c.street,[c.zipCode,c.city].filter(Boolean).join(" ")].filter(Boolean).join(", ")})]}),c.info&&(0,j.jsx)("div",{className:w.wT,children:c.info}),(0,j.jsxs)("div",{className:w.Un,children:[(c.street||c.zipCode||c.city)&&(0,j.jsxs)("a",{className:w.Sh,href:"https://www.google.com/maps/search/?api=1&query=".concat(encodeURIComponent([c.street,c.zipCode,c.city].filter(Boolean).join(", "))),target:"_blank",rel:"noopener noreferrer",children:[(0,j.jsxs)("svg",{className:w.XQ,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[(0,j.jsx)("path",{d:"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"}),(0,j.jsx)("circle",{cx:"12",cy:"10",r:"3"})]}),(0,j.jsxs)("div",{children:[c.street&&(0,j.jsx)("div",{children:c.street}),(c.zipCode||c.city)&&(0,j.jsx)("div",{children:[c.zipCode,c.city].filter(Boolean).join(" ")})]})]}),c.phone&&(0,j.jsxs)("div",{className:w.Sh,children:[(0,j.jsx)("svg",{className:w.XQ,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:(0,j.jsx)("path",{d:"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"})}),(0,j.jsx)("a",{href:"tel:".concat(c.phone.replace(/\s/g,"")),children:c.phone})]}),c.email&&(0,j.jsxs)("div",{className:w.Sh,children:[(0,j.jsxs)("svg",{className:w.XQ,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[(0,j.jsx)("path",{d:"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"}),(0,j.jsx)("path",{d:"M22 6l-10 7L2 6"})]}),(0,j.jsx)("a",{href:"mailto:".concat(c.email),children:c.email})]})]})]})]}),u&&(0,j.jsxs)(j.Fragment,{children:[(0,j.jsxs)("button",{type:"button",className:w.Aj,onClick:function handleCtaClick(){var e;u&&(0,d.onClickCheckout)(u,i,null!==(e=u.index)&&void 0!==e?e:0,l,void 0,void 0)},children:[l("checkout.appointment.preview.cta","Persönliche Beratung vereinbaren"),(0,j.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:(0,j.jsx)("path",{d:"M5 12h14M12 5l7 7-7 7"})})]}),(0,j.jsx)("p",{className:w.Pe,children:l("checkout.appointment.preview.ctaSubtext","Gemeinsam finalisieren wir Ihre Planung.")})]})]}):null}))},79587:(e,n,t)=>{t.r(n),t.d(n,{default:()=>m});var i=t(80248),o=t(38946),r=t(87363),a=t(9420),d=t(63762),l=t(88683),s=t(48133),c=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var u={force:.6,duration:5e3,particleCount:200,floorHeight:1600,floorWidth:1600};const m=(0,a.Pi)((function ConfettiInSummary(e){var n,t,i,a,m,p,x=(0,d.NP)(),h=(0,l.useDivaCore)().state.theme,v=x.getViewConfig().navigateMobileSwiper&&x.getIsInMobileView(),f=(0,r.useState)(!v),g=(0,o.Z)(f,2),b=g[0],w=g[1];(0,r.useEffect)((function(){v&&setTimeout((function(){w(!0)}),300)}),[]);var y=(0,r.useState)(!1),j=(0,o.Z)(y,2),C=j[0],S=j[1];if((0,r.useEffect)((function(){var e,n,t=null!==(e=null===(n=x.uiState.ViewConfig.showConfettiInSummary)||void 0===n?void 0:n.confettiCooldownInHours)&&void 0!==e?e:0;if(localStorage.getItem("lastConfettiSessionId")!==l.DivaUtils.SessionId||localStorage.getItem("lastConfettiChange")!=x.settingsState.configChanged.toString()){if(t>0){var i=localStorage.getItem("lastConfettiTime");if(i)if(Date.now()-Number(i)<60*t*60*1e3)return void S(!1);return localStorage.setItem("lastConfettiTime",Date.now().toString()),localStorage.setItem("lastConfettiChange",x.settingsState.configChanged.toString()),void S(!0)}localStorage.getItem("lastConfettiSessionId")!==l.DivaUtils.SessionId?(localStorage.setItem("lastConfettiSessionId",l.DivaUtils.SessionId),localStorage.setItem("lastConfettiChange",x.settingsState.configChanged.toString()),S(!0)):S(!1)}}),[]),!x.uiState.ViewConfig.showConfettiInSummary)return(0,c.jsx)(c.Fragment,{});if(!C)return(0,c.jsx)(c.Fragment,{});if(!x.isParentViewVisible)return(0,c.jsx)(c.Fragment,{});var P=x.uiState.ViewConfig.showConfettiInSummary.confettiProps;return(0,c.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",width:"100%"},children:b&&(0,c.jsx)(s.Z,_objectSpread(_objectSpread(_objectSpread({zIndex:1000001},u),null!=P?P:{}),{},{colors:[null!==(n=null===(t=h.palette)||void 0===t||null===(t=t.primary)||void 0===t?void 0:t.main)&&void 0!==n?n:"",null!==(i=null===(a=h.palette)||void 0===a||null===(a=a.primary)||void 0===a?void 0:a.dark)&&void 0!==i?i:"",null!==(m=null===(p=h.palette)||void 0===p||null===(p=p.primary)||void 0===p?void 0:p.light)&&void 0!==m?m:""]}))})}))},41625:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var i=t(38946),o=t(9420),r=t(88683),a=t(87363),d=t(93379),l=t.n(d),s=t(7795),c=t.n(s),u=t(90569),m=t.n(u),p=t(3565),x=t.n(p),h=t(19216),v=t.n(h),f=t(44589),g=t.n(f),b=t(28564),w={};w.styleTagTransform=g(),w.setAttributes=x(),w.insert=m().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=v();l()(b.ZP,w);b.ZP&&b.ZP.locals&&b.ZP.locals;var y=t(65515),j=t.n(y),C=t(63762),S=t(56340),P=t(47514);const k=(0,o.Pi)((function SummaryHeader(e){var n,t,o,d,l=(0,r.useTranslation)().t,s=(0,C.NP)(),c=(0,r.useDivaCore)().state.hidePrices,u=(0,a.useState)(Math.round(100*s.productState.formatedCurSetPrice/s.productState.formatedBruttoPrice)-100),m=(0,i.Z)(u,2),p=m[0],x=m[1];(0,a.useEffect)((function(){var e=Math.round(100*s.productState.formatedCurSetPrice/s.productState.formatedBruttoPrice)-100;e!==p&&x(e)}),[s.productState.formatedCurSetPrice,s.productState.formatedBruttoPrice]);var h=void 0!==s.productState.formatedBruttoPrice&&!s.getViewConfig().hideRabattPrice;return(0,P.jsxs)("div",{className:j()(b.YS,s.getIsInMobileView()?b.ai:void 0,h?b.y6:void 0,(null!==(n=null===(t=s.settingsState.settingsScrollerElement)||void 0===t?void 0:t.getBoundingClientRect().width)&&void 0!==n?n:400)<400?b.yG:void 0),children:[(0,P.jsx)("div",{className:b.TN,children:l("configurator.summary.header.title")}),!c&&(0,P.jsxs)("div",{className:b.wZ,children:[(0,P.jsx)("div",{className:b.h0,children:(0,P.jsx)(S.default,{price:null!==(o=s.productState.formatedBruttoPrice)&&void 0!==o?o:0,duration:1.5})}),(0,P.jsx)("div",{className:b.nt,children:(0,P.jsx)(S.default,{price:null!==(d=s.productState.formatedCurSetPrice)&&void 0!==d?d:0,duration:1.5})}),h&&(0,P.jsx)("div",{className:b.e9,children:(0,P.jsx)(S.default,{price:p,formattingFn:function formattingFn(e){return e+"%"},duration:1.5})})]})]})}))},42762:(e,n,t)=>{t.r(n),t.d(n,{default:()=>Z});var i=t(9420),o=(t(87363),t(79587)),r=t(19047),a=t(57970),d=t(63762),l=t(41625),s=t(93379),c=t.n(s),u=t(7795),m=t.n(u),p=t(90569),x=t.n(p),h=t(3565),v=t.n(h),f=t(19216),g=t.n(f),b=t(44589),w=t.n(b),y=t(24899),j={};j.styleTagTransform=w(),j.setAttributes=v(),j.insert=x().bind(null,"head"),j.domAPI=m(),j.insertStyleElement=g();c()(y.ZP,j);y.ZP&&y.ZP.locals&&y.ZP.locals;var C=t(40812),S=t(65515),P=t.n(S),k=t(105),O=t(41506),N=t(47514);const Z=(0,i.Pi)((function SummaryOverview(e){var n,t=(0,d.NP)(),i=(0,C.e)(-50,null!==(n=t.settingsState.settingsScrollerElement)&&void 0!==n?n:null),s=i.stickyRef,c=i.isSticky;return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(o.default,{}),(0,N.jsx)(l.default,{}),(0,N.jsx)("div",{ref:s,className:y.oZ,style:{opacity:c?"0":"1"},children:(0,N.jsx)(r.default,{viewHandler:t})}),(0,N.jsx)("div",{className:P()(y.oZ,y.Xo),style:{opacity:c?"1":"0",pointerEvents:c?"auto":"none"},children:(0,N.jsx)(r.default,{viewHandler:t})}),t.uiState.ViewConfig.showAppointmentPreview&&(0,N.jsx)(O.default,{}),t.productState.diva3dImgSrc&&(0,N.jsx)(k.default,{}),(0,N.jsx)(a.default,{})]})}))},2348:(e,n,t)=>{t.d(n,{$Q:()=>u,Bb:()=>l,Fs:()=>c,LI:()=>x,O7:()=>s,Sn:()=>m,YS:()=>d,ZP:()=>h,kr:()=>p});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--d2iqX {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  position: relative;\n  border: 1px solid var(--diva-theme-palette-primary-main);\n  border-radius: calc(var(--buttons-border-radius) * 2);\n  color: var(--diva-theme-palette-primary-main);\n  width: calc(100% - 32px);\n  padding: 16px;\n  margin: 12px 0px;\n}\n\n.index-module--K4_z9 {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: 8px;\n  font-size: 14px;\n}\n\n.index-module--d2iqX::before {\n  content: '';\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background-color: var(--diva-theme-palette-primary-light);\n  opacity: 0.15;\n  z-index: -1;\n  pointer-events: none;\n  border-radius: inherit;\n}\n\n.index-module--RkkoP {\n  display: flex;\n  flex-direction: row;\n  gap: 16px;\n  justify-content: space-between;\n  width: 100%;\n}\n\n.index-module--sQl1l {\n  font-weight: 600;\n}\n\n.index-module--ZF6Gz {\n  display: flex;\n  gap: 4px;\n  align-items: center;\n}\n\n.index-module--ub3Fh {\n  color: #000;\n  font-weight: 600;\n}\n\n.index-module--kL69q {\n  width: 100%;\n  height: 1px;\n  background-color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--uReTO {\n  cursor: pointer;\n  width: calc(100% - 32px);\n  height: 22px;\n  padding: 8px 16px;\n  background-color: transparent;\n  border: 1px solid var(--diva-theme-palette-primary-main);\n  border-radius: calc(var(--buttons-border-radius) * 1.5);\n  font-size: 14px;\n  font-weight: 600;\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n  align-items: center;\n  justify-content: center;\n  transition:\n    background-color 0.3s ease,\n    box-shadow 0.3s ease;\n}\n\n.index-module--uReTO:hover {\n  background-color: var(--diva-theme-palette-primary-light);\n  box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.1);\n}\n",""]);var d="index-module--d2iqX",l="index-module--K4_z9",s="index-module--RkkoP",c="index-module--sQl1l",u="index-module--ZF6Gz",m="index-module--ub3Fh",p="index-module--kL69q",x="index-module--uReTO";const h=a},47785:(e,n,t)=>{t.d(n,{Aj:()=>b,IB:()=>p,Ms:()=>u,NO:()=>x,Pe:()=>w,Se:()=>l,Sh:()=>f,Un:()=>v,XQ:()=>g,ZP:()=>y,mY:()=>s,nC:()=>d,uT:()=>c,wT:()=>h,xh:()=>m});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--VX0rb {\n  padding: 16px 0;\n  border-top: 1px solid #e8e3da;\n  border-top: 1px solid var(--galleryItemBorderColor, #e8e3da);\n}\n\n.index-module--MZyeg {\n  font-size: 18px;\n  font-weight: 300;\n  line-height: 1.3;\n  color: var(--diva-theme-palette-text-primary);\n  margin: 0 0 8px;\n}\n\n.index-module--E7iHI {\n  font-size: 14px;\n  font-weight: 300;\n  line-height: 1.5;\n  color: var(--diva-theme-palette-text-secondary);\n  margin: 0 0 16px;\n}\n\n.index-module--C_YrY {\n  overflow: hidden;\n  border-radius: var(--buttons-border-radius);\n  border: 1px solid #e8e3da;\n  border: 1px solid var(--galleryItemBorderColor, #e8e3da);\n  background: var(--settingsBackgroundColor);\n  margin-bottom: 16px;\n}\n\n.index-module--CQBXE {\n  overflow: hidden;\n  aspect-ratio: 16 / 10;\n}\n\n.index-module--CQBXE img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  -o-object-position: top center;\n     object-position: top center;\n}\n\n.index-module--ORevm {\n  padding: 16px;\n}\n\n.index-module--QZDLm {\n  font-size: 16px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-primary);\n  margin: 0 0 4px;\n}\n\n.index-module--RVZmw {\n  font-size: 14px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-secondary);\n  margin: 0 0 12px;\n}\n\n.index-module--SGoOd {\n  font-size: 14px;\n  font-weight: 300;\n  line-height: 1.5;\n  color: var(--diva-theme-palette-text-secondary);\n  margin-bottom: 12px;\n  white-space: pre-line;\n}\n\n.index-module--_7T1O {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  border-top: 1px solid #e8e3da;\n  border-top: 1px solid var(--galleryItemBorderColor, #e8e3da);\n  padding-top: 12px;\n}\n\n.index-module--M9jnK {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n  font-size: 14px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-secondary);\n}\n\n.index-module--M9jnK a {\n  color: var(--diva-theme-palette-text-secondary);\n  text-decoration: none;\n}\n\n.index-module--M9jnK a:hover {\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--NKjBH {\n  flex-shrink: 0;\n  width: 16px;\n  height: 16px;\n  margin-top: 2px;\n  opacity: 0.6;\n}\n\n.index-module--zNnhX {\n  width: calc(100% - 48px);\n  padding: 14px 24px;\n  font-size: 14px;\n  font-weight: 300;\n  color: #fff;\n  color: var(--diva-theme-palette-primary-contrast-text, #fff);\n  background: var(--diva-theme-palette-primary-main);\n  border: none;\n  border-radius: var(--buttons-border-radius);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  transition:\n    background 0.2s,\n    box-shadow 0.2s;\n}\n\n.index-module--zNnhX:hover {\n  background: var(--diva-theme-palette-primary-dark);\n}\n\n.index-module--RDLnT {\n  font-size: 12px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-secondary);\n  text-align: center;\n  margin: 8px 0 0;\n}\n",""]);var d="index-module--VX0rb",l="index-module--MZyeg",s="index-module--E7iHI",c="index-module--C_YrY",u="index-module--CQBXE",m="index-module--ORevm",p="index-module--QZDLm",x="index-module--RVZmw",h="index-module--SGoOd",v="index-module--_7T1O",f="index-module--M9jnK",g="index-module--NKjBH",b="index-module--zNnhX",w="index-module--RDLnT";const y=a},28564:(e,n,t)=>{t.d(n,{TN:()=>m,YS:()=>d,ZP:()=>v,ai:()=>p,e9:()=>h,h0:()=>u,nt:()=>s,wZ:()=>l,y6:()=>c,yG:()=>x});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--tgY3n {\n  position: sticky;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  margin-bottom: 8px;\n  white-space: nowrap;\n}\n\n.index-module--ZQBOj {\n  display: flex;\n  flex-direction: row;\n  gap: 16px;\n  width: 100%;\n  justify-content: space-between;\n  flex-wrap: nowrap;\n}\n\n.index-module--kcl1K {\n  font-size: 18px;\n  line-height: 18px;\n  font-size: 24px;\n  line-height: 24px;\n  color: rgba(17, 24, 39, 1);\n  font-weight: 700;\n}\n.index-module--kGHzf .index-module--kcl1K {\n  color: rgb(220, 38, 38);\n}\n\n.index-module--ZJwYg {\n  font-size: 18px;\n  line-height: 24px;\n  font-weight: 300;\n  color: rgba(107, 114, 128, 1);\n  -webkit-text-decoration-line: line-through;\n          text-decoration-line: line-through;\n  display: none;\n}\n.index-module--kGHzf .index-module--ZJwYg {\n  display: block;\n}\n\n.index-module--Qoi4e {\n  width: auto;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  color: var(--secondaryColor);\n  margin-top: 10px;\n  float: left;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  text-align: center;\n}\n\n.index-module--eO4iO .index-module--Qoi4e,\n.index-module--pxDVX .index-module--Qoi4e {\n  font-size: 16px;\n  line-height: 20px;\n}\n\n.index-module--G4dak {\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 16px;\n  color: #fff;\n  padding: 4px 8px;\n  border-radius: 40px;\n  background-color: rgb(220, 38, 38);\n}\n",""]);var d="index-module--tgY3n",l="index-module--ZQBOj",s="index-module--kcl1K",c="index-module--kGHzf",u="index-module--ZJwYg",m="index-module--Qoi4e",p="index-module--eO4iO",x="index-module--pxDVX",h="index-module--G4dak";const v=a},24899:(e,n,t)=>{t.d(n,{Xo:()=>l,ZP:()=>s,oZ:()=>d});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--Lbf5b {\n  padding-top: 8px;\n  padding-bottom: 8px;\n  z-index: 100;\n}\n\n.index-module--dc_1V .checkout-button-wrapper {\n  transition: max-height 0.4s ease;\n  max-height: 200px;\n}\n\n.index-module--dc_1V {\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  padding: 8px 16px;\n  width: calc(100% - 32px);\n  transition: opacity 0.2s ease;\n  background-color: rgba(244, 244, 244, 0.8);\n}\n.index-module--dc_1V .checkout-button-wrapper {\n  flex-wrap: nowrap;\n  max-height: 60px; /* fits one row */\n}\n\n.index-module--dc_1V .checkout-button-wrapper button {\n  transition:\n    font-size 0.4s ease,\n    height 0.4s ease;\n  white-space: nowrap;\n  overflow: hidden; /* optional if text might overflow */\n  display: none;\n}\n\n.index-module--dc_1V .checkout-button-wrapper button:nth-child(1),\n.index-module--dc_1V .checkout-button-wrapper button:nth-child(2),\n.index-module--dc_1V .checkout-button-wrapper button:nth-child(3) {\n  display: flex;\n}\n\n.index-module--dc_1V .checkout-button-wrapper button {\n  font-size: 14px;\n  height: 36px;\n}\n\n.index-module--dc_1V .checkout-secondary-button-wrapper {\n  width: 100%;\n  transition: width 0.4s ease;\n}\n\n.index-module--dc_1V .checkout-secondary-button-wrapper:not(.no-primary-buttons) {\n  grid-template-columns: repeat(auto-fit, minmax(calc(30% - 4px), 1fr)) !important;\n}\n\n.index-module--dc_1V .checkout-secondary-button-wrapper:not(.no-primary-buttons) {\n  width: 40%;\n}\n\n.index-module--dc_1V .checkout-secondary-button-wrapper:empty {\n  display: none;\n}\n\n.index-module--dc_1V .checkout-secondary-button-wrapper > button div:nth-child(2) {\n  display: none;\n}\n",""]);var d="index-module--Lbf5b",l="index-module--dc_1V";const s=a}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 283.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[283],{40283:(n,e,i)=>{i.r(e),i.d(e,{default:()=>z});var t=i(87363),r=i(71815),o=i(59838),a=i(9420),d=i(63762),s=i(93379),l=i.n(s),p=i(7795),u=i.n(p),x=i(90569),c=i.n(x),f=i(3565),w=i.n(f),g=i(19216),m=i.n(g),b=i(44589),v=i.n(b),h=i(41060),D={};D.styleTagTransform=v(),D.setAttributes=w(),D.insert=c().bind(null,"head"),D.domAPI=u(),D.insertStyleElement=m();l()(h.ZP,D);h.ZP&&h.ZP.locals&&h.ZP.locals;var y=i(82956),W=i(65515),F=i.n(W),M=i(34988),L=i(88683);function useDrawerHook(){var n=(0,d.NP)(),e=(0,t.useState)(n.uiState.isMobilePortrait),i=(0,M.Z)(e,2),r=i[0],o=i[1],a=(0,t.useState)(!1),s=(0,M.Z)(a,2),l=s[0],p=s[1],u=(0,t.useState)(0),x=(0,M.Z)(u,2),c=x[0],f=x[1],w=(0,t.useState)(0),g=(0,M.Z)(w,2),m=g[0],b=g[1],v=(0,t.useState)(0),h=(0,M.Z)(v,2),D=h[0],y=h[1],W=(0,t.useState)(0),F=(0,M.Z)(W,2),k=F[0],z=F[1],I=(0,t.useState)(!1),S=(0,M.Z)(I,2),P=S[0],j=S[1],Z=(0,t.useRef)(null),N=(0,L.useDivaCore)().state.dimensions,A=N.width,C=N.height,T=n.uiState.snapPoints,E=(0,t.useState)((function(){var e=n.uiState.snapPoints[n.settingsState.activeSnapPointIndex];return e?"".concat(e,"px"):"50%"})),H=(0,M.Z)(E,2),R=H[0],B=H[1];(0,t.useEffect)((function(){var e=!n.uiState.isMobilePortrait;o(!e)}),[n.uiState.isInMobileView,n.uiState.isMobileLandscape,n.uiState.isTablet,A,C]),(0,t.useEffect)((function(){if(!l){var e=n.settingsState.activeSnapPointIndex,i=T[e];void 0!==i&&B("".concat(i,"px"))}}),[n.settingsState.activeSnapPointIndex,l,T]);var G=(0,t.useMemo)((function(){return function(n){return n.preventDefault()}}),[]);(0,t.useEffect)((function(){return function(){window.removeEventListener("touchmove",G)}}),[G]);return{open:r,toggleDrawer:function toggleDrawer(e){o(e),e||n.settingsState.setActiveSnapPointIndex(2)},drawerHeight:R,handleTouchStart:function handleTouchStart(n){var e=n.touches[0];f(e.clientY),b(e.pageX),y(e.clientY),z(Date.now()),j(!1),p(!1)},handleTouchMove:function handleTouchMove(e){var i=e.touches[0],t=i.clientY,r=i.pageX,o=Math.abs(t-c),a=Math.abs(r-m);if(!P&&o>=1&&o>2*a&&(j(!0),p(!0),window.addEventListener("touchmove",G,{passive:!1})),P&&T.length>0){y(t);var d=c-t,s=T[n.settingsState.activeSnapPointIndex]||T[2],l=T[T.length-1],u=T[0],x=Math.max(u,Math.min(l,s+d));B("".concat(x,"px"))}},handleTouchEnd:function handleTouchEnd(){if(window.removeEventListener("touchmove",G),l){var e=c-D,i=Date.now()-k,t=i>0?e/i:0,r=function findNearestSnapPoint(e,i){if(Math.abs(i)>.5){var t=n.settingsState.activeSnapPointIndex;return i>0?Math.min(T.length-1,t+1):Math.max(0,t-1)}for(var r=0,o=Math.abs(e-T[0]),a=1;a<T.length;a++){var d=Math.abs(e-T[a]);d<o&&(o=d,r=a)}return r}(T[n.settingsState.activeSnapPointIndex]+e,t);p(!1),j(!1),requestAnimationFrame((function(){n.settingsState.setActiveSnapPointIndex(r)}))}else j(!1)},drawerRef:Z,isDragging:l}}var k=i(47514);const z=(0,a.Pi)((function SettingsBottomDrawer(n){var e=n.draggerElement,i=n.children,t=(0,d.NP)(),a=useDrawerHook(),s=a.open,l=a.toggleDrawer,p=a.drawerHeight,u=a.handleTouchStart,x=a.handleTouchMove,c=a.handleTouchEnd,f=a.drawerRef,w=a.isDragging,g="undefined"!=typeof navigator&&/iPad|iPhone|iPod/.test(navigator.userAgent);return(0,k.jsxs)(r.Z,{anchor:"bottom",open:s,onClose:function onClose(){return l(!1)},onOpen:function onOpen(){return l(!0)},disableSwipeToOpen:!0,disableBackdropTransition:!g,disableDiscovery:!0,variant:"persistent",ModalProps:{keepMounted:!0,disableEnforceFocus:!0,disableAutoFocus:!0},PaperProps:{ref:f,className:h.kh,style:{height:p,opacity:t.uiState.isMobileLandscape?0:1,position:"absolute",transition:w?"none":"height 0.3s cubic-bezier(0.4, 0.0, 0.2, 1)",willChange:w?"height":"auto",borderTopRightRadius:"var(--mobile-tabgroup-drawer-border-radius, 8px)",borderTopLeftRadius:"var(--mobile-tabgroup-drawer-border-radius, 8px)",overflow:"visible"},elevation:0},children:[(0,k.jsxs)(o.Z,{className:F()(h.aq),onTouchStart:u,onTouchMove:x,onTouchEnd:c,sx:{cursor:"grab",userSelect:"none"},children:[(0,k.jsx)("div",{className:h.Rx,children:(0,k.jsx)("div",{className:h.uQ})}),(0,k.jsx)("div",{className:h.ad,children:e})]}),t.uiState.isInMobileView&&(0,k.jsx)("div",{className:F()(y.Iz,h.J7),children:i})]})}))},41060:(n,e,i)=>{i.d(e,{J7:()=>l,Rx:()=>p,ZP:()=>c,ad:()=>x,aq:()=>s,kh:()=>d,uQ:()=>u});var t=i(8081),r=i.n(t),o=i(23645),a=i.n(o)()(r());a.push([n.id,".index-module--qmbFa {\n  outline: medium none invert;\n  outline: initial;\n  position: absolute;\n  z-index: 1000;\n  width: 100%;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: 1;\n  overscroll-behavior: contain;\n  backface-visibility: hidden;\n  -webkit-backface-visibility: hidden;\n  transform: translateZ(0);\n  -webkit-transform: translateZ(0);\n}\n\n.diva-fullscreen .index-module--qmbFa {\n  position: fixed;\n}\n\n/* Fix for mobile browser address bar showing/hiding */\n@supports (height: 100dvh) {\n  .index-module--qmbFa {\n    max-height: 100dvh;\n  }\n}\n\ndiv.index-module--Lklbq {\n  width: 100%;\n  opacity: 1;\n  height: var(--configuratorTabGroupHeight);\n  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;\n  background: initial;\n  border-radius: 0px;\n  box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.1);\n  border-top-right-radius: 8px;\n  border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  border-top-left-radius: 8px;\n  border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  touch-action: none;\n  cursor: grab;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.index-module--A4coW {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow: hidden;\n  background-color: var(--settingsBackgroundColor);\n  backface-visibility: hidden;\n  -webkit-backface-visibility: hidden;\n  transform: translateZ(0);\n  -webkit-transform: translateZ(0);\n}\n\n.index-module--Lklbq > span {\n  transform: none;\n  transform: initial;\n  left: auto;\n  left: initial;\n  top: auto;\n  top: initial;\n}\n\n.index-module--WO2oD {\n  position: absolute;\n  left: 50%;\n  transform: translate(-50%, -32px);\n  width: 40px;\n  height: 40px;\n  touch-action: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-top-right-radius: 8px;\n  border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  border-top-left-radius: 8px;\n  border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  cursor: grab;\n  user-select: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n}\n\n.index-module--BVoP4 {\n  width: var(--configuratorTabGroupHeight);\n  height: 4px;\n  background-color: rgba(234, 234, 234, 0.9);\n  border-radius: 2px;\n}\n\n.index-module--yfZrB {\n  position: relative;\n  height: var(--configuratorTabGroupHeight);\n  width: 100%;\n  display: flex;\n  border-top-right-radius: 8px;\n  border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  border-top-left-radius: 8px;\n  border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  overflow: hidden;\n}\n\n.index-module--J3CNu {\n  background-color: rgba(0, 0, 0, 0.4);\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  opacity: 0;\n  top: -1000px;\n  height: 300vh;\n  left: -50px;\n  width: 200vw;\n\n  animation: index-module--iPGVo 0.3s ease-in forwards;\n  z-index: 10000;\n}\n\n.index-module--o7FfX {\n  position: absolute;\n  z-index: 10001;\n  width: 100%;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  overscroll-behavior: contain;\n}\n\n.index-module--WmNT3 {\n  display: flex;\n  flex-direction: column;\n  border-top-left-radius: 10px;\n  border-top-right-radius: 10px;\n  border: 0px solid #e4e4e7;\n  border-bottom: none;\n  border-top-width: 1px;\n  z-index: 2000000;\n  box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.1);\n  background-color: rgba(255, 255, 255, 0.95);\n}\n\n.index-module--tKmMA {\n  padding: 8px 32px;\n}\n.index-module--VJ4nl {\n  overflow-y: auto;\n  overflow-x: hidden;\n  padding: 0px 32px;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 12px;\n}\n\ndiv.index-module--D36Jg {\n  background: transparent;\n}\n\n.index-module--OiC7z {\n  width: calc(36px);\n  height: 4px;\n  background-color: rgba(234, 234, 234, 0.9);\n  border-radius: 2px;\n}\n\n.index-module--bshn5 {\n  position: absolute;\n  left: 50%;\n  transform: translate(-50%, -10px);\n  width: 40px;\n  height: 40px;\n  touch-action: inherit;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--vyzUi {\n  min-height: 36px;\n  width: 100%;\n}\n",""]);var d="index-module--qmbFa",s="index-module--Lklbq",l="index-module--A4coW",p="index-module--WO2oD",u="index-module--BVoP4",x="index-module--yfZrB";const c=a},62500:(n,e,i)=>{i.d(e,{AH:()=>m,AI:()=>y,EN:()=>M,Iz:()=>D,ZP:()=>L,al:()=>v,nW:()=>F,s1:()=>W,vt:()=>g,yk:()=>h,zh:()=>b});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),x=a()(r()),c=s()(l),f=s()(p),w=s()(u);x.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("+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("+w+");\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.35;\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",b="index-module--YiJDf",v="index-module--IgnAA",h="index-module--YLyjz",D="index-module--DWrfF",y="index-module--aD14m",W="index-module--eN6np",F="index-module--B75oj",M="index-module--rLMX4";const L=x},82956:(n,e,i)=>{i.d(e,{AH:()=>w.AH,AI:()=>w.AI,EN:()=>w.EN,Iz:()=>w.Iz,al:()=>w.al,nW:()=>w.nW,s1:()=>w.s1,vt:()=>w.vt,yk:()=>w.yk,zh:()=>w.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),x=i.n(u),c=i(44589),f=i.n(c),w=i(62500),g={};g.styleTagTransform=f(),g.setAttributes=p(),g.insert=s().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=x();r()(w.ZP,g),w.ZP&&w.ZP.locals&&w.ZP.locals},38403:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[283],{40283:(n,e,i)=>{i.r(e),i.d(e,{default:()=>z});var t=i(87363),r=i(71815),o=i(59838),a=i(9420),d=i(63762),s=i(93379),l=i.n(s),p=i(7795),u=i.n(p),x=i(90569),c=i.n(x),f=i(3565),w=i.n(f),g=i(19216),m=i.n(g),b=i(44589),v=i.n(b),h=i(41060),D={};D.styleTagTransform=v(),D.setAttributes=w(),D.insert=c().bind(null,"head"),D.domAPI=u(),D.insertStyleElement=m();l()(h.ZP,D);h.ZP&&h.ZP.locals&&h.ZP.locals;var y=i(82956),W=i(65515),F=i.n(W),M=i(38946),L=i(88683);function useDrawerHook(){var n=(0,d.NP)(),e=(0,t.useState)(n.uiState.isMobilePortrait),i=(0,M.Z)(e,2),r=i[0],o=i[1],a=(0,t.useState)(!1),s=(0,M.Z)(a,2),l=s[0],p=s[1],u=(0,t.useState)(0),x=(0,M.Z)(u,2),c=x[0],f=x[1],w=(0,t.useState)(0),g=(0,M.Z)(w,2),m=g[0],b=g[1],v=(0,t.useState)(0),h=(0,M.Z)(v,2),D=h[0],y=h[1],W=(0,t.useState)(0),F=(0,M.Z)(W,2),k=F[0],z=F[1],I=(0,t.useState)(!1),S=(0,M.Z)(I,2),P=S[0],j=S[1],Z=(0,t.useRef)(null),N=(0,L.useDivaCore)().state.dimensions,A=N.width,C=N.height,T=n.uiState.snapPoints,E=(0,t.useState)((function(){var e=n.uiState.snapPoints[n.settingsState.activeSnapPointIndex];return e?"".concat(e,"px"):"50%"})),H=(0,M.Z)(E,2),R=H[0],B=H[1];(0,t.useEffect)((function(){var e=!n.uiState.isMobilePortrait;o(!e)}),[n.uiState.isInMobileView,n.uiState.isMobileLandscape,n.uiState.isTablet,A,C]),(0,t.useEffect)((function(){if(!l){var e=n.settingsState.activeSnapPointIndex,i=T[e];void 0!==i&&B("".concat(i,"px"))}}),[n.settingsState.activeSnapPointIndex,l,T]);var G=(0,t.useMemo)((function(){return function(n){return n.preventDefault()}}),[]);(0,t.useEffect)((function(){return function(){window.removeEventListener("touchmove",G)}}),[G]);return{open:r,toggleDrawer:function toggleDrawer(e){o(e),e||n.settingsState.setActiveSnapPointIndex(2)},drawerHeight:R,handleTouchStart:function handleTouchStart(n){var e=n.touches[0];f(e.clientY),b(e.pageX),y(e.clientY),z(Date.now()),j(!1),p(!1)},handleTouchMove:function handleTouchMove(e){var i=e.touches[0],t=i.clientY,r=i.pageX,o=Math.abs(t-c),a=Math.abs(r-m);if(!P&&o>=1&&o>2*a&&(j(!0),p(!0),window.addEventListener("touchmove",G,{passive:!1})),P&&T.length>0){y(t);var d=c-t,s=T[n.settingsState.activeSnapPointIndex]||T[2],l=T[T.length-1],u=T[0],x=Math.max(u,Math.min(l,s+d));B("".concat(x,"px"))}},handleTouchEnd:function handleTouchEnd(){if(window.removeEventListener("touchmove",G),l){var e=c-D,i=Date.now()-k,t=i>0?e/i:0,r=function findNearestSnapPoint(e,i){if(Math.abs(i)>.5){var t=n.settingsState.activeSnapPointIndex;return i>0?Math.min(T.length-1,t+1):Math.max(0,t-1)}for(var r=0,o=Math.abs(e-T[0]),a=1;a<T.length;a++){var d=Math.abs(e-T[a]);d<o&&(o=d,r=a)}return r}(T[n.settingsState.activeSnapPointIndex]+e,t);p(!1),j(!1),requestAnimationFrame((function(){n.settingsState.setActiveSnapPointIndex(r)}))}else j(!1)},drawerRef:Z,isDragging:l}}var k=i(47514);const z=(0,a.Pi)((function SettingsBottomDrawer(n){var e=n.draggerElement,i=n.children,t=(0,d.NP)(),a=useDrawerHook(),s=a.open,l=a.toggleDrawer,p=a.drawerHeight,u=a.handleTouchStart,x=a.handleTouchMove,c=a.handleTouchEnd,f=a.drawerRef,w=a.isDragging,g="undefined"!=typeof navigator&&/iPad|iPhone|iPod/.test(navigator.userAgent);return(0,k.jsxs)(r.Z,{anchor:"bottom",open:s,onClose:function onClose(){return l(!1)},onOpen:function onOpen(){return l(!0)},disableSwipeToOpen:!0,disableBackdropTransition:!g,disableDiscovery:!0,variant:"persistent",ModalProps:{keepMounted:!0,disableEnforceFocus:!0,disableAutoFocus:!0},PaperProps:{ref:f,className:h.kh,style:{height:p,opacity:t.uiState.isMobileLandscape?0:1,position:"absolute",transition:w?"none":"height 0.3s cubic-bezier(0.4, 0.0, 0.2, 1)",willChange:w?"height":"auto",borderTopRightRadius:"var(--mobile-tabgroup-drawer-border-radius, 8px)",borderTopLeftRadius:"var(--mobile-tabgroup-drawer-border-radius, 8px)",overflow:"visible"},elevation:0},children:[(0,k.jsxs)(o.Z,{className:F()(h.aq),onTouchStart:u,onTouchMove:x,onTouchEnd:c,sx:{cursor:"grab",userSelect:"none"},children:[(0,k.jsx)("div",{className:h.Rx,children:(0,k.jsx)("div",{className:h.uQ})}),(0,k.jsx)("div",{className:h.ad,children:e})]}),t.uiState.isInMobileView&&(0,k.jsx)("div",{className:F()(y.Iz,h.J7),children:i})]})}))},41060:(n,e,i)=>{i.d(e,{J7:()=>l,Rx:()=>p,ZP:()=>c,ad:()=>x,aq:()=>s,kh:()=>d,uQ:()=>u});var t=i(8081),r=i.n(t),o=i(23645),a=i.n(o)()(r());a.push([n.id,".index-module--qmbFa {\n  outline: medium none invert;\n  outline: initial;\n  position: absolute;\n  z-index: 1000;\n  width: 100%;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: 1;\n  overscroll-behavior: contain;\n  backface-visibility: hidden;\n  -webkit-backface-visibility: hidden;\n  transform: translateZ(0);\n  -webkit-transform: translateZ(0);\n}\n\n.diva-fullscreen .index-module--qmbFa {\n  position: fixed;\n}\n\n/* Fix for mobile browser address bar showing/hiding */\n@supports (height: 100dvh) {\n  .index-module--qmbFa {\n    max-height: 100dvh;\n  }\n}\n\ndiv.index-module--Lklbq {\n  width: 100%;\n  opacity: 1;\n  height: var(--configuratorTabGroupHeight);\n  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;\n  background: initial;\n  border-radius: 0px;\n  box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.1);\n  border-top-right-radius: 8px;\n  border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  border-top-left-radius: 8px;\n  border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  touch-action: none;\n  cursor: grab;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.index-module--A4coW {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow: hidden;\n  background-color: var(--settingsBackgroundColor);\n  backface-visibility: hidden;\n  -webkit-backface-visibility: hidden;\n  transform: translateZ(0);\n  -webkit-transform: translateZ(0);\n}\n\n.index-module--Lklbq > span {\n  transform: none;\n  transform: initial;\n  left: auto;\n  left: initial;\n  top: auto;\n  top: initial;\n}\n\n.index-module--WO2oD {\n  position: absolute;\n  left: 50%;\n  transform: translate(-50%, -32px);\n  width: 40px;\n  height: 40px;\n  touch-action: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-top-right-radius: 8px;\n  border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  border-top-left-radius: 8px;\n  border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  cursor: grab;\n  user-select: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n}\n\n.index-module--BVoP4 {\n  width: var(--configuratorTabGroupHeight);\n  height: 4px;\n  background-color: rgba(234, 234, 234, 0.9);\n  border-radius: 2px;\n}\n\n.index-module--yfZrB {\n  position: relative;\n  height: var(--configuratorTabGroupHeight);\n  width: 100%;\n  display: flex;\n  border-top-right-radius: 8px;\n  border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  border-top-left-radius: 8px;\n  border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  overflow: hidden;\n}\n\n.index-module--J3CNu {\n  background-color: rgba(0, 0, 0, 0.4);\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  opacity: 0;\n  top: -1000px;\n  height: 300vh;\n  left: -50px;\n  width: 200vw;\n\n  animation: index-module--iPGVo 0.3s ease-in forwards;\n  z-index: 10000;\n}\n\n.index-module--o7FfX {\n  position: absolute;\n  z-index: 10001;\n  width: 100%;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  overscroll-behavior: contain;\n}\n\n.index-module--WmNT3 {\n  display: flex;\n  flex-direction: column;\n  border-top-left-radius: 10px;\n  border-top-right-radius: 10px;\n  border: 0px solid #e4e4e7;\n  border-bottom: none;\n  border-top-width: 1px;\n  z-index: 2000000;\n  box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.1);\n  background-color: rgba(255, 255, 255, 0.95);\n}\n\n.index-module--tKmMA {\n  padding: 8px 32px;\n}\n.index-module--VJ4nl {\n  overflow-y: auto;\n  overflow-x: hidden;\n  padding: 0px 32px;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 12px;\n}\n\ndiv.index-module--D36Jg {\n  background: transparent;\n}\n\n.index-module--OiC7z {\n  width: calc(36px);\n  height: 4px;\n  background-color: rgba(234, 234, 234, 0.9);\n  border-radius: 2px;\n}\n\n.index-module--bshn5 {\n  position: absolute;\n  left: 50%;\n  transform: translate(-50%, -10px);\n  width: 40px;\n  height: 40px;\n  touch-action: inherit;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--vyzUi {\n  min-height: 36px;\n  width: 100%;\n}\n",""]);var d="index-module--qmbFa",s="index-module--Lklbq",l="index-module--A4coW",p="index-module--WO2oD",u="index-module--BVoP4",x="index-module--yfZrB";const c=a},62500:(n,e,i)=>{i.d(e,{AH:()=>m,AI:()=>y,EN:()=>M,Iz:()=>D,ZP:()=>L,al:()=>v,nW:()=>F,s1:()=>W,vt:()=>g,yk:()=>h,zh:()=>b});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),x=a()(r()),c=s()(l),f=s()(p),w=s()(u);x.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("+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("+w+");\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.35;\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",b="index-module--YiJDf",v="index-module--IgnAA",h="index-module--YLyjz",D="index-module--DWrfF",y="index-module--aD14m",W="index-module--eN6np",F="index-module--B75oj",M="index-module--rLMX4";const L=x},82956:(n,e,i)=>{i.d(e,{AH:()=>w.AH,AI:()=>w.AI,EN:()=>w.EN,Iz:()=>w.Iz,al:()=>w.al,nW:()=>w.nW,s1:()=>w.s1,vt:()=>w.vt,yk:()=>w.yk,zh:()=>w.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),x=i.n(u),c=i(44589),f=i.n(c),w=i(62500),g={};g.styleTagTransform=f(),g.setAttributes=p(),g.insert=s().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=x();r()(w.ZP,g),w.ZP&&w.ZP.locals&&w.ZP.locals},38403:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 2903.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2903,8535],{62903:(e,n,t)=>{t.r(n),t.d(n,{default:()=>g});t(87363);var i=t(38535),a=t(93379),o=t.n(a),r=t(7795),l=t.n(r),d=t(90569),s=t.n(d),u=t(3565),c=t.n(u),m=t(19216),v=t.n(m),h=t(44589),b=t.n(h),p=t(74665),x={};x.styleTagTransform=b(),x.setAttributes=c(),x.insert=s().bind(null,"head"),x.domAPI=l(),x.insertStyleElement=v();o()(p.Z,x);p.Z&&p.Z.locals&&p.Z.locals;var f=t(47514);const g=function OrbitInteractionFree(e){return(0,f.jsx)(i.default,{orbitInteractionContainerClass:p.i})}},38535:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var i=t(84658),a=t(34988),o=t(50747),r=t.n(o),l=t(87363),d=t(58902),s=t(93379),u=t.n(s),c=t(7795),m=t.n(c),v=t(90569),h=t.n(v),b=t(3565),p=t.n(b),x=t(19216),f=t.n(x),g=t(44589),C=t.n(g),S=t(50557),z={};z.styleTagTransform=C(),z.setAttributes=p(),z.insert=h().bind(null,"head"),z.domAPI=m(),z.insertStyleElement=f();u()(S.ZP,z);S.ZP&&S.ZP.locals&&S.ZP.locals;var P=t(63762),Z=t(9420),I=t(88683),V=t(65515),D=t.n(V),O=t(47514),y=void 0,j=void 0,N=void 0;const w=(0,Z.Pi)((function OrbitInteractionStandard(e){var n,t=e.orbitInteractionContainerClass,o=void 0===t?S.il:t,s=(0,P.NP)(),u=(0,l.useState)(!0),c=(0,a.Z)(u,2),m=c[0],v=c[1],h=(0,I.useTranslation)().t,b=(0,I.useDivaCore)().state.isModalOpen?null:null!==(n=s.productState.planner3DImageSvgArea)&&void 0!==n?n:document.getElementById("diva3dImg");if((0,l.useEffect)((function(){N&&clearTimeout(N),m?N=setTimeout((0,i.Z)(r().mark((function _callee(){return r().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:s.productState.setOrbitIsHidden(!0);case 1:case"end":return e.stop()}}),_callee)}))),2e3):s.productState.setOrbitIsHidden(!1)}),[m]),s.productState.plannerRenderingIsStaticBG)return(0,O.jsx)(O.Fragment,{});var p=s.viewPlannerHandler.getOrbitCubeInitParams();return s.uiState.isLoading&&(y=void 0,j=void 0),(0,O.jsx)("div",{className:D()(o,s.uiState.isInMobileView?S.ai:void 0,s.productState.roomListExpanded?S.th:void 0),children:(0,O.jsx)(d.Z,{hiddenState:[m,v],ref:function ref(e){return s.productState.setOrbitCubeElement(e)},size:s.uiState.isInMobileView?"40px":"80px",interactionElement:b,onRotationChange:function onRotationChange(e){if(s.productState.ignoreUpdateRenderingOnOrbitChanged)s.productState.setIgnoreUpdateRenderingOnOrbitChanged(!1);else if(null==y||null==j||e.horizontal!=y||e.vertical!=j){var n=e.horizontal,t=e.vertical;y=e.horizontal,j=e.vertical,s.viewPlannerHandler.updateOrbitCubeInitParams(e.horizontal,e.vertical),s.divaWebPlanner.handle3DVisualizationChanged("Nav3DSetVPByVal",{nav3DSetVPByVal:{rotX:n,rotY:t}})}},onZoomChange:function onZoomChange(e){var n=Math.round(e.absoluteZoom);s.divaWebPlanner.handle3DVisualizationChanged("Nav3DZoom",{nav3DZoom:{zoomVal:n}})},autoHide:2e3,initialRotation:null!=p?{horizontal:p.rotHorizontal,vertical:p.rotVertical}:void 0,zoomFactorResetDelay:500,minCssScale:.5,maxCssScale:1.5,disableDefaultScrollBehaviour:!0,cubeFaceChildren:{back:(0,O.jsx)("div",{className:S.VK,children:h("cube.back")}),bottom:(0,O.jsx)("div",{className:S.VK,children:h("cube.bottom")}),front:(0,O.jsx)("div",{className:S.VK,children:h("cube.front")}),left:(0,O.jsx)("div",{className:S.VK,children:h("cube.left")}),right:(0,O.jsx)("div",{className:S.VK,children:h("cube.right")}),top:(0,O.jsx)("div",{className:S.VK,children:h("cube.top")})}})})}))},74665:(e,n,t)=>{t.d(n,{Z:()=>d,i:()=>l});var i=t(8081),a=t.n(i),o=t(23645),r=t.n(o)()(a());r.push([e.id,".index-module--uhzhi {\n  position: absolute;\n  bottom: 20px;\n  right: 70px;\n  z-index: 350;\n}\n",""]);var l="index-module--uhzhi";const d=r},50557:(e,n,t)=>{t.d(n,{VK:()=>d,ZP:()=>c,ai:()=>s,il:()=>l,th:()=>u});var i=t(8081),a=t.n(i),o=t(23645),r=t.n(o)()(a());r.push([e.id,".index-module--cG_fH {\n  position: absolute;\n  bottom: 16px;\n  right: 20px;\n  z-index: 350;\n}\n\n.index-module--s0Mfg {\n  font-size: max(12px, min(2vw, 20px));\n}\n\n.index-module--zoQmM.index-module--cG_fH {\n  position: absolute;\n  bottom: 52px;\n  left: 10px;\n  right: auto;\n  right: initial;\n  z-index: 350;\n}\n\n.index-module--i_KdX {\n  display: none;\n}\n",""]);var l="index-module--cG_fH",d="index-module--s0Mfg",s="index-module--zoQmM",u="index-module--i_KdX";const c=r}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2903,8535],{62903:(e,n,t)=>{t.r(n),t.d(n,{default:()=>g});t(87363);var i=t(38535),a=t(93379),o=t.n(a),r=t(7795),l=t.n(r),d=t(90569),s=t.n(d),u=t(3565),c=t.n(u),m=t(19216),v=t.n(m),h=t(44589),b=t.n(h),p=t(74665),x={};x.styleTagTransform=b(),x.setAttributes=c(),x.insert=s().bind(null,"head"),x.domAPI=l(),x.insertStyleElement=v();o()(p.Z,x);p.Z&&p.Z.locals&&p.Z.locals;var f=t(47514);const g=function OrbitInteractionFree(e){return(0,f.jsx)(i.default,{orbitInteractionContainerClass:p.i})}},38535:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var i=t(84658),a=t(38946),o=t(50747),r=t.n(o),l=t(87363),d=t(58902),s=t(93379),u=t.n(s),c=t(7795),m=t.n(c),v=t(90569),h=t.n(v),b=t(3565),p=t.n(b),x=t(19216),f=t.n(x),g=t(44589),C=t.n(g),S=t(50557),z={};z.styleTagTransform=C(),z.setAttributes=p(),z.insert=h().bind(null,"head"),z.domAPI=m(),z.insertStyleElement=f();u()(S.ZP,z);S.ZP&&S.ZP.locals&&S.ZP.locals;var P=t(63762),Z=t(9420),I=t(88683),V=t(65515),D=t.n(V),O=t(47514),y=void 0,j=void 0,N=void 0;const w=(0,Z.Pi)((function OrbitInteractionStandard(e){var n,t=e.orbitInteractionContainerClass,o=void 0===t?S.il:t,s=(0,P.NP)(),u=(0,l.useState)(!0),c=(0,a.Z)(u,2),m=c[0],v=c[1],h=(0,I.useTranslation)().t,b=(0,I.useDivaCore)().state.isModalOpen?null:null!==(n=s.productState.planner3DImageSvgArea)&&void 0!==n?n:document.getElementById("diva3dImg");if((0,l.useEffect)((function(){N&&clearTimeout(N),m?N=setTimeout((0,i.Z)(r().mark((function _callee(){return r().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:s.productState.setOrbitIsHidden(!0);case 1:case"end":return e.stop()}}),_callee)}))),2e3):s.productState.setOrbitIsHidden(!1)}),[m]),s.productState.plannerRenderingIsStaticBG)return(0,O.jsx)(O.Fragment,{});var p=s.viewPlannerHandler.getOrbitCubeInitParams();return s.uiState.isLoading&&(y=void 0,j=void 0),(0,O.jsx)("div",{className:D()(o,s.uiState.isInMobileView?S.ai:void 0,s.productState.roomListExpanded?S.th:void 0),children:(0,O.jsx)(d.Z,{hiddenState:[m,v],ref:function ref(e){return s.productState.setOrbitCubeElement(e)},size:s.uiState.isInMobileView?"40px":"80px",interactionElement:b,onRotationChange:function onRotationChange(e){if(s.productState.ignoreUpdateRenderingOnOrbitChanged)s.productState.setIgnoreUpdateRenderingOnOrbitChanged(!1);else if(null==y||null==j||e.horizontal!=y||e.vertical!=j){var n=e.horizontal,t=e.vertical;y=e.horizontal,j=e.vertical,s.viewPlannerHandler.updateOrbitCubeInitParams(e.horizontal,e.vertical),s.divaWebPlanner.handle3DVisualizationChanged("Nav3DSetVPByVal",{nav3DSetVPByVal:{rotX:n,rotY:t}})}},onZoomChange:function onZoomChange(e){var n=Math.round(e.absoluteZoom);s.divaWebPlanner.handle3DVisualizationChanged("Nav3DZoom",{nav3DZoom:{zoomVal:n}})},autoHide:2e3,initialRotation:null!=p?{horizontal:p.rotHorizontal,vertical:p.rotVertical}:void 0,zoomFactorResetDelay:500,minCssScale:.5,maxCssScale:1.5,disableDefaultScrollBehaviour:!0,cubeFaceChildren:{back:(0,O.jsx)("div",{className:S.VK,children:h("cube.back")}),bottom:(0,O.jsx)("div",{className:S.VK,children:h("cube.bottom")}),front:(0,O.jsx)("div",{className:S.VK,children:h("cube.front")}),left:(0,O.jsx)("div",{className:S.VK,children:h("cube.left")}),right:(0,O.jsx)("div",{className:S.VK,children:h("cube.right")}),top:(0,O.jsx)("div",{className:S.VK,children:h("cube.top")})}})})}))},74665:(e,n,t)=>{t.d(n,{Z:()=>d,i:()=>l});var i=t(8081),a=t.n(i),o=t(23645),r=t.n(o)()(a());r.push([e.id,".index-module--uhzhi {\n  position: absolute;\n  bottom: 20px;\n  right: 70px;\n  z-index: 350;\n}\n",""]);var l="index-module--uhzhi";const d=r},50557:(e,n,t)=>{t.d(n,{VK:()=>d,ZP:()=>c,ai:()=>s,il:()=>l,th:()=>u});var i=t(8081),a=t.n(i),o=t(23645),r=t.n(o)()(a());r.push([e.id,".index-module--cG_fH {\n  position: absolute;\n  bottom: 16px;\n  right: 20px;\n  z-index: 350;\n}\n\n.index-module--s0Mfg {\n  font-size: max(12px, min(2vw, 20px));\n}\n\n.index-module--zoQmM.index-module--cG_fH {\n  position: absolute;\n  bottom: 52px;\n  left: 10px;\n  right: auto;\n  right: initial;\n  z-index: 350;\n}\n\n.index-module--i_KdX {\n  display: none;\n}\n",""]);var l="index-module--cG_fH",d="index-module--s0Mfg",s="index-module--zoQmM",u="index-module--i_KdX";const c=r}}]);