@crystaldesign/diva-web-planner-react 26.5.0-rc.9 → 26.5.1-rc.0

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

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