@crystaldesign/diva-web-planner-react 26.4.4 → 26.4.5-rc.1

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

@@ -1,2 +1,2 @@
 /*! For license information please see 1713.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1713],{51713:(e,n,t)=>{t.r(n),t.d(n,{default:()=>C});var i=t(9420),o=t(87363),r=t(25709),a=t(88683),d=t(19047),l=t(93379),s=t.n(l),c=t(7795),m=t.n(c),x=t(90569),p=t.n(x),h=t(3565),u=t.n(h),v=t(19216),g=t.n(v),f=t(44589),j=t.n(f),b=t(47785),y={};y.styleTagTransform=j(),y.setAttributes=u(),y.insert=p().bind(null,"head"),y.domAPI=m(),y.insertStyleElement=g();s()(b.ZP,y);b.ZP&&b.ZP.locals&&b.ZP.locals;var w=t(47514);const C=(0,i.Pi)((function AppointmentPreview(){var e,n,t=(0,r.NP)(),i=(0,a.useTranslation)().t,l=t.uiState.organization,s=(0,o.useMemo)((function(){var e=null==l?void 0:l.additionalContactData;if(e)return(Array.isArray(e)?e:[e])[0]}),[null==l?void 0:l.additionalContactData]),c=(0,o.useMemo)((function(){var e=t.uiState.checkoutConfig;if(null!=e&&e.buttons)return e.buttons.find((function(e){return"APPOINTMENT"===e.type}))}),[t.uiState.checkoutConfig]);return s&&(s.street||s.zipCode||s.city||s.phone||s.email||s.description||s.info||s.contactPersonName||s.contactPersonImage)?(0,w.jsxs)("div",{className:b.nC,children:[(0,w.jsx)("h3",{className:b.Se,children:i("checkout.appointment.preview.headline","Persönliche Beratung vereinbaren")}),(0,w.jsx)("p",{className:b.mY,children:i("checkout.appointment.preview.subheadline","Gemeinsam finalisieren wir Ihre Planung mit einem Experten vor Ort.")}),(0,w.jsxs)("div",{className:b.uT,children:[(null===(e=s.contactPersonImage)||void 0===e?void 0:e.url)&&(0,w.jsx)("div",{className:b.Ms,children:(0,w.jsx)("img",{src:s.contactPersonImage.url,alt:null!==(n=s.contactPersonName)&&void 0!==n?n:""})}),(0,w.jsxs)("div",{className:b.xh,children:[(s.contactPersonName||s.description)&&(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)("h4",{className:b.IB,children:s.contactPersonName}),s.description&&(0,w.jsx)("p",{className:b.NO,children:s.description})]}),s.info&&(0,w.jsx)("div",{className:b.wT,children:s.info}),(0,w.jsxs)("div",{className:b.Un,children:[(s.street||s.zipCode||s.city)&&(0,w.jsxs)("a",{className:b.Sh,href:"https://www.google.com/maps/search/?api=1&query=".concat(encodeURIComponent([s.street,s.zipCode,s.city].filter(Boolean).join(", "))),target:"_blank",rel:"noopener noreferrer",children:[(0,w.jsxs)("svg",{className:b.XQ,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[(0,w.jsx)("path",{d:"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"}),(0,w.jsx)("circle",{cx:"12",cy:"10",r:"3"})]}),(0,w.jsxs)("div",{children:[s.street&&(0,w.jsx)("div",{children:s.street}),(s.zipCode||s.city)&&(0,w.jsx)("div",{children:[s.zipCode,s.city].filter(Boolean).join(" ")})]})]}),s.phone&&(0,w.jsxs)("div",{className:b.Sh,children:[(0,w.jsx)("svg",{className:b.XQ,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:(0,w.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,w.jsx)("a",{href:"tel:".concat(s.phone.replace(/\s/g,"")),children:s.phone})]}),s.email&&(0,w.jsxs)("div",{className:b.Sh,children:[(0,w.jsxs)("svg",{className:b.XQ,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[(0,w.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,w.jsx)("path",{d:"M22 6l-10 7L2 6"})]}),(0,w.jsx)("a",{href:"mailto:".concat(s.email),children:s.email})]})]})]})]}),c&&(0,w.jsxs)(w.Fragment,{children:[(0,w.jsxs)("button",{type:"button",className:b.Aj,onClick:function handleCtaClick(){var e;c&&(0,d.onClickCheckout)(c,t,null!==(e=c.index)&&void 0!==e?e:0,i,void 0,void 0)},children:[i("checkout.appointment.preview.cta","Persönliche Beratung vereinbaren"),(0,w.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:(0,w.jsx)("path",{d:"M5 12h14M12 5l7 7-7 7"})})]}),(0,w.jsx)("p",{className:b.Pe,children:i("checkout.appointment.preview.ctaSubtext","Gemeinsam finalisieren wir Ihre Planung.")})]})]}):null}))},47785:(e,n,t)=>{t.d(n,{Aj:()=>j,IB:()=>p,Ms:()=>m,NO:()=>h,Pe:()=>b,Se:()=>l,Sh:()=>g,Un:()=>v,XQ:()=>f,ZP:()=>y,mY:()=>s,nC:()=>d,uT:()=>c,wT:()=>u,xh:()=>x});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 / 8;\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: 8px 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: 500;\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",m="index-module--CQBXE",x="index-module--ORevm",p="index-module--QZDLm",h="index-module--RVZmw",u="index-module--SGoOd",v="index-module--_7T1O",g="index-module--M9jnK",f="index-module--NKjBH",j="index-module--zNnhX",b="index-module--RDLnT";const y=a}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1713],{51713:(e,n,t)=>{t.r(n),t.d(n,{default:()=>C});var i=t(9420),o=t(87363),r=t(25709),a=t(88683),d=t(19047),l=t(93379),s=t.n(l),c=t(7795),x=t.n(c),p=t(90569),m=t.n(p),h=t(3565),u=t.n(h),v=t(19216),g=t.n(v),f=t(44589),j=t.n(f),b=t(47785),y={};y.styleTagTransform=j(),y.setAttributes=u(),y.insert=m().bind(null,"head"),y.domAPI=x(),y.insertStyleElement=g();s()(b.ZP,y);b.ZP&&b.ZP.locals&&b.ZP.locals;var w=t(47514);const C=(0,i.Pi)((function AppointmentPreview(){var e,n,t=(0,r.NP)(),i=(0,a.useTranslation)().t,l=t.uiState.organization,s=(0,o.useMemo)((function(){var e=null==l?void 0:l.additionalContactData;if(e)return(Array.isArray(e)?e:[e])[0]}),[null==l?void 0:l.additionalContactData]),c=(0,o.useMemo)((function(){var e=t.uiState.checkoutConfig;if(null!=e&&e.buttons)return e.buttons.find((function(e){return"APPOINTMENT"===e.type}))}),[t.uiState.checkoutConfig]);return s&&(s.street||s.zipCode||s.city||s.phone||s.email||s.description||s.info||s.contactPersonName||s.contactPersonImage)?(0,w.jsxs)("div",{className:b.nC,children:[(0,w.jsx)("h3",{className:b.Se,children:i("checkout.appointment.preview.headline","Persönliche Beratung vereinbaren")}),(0,w.jsx)("p",{className:b.mY,children:i("checkout.appointment.preview.subheadline")}),(0,w.jsxs)("div",{className:b.uT,children:[(null===(e=s.contactPersonImage)||void 0===e?void 0:e.url)&&(0,w.jsx)("div",{className:b.Ms,children:(0,w.jsx)("img",{src:s.contactPersonImage.url,alt:null!==(n=s.contactPersonName)&&void 0!==n?n:""})}),(0,w.jsxs)("div",{className:b.xh,children:[(s.contactPersonName||s.description)&&(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)("h4",{className:b.IB,children:s.contactPersonName}),s.description&&(0,w.jsx)("p",{className:b.NO,children:s.description})]}),s.info&&(0,w.jsx)("div",{className:b.wT,children:s.info}),(0,w.jsxs)("div",{className:b.Un,children:[(s.street||s.zipCode||s.city)&&(0,w.jsxs)("a",{className:b.Sh,href:"https://www.google.com/maps/search/?api=1&query=".concat(encodeURIComponent([s.street,s.zipCode,s.city].filter(Boolean).join(", "))),target:"_blank",rel:"noopener noreferrer",children:[(0,w.jsxs)("svg",{className:b.XQ,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[(0,w.jsx)("path",{d:"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"}),(0,w.jsx)("circle",{cx:"12",cy:"10",r:"3"})]}),(0,w.jsxs)("div",{children:[s.street&&(0,w.jsx)("div",{children:s.street}),(s.zipCode||s.city)&&(0,w.jsx)("div",{children:[s.zipCode,s.city].filter(Boolean).join(" ")})]})]}),s.phone&&(0,w.jsxs)("div",{className:b.Sh,children:[(0,w.jsx)("svg",{className:b.XQ,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:(0,w.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,w.jsx)("a",{href:"tel:".concat(s.phone.replace(/\s/g,"")),children:s.phone})]}),s.email&&(0,w.jsxs)("div",{className:b.Sh,children:[(0,w.jsxs)("svg",{className:b.XQ,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[(0,w.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,w.jsx)("path",{d:"M22 6l-10 7L2 6"})]}),(0,w.jsx)("a",{href:"mailto:".concat(s.email),children:s.email})]})]})]})]}),c&&(0,w.jsxs)(w.Fragment,{children:[(0,w.jsxs)("button",{type:"button",className:b.Aj,onClick:function handleCtaClick(){var e;c&&(0,d.onClickCheckout)(c,t,null!==(e=c.index)&&void 0!==e?e:0,i,void 0,void 0)},children:[i("checkout.appointment.preview.cta","Persönliche Beratung vereinbaren"),(0,w.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:(0,w.jsx)("path",{d:"M5 12h14M12 5l7 7-7 7"})})]}),(0,w.jsx)("p",{className:b.Pe,children:i("checkout.appointment.preview.ctaSubtext")})]})]}):null}))},47785:(e,n,t)=>{t.d(n,{Aj:()=>j,IB:()=>m,Ms:()=>x,NO:()=>h,Pe:()=>b,Se:()=>l,Sh:()=>g,Un:()=>v,XQ:()=>f,ZP:()=>y,mY:()=>s,nC:()=>d,uT:()=>c,wT:()=>u,xh:()=>p});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 / 8;\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: 8px 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: 500;\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",x="index-module--CQBXE",p="index-module--ORevm",m="index-module--QZDLm",h="index-module--RVZmw",u="index-module--SGoOd",v="index-module--_7T1O",g="index-module--M9jnK",f="index-module--NKjBH",j="index-module--zNnhX",b="index-module--RDLnT";const y=a}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 176.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[176],{60176:(n,e,i)=>{i.r(e),i.d(e,{default:()=>j});var t=i(34988),o=i(25709),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([[176],{60176:(n,e,i)=>{i.r(e),i.d(e,{default:()=>j});var t=i(34988),o=i(25709),r=i(9420),s=i(87363),d=i(37707),l=i(74635),a=i(88683),c=i(93379),u=i.n(c),p=i(7795),m=i.n(p),f=i(90569),x=i.n(f),g=i(3565),b=i.n(g),h=i(19216),w=i.n(h),v=i(44589),y=i.n(v),Z=i(19723),k={};k.styleTagTransform=y(),k.setAttributes=b(),k.insert=x().bind(null,"head"),k.domAPI=m(),k.insertStyleElement=w();u()(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,c=(0,a.useTranslation)(),u=c.i18n,p=c.t,m=(0,s.useRef)(null),f=(0,s.useState)(0),x=(0,t.Z)(f,2),g=x[0],b=x[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=u.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,N=A.length+(S?1:0),C=S?1:0,E=S&&0===v;return(0,s.useEffect)((function(){var n=A[v-C];n&&r.setCurrentlyVisibleRoom({key:n.key,hash:n.hash,src:n.src})}),[v,C]),(0,s.useEffect)((function(){if(S){var n=setInterval((function(){b((function(n){return(n+1)%R.length}))}),3e3);return function(){return clearInterval(n)}}b(0)}),[S]),(0,s.useEffect)((function(){if(A.length>k.current&&m.current){var n=S?1:0;m.current.params.loop?m.current.slideToLoop(n,300):m.current.slideTo(n,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)}));if(!(n<0)){var e=n+C;e!==m.current.realIndex&&(m.current.params.loop?m.current.slideToLoop(e,300):m.current.slideTo(e,300))}}}),[r.currentlyVisibleRoom,A,C]),(0,s.useEffect)((function(){S&&m.current&&(m.current.params.loop?m.current.slideToLoop(0,300):m.current.slideTo(0,300))}),[S,r.loadingSlideFocusRequest]),(0,s.useEffect)((function(){return r.setLoadingSlideActive(E),function(){return r.setLoadingSlideActive(!1)}}),[E]),(0,z.jsxs)("div",{className:Z.Cp,id:"ai-room-container",style:{visibility:I?"visible":"hidden",pointerEvents:I?"auto":"none"},children:[L||S?(0,z.jsxs)("div",{className:Z.nl,children:[(0,z.jsxs)(d.tq,{modules:[l.W_],navigation:!0,slidesPerView:1,onSwiper:function onSwiper(n){m.current=n},onSlideChange:function onSlideChange(n){return y(n.realIndex)},loop:N>1,children:[S&&(0,z.jsx)(d.o5,{children:(0,z.jsxs)("div",{className:"".concat(Z.Rc," ").concat(Z.B7),children:[(0,z.jsx)("div",{className:Z.lY}),(0,z.jsx)("p",{className:Z.w4,children:R[g]},g)]})},"loading-slide"),A.map((function(n,e){return(0,z.jsx)(d.o5,{children:(0,z.jsx)("div",{className:Z.Rc,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&&!E&&(0,z.jsxs)("div",{className:Z.mm,children:[v-C+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})}),L&&!S&&(0,z.jsx)("div",{className:Z.bg,children:p("configurator.roomRendering.aiGenerated")})]})}))},19723:(n,e,i)=>{i.d(e,{B7:()=>p,Cp:()=>d,Rc:()=>a,ZG:()=>c,ZP:()=>g,bg:()=>x,lY:()=>m,mm:()=>u,nl:()=>l,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--_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 slide (rendered inside the gallery swiper) ── */\n\n.index-module--FLZ8x {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  background: rgba(0, 0, 0, 0.25);\n  animation: index-module--fkhc0 0.6s ease both;\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 d="index-module--K4sxz",l="index-module--d9Zip",a="index-module--BE8L5",c="index-module--_fRU1",u="index-module--PG_Iw",p="index-module--FLZ8x",m="index-module--ULtbB",f="index-module--K3jOc",x="index-module--Blsq3";const g=s}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 2359.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2359],{52359:(e,n,t)=>{t.r(n),t.d(n,{default:()=>j});var i=t(34988),o=t(9420),d=t(88683),r=t(87363),l=t(93379),a=t.n(l),u=t(7795),s=t.n(u),c=t(90569),x=t.n(c),m=t(3565),p=t.n(m),f=t(19216),h=t.n(f),g=t(44589),v=t.n(g),w=t(28564),P={};P.styleTagTransform=v(),P.setAttributes=p(),P.insert=x().bind(null,"head"),P.domAPI=s(),P.insertStyleElement=h();a()(w.ZP,P);w.ZP&&w.ZP.locals&&w.ZP.locals;var S=t(65515),b=t.n(S),k=t(25709),y=t(56340),Z=t(47514);const j=(0,o.Pi)((function SummaryHeader(e){var n,t,o,l,a=(0,d.useTranslation)().t,u=(0,k.NP)(),s=(0,d.useDivaCore)().state.hidePrices,c=(0,r.useState)(Math.round(100*u.productState.formatedCurSetPrice/u.productState.formatedBruttoPrice)-100),x=(0,i.Z)(c,2),m=x[0],p=x[1];(0,r.useEffect)((function(){var e=Math.round(100*u.productState.formatedCurSetPrice/u.productState.formatedBruttoPrice)-100;e!==m&&p(e)}),[u.productState.formatedCurSetPrice,u.productState.formatedBruttoPrice]);var f=void 0!==u.productState.formatedBruttoPrice&&!u.getViewConfig().hideRabattPrice;return(0,Z.jsxs)("div",{className:b()(w.YS,u.getIsInMobileView()?w.ai:void 0,f?w.y6:void 0,(null!==(n=null===(t=u.settingsState.settingsScrollerElement)||void 0===t?void 0:t.getBoundingClientRect().width)&&void 0!==n?n:400)<400?w.yG:void 0),children:[(0,Z.jsx)("div",{className:w.TN,children:a("configurator.summary.header.title")}),!s&&(0,Z.jsxs)("div",{className:w.wZ,children:[(0,Z.jsx)("div",{className:w.h0,children:(0,Z.jsx)(y.default,{price:null!==(o=u.productState.formatedBruttoPrice)&&void 0!==o?o:0,duration:1.5})}),(0,Z.jsx)("div",{className:w.nt,children:(0,Z.jsx)(y.default,{price:null!==(l=u.productState.formatedCurSetPrice)&&void 0!==l?l:0,duration:1.5})}),f&&(0,Z.jsx)("div",{className:w.e9,children:(0,Z.jsx)(y.default,{price:m,formattingFn:function formattingFn(e){return e+"%"},duration:1.5})})]})]})}))},28564:(e,n,t)=>{t.d(n,{TN:()=>x,YS:()=>l,ZP:()=>h,ai:()=>m,e9:()=>f,h0:()=>c,nt:()=>u,wZ:()=>a,y6:()=>s,yG:()=>p});var i=t(8081),o=t.n(i),d=t(23645),r=t.n(d)()(o());r.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 l="index-module--tgY3n",a="index-module--ZQBOj",u="index-module--kcl1K",s="index-module--kGHzf",c="index-module--ZJwYg",x="index-module--Qoi4e",m="index-module--eO4iO",p="index-module--pxDVX",f="index-module--G4dak";const h=r}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2359],{52359:(e,n,t)=>{t.r(n),t.d(n,{default:()=>Z});var i=t(34988),o=t(9420),d=t(88683),r=t(87363),l=t(93379),a=t.n(l),u=t(7795),s=t.n(u),c=t(90569),x=t.n(c),m=t(3565),p=t.n(m),f=t(19216),h=t.n(f),g=t(44589),v=t.n(g),w=t(28564),P={};P.styleTagTransform=v(),P.setAttributes=p(),P.insert=x().bind(null,"head"),P.domAPI=s(),P.insertStyleElement=h();a()(w.ZP,P);w.ZP&&w.ZP.locals&&w.ZP.locals;var S=t(65515),b=t.n(S),y=t(25709),k=t(56340),C=t(47514);const Z=(0,o.Pi)((function SummaryHeader(e){var n,t,o,l,a,u=(0,d.useTranslation)().t,s=(0,y.NP)(),c=(0,d.useDivaCore)().state.hidePrices,x=(0,r.useState)(Math.round(100*s.productState.formatedCurSetPrice/s.productState.formatedBruttoPrice)-100),m=(0,i.Z)(x,2),p=m[0],f=m[1];(0,r.useEffect)((function(){var e=Math.round(100*s.productState.formatedCurSetPrice/s.productState.formatedBruttoPrice)-100;e!==p&&f(e)}),[s.productState.formatedCurSetPrice,s.productState.formatedBruttoPrice]);var h=void 0!==s.productState.formatedBruttoPrice&&!s.getViewConfig().hideRabattPrice;return(0,C.jsxs)("div",{className:b()(w.YS,s.getIsInMobileView()?w.ai:void 0,h?w.y6:void 0,(null!==(n=null===(t=s.settingsState.settingsScrollerElement)||void 0===t?void 0:t.getBoundingClientRect().width)&&void 0!==n?n:400)<400?w.yG:void 0),children:[(0,C.jsx)("div",{className:w.TN,children:u(null!==(o=s.getViewConfig().summaryHeaderTitle)&&void 0!==o?o:"configurator.summary.header.title")}),!c&&(0,C.jsxs)("div",{className:w.wZ,children:[(0,C.jsx)("div",{className:w.h0,children:(0,C.jsx)(k.default,{price:null!==(l=s.productState.formatedBruttoPrice)&&void 0!==l?l:0,duration:1.5})}),(0,C.jsx)("div",{className:w.nt,children:(0,C.jsx)(k.default,{price:null!==(a=s.productState.formatedCurSetPrice)&&void 0!==a?a:0,duration:1.5})}),h&&(0,C.jsx)("div",{className:w.e9,children:(0,C.jsx)(k.default,{price:p,formattingFn:function formattingFn(e){return e+"%"},duration:1.5})})]})]})}))},28564:(e,n,t)=>{t.d(n,{TN:()=>x,YS:()=>l,ZP:()=>h,ai:()=>m,e9:()=>f,h0:()=>c,nt:()=>u,wZ:()=>a,y6:()=>s,yG:()=>p});var i=t(8081),o=t.n(i),d=t(23645),r=t.n(d)()(o());r.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: 500;\n  font-size: 22px;\n  line-height: 24px;\n  color: var(--secondaryColor);\n  margin-top: 18px;\n  float: left;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.index-module--eO4iO .index-module--Qoi4e,\n.index-module--pxDVX .index-module--Qoi4e {\n  font-size: 20px;\n  line-height: 22px;\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 l="index-module--tgY3n",a="index-module--ZQBOj",u="index-module--kcl1K",s="index-module--kGHzf",c="index-module--ZJwYg",x="index-module--Qoi4e",m="index-module--eO4iO",p="index-module--pxDVX",f="index-module--G4dak";const h=r}}]);

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

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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3134.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3134,509,2701,9509,7915,6937],{80509:(e,n,t)=>{t.r(n),t.d(n,{default:()=>d});var i=t(25709),o=t(9420),r=(t(87363),t(74133)),l=t(47514);const d=(0,o.Pi)((function SettingsHeaderContainer(e){var n,t,o=e.isScroller,d=void 0!==o&&o,s=(0,i.NP)(),a=s.settingsState.itemPalettes.get(1);if(!a)return(0,l.jsx)(l.Fragment,{});var u="CHECKOUT"!==a.configStepKey&&"Hidden"!==s.uiState.ViewConfig.headerInConfigPalette&&!(null!==(n=a.type)&&void 0!==n&&n.startsWith("PRODUCTS"))&&!(null!==(t=a.type)&&void 0!==t&&t.startsWith("PROMOTED"))&&(!s.getIsInMobileView()||["PLANNER_2.0","SUMMARY","ACCESSOIRES","DoorPlanner"].includes(a.configStepKey)||a.configStepKey.startsWith("SHELFARTICLE"))||!s.settingsState.posNrAreHidden;return(0,l.jsx)(l.Fragment,{children:u&&(0,l.jsx)(r.default,{isInScroller:d,isSettingsHeader:!a.isHeader,item:a,header:!0})})}))},32701:(e,n,t)=>{t.r(n),t.d(n,{default:()=>b});var i=t(9420),o=(t(87363),t(88683)),r=t(93379),l=t.n(r),d=t(7795),s=t.n(d),a=t(90569),u=t.n(a),c=t(3565),m=t.n(c),x=t(19216),g=t.n(x),p=t(44589),f=t.n(p),v=t(5217),h={};h.styleTagTransform=f(),h.setAttributes=m(),h.insert=u().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=g();l()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var S=t(25709),P=t(47514);const b=(0,i.Pi)((function SummaryTotalPrice(e){var n,t=(0,o.useTranslation)().t,i=(0,S.NP)(),r=(0,o.useDivaCore)().state.hidePrices;return(0,P.jsx)(P.Fragment,{children:!r&&(0,P.jsxs)("div",{className:v.nC,children:[(0,P.jsx)("div",{className:v.X_,children:t("configurator.TotalPrice","TotalPrice")}),(0,P.jsx)("div",{className:v.nt,children:o.DivaUtils.formatPrice(null!==(n=i.productState.formatedTotalPrice)&&void 0!==n?n:0,i.productState.priceFormat)})]})})}))},69509:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});t(87363);var i=t(9420),o=t(93379),r=t.n(o),l=t(7795),d=t.n(l),s=t(90569),a=t.n(s),u=t(3565),c=t.n(u),m=t(19216),x=t.n(m),g=t(44589),p=t.n(g),f=t(91605),v={};v.styleTagTransform=p(),v.setAttributes=c(),v.insert=a().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=x();r()(f.ZP,v);f.ZP&&f.ZP.locals&&f.ZP.locals;var h=t(25709),S=t(47514);const P=(0,i.Pi)((function ContentItemTeaser(e){var n=e.item,t=(0,h.NP)();return(0,S.jsxs)("div",{className:f.bz,children:[n.emoji&&(0,S.jsx)("div",{className:f.rP,children:n.emoji}),(0,S.jsx)("div",{className:f.TN,children:n.title}),(0,S.jsx)("div",{className:f.WL,children:n.description}),(0,S.jsxs)("button",{className:f.LI,onClick:function onClick(){return t.settingsState.onClickContentItemId(n.id)},children:[(0,S.jsx)("span",{className:f.q5,children:n.buttonText}),(0,S.jsx)("div",{className:f.x7,children:(0,S.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,S.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},57915:(e,n,t)=>{t.r(n),t.d(n,{default:()=>b});t(87363);var i=t(73301),o=t(25709),r=t(93379),l=t.n(r),d=t(7795),s=t.n(d),a=t(90569),u=t.n(a),c=t(3565),m=t.n(c),x=t(19216),g=t.n(x),p=t(44589),f=t.n(p),v=t(9668),h={};h.styleTagTransform=f(),h.setAttributes=m(),h.insert=u().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=g();l()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var S=t(69509),P=t(47514);const b=function SettingsItemsGroup(e){var n=e.group;(0,o.NP)();return(0,P.jsxs)("div",{className:v.YS,children:[(0,P.jsx)("div",{className:v.t$,children:n.left.map((function(e){var t,o,r,l=n.palettes.find((function(n){return n.id===e}));return(0,P.jsxs)(P.Fragment,{children:["TOP"===(null===(t=l.contentItemTeaser)||void 0===t?void 0:t.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{}),(0,P.jsx)(i.default,{item:l,id:Number(l.id)},null!==(o=l.optionCodex)&&void 0!==o?o:l.configStepKey+l.id),"BOTTOM"===(null===(r=l.contentItemTeaser)||void 0===r?void 0:r.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{})]})}))}),(0,P.jsx)("div",{className:v.eX}),(0,P.jsx)("div",{className:v.F2,children:n.right.map((function(e){var t,o,r,l=n.palettes.find((function(n){return n.id===e}));return(0,P.jsxs)(P.Fragment,{children:["TOP"===(null===(t=l.contentItemTeaser)||void 0===t?void 0:t.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{}),(0,P.jsx)(i.default,{item:l,id:Number(l.id)},null!==(o=l.optionCodex)&&void 0!==o?o:l.configStepKey+l.id),"BOTTOM"===(null===(r=l.contentItemTeaser)||void 0===r?void 0:r.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{})]})}))})]})}},26937:(e,n,t)=>{t.r(n),t.d(n,{default:()=>c});var i=t(34988),o=t(87363),r=t(9420),l=t(73301),d=t(25709),s=t(57915),a=t(69509),u=t(47514);const c=(0,r.Pi)((function SettingsItemsWrapper(e){var n=e.itemPalettesArr,t=(0,d.NP)(),r=(0,o.useState)([]),c=(0,i.Z)(r,2),m=c[0],x=c[1];return(0,o.useEffect)((function(){for(var e=[],i=function _loop(){var i=n[o],r=t.configuratorStructureHandler.getOptionStepByCodex(i.optionCodex),l=null==r?void 0:r.partOfGroup,d=e.find((function(e){var n;return(null!==(n=null==l?void 0:l.groupName)&&void 0!==n?n:i.configStepKey+i.id)===e.groupName}));if(d)d.palettes.push(i);else{var s,a={groupName:null!==(s=null==l?void 0:l.groupName)&&void 0!==s?s:i.configStepKey+i.id,palettes:[i],left:[],right:[]};e.push(a),d=a}"l"===(null==l?void 0:l.position)?d.left.push(i.id):"r"===(null==l?void 0:l.position)&&d.right.push(i.id)},o=0;o<n.length;o++)i();x(e)}),[n]),(0,u.jsx)(u.Fragment,{children:m.map((function(e){var n;if(e.palettes.length>1)return(0,u.jsx)(s.default,{group:e});var t=e.palettes[0].contentItemTeaser;return(0,u.jsxs)(u.Fragment,{children:["TOP"==(null==t?void 0:t.position)&&(0,u.jsx)(a.default,{item:t}),(0,u.jsx)(l.default,{item:e.palettes[0],id:Number(e.palettes[0].id)},(null!==(n=e.palettes[0].optionCodex)&&void 0!==n?n:e.palettes[0].configStepKey)+e.palettes[0].id),"BOTTOM"==(null==t?void 0:t.position)&&(0,u.jsx)(a.default,{item:t})]})}))})}))},63134:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var i=t(88291),o=t(25709),r=t(9420),l=t(87363),d=t(80509),s=t(93379),a=t.n(s),u=t(7795),c=t.n(u),m=t(90569),x=t.n(m),g=t(3565),p=t.n(g),f=t(19216),v=t.n(f),h=t(44589),S=t.n(h),P=t(79501),b={};b.styleTagTransform=S(),b.setAttributes=p(),b.insert=x().bind(null,"head"),b.domAPI=c(),b.insertStyleElement=v();a()(P.ZP,b);P.ZP&&P.ZP.locals&&P.ZP.locals;var y=t(65515),N=t.n(y),j=t(32701),I=t(26937),T=t(47514);const w=(0,r.Pi)((function SettingsScroller(e){var n,t;(0,i.Z)(e);var r=(0,o.NP)(),s=(0,l.useRef)(null),a=[];(0,l.useEffect)((function(){return s.current?(r.settingsState.setScrollerElement(s.current),r.uiState.setUpSettingsScrollEvent(s.current)):function(){}}),[s]);var u,c,m,x={},g=r.uiState.snapPoints[r.settingsState.activeSnapPointIndex];(u=isNaN(Number(g))?g:g-38+"px",r.uiState.isInMobileView)?x.height=u:x.height="calc(100% - "+(null!==(c=null===(m=r.settingsState.settingsHeaderElement)||void 0===m?void 0:m.getBoundingClientRect().height)&&void 0!==c?c:0)+"px)";for(var p=0;p<r.settingsState.itemPaletteArr.length;p++){var f=r.settingsState.itemPaletteArr[p][1];!f.isRenderedNotInSettingPalette&&f.visible&&a.push(f)}return(0,l.useEffect)((function(){r.uiState.configSettingsIsMinExpanded?r.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MIN_CONFIG_SETTINGS"):r.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MAX_CONFIG_SETTINGS")}),[r.uiState.configSettingsIsExpanded,r.uiState.configSettingsIsMinExpanded]),(0,T.jsxs)("div",{style:x,className:N()(P.e8,r.uiState.configSettingsIsExpanded?P.zh:void 0,r.uiState.configSettingsIsMinExpanded?P.m7:void 0,r.wysiwygDebugState.wysiwygInspectView&&P.Oq),id:"wcConfigurator-settings-scroller",ref:s,children:[(r.uiState.isInMobileView||r.settingsState.forceSettingsHeaderInScrollContainer)&&!r.wysiwygDebugState.wysiwygInspectView&&(0,T.jsx)(d.default,{isScroller:!0},null!==(n=null===(t=r.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,T.jsxs)("div",{className:N()(r.wysiwygDebugState.wysiwygInspectView&&P.Ui),children:[(0,T.jsx)(I.default,{itemPalettesArr:a}),r.divaWebPlanner.doAllowSetPlanner()&&"SUMMARY"==r.getState()&&(0,T.jsx)(j.default,{})]})]})}))},5217:(e,n,t)=>{t.d(n,{X_:()=>s,ZP:()=>u,nC:()=>d,nt:()=>a});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.push([e.id,".index-module--TnLDn {\n  width: 100%;\n  border-top: 1px #6d6e71 solid;\n  color: #6d6e71;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  padding-top: 1rem;\n}\n\n.index-module--FXdIH {\n  float: left;\n  margin-left: 2rem;\n}\n\n.index-module--uSfxN {\n  float: right;\n  margin-right: 2rem;\n}\n",""]);var d="index-module--TnLDn",s="index-module--FXdIH",a="index-module--uSfxN";const u=l},91605:(e,n,t)=>{t.d(n,{LI:()=>c,TN:()=>a,WL:()=>u,ZP:()=>g,bz:()=>d,q5:()=>m,rP:()=>s,x7:()=>x});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.push([e.id,".index-module--YvhoM {\n  background-color: #e6f0fa;\n  background-color: var(--diva-theme-palette-primary-light, #e6f0fa);\n  padding: 12px 16px;\n  border-radius: 8px;\n  text-align: center;\n  margin: 8px 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  font-family: inherit;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.index-module--xRF8A {\n  font-size: 28px;\n  margin-bottom: 2px;\n}\n\n.index-module--AkzgH {\n  font-weight: 700;\n  font-size: 16px;\n  color: #000;\n  margin: 0;\n  line-height: 1.2;\n}\n\n.index-module--YcLKe {\n  font-size: 15px;\n  color: #333;\n  margin: 0;\n  line-height: 1.4;\n}\n.mobile .index-module--YcLKe {\n  font-size: 13px;\n}\n\n.index-module--tZsne {\n  margin-top: 10px;\n  border: 2px solid #ff6b00;\n  border: 2px solid var(--primaryColor, #ff6b00);\n  color: #ff6b00;\n  color: var(--primaryColor, #ff6b00);\n  background: #fff;\n  padding: 6px 16px;\n  border-radius: 6px;\n  font-weight: 700;\n  font-size: 15px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  transition: all 0.2s ease;\n  width: 100%;\n  max-width: 280px;\n  box-sizing: border-box;\n  min-height: 40px;\n}\n\n.index-module--tZsne:hover {\n  background-color: #ff6b00;\n  background-color: var(--primaryColor, #ff6b00);\n  color: #fff;\n}\n\n.index-module--KlW5i {\n  flex: 1;\n  text-align: center;\n  padding: 0 24px;\n}\n\n.index-module--MViR0 {\n  position: absolute;\n  right: 12px;\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--MViR0 svg {\n  width: 100%;\n  height: 100%;\n}\n",""]);var d="index-module--YvhoM",s="index-module--xRF8A",a="index-module--AkzgH",u="index-module--YcLKe",c="index-module--tZsne",m="index-module--KlW5i",x="index-module--MViR0";const g=l},9668:(e,n,t)=>{t.d(n,{F2:()=>a,YS:()=>d,ZP:()=>c,eX:()=>u,t$:()=>s});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.push([e.id,".index-module--h2rQ7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  gap: 24px;\n}\n\n.mobile .index-module--h2rQ7 {\n  gap: 8px;\n}\n\n.index-module--vn75Y {\n  flex: 1;\n}\n\n.index-module--gupRY {\n  flex: 1;\n}\n\n.index-module--lvlA1 {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}",""]);var d="index-module--h2rQ7",s="index-module--vn75Y",a="index-module--gupRY",u="index-module--lvlA1";const c=l},79501:(e,n,t)=>{t.d(n,{Oq:()=>u,Ui:()=>c,ZP:()=>m,e8:()=>d,m7:()=>a,zh:()=>s});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.push([e.id,".index-module--UX0Na {\n  overflow-y: auto;\n  z-index: 100;\n  padding-right: var(--settingsScrollerPaddingRight);\n  margin-left: var(--settingsScrollerPaddingLeft);\n  padding-top: var(--settingsScrollerPaddingTopBottom);\n  padding-bottom: var(--settingsScrollerPaddingTopBottom);\n  scrollbar-gutter: stable;\n  transition: height 0.2s ease-in-out;\n}\n\n.index-module--DRDpA.index-module--UX0Na {\n  z-index: 600;\n}\n\n.index-module--Rpo_4 {\n  visibility: hidden;\n}\n\n/* When in wysiwyg inspect mode: scroller becomes flex so content can fill height */\n.index-module--XC6FF {\n  display: flex;\n  flex-direction: column;\n}\n\n.index-module--XC6FF .index-module--f7b6J {\n  flex: 1;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n}\n",""]);var d="index-module--UX0Na",s="index-module--DRDpA",a="index-module--Rpo_4",u="index-module--XC6FF",c="index-module--f7b6J";const m=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3134,509,2701,9509,7915,6937],{80509:(e,n,t)=>{t.r(n),t.d(n,{default:()=>d});var i=t(25709),o=t(9420),r=(t(87363),t(74133)),l=t(47514);const d=(0,o.Pi)((function SettingsHeaderContainer(e){var n,t,o=e.isScroller,d=void 0!==o&&o,s=(0,i.NP)(),a=s.settingsState.itemPalettes.get(1);if(!a)return(0,l.jsx)(l.Fragment,{});var u="CHECKOUT"!==a.configStepKey&&"Hidden"!==s.uiState.ViewConfig.headerInConfigPalette&&!(null!==(n=a.type)&&void 0!==n&&n.startsWith("PRODUCTS"))&&!(null!==(t=a.type)&&void 0!==t&&t.startsWith("PROMOTED"))&&(!s.getIsInMobileView()||["PLANNER_2.0","SUMMARY","ACCESSOIRES","DoorPlanner"].includes(a.configStepKey)||a.configStepKey.startsWith("SHELFARTICLE"))||!s.settingsState.posNrAreHidden&&!["STYLE_CONSULTANT"].includes(a.configStepKey);return(0,l.jsx)(l.Fragment,{children:u&&(0,l.jsx)(r.default,{isInScroller:d,isSettingsHeader:!a.isHeader,item:a,header:!0})})}))},32701:(e,n,t)=>{t.r(n),t.d(n,{default:()=>b});var i=t(9420),o=(t(87363),t(88683)),r=t(93379),l=t.n(r),d=t(7795),s=t.n(d),a=t(90569),u=t.n(a),c=t(3565),m=t.n(c),x=t(19216),g=t.n(x),p=t(44589),f=t.n(p),v=t(5217),h={};h.styleTagTransform=f(),h.setAttributes=m(),h.insert=u().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=g();l()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var S=t(25709),P=t(47514);const b=(0,i.Pi)((function SummaryTotalPrice(e){var n,t=(0,o.useTranslation)().t,i=(0,S.NP)(),r=(0,o.useDivaCore)().state.hidePrices;return(0,P.jsx)(P.Fragment,{children:!r&&(0,P.jsxs)("div",{className:v.nC,children:[(0,P.jsx)("div",{className:v.X_,children:t("configurator.TotalPrice","TotalPrice")}),(0,P.jsx)("div",{className:v.nt,children:o.DivaUtils.formatPrice(null!==(n=i.productState.formatedTotalPrice)&&void 0!==n?n:0,i.productState.priceFormat)})]})})}))},69509:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});t(87363);var i=t(9420),o=t(93379),r=t.n(o),l=t(7795),d=t.n(l),s=t(90569),a=t.n(s),u=t(3565),c=t.n(u),m=t(19216),x=t.n(m),g=t(44589),p=t.n(g),f=t(91605),v={};v.styleTagTransform=p(),v.setAttributes=c(),v.insert=a().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=x();r()(f.ZP,v);f.ZP&&f.ZP.locals&&f.ZP.locals;var h=t(25709),S=t(47514);const P=(0,i.Pi)((function ContentItemTeaser(e){var n=e.item,t=(0,h.NP)();return(0,S.jsxs)("div",{className:f.bz,children:[n.emoji&&(0,S.jsx)("div",{className:f.rP,children:n.emoji}),(0,S.jsx)("div",{className:f.TN,children:n.title}),(0,S.jsx)("div",{className:f.WL,children:n.description}),(0,S.jsxs)("button",{className:f.LI,onClick:function onClick(){return t.settingsState.onClickContentItemId(n.id)},children:[(0,S.jsx)("span",{className:f.q5,children:n.buttonText}),(0,S.jsx)("div",{className:f.x7,children:(0,S.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,S.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},57915:(e,n,t)=>{t.r(n),t.d(n,{default:()=>b});t(87363);var i=t(73301),o=t(25709),r=t(93379),l=t.n(r),d=t(7795),s=t.n(d),a=t(90569),u=t.n(a),c=t(3565),m=t.n(c),x=t(19216),g=t.n(x),p=t(44589),f=t.n(p),v=t(9668),h={};h.styleTagTransform=f(),h.setAttributes=m(),h.insert=u().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=g();l()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var S=t(69509),P=t(47514);const b=function SettingsItemsGroup(e){var n=e.group;(0,o.NP)();return(0,P.jsxs)("div",{className:v.YS,children:[(0,P.jsx)("div",{className:v.t$,children:n.left.map((function(e){var t,o,r,l=n.palettes.find((function(n){return n.id===e}));return(0,P.jsxs)(P.Fragment,{children:["TOP"===(null===(t=l.contentItemTeaser)||void 0===t?void 0:t.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{}),(0,P.jsx)(i.default,{item:l,id:Number(l.id)},null!==(o=l.optionCodex)&&void 0!==o?o:l.configStepKey+l.id),"BOTTOM"===(null===(r=l.contentItemTeaser)||void 0===r?void 0:r.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{})]})}))}),(0,P.jsx)("div",{className:v.eX}),(0,P.jsx)("div",{className:v.F2,children:n.right.map((function(e){var t,o,r,l=n.palettes.find((function(n){return n.id===e}));return(0,P.jsxs)(P.Fragment,{children:["TOP"===(null===(t=l.contentItemTeaser)||void 0===t?void 0:t.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{}),(0,P.jsx)(i.default,{item:l,id:Number(l.id)},null!==(o=l.optionCodex)&&void 0!==o?o:l.configStepKey+l.id),"BOTTOM"===(null===(r=l.contentItemTeaser)||void 0===r?void 0:r.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{})]})}))})]})}},26937:(e,n,t)=>{t.r(n),t.d(n,{default:()=>c});var i=t(34988),o=t(87363),r=t(9420),l=t(73301),d=t(25709),s=t(57915),a=t(69509),u=t(47514);const c=(0,r.Pi)((function SettingsItemsWrapper(e){var n=e.itemPalettesArr,t=(0,d.NP)(),r=(0,o.useState)([]),c=(0,i.Z)(r,2),m=c[0],x=c[1];return(0,o.useEffect)((function(){for(var e=[],i=function _loop(){var i=n[o],r=t.configuratorStructureHandler.getOptionStepByCodex(i.optionCodex),l=null==r?void 0:r.partOfGroup,d=e.find((function(e){var n;return(null!==(n=null==l?void 0:l.groupName)&&void 0!==n?n:i.configStepKey+i.id)===e.groupName}));if(d)d.palettes.push(i);else{var s,a={groupName:null!==(s=null==l?void 0:l.groupName)&&void 0!==s?s:i.configStepKey+i.id,palettes:[i],left:[],right:[]};e.push(a),d=a}"l"===(null==l?void 0:l.position)?d.left.push(i.id):"r"===(null==l?void 0:l.position)&&d.right.push(i.id)},o=0;o<n.length;o++)i();x(e)}),[n]),(0,u.jsx)(u.Fragment,{children:m.map((function(e){var n;if(e.palettes.length>1)return(0,u.jsx)(s.default,{group:e});var t=e.palettes[0].contentItemTeaser;return(0,u.jsxs)(u.Fragment,{children:["TOP"==(null==t?void 0:t.position)&&(0,u.jsx)(a.default,{item:t}),(0,u.jsx)(l.default,{item:e.palettes[0],id:Number(e.palettes[0].id)},(null!==(n=e.palettes[0].optionCodex)&&void 0!==n?n:e.palettes[0].configStepKey)+e.palettes[0].id),"BOTTOM"==(null==t?void 0:t.position)&&(0,u.jsx)(a.default,{item:t})]})}))})}))},63134:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var i=t(88291),o=t(25709),r=t(9420),l=t(87363),d=t(80509),s=t(93379),a=t.n(s),u=t(7795),c=t.n(u),m=t(90569),x=t.n(m),g=t(3565),p=t.n(g),f=t(19216),v=t.n(f),h=t(44589),S=t.n(h),P=t(79501),b={};b.styleTagTransform=S(),b.setAttributes=p(),b.insert=x().bind(null,"head"),b.domAPI=c(),b.insertStyleElement=v();a()(P.ZP,b);P.ZP&&P.ZP.locals&&P.ZP.locals;var y=t(65515),N=t.n(y),T=t(32701),j=t(26937),I=t(47514);const w=(0,r.Pi)((function SettingsScroller(e){var n,t;(0,i.Z)(e);var r=(0,o.NP)(),s=(0,l.useRef)(null),a=[];(0,l.useEffect)((function(){return s.current?(r.settingsState.setScrollerElement(s.current),r.uiState.setUpSettingsScrollEvent(s.current)):function(){}}),[s]);var u,c,m,x={},g=r.uiState.snapPoints[r.settingsState.activeSnapPointIndex];(u=isNaN(Number(g))?g:g-38+"px",r.uiState.isInMobileView)?x.height=u:x.height="calc(100% - "+(null!==(c=null===(m=r.settingsState.settingsHeaderElement)||void 0===m?void 0:m.getBoundingClientRect().height)&&void 0!==c?c:0)+"px)";for(var p=0;p<r.settingsState.itemPaletteArr.length;p++){var f=r.settingsState.itemPaletteArr[p][1];!f.isRenderedNotInSettingPalette&&f.visible&&a.push(f)}return(0,l.useEffect)((function(){r.uiState.configSettingsIsMinExpanded?r.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MIN_CONFIG_SETTINGS"):r.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MAX_CONFIG_SETTINGS")}),[r.uiState.configSettingsIsExpanded,r.uiState.configSettingsIsMinExpanded]),(0,I.jsxs)("div",{style:x,className:N()(P.e8,r.uiState.configSettingsIsExpanded?P.zh:void 0,r.uiState.configSettingsIsMinExpanded?P.m7:void 0,r.wysiwygDebugState.wysiwygInspectView&&P.Oq),id:"wcConfigurator-settings-scroller",ref:s,children:[(r.uiState.isInMobileView||r.settingsState.forceSettingsHeaderInScrollContainer)&&!r.wysiwygDebugState.wysiwygInspectView&&(0,I.jsx)(d.default,{isScroller:!0},null!==(n=null===(t=r.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,I.jsxs)("div",{className:N()(r.wysiwygDebugState.wysiwygInspectView&&P.Ui),children:[(0,I.jsx)(j.default,{itemPalettesArr:a}),r.divaWebPlanner.doAllowSetPlanner()&&"SUMMARY"==r.getState()&&(0,I.jsx)(T.default,{})]})]})}))},5217:(e,n,t)=>{t.d(n,{X_:()=>s,ZP:()=>u,nC:()=>d,nt:()=>a});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.push([e.id,".index-module--TnLDn {\n  width: 100%;\n  border-top: 1px #6d6e71 solid;\n  color: #6d6e71;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  padding-top: 1rem;\n}\n\n.index-module--FXdIH {\n  float: left;\n  margin-left: 2rem;\n}\n\n.index-module--uSfxN {\n  float: right;\n  margin-right: 2rem;\n}\n",""]);var d="index-module--TnLDn",s="index-module--FXdIH",a="index-module--uSfxN";const u=l},91605:(e,n,t)=>{t.d(n,{LI:()=>c,TN:()=>a,WL:()=>u,ZP:()=>g,bz:()=>d,q5:()=>m,rP:()=>s,x7:()=>x});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.push([e.id,".index-module--YvhoM {\n  background-color: #e6f0fa;\n  background-color: var(--diva-theme-palette-primary-light, #e6f0fa);\n  padding: 12px 16px;\n  border-radius: 8px;\n  text-align: center;\n  margin: 8px 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  font-family: inherit;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.index-module--xRF8A {\n  font-size: 28px;\n  margin-bottom: 2px;\n}\n\n.index-module--AkzgH {\n  font-weight: 700;\n  font-size: 16px;\n  color: #000;\n  margin: 0;\n  line-height: 1.2;\n}\n\n.index-module--YcLKe {\n  font-size: 15px;\n  color: #333;\n  margin: 0;\n  line-height: 1.4;\n}\n.mobile .index-module--YcLKe {\n  font-size: 13px;\n}\n\n.index-module--tZsne {\n  margin-top: 10px;\n  border: 2px solid #ff6b00;\n  border: 2px solid var(--primaryColor, #ff6b00);\n  color: #ff6b00;\n  color: var(--primaryColor, #ff6b00);\n  background: #fff;\n  padding: 6px 16px;\n  border-radius: 6px;\n  font-weight: 700;\n  font-size: 15px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  transition: all 0.2s ease;\n  width: 100%;\n  max-width: 280px;\n  box-sizing: border-box;\n  min-height: 40px;\n}\n\n.index-module--tZsne:hover {\n  background-color: #ff6b00;\n  background-color: var(--primaryColor, #ff6b00);\n  color: #fff;\n}\n\n.index-module--KlW5i {\n  flex: 1;\n  text-align: center;\n  padding: 0 24px;\n}\n\n.index-module--MViR0 {\n  position: absolute;\n  right: 12px;\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--MViR0 svg {\n  width: 100%;\n  height: 100%;\n}\n",""]);var d="index-module--YvhoM",s="index-module--xRF8A",a="index-module--AkzgH",u="index-module--YcLKe",c="index-module--tZsne",m="index-module--KlW5i",x="index-module--MViR0";const g=l},9668:(e,n,t)=>{t.d(n,{F2:()=>a,YS:()=>d,ZP:()=>c,eX:()=>u,t$:()=>s});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.push([e.id,".index-module--h2rQ7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  gap: 24px;\n}\n\n.mobile .index-module--h2rQ7 {\n  gap: 8px;\n}\n\n.index-module--vn75Y {\n  flex: 1;\n}\n\n.index-module--gupRY {\n  flex: 1;\n}\n\n.index-module--lvlA1 {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}",""]);var d="index-module--h2rQ7",s="index-module--vn75Y",a="index-module--gupRY",u="index-module--lvlA1";const c=l},79501:(e,n,t)=>{t.d(n,{Oq:()=>u,Ui:()=>c,ZP:()=>m,e8:()=>d,m7:()=>a,zh:()=>s});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.push([e.id,".index-module--UX0Na {\n  overflow-y: auto;\n  z-index: 100;\n  padding-right: var(--settingsScrollerPaddingRight);\n  margin-left: var(--settingsScrollerPaddingLeft);\n  padding-top: var(--settingsScrollerPaddingTopBottom);\n  padding-bottom: var(--settingsScrollerPaddingTopBottom);\n  scrollbar-gutter: stable;\n  transition: height 0.2s ease-in-out;\n}\n\n.index-module--DRDpA.index-module--UX0Na {\n  z-index: 600;\n}\n\n.index-module--Rpo_4 {\n  visibility: hidden;\n}\n\n/* When in wysiwyg inspect mode: scroller becomes flex so content can fill height */\n.index-module--XC6FF {\n  display: flex;\n  flex-direction: column;\n}\n\n.index-module--XC6FF .index-module--f7b6J {\n  flex: 1;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n}\n",""]);var d="index-module--UX0Na",s="index-module--DRDpA",a="index-module--Rpo_4",u="index-module--XC6FF",c="index-module--f7b6J";const m=l}}]);

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

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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 419.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[419,1809,1713,2359],{105:(e,n,t)=>{t.r(n),t.d(n,{default:()=>l});t(87363);var i=t(9420),o=t(88410),r=t(25709),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,{})}))},61809:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var i=t(80248),o=(t(87363),t(9420)),r=t(25709),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(25709),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}}},51713:(e,n,t)=>{t.r(n),t.d(n,{default:()=>C});var i=t(9420),o=t(87363),r=t(25709),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=(0,r.NP)(),i=(0,a.useTranslation)().t,l=t.uiState.organization,s=(0,o.useMemo)((function(){var e=null==l?void 0:l.additionalContactData;if(e)return(Array.isArray(e)?e:[e])[0]}),[null==l?void 0:l.additionalContactData]),c=(0,o.useMemo)((function(){var e=t.uiState.checkoutConfig;if(null!=e&&e.buttons)return e.buttons.find((function(e){return"APPOINTMENT"===e.type}))}),[t.uiState.checkoutConfig]);return s&&(s.street||s.zipCode||s.city||s.phone||s.email||s.description||s.info||s.contactPersonName||s.contactPersonImage)?(0,j.jsxs)("div",{className:w.nC,children:[(0,j.jsx)("h3",{className:w.Se,children:i("checkout.appointment.preview.headline","Persönliche Beratung vereinbaren")}),(0,j.jsx)("p",{className:w.mY,children:i("checkout.appointment.preview.subheadline","Gemeinsam finalisieren wir Ihre Planung mit einem Experten vor Ort.")}),(0,j.jsxs)("div",{className:w.uT,children:[(null===(e=s.contactPersonImage)||void 0===e?void 0:e.url)&&(0,j.jsx)("div",{className:w.Ms,children:(0,j.jsx)("img",{src:s.contactPersonImage.url,alt:null!==(n=s.contactPersonName)&&void 0!==n?n:""})}),(0,j.jsxs)("div",{className:w.xh,children:[(s.contactPersonName||s.description)&&(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)("h4",{className:w.IB,children:s.contactPersonName}),s.description&&(0,j.jsx)("p",{className:w.NO,children:s.description})]}),s.info&&(0,j.jsx)("div",{className:w.wT,children:s.info}),(0,j.jsxs)("div",{className:w.Un,children:[(s.street||s.zipCode||s.city)&&(0,j.jsxs)("a",{className:w.Sh,href:"https://www.google.com/maps/search/?api=1&query=".concat(encodeURIComponent([s.street,s.zipCode,s.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:[s.street&&(0,j.jsx)("div",{children:s.street}),(s.zipCode||s.city)&&(0,j.jsx)("div",{children:[s.zipCode,s.city].filter(Boolean).join(" ")})]})]}),s.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(s.phone.replace(/\s/g,"")),children:s.phone})]}),s.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(s.email),children:s.email})]})]})]})]}),c&&(0,j.jsxs)(j.Fragment,{children:[(0,j.jsxs)("button",{type:"button",className:w.Aj,onClick:function handleCtaClick(){var e;c&&(0,d.onClickCheckout)(c,t,null!==(e=c.index)&&void 0!==e?e:0,i,void 0,void 0)},children:[i("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:i("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(25709),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:""]}))})}))},52359:(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(25709),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})})]})]})}))},70419:(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(61809),d=t(25709),l=t(52359),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(51713),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 / 8;\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: 8px 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: 500;\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([[419,1809,1713,2359],{105:(e,n,t)=>{t.r(n),t.d(n,{default:()=>l});t(87363);var i=t(9420),o=t(88410),r=t(25709),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(!0),selectedRoom:i.aiState.selectedRoom}):(0,d.jsx)(d.Fragment,{})}))},61809:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var i=t(80248),o=(t(87363),t(9420)),r=t(25709),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(25709),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}}},51713:(e,n,t)=>{t.r(n),t.d(n,{default:()=>C});var i=t(9420),o=t(87363),r=t(25709),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=(0,r.NP)(),i=(0,a.useTranslation)().t,l=t.uiState.organization,s=(0,o.useMemo)((function(){var e=null==l?void 0:l.additionalContactData;if(e)return(Array.isArray(e)?e:[e])[0]}),[null==l?void 0:l.additionalContactData]),c=(0,o.useMemo)((function(){var e=t.uiState.checkoutConfig;if(null!=e&&e.buttons)return e.buttons.find((function(e){return"APPOINTMENT"===e.type}))}),[t.uiState.checkoutConfig]);return s&&(s.street||s.zipCode||s.city||s.phone||s.email||s.description||s.info||s.contactPersonName||s.contactPersonImage)?(0,j.jsxs)("div",{className:w.nC,children:[(0,j.jsx)("h3",{className:w.Se,children:i("checkout.appointment.preview.headline","Persönliche Beratung vereinbaren")}),(0,j.jsx)("p",{className:w.mY,children:i("checkout.appointment.preview.subheadline")}),(0,j.jsxs)("div",{className:w.uT,children:[(null===(e=s.contactPersonImage)||void 0===e?void 0:e.url)&&(0,j.jsx)("div",{className:w.Ms,children:(0,j.jsx)("img",{src:s.contactPersonImage.url,alt:null!==(n=s.contactPersonName)&&void 0!==n?n:""})}),(0,j.jsxs)("div",{className:w.xh,children:[(s.contactPersonName||s.description)&&(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)("h4",{className:w.IB,children:s.contactPersonName}),s.description&&(0,j.jsx)("p",{className:w.NO,children:s.description})]}),s.info&&(0,j.jsx)("div",{className:w.wT,children:s.info}),(0,j.jsxs)("div",{className:w.Un,children:[(s.street||s.zipCode||s.city)&&(0,j.jsxs)("a",{className:w.Sh,href:"https://www.google.com/maps/search/?api=1&query=".concat(encodeURIComponent([s.street,s.zipCode,s.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:[s.street&&(0,j.jsx)("div",{children:s.street}),(s.zipCode||s.city)&&(0,j.jsx)("div",{children:[s.zipCode,s.city].filter(Boolean).join(" ")})]})]}),s.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(s.phone.replace(/\s/g,"")),children:s.phone})]}),s.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(s.email),children:s.email})]})]})]})]}),c&&(0,j.jsxs)(j.Fragment,{children:[(0,j.jsxs)("button",{type:"button",className:w.Aj,onClick:function handleCtaClick(){var e;c&&(0,d.onClickCheckout)(c,t,null!==(e=c.index)&&void 0!==e?e:0,i,void 0,void 0)},children:[i("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:i("checkout.appointment.preview.ctaSubtext")})]})]}):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(25709),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:""]}))})}))},52359:(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(25709),S=t(56340),P=t(47514);const k=(0,o.Pi)((function SummaryHeader(e){var n,t,o,d,l,s=(0,r.useTranslation)().t,c=(0,C.NP)(),u=(0,r.useDivaCore)().state.hidePrices,m=(0,a.useState)(Math.round(100*c.productState.formatedCurSetPrice/c.productState.formatedBruttoPrice)-100),p=(0,i.Z)(m,2),x=p[0],h=p[1];(0,a.useEffect)((function(){var e=Math.round(100*c.productState.formatedCurSetPrice/c.productState.formatedBruttoPrice)-100;e!==x&&h(e)}),[c.productState.formatedCurSetPrice,c.productState.formatedBruttoPrice]);var v=void 0!==c.productState.formatedBruttoPrice&&!c.getViewConfig().hideRabattPrice;return(0,P.jsxs)("div",{className:j()(b.YS,c.getIsInMobileView()?b.ai:void 0,v?b.y6:void 0,(null!==(n=null===(t=c.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:s(null!==(o=c.getViewConfig().summaryHeaderTitle)&&void 0!==o?o:"configurator.summary.header.title")}),!u&&(0,P.jsxs)("div",{className:b.wZ,children:[(0,P.jsx)("div",{className:b.h0,children:(0,P.jsx)(S.default,{price:null!==(d=c.productState.formatedBruttoPrice)&&void 0!==d?d:0,duration:1.5})}),(0,P.jsx)("div",{className:b.nt,children:(0,P.jsx)(S.default,{price:null!==(l=c.productState.formatedCurSetPrice)&&void 0!==l?l:0,duration:1.5})}),v&&(0,P.jsx)("div",{className:b.e9,children:(0,P.jsx)(S.default,{price:x,formattingFn:function formattingFn(e){return e+"%"},duration:1.5})})]})]})}))},70419:(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(61809),d=t(25709),l=t(52359),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(51713),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,"checkout-wrapper-sticky"),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 / 8;\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: 8px 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: 500;\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: 500;\n  font-size: 22px;\n  line-height: 24px;\n  color: var(--secondaryColor);\n  margin-top: 18px;\n  float: left;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.index-module--eO4iO .index-module--Qoi4e,\n.index-module--pxDVX .index-module--Qoi4e {\n  font-size: 20px;\n  line-height: 22px;\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/4729.diva-web-planner-react.umd.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see 4729.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4729,7692],{27692:(n,e,i)=>{i.r(e),i.d(e,{default:()=>w});i(87363);var t=i(9420),a=i(25709),o=i(65515),l=i.n(o),d=i(93379),r=i.n(d),s=i(7795),u=i.n(s),c=i(90569),x=i.n(c),p=i(3565),m=i.n(p),b=i(19216),f=i.n(b),g=i(44589),h=i.n(g),v=i(91642),k={};k.styleTagTransform=h(),k.setAttributes=m(),k.insert=x().bind(null,"head"),k.domAPI=u(),k.insertStyleElement=f();r()(v.ZP,k);v.ZP&&v.ZP.locals&&v.ZP.locals;var y=i(47514);const w=(0,t.Pi)((function StyleIndicator(){var n,e=(0,a.NP)(),i=e.aiState,t=e.configuratorStructureHandler.getConfigStepByKey("STYLE_CONSULTANT"),o=i.aiStyleKeyInitializedByEvent?null===(n=i.enrichedAiRoomRenderings)||void 0===n?void 0:n.find((function(n){return n.key===i.aiSelectedStyleKey})):void 0;return o&&t?(0,y.jsxs)("li",{className:l()(v.H3,e.getIsInMobileView()&&!e.uiState.isTablet?v.ai:void 0),onClick:function onClick(){return e.navigateToConfigStep(t.configStep.key)},children:[(0,y.jsx)("div",{className:v.vz,children:(0,y.jsx)("img",{src:o.image,alt:o.name})}),(!e.getIsInMobileView()||e.uiState.isTablet)&&(0,y.jsx)("span",{className:v.ZS,children:o.name})]}):(0,y.jsx)(y.Fragment,{})}))},84729:(n,e,i)=>{i.r(e),i.d(e,{default:()=>T});var t=i(25709),a=(i(87363),i(9420)),o=i(93379),l=i.n(o),d=i(7795),r=i.n(d),s=i(90569),u=i.n(s),c=i(3565),x=i.n(c),p=i(19216),m=i.n(p),b=i(44589),f=i.n(b),g=i(76277),h={};h.styleTagTransform=f(),h.setAttributes=x(),h.insert=u().bind(null,"head"),h.domAPI=r(),h.insertStyleElement=m();l()(g.ZP,h);g.ZP&&g.ZP.locals&&g.ZP.locals;var v=i(39667),k=i(64263),y=i(19047),w=i(65515),S=i.n(w),P=i(88683),C=i(27692),V=i(47514);const T=(0,a.Pi)((function HeaderFunctions(n){var e,i=(0,t.NP)(),a=(0,P.useTranslation)().t;return(0,V.jsxs)("ul",{className:S()(g.Hm,i.getIsInMobileView()?g.ai:void 0),children:[(0,V.jsx)(C.default,{}),null===(e=i.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.filter((function(n){return(0,y.evalVisible)(n,i,"header")})).map((function(n){return(0,V.jsx)("li",{className:S()(k.b),onClick:function onClick(){return(0,y.onClickCheckout)(n,i,n.index,a)},children:(0,V.jsx)(v.default,{checkoutButton:n,size:32,showTitle:!i.getIsInMobileView()||i.uiState.isTablet})},n.index)}))]})}))},91642:(n,e,i)=>{i.d(e,{H3:()=>d,ZP:()=>c,ZS:()=>u,ai:()=>r,vz:()=>s});var t=i(8081),a=i.n(t),o=i(23645),l=i.n(o)()(a());l.push([n.id,".index-module--L4Wxb {\n  border-radius: 100px !important;\n}\n\n.index-module--L4Wxb {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 4px 12px 4px 4px;\n  background: rgba(255, 255, 255, 0.85);\n  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);\n  -webkit-backdrop-filter: blur(6px);\n          backdrop-filter: blur(6px);\n  list-style: none;\n  cursor: default;\n  animation: index-module--HaA1b 0.5s ease-out;\n}\n\n.index-module--aGBXl {\n  padding: 0;\n  background: none;\n  box-shadow: none;\n  -webkit-backdrop-filter: none;\n          backdrop-filter: none;\n}\n\n.index-module--_kJVt {\n  width: 28px;\n  height: 28px;\n  border-radius: 50%;\n  overflow: hidden;\n  flex-shrink: 0;\n  border: 1px solid rgba(0, 0, 0, 0.06);\n}\n\n.index-module--aGBXl .index-module--_kJVt {\n  width: 32px;\n  height: 32px;\n}\n\n.index-module--_kJVt img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n\n.index-module--qGOOk {\n  font-size: 12px;\n  font-weight: 300;\n  color: var(--globalColor);\n  white-space: nowrap;\n}\n\n@keyframes index-module--HaA1b {\n  0% {\n    opacity: 0;\n    transform: scale(0.85);\n  }\n  60% {\n    transform: scale(1.05);\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n",""]);var d="index-module--L4Wxb",r="index-module--aGBXl",s="index-module--_kJVt",u="index-module--qGOOk";const c=l},76277:(n,e,i)=>{i.d(e,{Hm:()=>d,ZP:()=>s,ai:()=>r});var t=i(8081),a=i.n(t),o=i(23645),l=i.n(o)()(a());l.push([n.id,".index-module--efVG1 {\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  margin-top: 0px;\n  padding-left: 0;\n  padding-left: initial;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 12px;\n}\n.index-module--EY0yA.index-module--efVG1 {\n  margin-top: 8px;\n}\n\n.index-module--efVG1 li {\n  border-radius: var(--globalBorderRadius);\n  list-style: none;\n  transition: box-shadow 0.15s ease;\n  display: flex;\n  align-items: center;\n}\n.index-module--efVG1 li:hover {\n  box-shadow: var(--boxShadowHover);\n}\n\n.index-module--efVG1 li:active {\n  box-shadow: var(--boxShadowActive);\n}\n\n#index-module--iYpHp {\n  float: left;\n  padding-right: 1em;\n  padding-top: 0.5rem;\n}\n",""]);var d="index-module--efVG1",r="index-module--EY0yA";const s=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4729,7692],{27692:(n,e,i)=>{i.r(e),i.d(e,{default:()=>w});i(87363);var t=i(9420),a=i(25709),l=i(88683),o=i(65515),d=i.n(o),r=i(93379),s=i.n(r),x=i(7795),u=i.n(x),c=i(90569),p=i.n(c),m=i(3565),f=i.n(m),g=i(19216),b=i.n(g),h=i(44589),v=i.n(h),y=i(91642),S={};S.styleTagTransform=v(),S.setAttributes=f(),S.insert=p().bind(null,"head"),S.domAPI=u(),S.insertStyleElement=b();s()(y.ZP,S);y.ZP&&y.ZP.locals&&y.ZP.locals;var k=i(47514);const w=(0,t.Pi)((function StyleIndicator(){var n,e=(0,l.useTranslation)().t,i=(0,a.NP)(),t=i.aiState,o=i.configuratorStructureHandler.getConfigStepByKey("STYLE_CONSULTANT"),r=t.aiStyleKeyInitializedByEvent?null===(n=t.enrichedAiRoomRenderings())||void 0===n?void 0:n.find((function(n){return n.key===t.aiSelectedStyleKey})):void 0;if(!r||!o)return(0,k.jsx)(k.Fragment,{});var s=i.getIsInMobileView()&&!i.uiState.isTablet;return(0,k.jsxs)("li",{className:d()(y.H3,s?y.ai:void 0),onClick:function onClick(){return i.navigateToConfigStep(o.configStep.key)},children:[(0,k.jsx)("div",{className:y.vz,children:(0,k.jsx)("img",{src:r.image,alt:r.name})}),(0,k.jsxs)("div",{className:y.R1,children:[(0,k.jsx)("span",{className:y.QR,children:e("configurator.inspiration.yourStyle","Dein Stil")}),(0,k.jsx)("span",{className:y.ZS,children:r.name})]})]})}))},84729:(n,e,i)=>{i.r(e),i.d(e,{default:()=>j});var t=i(25709),a=(i(87363),i(9420)),l=i(93379),o=i.n(l),d=i(7795),r=i.n(d),s=i(90569),x=i.n(s),u=i(3565),c=i.n(u),p=i(19216),m=i.n(p),f=i(44589),g=i.n(f),b=i(76277),h={};h.styleTagTransform=g(),h.setAttributes=c(),h.insert=x().bind(null,"head"),h.domAPI=r(),h.insertStyleElement=m();o()(b.ZP,h);b.ZP&&b.ZP.locals&&b.ZP.locals;var v=i(39667),y=i(64263),S=i(19047),k=i(65515),w=i.n(k),P=i(88683),G=i(27692),C=i(47514);const j=(0,a.Pi)((function HeaderFunctions(n){var e,i=(0,t.NP)(),a=(0,P.useTranslation)().t;return(0,C.jsxs)("ul",{className:w()(b.Hm,i.getIsInMobileView()?b.ai:void 0),children:[(0,C.jsx)(G.default,{}),null===(e=i.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.filter((function(n){return(0,S.evalVisible)(n,i,"header")})).map((function(n){return(0,C.jsx)("li",{className:w()(y.b),onClick:function onClick(){return(0,S.onClickCheckout)(n,i,n.index,a)},children:(0,C.jsx)(v.default,{checkoutButton:n,size:32,showTitle:!i.getIsInMobileView()||i.uiState.isTablet})},n.index)}))]})}))},91642:(n,e,i)=>{i.d(e,{H3:()=>d,QR:()=>x,R1:()=>s,ZP:()=>p,ZS:()=>u,ai:()=>r,vz:()=>c});var t=i(8081),a=i.n(t),l=i(23645),o=i.n(l)()(a());o.push([n.id,".index-module--L4Wxb {\n  border-radius: 14px !important;\n}\n\n.index-module--L4Wxb {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 8px 16px 8px 8px;\n  background: rgba(255, 255, 255, 0.9);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n  -webkit-backdrop-filter: blur(8px);\n          backdrop-filter: blur(8px);\n  list-style: none;\n  cursor: default;\n  animation: index-module--HaA1b 0.5s ease-out;\n}\n\n.index-module--aGBXl {\n  border-radius: 10px !important;\n}\n\n.index-module--aGBXl {\n  gap: 8px;\n  padding: 6px 12px 6px 6px;\n}\n\n.index-module--aGBXl .index-module--DlwB4 {\n  gap: 0;\n}\n\n.index-module--aGBXl .index-module--SQ18S {\n  font-size: 8px;\n}\n\n.index-module--aGBXl .index-module--qGOOk {\n  font-size: 11px;\n}\n\n.index-module--_kJVt {\n  width: 52px;\n  height: 40px;\n  border-radius: 6px;\n  overflow: hidden;\n  flex-shrink: 0;\n  border: 1px solid rgba(0, 0, 0, 0.06);\n}\n\n.index-module--aGBXl .index-module--_kJVt {\n  width: 36px;\n  height: 28px;\n}\n\n.index-module--_kJVt img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n\n.index-module--DlwB4 {\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n}\n\n.index-module--SQ18S {\n  font-size: 10px;\n  font-weight: 400;\n  letter-spacing: 0.5px;\n  text-transform: uppercase;\n  color: #999;\n  color: var(--diva-theme-palette-text-secondary, #999);\n  white-space: nowrap;\n}\n\n.index-module--qGOOk {\n  font-size: 14px;\n  font-weight: 400;\n  color: var(--globalColor);\n  white-space: nowrap;\n}\n\n@keyframes index-module--HaA1b {\n  0% {\n    opacity: 0;\n    transform: scale(0.85);\n  }\n  60% {\n    transform: scale(1.05);\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n",""]);var d="index-module--L4Wxb",r="index-module--aGBXl",s="index-module--DlwB4",x="index-module--SQ18S",u="index-module--qGOOk",c="index-module--_kJVt";const p=o},76277:(n,e,i)=>{i.d(e,{Hm:()=>d,ZP:()=>s,ai:()=>r});var t=i(8081),a=i.n(t),l=i(23645),o=i.n(l)()(a());o.push([n.id,".index-module--efVG1 {\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  margin-top: 0px;\n  padding-left: 0;\n  padding-left: initial;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 12px;\n}\n.index-module--EY0yA.index-module--efVG1 {\n  margin-top: 8px;\n}\n\n.index-module--efVG1 li {\n  border-radius: var(--globalBorderRadius);\n  list-style: none;\n  transition: box-shadow 0.15s ease;\n  display: flex;\n  align-items: center;\n}\n.index-module--efVG1 li:hover {\n  box-shadow: var(--boxShadowHover);\n}\n\n.index-module--efVG1 li:active {\n  box-shadow: var(--boxShadowActive);\n}\n\n#index-module--iYpHp {\n  float: left;\n  padding-right: 1em;\n  padding-top: 0.5rem;\n}\n",""]);var d="index-module--efVG1",r="index-module--EY0yA";const s=o}}]);