@crystaldesign/diva-web-planner-react 26.12.0-beta.1 → 26.12.0-beta.2

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3697.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3697],{3697:(n,e,i)=>{i.r(e),i.d(e,{default:()=>y});var t=i(65515),d=i.n(t),o=i(9420),r=(i(87363),i(93379)),l=i.n(r),a=i(7795),s=i.n(a),u=i(90569),x=i.n(u),c=i(3565),m=i.n(c),p=i(19216),f=i.n(p),h=i(44589),w=i.n(h),v=i(81906),b={};b.styleTagTransform=w(),b.setAttributes=m(),b.insert=x().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=f();l()(v.ZP,b);v.ZP&&v.ZP.locals&&v.ZP.locals;var g=i(88683),z=i(9204),P=i(56340),j=i(47514);const y=(0,o.Pi)((function PriceSumm(n){var e,i,t=(0,z.NP)(),o=(0,g.useDivaCore)().state.hidePrices,r=(0,g.useTranslation)().t;return(0,j.jsxs)("div",{className:d()(v.rh,t.getIsInMobileView()?v.tq:void 0),children:[(0,j.jsx)("div",{children:r("configurator.Sum","Summe")}),(0,j.jsx)("div",{className:v.wZ,children:!o&&(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)("div",{className:d()(v.nt,t.productState.formatedBruttoPrice?v.kg:void 0),children:(0,j.jsx)(P.default,{price:null!==(e=t.productState.formatedCurSetPrice)&&void 0!==e?e:0})}),(0,j.jsxs)("div",{className:d()(v.nt,v.F0,t.productState.formatedBruttoPrice?void 0:v.al),children:[" ",(0,j.jsx)(P.default,{price:null!==(i=t.productState.formatedBruttoPrice)&&void 0!==i?i:0})]})]})})]})}))},81906:(n,e,i)=>{i.d(e,{F0:()=>c,ZP:()=>p,al:()=>m,kg:()=>x,nt:()=>u,rh:()=>l,tq:()=>a,wZ:()=>s});var t=i(8081),d=i.n(t),o=i(23645),r=i.n(o)()(d());r.push([n.id,".index-module--aaqir {\n  height: 40px;\n  line-height: 30px;\n  display: flex;\n  justify-content: space-between;\n  font-weight: 700;\n  font-size: 16px;\n  flex-grow: 1;\n}\n\n.index-module--KdwEi.index-module--aaqir {\n  line-height: 38px;\n  font-size: 18px;\n  justify-content: flex-end;\n  flex-wrap: nowrap;\n  gap: 12px;\n}\n\n.index-module--ckj80 {\n  display: flex;\n  justify-content: space-between;\n  flex-wrap: nowrap;\n}\n\n.index-module--IKzzi {\n  position: relative;\n  color: #262626;\n  text-wrap: nowrap;\n}\n\n.index-module--KdwEi .index-module--IKzzi {\n  font-size: 15px;\n}\n\n.index-module--Y17sU {\n  color: #b1223f;\n  margin-right: 12px;\n}\n\n.index-module--IKzzi.index-module--Xsp7Q {\n  color: #bfbfbf;\n  opacity: 1;\n  transition:\n    opacity 0.3s ease-in-out,\n    max-width 0.3s ease-in-out;\n  max-width: 110px;\n}\n.index-module--IKzzi.index-module--Xsp7Q.index-module--rNvqj {\n  opacity: 0;\n  max-width: 0px;\n}\n\n.index-module--IKzzi.index-module--Xsp7Q:before {\n  position: absolute;\n  content: '';\n  left: 0;\n  top: 42%;\n  right: 0;\n  border-top: 2px solid;\n  border-color: #b1223f;\n  transform: rotate(-7deg);\n}\n\n.index-module--KdwEi .index-module--IKzzi.index-module--Xsp7Q:before {\n  top: 45%;\n}\n",""]);var l="index-module--aaqir",a="index-module--KdwEi",s="index-module--ckj80",u="index-module--IKzzi",x="index-module--Y17sU",c="index-module--Xsp7Q",m="index-module--rNvqj";const p=r}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3697],{3697:(n,e,i)=>{i.r(e),i.d(e,{default:()=>y});var t=i(65515),d=i.n(t),o=i(9420),r=(i(87363),i(93379)),l=i.n(r),a=i(7795),s=i.n(a),u=i(90569),x=i.n(u),c=i(3565),m=i.n(c),p=i(19216),f=i.n(p),h=i(44589),w=i.n(h),v=i(81906),b={};b.styleTagTransform=w(),b.setAttributes=m(),b.insert=x().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=f();l()(v.ZP,b);v.ZP&&v.ZP.locals&&v.ZP.locals;var g=i(88683),z=i(75327),P=i(56340),j=i(47514);const y=(0,o.Pi)((function PriceSumm(n){var e,i,t=(0,z.NP)(),o=(0,g.useDivaCore)().state.hidePrices,r=(0,g.useTranslation)().t;return(0,j.jsxs)("div",{className:d()(v.rh,t.getIsInMobileView()?v.tq:void 0),children:[(0,j.jsx)("div",{children:r("configurator.Sum","Summe")}),(0,j.jsx)("div",{className:v.wZ,children:!o&&(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)("div",{className:d()(v.nt,t.productState.formatedBruttoPrice?v.kg:void 0),children:(0,j.jsx)(P.default,{price:null!==(e=t.productState.formatedCurSetPrice)&&void 0!==e?e:0})}),(0,j.jsxs)("div",{className:d()(v.nt,v.F0,t.productState.formatedBruttoPrice?void 0:v.al),children:[" ",(0,j.jsx)(P.default,{price:null!==(i=t.productState.formatedBruttoPrice)&&void 0!==i?i:0})]})]})})]})}))},81906:(n,e,i)=>{i.d(e,{F0:()=>c,ZP:()=>p,al:()=>m,kg:()=>x,nt:()=>u,rh:()=>l,tq:()=>a,wZ:()=>s});var t=i(8081),d=i.n(t),o=i(23645),r=i.n(o)()(d());r.push([n.id,".index-module--aaqir {\n  height: 40px;\n  line-height: 30px;\n  display: flex;\n  justify-content: space-between;\n  font-weight: 700;\n  font-size: 16px;\n  flex-grow: 1;\n}\n\n.index-module--KdwEi.index-module--aaqir {\n  line-height: 38px;\n  font-size: 18px;\n  justify-content: flex-end;\n  flex-wrap: nowrap;\n  gap: 12px;\n}\n\n.index-module--ckj80 {\n  display: flex;\n  justify-content: space-between;\n  flex-wrap: nowrap;\n}\n\n.index-module--IKzzi {\n  position: relative;\n  color: #262626;\n  text-wrap: nowrap;\n}\n\n.index-module--KdwEi .index-module--IKzzi {\n  font-size: 15px;\n}\n\n.index-module--Y17sU {\n  color: #b1223f;\n  margin-right: 12px;\n}\n\n.index-module--IKzzi.index-module--Xsp7Q {\n  color: #bfbfbf;\n  opacity: 1;\n  transition:\n    opacity 0.3s ease-in-out,\n    max-width 0.3s ease-in-out;\n  max-width: 110px;\n}\n.index-module--IKzzi.index-module--Xsp7Q.index-module--rNvqj {\n  opacity: 0;\n  max-width: 0px;\n}\n\n.index-module--IKzzi.index-module--Xsp7Q:before {\n  position: absolute;\n  content: '';\n  left: 0;\n  top: 42%;\n  right: 0;\n  border-top: 2px solid;\n  border-color: #b1223f;\n  transform: rotate(-7deg);\n}\n\n.index-module--KdwEi .index-module--IKzzi.index-module--Xsp7Q:before {\n  top: 45%;\n}\n",""]);var l="index-module--aaqir",a="index-module--KdwEi",s="index-module--ckj80",u="index-module--IKzzi",x="index-module--Y17sU",c="index-module--Xsp7Q",m="index-module--rNvqj";const p=r}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3784.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3784,8334],{23784:(n,e,i)=>{i.r(e),i.d(e,{default:()=>N});var o=i(9420),t=i(9204),d=(i(87363),i(93379)),a=i.n(d),l=i(7795),r=i.n(l),s=i(90569),x=i.n(s),u=i(3565),m=i.n(u),p=i(19216),c=i.n(p),h=i(44589),g=i.n(h),b=i(832),v={};v.styleTagTransform=g(),v.setAttributes=m(),v.insert=x().bind(null,"head"),v.domAPI=r(),v.insertStyleElement=c();a()(b.ZP,v);b.ZP&&b.ZP.locals&&b.ZP.locals;var w=i(28334),f=i(65515),M=i.n(f),y=i(47514);const N=(0,o.Pi)((function RoomListSelection(n){var e,i=n.style,o=(0,t.NP)(),d=o.paletteViewHandler.getRoomList(),a=o.paletteViewHandler.getRoomViewList();if(!o.uiState.ViewConfig.roomListInProduct||!o.settingsState.roomListInitialized||!o.productState.doShowRenderImage&&!o.productState.doShow3DComb||o.settingsState.infoBoxContent||o.uiState.isMobileLandscape)return(0,y.jsx)(y.Fragment,{});var l=null===(e=o.productState.planner3DImageSvgArea)||void 0===e?void 0:e.getBoundingClientRect(),r=function stopPropagation(n){n.stopPropagation()};return(0,y.jsx)(y.Fragment,{children:(0,y.jsx)("div",{id:"room-list-selection","data-test-id":"room-list-selection",className:M()(b.QM,o.productState.roomListExpanded?b.tP:void 0,o.uiState.isInMobileView?b.ai:void 0,o.uiState.isTablet?b.Mq:void 0),onClick:function onClick(){o.productState.setRoomListExpanded(!o.productState.roomListExpanded)},onMouseDown:r,onTouchStart:r,style:i,children:o.productState.roomListExpanded&&(0,y.jsxs)("div",{className:b.fz,children:[(0,y.jsx)("div",{"data-test-id":"room-selection-expanded",id:"views-selection-expanded",style:{maxHeight:"calc("+(null==l?void 0:l.height)+"px - 80px)"},className:M()(b.k_,o.uiState.isInMobileView?b.ai:void 0,o.uiState.isTablet?b.Mq:void 0),children:d.map((function(n){return(0,y.jsx)(w.default,{item:n,from:o.settingsState.roomListInitialized},n.codex)}))}),(0,y.jsx)("div",{id:"rooms-selection-expanded",style:{maxWidth:"calc("+(null==l?void 0:l.width)+"px - 100px)"},className:M()(b.He,o.uiState.isInMobileView?b.ai:void 0),children:a.map((function(n){return(0,y.jsx)(w.default,{item:n,from:o.settingsState.roomListInitialized,isVP:!0},n.codex)}))})]})})})}))},28334:(n,e,i)=>{i.r(e),i.d(e,{default:()=>N});var o=i(65515),t=i.n(o),d=i(9204),a=i(9420),l=(i(87363),i(88683)),r=i(93379),s=i.n(r),x=i(7795),u=i.n(x),m=i(90569),p=i.n(m),c=i(3565),h=i.n(c),g=i(19216),b=i.n(g),v=i(44589),w=i.n(v),f=i(62975),M={};M.styleTagTransform=w(),M.setAttributes=h(),M.insert=p().bind(null,"head"),M.domAPI=u(),M.insertStyleElement=b();s()(f.ZP,M);f.ZP&&f.ZP.locals&&f.ZP.locals;var y=i(47514);const N=(0,a.Pi)((function Room(n){var e=n.item,i=n.from,o=n.isVP,a=e,r=(0,d.NP)(),s=(0,l.useTranslation)().t,x=function stopPropagation(n){n.stopPropagation()};return(0,y.jsxs)("div",{onMouseDown:x,onTouchStart:x,onClick:function onClick(n){r.productState.setRoomListExpanded(!0),o?r.paletteViewHandler.clickedOnStaticVPPalette(a,!!i):r.paletteViewHandler.clickedOnStaticRoomPalette(a,!!i)},className:t()(f.CA,r.uiState.isInMobileView?f.ai:void 0),children:[(0,y.jsx)("div",{className:t()(a.sel?f.pA:void 0),children:(0,y.jsx)("div",{className:t()(f.be),children:(0,y.jsx)("div",{className:t()(f.ro),children:(0,y.jsx)("div",{"data-test-id":"select-room",className:f.K5,style:{backgroundImage:"url(".concat(a.url,")")}})})})}),!o&&(0,y.jsx)("div",{onClick:function onClick(n){return n.stopPropagation()},className:t()(a.sel?f.d2:void 0,f.TN),children:s("configurator."+a.N)})]})}))},832:(n,e,i)=>{i.d(e,{He:()=>b,Mq:()=>v,QM:()=>m,ZP:()=>w,ai:()=>c,fz:()=>h,k_:()=>g,tP:()=>p});var o=i(8081),t=i.n(o),d=i(23645),a=i.n(d),l=i(61667),r=i.n(l),s=new URL(i(41789),i.b),x=a()(t()),u=r()(s);x.push([n.id,".index-module--AfTst {\n  width: 70px;\n  height: 70px;\n  background-color: #fff;\n  opacity: 0.8;\n  background-repeat: no-repeat;\n  background-position: center;\n  border-radius: 50%;\n  background-size: 62%;\n  background-image: url("+u+");\n  transition: background-color 0.2s ease-in-out;\n  opacity: 0.8;\n  border: 1px solid #ddd;\n  position: absolute;\n  left: 29px;\n}\n.index-module--PWxIK {\n  background-color: rgba(217,217,217,0.66667);\n}\n.index-module--cEQNy.index-module--AfTst {\n  width: 32px;\n  height: 32px;\n  display: block;\n  position: relative;\n  left: auto;\n  left: initial;\n  bottom: auto;\n  bottom: initial;\n}\n\n.index-module--wlmVi {\n  position: relative;\n  overflow: visible;\n  width: 100%;\n  height: 100%;\n}\n\n.index-module--WK2AV {\n  position: absolute;\n  bottom: 74px;\n  left: 0px;\n  z-index: 700;\n  min-width: 300px;\n  overflow-y: auto;\n  overflow-x: visible;\n  /*hide scrollbar*/\n  -ms-overflow-style: none;\n  scrollbar-width: none; /* Firefox */\n}\n.index-module--WK2AV::-webkit-scrollbar {\n  display: none;\n}\n\n.index-module--cbYpU {\n  position: absolute;\n  display: flex;\n  bottom: -2px;\n  left: 86px;\n  z-index: 700;\n  flex-direction: row;\n  overflow-y: visible;\n  overflow-x: auto;\n}\n\n.index-module--cEQNy.index-module--WK2AV {\n  bottom: 38px;\n  left: -6px;\n}\n\n.index-module--ZDmeP.index-module--WK2AV {\n  bottom: 52px;\n  left: -2px;\n}\n\n.index-module--cEQNy.index-module--cbYpU {\n  display: none;\n}\n",""]);var m="index-module--AfTst",p="index-module--PWxIK",c="index-module--cEQNy",h="index-module--wlmVi",g="index-module--WK2AV",b="index-module--cbYpU",v="index-module--ZDmeP";const w=x},62975:(n,e,i)=>{i.d(e,{CA:()=>l,K5:()=>u,TN:()=>m,ZP:()=>h,ai:()=>p,be:()=>r,d2:()=>c,pA:()=>s,ro:()=>x});var o=i(8081),t=i.n(o),d=i(23645),a=i.n(d)()(t());a.push([n.id,"/*Size Normal */\n\n.index-module--at3H2 {\n  pointer-events: all;\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  width: -moz-min-content;\n  width: min-content;\n  height: 70px;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  margin-bottom: 2px;\n}\n\n.index-module--at3H2:active {\n  z-index: 200;\n}\n.index-module--at3H2:hover {\n  z-index: 200;\n}\n\n.index-module--vaYox {\n  border-radius: 50%;\n  border: 1px transparent solid;\n  width: 68px;\n  height: 68px;\n  transition: border-color 0.3s ease;\n\n  border-style: double;\n}\n\n.index-module--QreUK .index-module--vaYox,\n.index-module--mIArE.index-module--QreUK .index-module--vaYox {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--vaYox:hover {\n  border: 1px var(--primaryColor) solid;\n}\n\n.index-module--QreUK .index-module--vaYox {\n  border: 1px transparent solid !important;\n}\n\n.index-module--YhRIJ {\n  border-radius: 50%;\n  border: 4px white solid;\n  width: 60px;\n  height: 60px;\n  transition: 0.15s ease;\n}\n\n.index-module--QreUK .index-module--YhRIJ {\n  border: 4px var(--primaryColor) solid;\n}\n\n.index-module--ldM3W {\n  width: 100%;\n  height: 60px;\n  border-radius: 50%;\n  background-size: cover;\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\n.index-module--aY0Oj {\n  text-align: center;\n  margin: 16px;\n  padding: 8px 16px;\n  font-size: 14px;\n  line-height: 24px;\n  z-index: 400;\n  font-weight: 600;\n  color: var(--secondaryColor);\n  font-family: var(--diva-typography-font-family);\n  margin-left: 12px;\n  text-align: left;\n  white-space: nowrap;\n  background-color: #eee;\n  border-radius: 70px;\n  opacity: 0;\n  transition: opacity 0.2s ease-in-out;\n  pointer-events: none;\n}\n\n.index-module--at3H2:not(.index-module--sQhPu):hover .index-module--aY0Oj,\n.index-module--kmxbw {\n  opacity: 1;\n  pointer-events: all;\n}\n\n.index-module--sQhPu.index-module--at3H2 {\n  width: 45px;\n  height: 45px;\n}\n\n.index-module--sQhPu .index-module--aY0Oj {\n  margin-right: 12px;\n}\n.index-module--sQhPu .index-module--vaYox {\n  width: 43px;\n  height: 43px;\n}\n\n.index-module--sQhPu .index-module--YhRIJ {\n  width: 39px;\n  height: 39px;\n  border-width: 2px;\n}\n\n.index-module--sQhPu .index-module--ldM3W {\n  height: 39px;\n}\n\n.index-module--sQhPu .index-module--aY0Oj {\n  line-height: 2px;\n  font-size: 12px;\n  padding: 14px;\n  margin: 8px;\n}\n\n/* \n@media all and (max-width: 1800px) {\n  .palette-item {\n    width: 81px;\n    height: 81px;\n  }\n  .imageWrapper {\n    width: 79px;\n    height: 79px;\n  }\n  .imageBackground {\n    width: 71px;\n    height: 71px;\n  }\n  .wcImage {\n    height: 71px;\n  }\n  .title {\n    line-height: 81px;\n    font-size: 12px;\n  } \n}\n*/\n",""]);var l="index-module--at3H2",r="index-module--vaYox",s="index-module--QreUK",x="index-module--YhRIJ",u="index-module--ldM3W",m="index-module--aY0Oj",p="index-module--sQhPu",c="index-module--kmxbw";const h=a},41789:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iMzUiIHZpZXdCb3g9IjAgMCA0MiAzNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjYzMjkgMjYuNTk3M0wxIDMzLjQ4OTZWMS40ODk2MkwxMS42MzI5IDQuOTM1NzhNMTEuNjMyOSAyNi41OTczVjQuOTM1NzhNMTEuNjMyOSAyNi41OTczSDIxLjI1MzJNMTEuNjMyOSA0LjkzNTc4SDQxVjI2LjU5NzNIMzAuMzY3MU0yMS4yNTMyIDI2LjU5NzNWMTEuODI4MUgzMC4zNjcxVjI2LjU5NzNNMjEuMjUzMiAyNi41OTczSDMwLjM2NzEiIHN0cm9rZT0iIzRBNDU0MyIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cgo8L3N2Zz4K"}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3784,8334],{23784:(n,e,i)=>{i.r(e),i.d(e,{default:()=>N});var o=i(9420),t=i(75327),d=(i(87363),i(93379)),a=i.n(d),l=i(7795),r=i.n(l),s=i(90569),x=i.n(s),u=i(3565),m=i.n(u),p=i(19216),c=i.n(p),h=i(44589),g=i.n(h),b=i(832),v={};v.styleTagTransform=g(),v.setAttributes=m(),v.insert=x().bind(null,"head"),v.domAPI=r(),v.insertStyleElement=c();a()(b.ZP,v);b.ZP&&b.ZP.locals&&b.ZP.locals;var w=i(28334),f=i(65515),M=i.n(f),y=i(47514);const N=(0,o.Pi)((function RoomListSelection(n){var e,i=n.style,o=(0,t.NP)(),d=o.paletteViewHandler.getRoomList(),a=o.paletteViewHandler.getRoomViewList();if(!o.uiState.ViewConfig.roomListInProduct||!o.settingsState.roomListInitialized||!o.productState.doShowRenderImage&&!o.productState.doShow3DComb||o.settingsState.infoBoxContent||o.uiState.isMobileLandscape)return(0,y.jsx)(y.Fragment,{});var l=null===(e=o.productState.planner3DImageSvgArea)||void 0===e?void 0:e.getBoundingClientRect(),r=function stopPropagation(n){n.stopPropagation()};return(0,y.jsx)(y.Fragment,{children:(0,y.jsx)("div",{id:"room-list-selection","data-test-id":"room-list-selection",className:M()(b.QM,o.productState.roomListExpanded?b.tP:void 0,o.uiState.isInMobileView?b.ai:void 0,o.uiState.isTablet?b.Mq:void 0),onClick:function onClick(){o.productState.setRoomListExpanded(!o.productState.roomListExpanded)},onMouseDown:r,onTouchStart:r,style:i,children:o.productState.roomListExpanded&&(0,y.jsxs)("div",{className:b.fz,children:[(0,y.jsx)("div",{"data-test-id":"room-selection-expanded",id:"views-selection-expanded",style:{maxHeight:"calc("+(null==l?void 0:l.height)+"px - 80px)"},className:M()(b.k_,o.uiState.isInMobileView?b.ai:void 0,o.uiState.isTablet?b.Mq:void 0),children:d.map((function(n){return(0,y.jsx)(w.default,{item:n,from:o.settingsState.roomListInitialized},n.codex)}))}),(0,y.jsx)("div",{id:"rooms-selection-expanded",style:{maxWidth:"calc("+(null==l?void 0:l.width)+"px - 100px)"},className:M()(b.He,o.uiState.isInMobileView?b.ai:void 0),children:a.map((function(n){return(0,y.jsx)(w.default,{item:n,from:o.settingsState.roomListInitialized,isVP:!0},n.codex)}))})]})})})}))},28334:(n,e,i)=>{i.r(e),i.d(e,{default:()=>N});var o=i(65515),t=i.n(o),d=i(75327),a=i(9420),l=(i(87363),i(88683)),r=i(93379),s=i.n(r),x=i(7795),u=i.n(x),m=i(90569),p=i.n(m),c=i(3565),h=i.n(c),g=i(19216),b=i.n(g),v=i(44589),w=i.n(v),f=i(62975),M={};M.styleTagTransform=w(),M.setAttributes=h(),M.insert=p().bind(null,"head"),M.domAPI=u(),M.insertStyleElement=b();s()(f.ZP,M);f.ZP&&f.ZP.locals&&f.ZP.locals;var y=i(47514);const N=(0,a.Pi)((function Room(n){var e=n.item,i=n.from,o=n.isVP,a=e,r=(0,d.NP)(),s=(0,l.useTranslation)().t,x=function stopPropagation(n){n.stopPropagation()};return(0,y.jsxs)("div",{onMouseDown:x,onTouchStart:x,onClick:function onClick(n){r.productState.setRoomListExpanded(!0),o?r.paletteViewHandler.clickedOnStaticVPPalette(a,!!i):r.paletteViewHandler.clickedOnStaticRoomPalette(a,!!i)},className:t()(f.CA,r.uiState.isInMobileView?f.ai:void 0),children:[(0,y.jsx)("div",{className:t()(a.sel?f.pA:void 0),children:(0,y.jsx)("div",{className:t()(f.be),children:(0,y.jsx)("div",{className:t()(f.ro),children:(0,y.jsx)("div",{"data-test-id":"select-room",className:f.K5,style:{backgroundImage:"url(".concat(a.url,")")}})})})}),!o&&(0,y.jsx)("div",{onClick:function onClick(n){return n.stopPropagation()},className:t()(a.sel?f.d2:void 0,f.TN),children:s("configurator."+a.N)})]})}))},832:(n,e,i)=>{i.d(e,{He:()=>b,Mq:()=>v,QM:()=>m,ZP:()=>w,ai:()=>c,fz:()=>h,k_:()=>g,tP:()=>p});var o=i(8081),t=i.n(o),d=i(23645),a=i.n(d),l=i(61667),r=i.n(l),s=new URL(i(41789),i.b),x=a()(t()),u=r()(s);x.push([n.id,".index-module--AfTst {\n  width: 70px;\n  height: 70px;\n  background-color: #fff;\n  opacity: 0.8;\n  background-repeat: no-repeat;\n  background-position: center;\n  border-radius: 50%;\n  background-size: 62%;\n  background-image: url("+u+");\n  transition: background-color 0.2s ease-in-out;\n  opacity: 0.8;\n  border: 1px solid #ddd;\n  position: absolute;\n  left: 29px;\n}\n.index-module--PWxIK {\n  background-color: rgba(217,217,217,0.66667);\n}\n.index-module--cEQNy.index-module--AfTst {\n  width: 32px;\n  height: 32px;\n  display: block;\n  position: relative;\n  left: auto;\n  left: initial;\n  bottom: auto;\n  bottom: initial;\n}\n\n.index-module--wlmVi {\n  position: relative;\n  overflow: visible;\n  width: 100%;\n  height: 100%;\n}\n\n.index-module--WK2AV {\n  position: absolute;\n  bottom: 74px;\n  left: 0px;\n  z-index: 700;\n  min-width: 300px;\n  overflow-y: auto;\n  overflow-x: visible;\n  /*hide scrollbar*/\n  -ms-overflow-style: none;\n  scrollbar-width: none; /* Firefox */\n}\n.index-module--WK2AV::-webkit-scrollbar {\n  display: none;\n}\n\n.index-module--cbYpU {\n  position: absolute;\n  display: flex;\n  bottom: -2px;\n  left: 86px;\n  z-index: 700;\n  flex-direction: row;\n  overflow-y: visible;\n  overflow-x: auto;\n}\n\n.index-module--cEQNy.index-module--WK2AV {\n  bottom: 38px;\n  left: -6px;\n}\n\n.index-module--ZDmeP.index-module--WK2AV {\n  bottom: 52px;\n  left: -2px;\n}\n\n.index-module--cEQNy.index-module--cbYpU {\n  display: none;\n}\n",""]);var m="index-module--AfTst",p="index-module--PWxIK",c="index-module--cEQNy",h="index-module--wlmVi",g="index-module--WK2AV",b="index-module--cbYpU",v="index-module--ZDmeP";const w=x},62975:(n,e,i)=>{i.d(e,{CA:()=>l,K5:()=>u,TN:()=>m,ZP:()=>h,ai:()=>p,be:()=>r,d2:()=>c,pA:()=>s,ro:()=>x});var o=i(8081),t=i.n(o),d=i(23645),a=i.n(d)()(t());a.push([n.id,"/*Size Normal */\n\n.index-module--at3H2 {\n  pointer-events: all;\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  width: -moz-min-content;\n  width: min-content;\n  height: 70px;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  margin-bottom: 2px;\n}\n\n.index-module--at3H2:active {\n  z-index: 200;\n}\n.index-module--at3H2:hover {\n  z-index: 200;\n}\n\n.index-module--vaYox {\n  border-radius: 50%;\n  border: 1px transparent solid;\n  width: 68px;\n  height: 68px;\n  transition: border-color 0.3s ease;\n\n  border-style: double;\n}\n\n.index-module--QreUK .index-module--vaYox,\n.index-module--mIArE.index-module--QreUK .index-module--vaYox {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--vaYox:hover {\n  border: 1px var(--primaryColor) solid;\n}\n\n.index-module--QreUK .index-module--vaYox {\n  border: 1px transparent solid !important;\n}\n\n.index-module--YhRIJ {\n  border-radius: 50%;\n  border: 4px white solid;\n  width: 60px;\n  height: 60px;\n  transition: 0.15s ease;\n}\n\n.index-module--QreUK .index-module--YhRIJ {\n  border: 4px var(--primaryColor) solid;\n}\n\n.index-module--ldM3W {\n  width: 100%;\n  height: 60px;\n  border-radius: 50%;\n  background-size: cover;\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\n.index-module--aY0Oj {\n  text-align: center;\n  margin: 16px;\n  padding: 8px 16px;\n  font-size: 14px;\n  line-height: 24px;\n  z-index: 400;\n  font-weight: 600;\n  color: var(--secondaryColor);\n  font-family: var(--diva-typography-font-family);\n  margin-left: 12px;\n  text-align: left;\n  white-space: nowrap;\n  background-color: #eee;\n  border-radius: 70px;\n  opacity: 0;\n  transition: opacity 0.2s ease-in-out;\n  pointer-events: none;\n}\n\n.index-module--at3H2:not(.index-module--sQhPu):hover .index-module--aY0Oj,\n.index-module--kmxbw {\n  opacity: 1;\n  pointer-events: all;\n}\n\n.index-module--sQhPu.index-module--at3H2 {\n  width: 45px;\n  height: 45px;\n}\n\n.index-module--sQhPu .index-module--aY0Oj {\n  margin-right: 12px;\n}\n.index-module--sQhPu .index-module--vaYox {\n  width: 43px;\n  height: 43px;\n}\n\n.index-module--sQhPu .index-module--YhRIJ {\n  width: 39px;\n  height: 39px;\n  border-width: 2px;\n}\n\n.index-module--sQhPu .index-module--ldM3W {\n  height: 39px;\n}\n\n.index-module--sQhPu .index-module--aY0Oj {\n  line-height: 2px;\n  font-size: 12px;\n  padding: 14px;\n  margin: 8px;\n}\n\n/* \n@media all and (max-width: 1800px) {\n  .palette-item {\n    width: 81px;\n    height: 81px;\n  }\n  .imageWrapper {\n    width: 79px;\n    height: 79px;\n  }\n  .imageBackground {\n    width: 71px;\n    height: 71px;\n  }\n  .wcImage {\n    height: 71px;\n  }\n  .title {\n    line-height: 81px;\n    font-size: 12px;\n  } \n}\n*/\n",""]);var l="index-module--at3H2",r="index-module--vaYox",s="index-module--QreUK",x="index-module--YhRIJ",u="index-module--ldM3W",m="index-module--aY0Oj",p="index-module--sQhPu",c="index-module--kmxbw";const h=a},41789:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iMzUiIHZpZXdCb3g9IjAgMCA0MiAzNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjYzMjkgMjYuNTk3M0wxIDMzLjQ4OTZWMS40ODk2MkwxMS42MzI5IDQuOTM1NzhNMTEuNjMyOSAyNi41OTczVjQuOTM1NzhNMTEuNjMyOSAyNi41OTczSDIxLjI1MzJNMTEuNjMyOSA0LjkzNTc4SDQxVjI2LjU5NzNIMzAuMzY3MU0yMS4yNTMyIDI2LjU5NzNWMTEuODI4MUgzMC4zNjcxVjI2LjU5NzNNMjEuMjUzMiAyNi41OTczSDMwLjM2NzEiIHN0cm9rZT0iIzRBNDU0MyIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cgo8L3N2Zz4K"}}]);

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

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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 39.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[39,5070,5820],{73666:(e,t,n)=>{n.r(t),n.d(t,{default:()=>P});var i=n(84658),o=n(88291),r=n(50747),a=n.n(r),s=n(9204),l=n(87363),d=n(9420),u=n(93379),c=n.n(u),p=n(7795),x=n.n(p),b=n(90569),g=n.n(b),f=n(3565),m=n.n(f),S=n(19216),v=n.n(S),h=n(44589),y=n.n(h),w=n(39545),j={};j.styleTagTransform=y(),j.setAttributes=m(),j.insert=g().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=v();c()(w.ZP,j);w.ZP&&w.ZP.locals&&w.ZP.locals;var I=n(47514);const P=(0,d.Pi)((function Inputbox(e){(0,o.Z)(e);var t=(0,s.NP)(),n=(0,l.useRef)(null);if((0,l.useEffect)((function(){var e,i,o;t.settingsState.setInputBoxValue(null!==(e=null===(i=t.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==e?e:""),null===(o=n.current)||void 0===o||o.focus()}),[]),(0,l.useEffect)((function(){var e;null!==(e=t.settingsState.inputBoxItem)&&void 0!==e&&e.freeText&&t.settingsState.setInputBoxValue(t.settingsState.inputBoxItem.freeText)}),[t.settingsState.inputBoxItem]),!t.settingsState.inputBoxItem)return(0,I.jsx)(I.Fragment,{});var r=t.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var d=function(){var e=(0,i.Z)(a().mark((function _callee(){return a().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:if(!t.settingsState.inputBoxItem){e.next=6;break}return t.settingsState.inputBoxItem.freeText=t.settingsState.inputBoxValue,e.next=4,t.paletteViewHandler.clickedOnConfigPalette(t.settingsState.inputBoxItem,"inputbox");case 4:t.settingsState.updateInputBoxValues(!1,void 0),t.uiState.setConfiguratorDisabled(!1);case 6:t.settingsState.inputBoxVisible?t.uiState.setConfiguratorDisabled(!0):t.uiState.setConfiguratorDisabled(!1);case 7:case"end":return e.stop()}}),_callee)})));return function onSubmit(){return e.apply(this,arguments)}}(),u=!!t.settingsState.inputBoxItem.measureUnit;return(0,I.jsx)("div",{children:(0,I.jsxs)("div",{className:w.Q_,children:[(0,I.jsx)("span",{onClick:function onClick(){return t.settingsState.inputBoxVisible=!1},className:w.Jg,children:"✖"}),(0,I.jsxs)("div",{style:{width:"100%"},children:[(0,I.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,I.jsx)("input",{ref:n,onKeyDown:function onKeyDown(e){return function keyDownFunction(e){t&&"Enter"===e.key&&(d(),e.stopPropagation())}(e)},className:w.Ci,type:u?"number":"text",onChange:function onChange(e){return t.settingsState.setInputBoxValue(e.target.value)},value:t.settingsState.inputBoxValue}),(0,I.jsx)("button",{className:w.vX,onClick:d})]})]})})}))},40039:(e,t,n)=>{n.r(t),n.d(t,{cssVariables:()=>O,default:()=>T});var i=n(9204),o=n(87363),r=n(73666),a=n(93379),s=n.n(a),l=n(7795),d=n.n(l),u=n(90569),c=n.n(u),p=n(3565),x=n.n(p),b=n(19216),g=n.n(b),f=n(44589),m=n.n(f),S=n(61609),v={};v.styleTagTransform=m(),v.setAttributes=x(),v.insert=c().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=g();s()(S.ZP,v);S.ZP&&S.ZP.locals&&S.ZP.locals;var h=n(4273),y=n(97853),w=n(12576),j=n(9420),I=n(65515),P=n.n(I),k=n(47514),O={"--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--primaryColor)","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const T=(0,j.Pi)((function Serious(e){var t,n=(0,i.NP)();(0,o.useEffect)((function(){n.layoutRendered=!0,n.initCSSVariablesObj(O)}),[]);var a="PRODUCTS"==(null===(t=n.tabGroupState.curTabGroup)||void 0===t?void 0:t.type);return(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)("div",{ref:function ref(e){return n.uiState.setConfiguratorRef(e)},style:{pointerEvents:n.uiState.configuratorDisabled?"none":void 0},hidden:n.uiState.configuratorHidden,id:"wcConfigurator",className:S.xn,children:[(0,k.jsx)(w.default,{className:S.x6}),(0,k.jsx)(y.default,{className:P()(S.vt,a?S.Uu:void 0)}),(0,k.jsx)(h.default,{className:P()(S.kL,a?S.Uu:void 0),contentItemStartPos:"left"})]}),n.settingsState.inputBoxVisible&&(0,k.jsx)(r.default,{})]})}))},34384:(e,t,n)=>{n.r(t),n.d(t,{default:()=>p});var i=n(80248),o=n(34988),r=n(9420),a=n(87363),s=n(73898),l=n(9204),d=n(88683),u=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var c=(0,d.getLogger)("Planner","InfoBox");const p=(0,r.Pi)((function ContentItemWrapper(e){var t=e.direction,n=e.mountElement,i=e.drawerStyle,r=(0,l.NP)(),p=(0,a.useState)(!1),x=(0,o.Z)(p,2),b=x[0],g=x[1],f=(0,d.useDivaCore)().actions,m=f.openDrawerMenu,S=f.closeDrawerMenu;return(0,a.useEffect)((function(){if(r.settingsState.contentItemVisible&&r.settingsState.contentItemId){g(!0);var e,a,l=r.getIsInMobileView(),d=function onClose(){S("content-item",!0),r.settingsState.setContentItemId()},p=r.settingsState.selectedArticles.map((function(e){return e.basketId})).flat(),x=r.divaWebPlanner.getVariantValues(p).map((function(e){return{featureCodex:e.OPT.startsWith("OPT")?e.OPT.substring(3):e.OPT,selectedOptions:[e.OPV]}})),f=(0,u.jsx)(s.Q,{onClose:d,contentItemId:r.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},headerWrapperStyle:{borderTopRightRadius:"8px",borderTopLeftRadius:"8px"},onContentItemLoaded:function onContentItemLoaded(e){c.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:r.settingsState.contentItemId,title:null!=e?e:void 0})},params:{initialContext:x},onEvent:function onEvent(e){if("applyResults"==e.type){var t,n=e.payload;!(null!==(t=r.divaWebPlanner.actSet())&&void 0!==t&&t.CatalogData.isIDMFormat)&&Object.entries(n).forEach((function(e){var t=(0,o.Z)(e,2),i=t[0],r=t[1];n["OPT".concat(i)]="OPV".concat(r)})),r.paletteViewHandler.changeOnCheckoutConfig(n,p)}else"onCancel"!=e.type&&"onClose"!=e.type||d()}},r.settingsState.contentItemId+r.settingsState.contentItemVisible);if(l)m({id:"content-item",content:f,onClose:d,open:!0,hideCloseButton:!0,showOverlay:!0,noModal:!1,direction:"bottom",mountElement:null!==(e=r.uiState.wrapperRef)&&void 0!==e?e:void 0,handleInternScroll:!0});else m({id:"content-item",content:f,onClose:d,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:t,mountElement:null!==(a=null!=n?n:r.productState.productElement)&&void 0!==a?a:void 0,handleInternScroll:!0,drawerStyle:_objectSpread(_objectSpread({position:"absolute",zIndex:550,maxWidth:500,maxHeight:600,top:0,bottom:"unset",boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===t?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"}),i),wrapperStyle:_objectSpread({zIndex:550,boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===t?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"})})}else b&&(S("content-item",!0),setTimeout((function(){g(!1)}),400))}),[r.settingsState.contentItemVisible,r.settingsState.contentItemId]),(0,u.jsx)(u.Fragment,{})}))},4273:(e,t,n)=>{n.r(t),n.d(t,{default:()=>O});var i=n(80248),o=n(72874),r=n(87363),a=n(9204),s=n(9420),l=n(61110),d=n(19715),u=n(93379),c=n.n(u),p=n(7795),x=n.n(p),b=n(90569),g=n.n(b),f=n(3565),m=n.n(f),S=n(19216),v=n.n(S),h=n(44589),y=n.n(h),w=n(23522),j={};j.styleTagTransform=y(),j.setAttributes=m(),j.insert=g().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=v();c()(w.Z,j);w.Z&&w.Z.locals&&w.Z.locals;var I=n(34384),P=n(47514),k=["contentItemStartPos"];function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const O=(0,s.Pi)((function Product(e){var t,n=e.contentItemStartPos,i=(0,o.Z)(e,k),s=(0,a.NP)(),u=(0,r.useRef)(null),c=function onClick(){if(u.current){var e=u.current.getBoundingClientRect().height;u.current.scrollTop>100&&(e=0),u.current.scrollTo({top:e,behavior:"smooth"})}};return(0,r.useEffect)((function(){var e;!s.uiState.isLoading&&null!==(e=s.configState.paramters)&&void 0!==e&&e.checkout&&c()}),[null===(t=s.configState.paramters)||void 0===t?void 0:t.checkout,s.uiState.isLoading]),(0,P.jsxs)("div",_objectSpread(_objectSpread({ref:function setRef(e){u.current=e,s.productState.setProductElement(e)}},i),{},{id:"wcConfigurator-product",children:[!s.uiState.isLoading&&(0,P.jsx)("div",{className:w.x,onClick:c}),(0,P.jsx)(d.default,{style:{height:"calc(100% - 40px)",width:"calc(100% - 40px)",top:0,margin:"20px"}}),!s.uiState.isLoading&&void 0!==s.divaWebPlanner.getBasket()&&(0,P.jsx)(l.default,{}),(0,P.jsx)(I.default,{direction:n})]}))}))},51451:(e,t,n)=>{n.r(t),n.d(t,{default:()=>d});var i=n(9420),o=(n(87363),n(9204)),r=n(82956),a=n(65515),s=n.n(a),l=n(47514);const d=(0,i.Pi)((function SettingsExpanderButtons(e){var t=(0,o.NP)(),n=t.settingsState.contentItemId&&t.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[t.uiState.doShowConfSettingsExpander&&!t.uiState.isInMobileView&&(0,l.jsx)("div",{className:s()(r.AH,n?r.al:void 0),onClick:t.uiState.onClickExpandConfigSettings}),!t.uiState.isInMobileView&&t.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!t.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:s()(r.EN,n?r.al:void 0),onClick:t.uiState.onClickExpandMaxConfigSettings}),!t.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:r.nW,onClick:t.uiState.onClickExpandMinConfigSettings})]})]})}))},45070:(e,t,n)=>{n.r(t),n.d(t,{default:()=>I});var i=n(34988),o=n(9420),r=n(87363),a=n(9204),s=n(93379),l=n.n(s),d=n(7795),u=n.n(d),c=n(90569),p=n.n(c),x=n(3565),b=n.n(x),g=n(19216),f=n.n(g),m=n(44589),S=n.n(m),v=n(76640),h={};h.styleTagTransform=S(),h.setAttributes=b(),h.insert=p().bind(null,"head"),h.domAPI=u(),h.insertStyleElement=f();l()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var y=n(65515),w=n.n(y),j=n(47514);const I=(0,o.Pi)((function NavForwardButton(e){var t=(0,a.NP)(),n=(0,r.useState)(!1),o=(0,i.Z)(n,2),s=o[0],l=o[1];return(0,r.useEffect)((function(){setTimeout((function(){l(!t.actionButtonState.isOnLastStep&&!t.actionButtonState.isOnFirstStepDisabled)}),400)}),[t.actionButtonState.isOnLastStep,t.actionButtonState.isOnFirstStepDisabled]),(0,j.jsx)("div",{className:w()(v.YS,s&&v.oP,t.uiState.isTablet?v.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",t.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,j.jsx)("div",{className:v.qv})})}))},49202:(e,t,n)=>{n.r(t),n.d(t,{default:()=>y});var i=n(88291),o=n(9420),r=n(87363),a=n(37707),s=n(9204),l=n(82956),d=n(16567),u=n(74133),c=n(84658),p=n(12952),x=n(34988),b=n(50747),g=n.n(b),f=n(88683),m=n(45070),S=n(65515),v=n.n(S),h=n(47514);const y=(0,o.Pi)((function SettingsSwiper(e){(0,i.Z)(e);var t=(0,s.NP)(),n=function useSwiperHook(e){var t=(0,r.useState)(null),n=(0,x.Z)(t,2),i=n[0],o=n[1],a=(0,r.useState)([]),s=(0,x.Z)(a,2),l=s[0],d=s[1];(0,r.useEffect)((function(){var t=(0,p.Z)(e.tabGroupState.allTabGroups.keys());d(t),e.tabGroupState.curTabGroup&&t.indexOf(e.tabGroupState.curTabGroup.key)!=(null==i?void 0:i.activeIndex)&&(null==i||i.slideTo(t.indexOf(e.tabGroupState.curTabGroup.key),400))}),[e.tabGroupState.allTabGroups,e.tabGroupState.curTabGroup,i]);var u=function(){var e=(0,c.Z)(g().mark((function _callee(){var e,t,n,o,r,a=arguments;return g().wrap((function _callee$(s){for(;;)switch(s.prev=s.next){case 0:if(e=a.length>0&&void 0!==a[0]?a[0]:50,t=a.length>1&&void 0!==a[1]?a[1]:500,i){s.next=4;break}return s.abrupt("return");case 4:return n=.25*t,o=i.getTranslate(),r=o-e,i.allowTouchMove=!1,i.setTransition(2*n),i.setTranslate(r),s.next=12,f.DivaUtils.Sleep(2*n);case 12:return i.setTransition(n),i.setTranslate(o-.5*e),s.next=16,f.DivaUtils.Sleep(n);case 16:return i.setTransition(.5*n),i.setTranslate(.8*r),s.next=20,f.DivaUtils.Sleep(.5*n);case 20:i.setTransition(1.75*n),i.setTranslate(o),i.allowTouchMove=!0;case 23:case"end":return s.stop()}}),_callee)})));return function teaseSwipe(){return e.apply(this,arguments)}}(),b=e.tabGroupState.curTabGroup?l.indexOf(e.tabGroupState.curTabGroup.key):0;return{swiperRef:i,setSwiperRef:o,allSwipes:l,handleSlideChange:function handleSlideChange(t){if(void 0!==e.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var n=t.activeIndex-l.indexOf(e.tabGroupState.curTabGroup.key);if(1==n)e.actionButtonState.onClickConfiguratorSettingsForth(!0,!0);else if(-1==n)e.actionButtonState.onClickConfiguratorSettingsBack();else if(0!==n){var i=e.tabGroupState.allTabGroups.get(l[t.activeIndex]);i&&e.tabGroupState.navigateToTabgroupByPosNr(i.posNr)}}},handleSetTransition:function handleSetTransition(){e.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){e.uiState.swiperNavigationActive=!1},initialSlide:b,teaseSwipe:u}}(t),o=n.setSwiperRef,b=n.allSwipes,S=n.handleSlideChange,y=n.handleSetTransition,w=n.handleTransitionEnd,j=n.initialSlide;return t.tabGroupState.curTabGroup&&null!=b&&b.length?(0,h.jsx)(a.tq,{onSlideChange:S,onSetTransition:y,onTransitionEnd:w,initialSlide:j,onSwiper:o,className:l.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:v()("swiper-wrapper",l.Iz),children:b.map((function(e){var n,i=t.tabGroupState.allTabGroups.get(e),o=i?null===(n=Array.from(i.options.values())[0])||void 0===n?void 0:n.title:void 0;return(0,h.jsx)(a.o5,{className:l.AI,children:e==t.tabGroupState.curTabGroup.key?(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(d.default,{},e),(0,h.jsx)(m.default,{})]}):(0,h.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:o&&(0,h.jsx)(u.default,{text:o,isSettingsHeader:!1,isInScroller:!0})})},e)}))}):(0,h.jsx)(h.Fragment,{})}))},97853:(e,t,n)=>{n.r(t),n.d(t,{default:()=>m});var i=n(80248),o=n(72874),r=(n(87363),n(9204)),a=n(80509),s=n(16567),l=n(9420),d=n(82956),u=n(65515),c=n.n(u),p=n(49202),x=n(51451),b=n(71883),g=n(47514),f=["className","tabgroupElement"];function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const m=(0,l.Pi)((function Settings(e){var t,n,i=e.className,l=e.tabgroupElement,u=(0,o.Z)(e,f),m=(0,r.NP)(),S=m.getIsInMobileView()&&m.getViewConfig().navigateMobileSwiper,v=(0,g.jsx)(g.Fragment,{children:S?(0,g.jsx)(p.default,{}):(0,g.jsxs)(g.Fragment,{children:[!m.uiState.isInMobileView&&!m.settingsState.forceSettingsHeaderInScrollContainer&&!m.wysiwygDebugState.wysiwygInspectView&&(0,g.jsx)(a.default,{},null!==(t=null===(n=m.tabGroupState.curTabGroup)||void 0===n?void 0:n.key)&&void 0!==t?t:0),(0,g.jsx)(s.default,{}),(0,g.jsx)(x.default,{})]})});return(0,g.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(i,d.vt,"horizontal"==m.tabGroupState.curTabGroupType?d.s1:void 0,m.uiState.configSettingsIsExpanded?d.zh:void 0),children:[(0,g.jsx)(b.default,{draggerElement:l,children:v}),!m.uiState.isInMobileView&&v]}))}))},39545:(e,t,n)=>{n.d(t,{Ci:()=>p,Jg:()=>b,Q_:()=>x,ZP:()=>f,vX:()=>g});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r),s=n(61667),l=n.n(s),d=new URL(n(38403),n.b),u=a()(o()),c=l()(d);u.push([e.id,".index-module--nrbS_ {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var p="index-module--nrbS_",x="index-module--lGJqa",b="index-module--OZydS",g="index-module--FQDBA";const f=u},61609:(e,t,n)=>{n.d(t,{Uu:()=>u,ZP:()=>p,kL:()=>d,vt:()=>c,x6:()=>l,xn:()=>s});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r)()(o());a.push([e.id,"body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.index-module--ic0Nz {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  background-color: var(--configuratorBackgroundColor);\n}\n\n.index-module--ic0Nz *,\n.index-module--ic0Nz *::before,\n.index-module--ic0Nz *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--SLjS6 {\n  width: 75px;\n  position: relative;\n}\n.index-module--jhJYn {\n  overflow: auto !important;\n}\n.index-module--jhJYn {\n  width: calc(100% - 501px);\n  position: relative;\n}\n.index-module--jhJYn.index-module--yUjbF {\n  display: none;\n}\n\n.index-module--ik_S6 {\n  width: 426px;\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n.index-module--ik_S6.index-module--yUjbF {\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var s="index-module--ic0Nz",l="index-module--SLjS6",d="index-module--jhJYn",u="index-module--yUjbF",c="index-module--ik_S6";const p=a},23522:(e,t,n)=>{n.d(t,{Z:()=>x,x:()=>p});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r),s=n(61667),l=n.n(s),d=new URL(n(66993),n.b),u=a()(o()),c=l()(d);u.push([e.id,".index-module--IAoMi {\n  bottom: 40px;\n  right: 8px;\n  position: absolute;\n  width: 70px;\n  height: 55px;\n  transform: rotate(90deg);\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  z-index: 300;\n}\n",""]);var p="index-module--IAoMi";const x=u},76640:(e,t,n)=>{n.d(t,{Mq:()=>g,YS:()=>p,ZP:()=>f,oP:()=>b,qv:()=>x});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r),s=n(61667),l=n.n(s),d=new URL(n(81165),n.b),u=a()(o()),c=l()(d);u.push([e.id,".index-module--OH1rD {\n  position: absolute;\n  transform: translateZ(0);\n  bottom: 12px;\n  right: 12px;\n  width: 42px;\n  height: 42px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--diva-theme-palette-primary-main);\n  border-radius: 50%;\n  cursor: pointer;\n  z-index: 12000;\n  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n  opacity: 0;\n  transition:\n    opacity 1.5s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n  pointer-events: none;\n}\n\n.index-module--OH1rD:hover {\n  scale: 0.8;\n}\n\n.index-module--OH1rD:focus {\n  scale: 0.9;\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--GRTuu {\n  width: 20px;\n  height: 20px;\n  background-image: url("+c+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n\n.index-module--BWnyQ {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.vaul-dragging .index-module--OH1rD {\n  opacity: 0;\n  transition:\n    opacity 0s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.index-module--CF6oq {\n  bottom: 16px;\n  right: 16px;\n  width: 52px;\n  height: 52px;\n}\n\n.index-module--CF6oq .index-module--GRTuu {\n  width: 26px;\n  height: 26px;\n}\n",""]);var p="index-module--OH1rD",x="index-module--GRTuu",b="index-module--BWnyQ",g="index-module--CF6oq";const f=u},66993:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAxMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiM2ZjZmNmY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO308L3N0eWxlPjwvZGVmcz48dGl0bGU+RWxlbWVudCAxPC90aXRsZT48ZyBpZD0iRWJlbmVfMiIgZGF0YS1uYW1lPSJFYmVuZSAyIj48ZyBpZD0iRWJlbmVfMS0yIiBkYXRhLW5hbWU9IkViZW5lIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEwLjUuNWw1LDQuMjktNSw0LjcxIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNLjUuNWw1LDQuMjlMLjUsOS41Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjAuNS41bDUsNC4yOS01LDQuNzEiLz48L2c+PC9nPjwvc3ZnPg=="},81165:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[39,5070,5820],{73666:(e,t,n)=>{n.r(t),n.d(t,{default:()=>P});var i=n(84658),o=n(88291),r=n(50747),a=n.n(r),s=n(75327),l=n(87363),d=n(9420),u=n(93379),c=n.n(u),p=n(7795),x=n.n(p),b=n(90569),g=n.n(b),f=n(3565),m=n.n(f),S=n(19216),v=n.n(S),h=n(44589),y=n.n(h),w=n(39545),j={};j.styleTagTransform=y(),j.setAttributes=m(),j.insert=g().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=v();c()(w.ZP,j);w.ZP&&w.ZP.locals&&w.ZP.locals;var I=n(47514);const P=(0,d.Pi)((function Inputbox(e){(0,o.Z)(e);var t=(0,s.NP)(),n=(0,l.useRef)(null);if((0,l.useEffect)((function(){var e,i,o;t.settingsState.setInputBoxValue(null!==(e=null===(i=t.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==e?e:""),null===(o=n.current)||void 0===o||o.focus()}),[]),(0,l.useEffect)((function(){var e;null!==(e=t.settingsState.inputBoxItem)&&void 0!==e&&e.freeText&&t.settingsState.setInputBoxValue(t.settingsState.inputBoxItem.freeText)}),[t.settingsState.inputBoxItem]),!t.settingsState.inputBoxItem)return(0,I.jsx)(I.Fragment,{});var r=t.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var d=function(){var e=(0,i.Z)(a().mark((function _callee(){return a().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:if(!t.settingsState.inputBoxItem){e.next=6;break}return t.settingsState.inputBoxItem.freeText=t.settingsState.inputBoxValue,e.next=4,t.paletteViewHandler.clickedOnConfigPalette(t.settingsState.inputBoxItem,"inputbox");case 4:t.settingsState.updateInputBoxValues(!1,void 0),t.uiState.setConfiguratorDisabled(!1);case 6:t.settingsState.inputBoxVisible?t.uiState.setConfiguratorDisabled(!0):t.uiState.setConfiguratorDisabled(!1);case 7:case"end":return e.stop()}}),_callee)})));return function onSubmit(){return e.apply(this,arguments)}}(),u=!!t.settingsState.inputBoxItem.measureUnit;return(0,I.jsx)("div",{children:(0,I.jsxs)("div",{className:w.Q_,children:[(0,I.jsx)("span",{onClick:function onClick(){return t.settingsState.inputBoxVisible=!1},className:w.Jg,children:"✖"}),(0,I.jsxs)("div",{style:{width:"100%"},children:[(0,I.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,I.jsx)("input",{ref:n,onKeyDown:function onKeyDown(e){return function keyDownFunction(e){t&&"Enter"===e.key&&(d(),e.stopPropagation())}(e)},className:w.Ci,type:u?"number":"text",onChange:function onChange(e){return t.settingsState.setInputBoxValue(e.target.value)},value:t.settingsState.inputBoxValue}),(0,I.jsx)("button",{className:w.vX,onClick:d})]})]})})}))},40039:(e,t,n)=>{n.r(t),n.d(t,{cssVariables:()=>O,default:()=>T});var i=n(75327),o=n(87363),r=n(73666),a=n(93379),s=n.n(a),l=n(7795),d=n.n(l),u=n(90569),c=n.n(u),p=n(3565),x=n.n(p),b=n(19216),g=n.n(b),f=n(44589),m=n.n(f),S=n(61609),v={};v.styleTagTransform=m(),v.setAttributes=x(),v.insert=c().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=g();s()(S.ZP,v);S.ZP&&S.ZP.locals&&S.ZP.locals;var h=n(4273),y=n(97853),w=n(12576),j=n(9420),I=n(65515),P=n.n(I),k=n(47514),O={"--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--primaryColor)","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const T=(0,j.Pi)((function Serious(e){var t,n=(0,i.NP)();(0,o.useEffect)((function(){n.layoutRendered=!0,n.initCSSVariablesObj(O)}),[]);var a="PRODUCTS"==(null===(t=n.tabGroupState.curTabGroup)||void 0===t?void 0:t.type);return(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)("div",{ref:function ref(e){return n.uiState.setConfiguratorRef(e)},style:{pointerEvents:n.uiState.configuratorDisabled?"none":void 0},hidden:n.uiState.configuratorHidden,id:"wcConfigurator",className:S.xn,children:[(0,k.jsx)(w.default,{className:S.x6}),(0,k.jsx)(y.default,{className:P()(S.vt,a?S.Uu:void 0)}),(0,k.jsx)(h.default,{className:P()(S.kL,a?S.Uu:void 0),contentItemStartPos:"left"})]}),n.settingsState.inputBoxVisible&&(0,k.jsx)(r.default,{})]})}))},34384:(e,t,n)=>{n.r(t),n.d(t,{default:()=>p});var i=n(80248),o=n(34988),r=n(9420),a=n(87363),s=n(73898),l=n(75327),d=n(88683),u=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var c=(0,d.getLogger)("Planner","InfoBox");const p=(0,r.Pi)((function ContentItemWrapper(e){var t=e.direction,n=e.mountElement,i=e.drawerStyle,r=(0,l.NP)(),p=(0,a.useState)(!1),x=(0,o.Z)(p,2),b=x[0],g=x[1],f=(0,d.useDivaCore)().actions,m=f.openDrawerMenu,S=f.closeDrawerMenu;return(0,a.useEffect)((function(){if(r.settingsState.contentItemVisible&&r.settingsState.contentItemId){g(!0);var e,a,l=r.getIsInMobileView(),d=function onClose(){S("content-item",!0),r.settingsState.setContentItemId()},p=r.settingsState.selectedArticles.map((function(e){return e.basketId})).flat(),x=r.divaWebPlanner.getVariantValues(p).map((function(e){return{featureCodex:e.OPT.startsWith("OPT")?e.OPT.substring(3):e.OPT,selectedOptions:[e.OPV]}})),f=(0,u.jsx)(s.Q,{onClose:d,contentItemId:r.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},headerWrapperStyle:{borderTopRightRadius:"8px",borderTopLeftRadius:"8px"},onContentItemLoaded:function onContentItemLoaded(e){c.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:r.settingsState.contentItemId,title:null!=e?e:void 0})},params:{initialContext:x},onEvent:function onEvent(e){if("applyResults"==e.type){var t,n=e.payload;!(null!==(t=r.divaWebPlanner.actSet())&&void 0!==t&&t.CatalogData.isIDMFormat)&&Object.entries(n).forEach((function(e){var t=(0,o.Z)(e,2),i=t[0],r=t[1];n["OPT".concat(i)]="OPV".concat(r)})),r.paletteViewHandler.changeOnCheckoutConfig(n,p)}else"onCancel"!=e.type&&"onClose"!=e.type||d()}},r.settingsState.contentItemId+r.settingsState.contentItemVisible);if(l)m({id:"content-item",content:f,onClose:d,open:!0,hideCloseButton:!0,showOverlay:!0,noModal:!1,direction:"bottom",mountElement:null!==(e=r.uiState.wrapperRef)&&void 0!==e?e:void 0,handleInternScroll:!0});else m({id:"content-item",content:f,onClose:d,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:t,mountElement:null!==(a=null!=n?n:r.productState.productElement)&&void 0!==a?a:void 0,handleInternScroll:!0,drawerStyle:_objectSpread(_objectSpread({position:"absolute",zIndex:550,maxWidth:500,maxHeight:600,top:0,bottom:"unset",boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===t?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"}),i),wrapperStyle:_objectSpread({zIndex:550,boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===t?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"})})}else b&&(S("content-item",!0),setTimeout((function(){g(!1)}),400))}),[r.settingsState.contentItemVisible,r.settingsState.contentItemId]),(0,u.jsx)(u.Fragment,{})}))},4273:(e,t,n)=>{n.r(t),n.d(t,{default:()=>O});var i=n(80248),o=n(72874),r=n(87363),a=n(75327),s=n(9420),l=n(61110),d=n(19715),u=n(93379),c=n.n(u),p=n(7795),x=n.n(p),b=n(90569),g=n.n(b),f=n(3565),m=n.n(f),S=n(19216),v=n.n(S),h=n(44589),y=n.n(h),w=n(23522),j={};j.styleTagTransform=y(),j.setAttributes=m(),j.insert=g().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=v();c()(w.Z,j);w.Z&&w.Z.locals&&w.Z.locals;var I=n(34384),P=n(47514),k=["contentItemStartPos"];function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const O=(0,s.Pi)((function Product(e){var t,n=e.contentItemStartPos,i=(0,o.Z)(e,k),s=(0,a.NP)(),u=(0,r.useRef)(null),c=function onClick(){if(u.current){var e=u.current.getBoundingClientRect().height;u.current.scrollTop>100&&(e=0),u.current.scrollTo({top:e,behavior:"smooth"})}};return(0,r.useEffect)((function(){var e;!s.uiState.isLoading&&null!==(e=s.configState.paramters)&&void 0!==e&&e.checkout&&c()}),[null===(t=s.configState.paramters)||void 0===t?void 0:t.checkout,s.uiState.isLoading]),(0,P.jsxs)("div",_objectSpread(_objectSpread({ref:function setRef(e){u.current=e,s.productState.setProductElement(e)}},i),{},{id:"wcConfigurator-product",children:[!s.uiState.isLoading&&(0,P.jsx)("div",{className:w.x,onClick:c}),(0,P.jsx)(d.default,{style:{height:"calc(100% - 40px)",width:"calc(100% - 40px)",top:0,margin:"20px"}}),!s.uiState.isLoading&&void 0!==s.divaWebPlanner.getBasket()&&(0,P.jsx)(l.default,{}),(0,P.jsx)(I.default,{direction:n})]}))}))},51451:(e,t,n)=>{n.r(t),n.d(t,{default:()=>d});var i=n(9420),o=(n(87363),n(75327)),r=n(82956),a=n(65515),s=n.n(a),l=n(47514);const d=(0,i.Pi)((function SettingsExpanderButtons(e){var t=(0,o.NP)(),n=t.settingsState.contentItemId&&t.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[t.uiState.doShowConfSettingsExpander&&!t.uiState.isInMobileView&&(0,l.jsx)("div",{className:s()(r.AH,n?r.al:void 0),onClick:t.uiState.onClickExpandConfigSettings}),!t.uiState.isInMobileView&&t.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!t.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:s()(r.EN,n?r.al:void 0),onClick:t.uiState.onClickExpandMaxConfigSettings}),!t.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:r.nW,onClick:t.uiState.onClickExpandMinConfigSettings})]})]})}))},45070:(e,t,n)=>{n.r(t),n.d(t,{default:()=>I});var i=n(34988),o=n(9420),r=n(87363),a=n(75327),s=n(93379),l=n.n(s),d=n(7795),u=n.n(d),c=n(90569),p=n.n(c),x=n(3565),b=n.n(x),g=n(19216),f=n.n(g),m=n(44589),S=n.n(m),v=n(76640),h={};h.styleTagTransform=S(),h.setAttributes=b(),h.insert=p().bind(null,"head"),h.domAPI=u(),h.insertStyleElement=f();l()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var y=n(65515),w=n.n(y),j=n(47514);const I=(0,o.Pi)((function NavForwardButton(e){var t=(0,a.NP)(),n=(0,r.useState)(!1),o=(0,i.Z)(n,2),s=o[0],l=o[1];return(0,r.useEffect)((function(){setTimeout((function(){l(!t.actionButtonState.isOnLastStep&&!t.actionButtonState.isOnFirstStepDisabled)}),400)}),[t.actionButtonState.isOnLastStep,t.actionButtonState.isOnFirstStepDisabled]),(0,j.jsx)("div",{className:w()(v.YS,s&&v.oP,t.uiState.isTablet?v.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",t.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,j.jsx)("div",{className:v.qv})})}))},49202:(e,t,n)=>{n.r(t),n.d(t,{default:()=>y});var i=n(88291),o=n(9420),r=n(87363),a=n(37707),s=n(75327),l=n(82956),d=n(16567),u=n(74133),c=n(84658),p=n(12952),x=n(34988),b=n(50747),g=n.n(b),f=n(88683),m=n(45070),S=n(65515),v=n.n(S),h=n(47514);const y=(0,o.Pi)((function SettingsSwiper(e){(0,i.Z)(e);var t=(0,s.NP)(),n=function useSwiperHook(e){var t=(0,r.useState)(null),n=(0,x.Z)(t,2),i=n[0],o=n[1],a=(0,r.useState)([]),s=(0,x.Z)(a,2),l=s[0],d=s[1];(0,r.useEffect)((function(){var t=(0,p.Z)(e.tabGroupState.allTabGroups.keys());d(t),e.tabGroupState.curTabGroup&&t.indexOf(e.tabGroupState.curTabGroup.key)!=(null==i?void 0:i.activeIndex)&&(null==i||i.slideTo(t.indexOf(e.tabGroupState.curTabGroup.key),400))}),[e.tabGroupState.allTabGroups,e.tabGroupState.curTabGroup,i]);var u=function(){var e=(0,c.Z)(g().mark((function _callee(){var e,t,n,o,r,a=arguments;return g().wrap((function _callee$(s){for(;;)switch(s.prev=s.next){case 0:if(e=a.length>0&&void 0!==a[0]?a[0]:50,t=a.length>1&&void 0!==a[1]?a[1]:500,i){s.next=4;break}return s.abrupt("return");case 4:return n=.25*t,o=i.getTranslate(),r=o-e,i.allowTouchMove=!1,i.setTransition(2*n),i.setTranslate(r),s.next=12,f.DivaUtils.Sleep(2*n);case 12:return i.setTransition(n),i.setTranslate(o-.5*e),s.next=16,f.DivaUtils.Sleep(n);case 16:return i.setTransition(.5*n),i.setTranslate(.8*r),s.next=20,f.DivaUtils.Sleep(.5*n);case 20:i.setTransition(1.75*n),i.setTranslate(o),i.allowTouchMove=!0;case 23:case"end":return s.stop()}}),_callee)})));return function teaseSwipe(){return e.apply(this,arguments)}}(),b=e.tabGroupState.curTabGroup?l.indexOf(e.tabGroupState.curTabGroup.key):0;return{swiperRef:i,setSwiperRef:o,allSwipes:l,handleSlideChange:function handleSlideChange(t){if(void 0!==e.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var n=t.activeIndex-l.indexOf(e.tabGroupState.curTabGroup.key);if(1==n)e.actionButtonState.onClickConfiguratorSettingsForth(!0,!0);else if(-1==n)e.actionButtonState.onClickConfiguratorSettingsBack();else if(0!==n){var i=e.tabGroupState.allTabGroups.get(l[t.activeIndex]);i&&e.tabGroupState.navigateToTabgroupByPosNr(i.posNr)}}},handleSetTransition:function handleSetTransition(){e.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){e.uiState.swiperNavigationActive=!1},initialSlide:b,teaseSwipe:u}}(t),o=n.setSwiperRef,b=n.allSwipes,S=n.handleSlideChange,y=n.handleSetTransition,w=n.handleTransitionEnd,j=n.initialSlide;return t.tabGroupState.curTabGroup&&null!=b&&b.length?(0,h.jsx)(a.tq,{onSlideChange:S,onSetTransition:y,onTransitionEnd:w,initialSlide:j,onSwiper:o,className:l.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:v()("swiper-wrapper",l.Iz),children:b.map((function(e){var n,i=t.tabGroupState.allTabGroups.get(e),o=i?null===(n=Array.from(i.options.values())[0])||void 0===n?void 0:n.title:void 0;return(0,h.jsx)(a.o5,{className:l.AI,children:e==t.tabGroupState.curTabGroup.key?(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(d.default,{},e),(0,h.jsx)(m.default,{})]}):(0,h.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:o&&(0,h.jsx)(u.default,{text:o,isSettingsHeader:!1,isInScroller:!0})})},e)}))}):(0,h.jsx)(h.Fragment,{})}))},97853:(e,t,n)=>{n.r(t),n.d(t,{default:()=>m});var i=n(80248),o=n(72874),r=(n(87363),n(75327)),a=n(80509),s=n(16567),l=n(9420),d=n(82956),u=n(65515),c=n.n(u),p=n(49202),x=n(51451),b=n(71883),g=n(47514),f=["className","tabgroupElement"];function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const m=(0,l.Pi)((function Settings(e){var t,n,i=e.className,l=e.tabgroupElement,u=(0,o.Z)(e,f),m=(0,r.NP)(),S=m.getIsInMobileView()&&m.getViewConfig().navigateMobileSwiper,v=(0,g.jsx)(g.Fragment,{children:S?(0,g.jsx)(p.default,{}):(0,g.jsxs)(g.Fragment,{children:[!m.uiState.isInMobileView&&!m.settingsState.forceSettingsHeaderInScrollContainer&&!m.wysiwygDebugState.wysiwygInspectView&&(0,g.jsx)(a.default,{},null!==(t=null===(n=m.tabGroupState.curTabGroup)||void 0===n?void 0:n.key)&&void 0!==t?t:0),(0,g.jsx)(s.default,{}),(0,g.jsx)(x.default,{})]})});return(0,g.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(i,d.vt,"horizontal"==m.tabGroupState.curTabGroupType?d.s1:void 0,m.uiState.configSettingsIsExpanded?d.zh:void 0),children:[(0,g.jsx)(b.default,{draggerElement:l,children:v}),!m.uiState.isInMobileView&&v]}))}))},39545:(e,t,n)=>{n.d(t,{Ci:()=>p,Jg:()=>b,Q_:()=>x,ZP:()=>f,vX:()=>g});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r),s=n(61667),l=n.n(s),d=new URL(n(38403),n.b),u=a()(o()),c=l()(d);u.push([e.id,".index-module--nrbS_ {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var p="index-module--nrbS_",x="index-module--lGJqa",b="index-module--OZydS",g="index-module--FQDBA";const f=u},61609:(e,t,n)=>{n.d(t,{Uu:()=>u,ZP:()=>p,kL:()=>d,vt:()=>c,x6:()=>l,xn:()=>s});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r)()(o());a.push([e.id,"body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.index-module--ic0Nz {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  background-color: var(--configuratorBackgroundColor);\n}\n\n.index-module--ic0Nz *,\n.index-module--ic0Nz *::before,\n.index-module--ic0Nz *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--SLjS6 {\n  width: 75px;\n  position: relative;\n}\n.index-module--jhJYn {\n  overflow: auto !important;\n}\n.index-module--jhJYn {\n  width: calc(100% - 501px);\n  position: relative;\n}\n.index-module--jhJYn.index-module--yUjbF {\n  display: none;\n}\n\n.index-module--ik_S6 {\n  width: 426px;\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n.index-module--ik_S6.index-module--yUjbF {\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var s="index-module--ic0Nz",l="index-module--SLjS6",d="index-module--jhJYn",u="index-module--yUjbF",c="index-module--ik_S6";const p=a},23522:(e,t,n)=>{n.d(t,{Z:()=>x,x:()=>p});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r),s=n(61667),l=n.n(s),d=new URL(n(66993),n.b),u=a()(o()),c=l()(d);u.push([e.id,".index-module--IAoMi {\n  bottom: 40px;\n  right: 8px;\n  position: absolute;\n  width: 70px;\n  height: 55px;\n  transform: rotate(90deg);\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  z-index: 300;\n}\n",""]);var p="index-module--IAoMi";const x=u},76640:(e,t,n)=>{n.d(t,{Mq:()=>g,YS:()=>p,ZP:()=>f,oP:()=>b,qv:()=>x});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r),s=n(61667),l=n.n(s),d=new URL(n(81165),n.b),u=a()(o()),c=l()(d);u.push([e.id,".index-module--OH1rD {\n  position: absolute;\n  transform: translateZ(0);\n  bottom: 12px;\n  right: 12px;\n  width: 42px;\n  height: 42px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--diva-theme-palette-primary-main);\n  border-radius: 50%;\n  cursor: pointer;\n  z-index: 12000;\n  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n  opacity: 0;\n  transition:\n    opacity 1.5s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n  pointer-events: none;\n}\n\n.index-module--OH1rD:hover {\n  scale: 0.8;\n}\n\n.index-module--OH1rD:focus {\n  scale: 0.9;\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--GRTuu {\n  width: 20px;\n  height: 20px;\n  background-image: url("+c+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n\n.index-module--BWnyQ {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.vaul-dragging .index-module--OH1rD {\n  opacity: 0;\n  transition:\n    opacity 0s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.index-module--CF6oq {\n  bottom: 16px;\n  right: 16px;\n  width: 52px;\n  height: 52px;\n}\n\n.index-module--CF6oq .index-module--GRTuu {\n  width: 26px;\n  height: 26px;\n}\n",""]);var p="index-module--OH1rD",x="index-module--GRTuu",b="index-module--BWnyQ",g="index-module--CF6oq";const f=u},66993:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAxMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiM2ZjZmNmY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO308L3N0eWxlPjwvZGVmcz48dGl0bGU+RWxlbWVudCAxPC90aXRsZT48ZyBpZD0iRWJlbmVfMiIgZGF0YS1uYW1lPSJFYmVuZSAyIj48ZyBpZD0iRWJlbmVfMS0yIiBkYXRhLW5hbWU9IkViZW5lIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEwLjUuNWw1LDQuMjktNSw0LjcxIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNLjUuNWw1LDQuMjlMLjUsOS41Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjAuNS41bDUsNC4yOS01LDQuNzEiLz48L2c+PC9nPjwvc3ZnPg=="},81165:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3958.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3958,8291,58],{43958:(n,e,t)=>{t.r(e),t.d(e,{default:()=>w});var r=t(88291),i=t(9204),s=(t(87363),t(9420)),a=t(93379),o=t.n(a),d=t(7795),u=t.n(d),l=t(90569),c=t.n(l),h=t(3565),m=t.n(h),p=t(19216),g=t.n(p),b=t(44589),v=t.n(b),x=t(29390),f={};f.styleTagTransform=v(),f.setAttributes=m(),f.insert=c().bind(null,"head"),f.domAPI=u(),f.insertStyleElement=g();o()(x.ZP,f);x.ZP&&x.ZP.locals&&x.ZP.locals;var P=t(47514);const w=(0,s.Pi)((function ProgressBar(n){var e;(0,r.Z)(n);var t=(0,i.NP)(),s=null===(e=t.configuratorStructureHandler)||void 0===e?void 0:e.lastConfigStep,a=t.tabGroupState.curConfigStep;if(!s||!a)return(0,P.jsx)(P.Fragment,{});var o=a.posNr,d=s.posNr,u=1==d?0:Math.round(o/d*100),l=100-u;return(0,P.jsxs)("div",{className:x.YS,children:[(0,P.jsx)("div",{className:x.L3,style:{width:u+"%"}}),(0,P.jsx)("div",{className:x.LM,style:{width:l+"%"}})]})}))},29390:(n,e,t)=>{t.d(e,{L3:()=>d,LM:()=>u,YS:()=>o,ZP:()=>l});var r=t(8081),i=t.n(r),s=t(23645),a=t.n(s)()(i());a.push([n.id,".index-module--rHd3V {\n  position: absolute;\n  width: 100%;\n  height: 3px;\n  bottom: 0;\n  left: 0;\n  z-index: 2000;\n}\n\n.index-module--_zSo1 {\n  background: #ccc;\n  border-radius: 0 1px 1px 0;\n  transition: width 0.35s ease-in-out;\n  height: 100%;\n}\n\n.index-module--tkNQ6 {\n  background: #eee;\n  transition: width 0.35s ease-in-out;\n  height: 100%;\n}\n",""]);var o="index-module--rHd3V",d="index-module--_zSo1",u="index-module--tkNQ6";const l=a},88291:(n,e,t)=>{function _objectDestructuringEmpty(n){if(null==n)throw new TypeError("Cannot destructure "+n)}t.d(e,{Z:()=>_objectDestructuringEmpty})}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3958,8291,58],{43958:(n,e,t)=>{t.r(e),t.d(e,{default:()=>w});var r=t(88291),i=t(75327),s=(t(87363),t(9420)),a=t(93379),o=t.n(a),d=t(7795),u=t.n(d),l=t(90569),c=t.n(l),h=t(3565),m=t.n(h),p=t(19216),g=t.n(p),b=t(44589),v=t.n(b),x=t(29390),f={};f.styleTagTransform=v(),f.setAttributes=m(),f.insert=c().bind(null,"head"),f.domAPI=u(),f.insertStyleElement=g();o()(x.ZP,f);x.ZP&&x.ZP.locals&&x.ZP.locals;var P=t(47514);const w=(0,s.Pi)((function ProgressBar(n){var e;(0,r.Z)(n);var t=(0,i.NP)(),s=null===(e=t.configuratorStructureHandler)||void 0===e?void 0:e.lastConfigStep,a=t.tabGroupState.curConfigStep;if(!s||!a)return(0,P.jsx)(P.Fragment,{});var o=a.posNr,d=s.posNr,u=1==d?0:Math.round(o/d*100),l=100-u;return(0,P.jsxs)("div",{className:x.YS,children:[(0,P.jsx)("div",{className:x.L3,style:{width:u+"%"}}),(0,P.jsx)("div",{className:x.LM,style:{width:l+"%"}})]})}))},29390:(n,e,t)=>{t.d(e,{L3:()=>d,LM:()=>u,YS:()=>o,ZP:()=>l});var r=t(8081),i=t.n(r),s=t(23645),a=t.n(s)()(i());a.push([n.id,".index-module--rHd3V {\n  position: absolute;\n  width: 100%;\n  height: 3px;\n  bottom: 0;\n  left: 0;\n  z-index: 2000;\n}\n\n.index-module--_zSo1 {\n  background: #ccc;\n  border-radius: 0 1px 1px 0;\n  transition: width 0.35s ease-in-out;\n  height: 100%;\n}\n\n.index-module--tkNQ6 {\n  background: #eee;\n  transition: width 0.35s ease-in-out;\n  height: 100%;\n}\n",""]);var o="index-module--rHd3V",d="index-module--_zSo1",u="index-module--tkNQ6";const l=a},88291:(n,e,t)=>{function _objectDestructuringEmpty(n){if(null==n)throw new TypeError("Cannot destructure "+n)}t.d(e,{Z:()=>_objectDestructuringEmpty})}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 396.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[396],{10396:(e,n,t)=>{t.r(n),t.d(n,{default:()=>y});t(87363);var a=t(93379),r=t.n(a),l=t(7795),i=t.n(l),s=t(90569),d=t.n(s),o=t(3565),g=t.n(o),u=t(19216),c=t.n(u),v=t(44589),f=t.n(v),h=t(29112),m={};m.styleTagTransform=f(),m.setAttributes=g(),m.insert=d().bind(null,"head"),m.domAPI=i(),m.insertStyleElement=c();r()(h.Z,m);h.Z&&h.Z.locals&&h.Z.locals;var x=t(9204),P=t(85092),p=t(9420),C=t(88683),b=t(69369),j=t(47514),k=(0,C.getLogger)("Planner","ToggleHandler");const y=(0,p.Pi)((function ToggleHeader(e){var n,t,a=e.item,r=(0,x.NP)(),l=a.groups[0].items;if(!l)return(0,j.jsx)(j.Fragment,{});for(var i=0;i<l.length;i++){var s,d;null!==(s=l[i].codex)&&void 0!==s&&s.startsWith("OPVNEIN")&&(t=l[i]),null!==(d=l[i].codex)&&void 0!==d&&d.startsWith("OPVJA")&&(n=l[i])}return t&&n||(2==l.length&&(t=l[0],n=l[1]),t&&n)?(0,j.jsx)("div",{className:h.R,children:(0,j.jsx)(P.default,{onChange:function onChange(){r.paletteViewHandler.clickedOnConfigPalette(t.sel?n:t,void 0,a.id)},val:a,state:0==t.sel,off:t.text,on:n.text})}):(k.error(new b.GE("Achtung! Bei der Option: "+l[0].op+" gibt es keine eindeutige werte für JA und NEIN",{code:"WC_0011"})),(0,j.jsx)(j.Fragment,{}))}))},29112:(e,n,t)=>{t.d(n,{R:()=>s,Z:()=>d});var a=t(8081),r=t.n(a),l=t(23645),i=t.n(l)()(r());i.push([e.id,".index-module--ydvXj {\n  float: right;\n}\n",""]);var s="index-module--ydvXj";const d=i}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[396],{10396:(e,n,t)=>{t.r(n),t.d(n,{default:()=>y});t(87363);var a=t(93379),r=t.n(a),l=t(7795),i=t.n(l),s=t(90569),d=t.n(s),o=t(3565),g=t.n(o),u=t(19216),c=t.n(u),v=t(44589),f=t.n(v),h=t(29112),m={};m.styleTagTransform=f(),m.setAttributes=g(),m.insert=d().bind(null,"head"),m.domAPI=i(),m.insertStyleElement=c();r()(h.Z,m);h.Z&&h.Z.locals&&h.Z.locals;var x=t(75327),P=t(85092),p=t(9420),C=t(88683),b=t(69369),j=t(47514),k=(0,C.getLogger)("Planner","ToggleHandler");const y=(0,p.Pi)((function ToggleHeader(e){var n,t,a=e.item,r=(0,x.NP)(),l=a.groups[0].items;if(!l)return(0,j.jsx)(j.Fragment,{});for(var i=0;i<l.length;i++){var s,d;null!==(s=l[i].codex)&&void 0!==s&&s.startsWith("OPVNEIN")&&(t=l[i]),null!==(d=l[i].codex)&&void 0!==d&&d.startsWith("OPVJA")&&(n=l[i])}return t&&n||(2==l.length&&(t=l[0],n=l[1]),t&&n)?(0,j.jsx)("div",{className:h.R,children:(0,j.jsx)(P.default,{onChange:function onChange(){r.paletteViewHandler.clickedOnConfigPalette(t.sel?n:t,void 0,a.id)},val:a,state:0==t.sel,off:t.text,on:n.text})}):(k.error(new b.GE("Achtung! Bei der Option: "+l[0].op+" gibt es keine eindeutige werte für JA und NEIN",{code:"WC_0011"})),(0,j.jsx)(j.Fragment,{}))}))},29112:(e,n,t)=>{t.d(n,{R:()=>s,Z:()=>d});var a=t(8081),r=t.n(a),l=t(23645),i=t.n(l)()(r());i.push([e.id,".index-module--ydvXj {\n  float: right;\n}\n",""]);var s="index-module--ydvXj";const d=i}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3979.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3979,7444,1099,6937,1327],{57446:function(r,m,x){var v;r.exports=(v=x(87363),function(r){var m={};function n(x){if(m[x])return m[x].exports;var v=m[x]={i:x,l:!1,exports:{}};return r[x].call(v.exports,v,v.exports,n),v.l=!0,v.exports}return n.m=r,n.c=m,n.d=function(r,m,x){n.o(r,m)||Object.defineProperty(r,m,{enumerable:!0,get:x})},n.r=function(r){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})},n.t=function(r,m){if(1&m&&(r=n(r)),8&m)return r;if(4&m&&"object"==typeof r&&r&&r.__esModule)return r;var x=Object.create(null);if(n.r(x),Object.defineProperty(x,"default",{enumerable:!0,value:r}),2&m&&"string"!=typeof r)for(var v in r)n.d(x,v,function(m){return r[m]}.bind(null,v));return x},n.n=function(r){var m=r&&r.__esModule?function(){return r.default}:function(){return r};return n.d(m,"a",m),m},n.o=function(r,m){return Object.prototype.hasOwnProperty.call(r,m)},n.p="",n(n.s=4)}([function(r,m,x){r.exports=x(2)()},function(r,m){r.exports=v},function(r,m,x){"use strict";var v=x(3);function o(){}function i(){}i.resetWarningCache=o,r.exports=function(){function e(r,m,x,y,T,C){if(C!==v){var O=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw O.name="Invariant Violation",O}}function t(){return e}e.isRequired=e;var r={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:o};return r.PropTypes=r,r}},function(r,m,x){"use strict";r.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(r,m,x){"use strict";x.r(m);var v=x(1),y=x.n(v),T=x(0),C=x.n(T),a=function(r){return 0!==r};function l(){return(l=Object.assign?Object.assign.bind():function(r){for(var m=1;m<arguments.length;m++){var x=arguments[m];for(var v in x)Object.prototype.hasOwnProperty.call(x,v)&&(r[v]=x[v])}return r}).apply(this,arguments)}function c(r){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r})(r)}function p(r,m){for(var x=0;x<m.length;x++){var v=m[x];v.enumerable=v.enumerable||!1,v.configurable=!0,"value"in v&&(v.writable=!0),Object.defineProperty(r,v.key,v)}}function u(r,m){return(u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,m){return r.__proto__=m,r})(r,m)}function g(r){var m=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(r){return!1}}();return function(){var x,v=d(r);if(m){var y=d(this).constructor;x=Reflect.construct(v,arguments,y)}else x=v.apply(this,arguments);return f(this,x)}}function f(r,m){if(m&&("object"===c(m)||"function"==typeof m))return m;if(void 0!==m)throw new TypeError("Derived constructors may only return object or undefined");return h(r)}function h(r){if(void 0===r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function d(r){return(d=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(r){return r.__proto__||Object.getPrototypeOf(r)})(r)}function b(r,m,x){return m in r?Object.defineProperty(r,m,{value:x,enumerable:!0,configurable:!0,writable:!0}):r[m]=x,r}var O=function(r){!function(r,m){if("function"!=typeof m&&null!==m)throw new TypeError("Super expression must either be null or a function");r.prototype=Object.create(m&&m.prototype,{constructor:{value:r,writable:!0,configurable:!0}}),Object.defineProperty(r,"prototype",{writable:!1}),m&&u(r,m)}(s,r);var m,x,v,T=g(s);function s(r){var m;return function(r,m){if(!(r instanceof m))throw new TypeError("Cannot call a class as a function")}(this,s),b(h(m=T.call(this,r)),"continueOpenCollapsible",(function(){var r=h(m).innerRef;m.setState({height:r.scrollHeight,transition:"height ".concat(m.props.transitionTime,"ms ").concat(m.props.easing),isClosed:!1,hasBeenOpened:!0,inTransition:a(r.scrollHeight),shouldOpenOnNextCycle:!1})})),b(h(m),"handleTriggerClick",(function(r){m.props.triggerDisabled||m.state.inTransition||(r.preventDefault(),m.props.handleTriggerClick?m.props.handleTriggerClick(m.props.accordionPosition):!0===m.state.isClosed?(m.openCollapsible(),m.props.onOpening(),m.props.onTriggerOpening()):(m.closeCollapsible(),m.props.onClosing(),m.props.onTriggerClosing()))})),b(h(m),"handleTransitionEnd",(function(r){r.target===m.innerRef&&(m.state.isClosed?(m.setState({inTransition:!1}),m.props.onClose()):(m.setState({height:"auto",overflow:m.props.overflowWhenOpen,inTransition:!1}),m.props.onOpen()))})),b(h(m),"setInnerRef",(function(r){return m.innerRef=r})),m.timeout=void 0,m.contentId=r.contentElementId||"collapsible-content-".concat(Date.now()),m.triggerId=r.triggerElementProps.id||"collapsible-trigger-".concat(Date.now()),r.open?m.state={isClosed:!1,shouldSwitchAutoOnNextCycle:!1,height:"auto",transition:"none",hasBeenOpened:!0,overflow:r.overflowWhenOpen,inTransition:!1}:m.state={isClosed:!0,shouldSwitchAutoOnNextCycle:!1,height:0,transition:"height ".concat(r.transitionTime,"ms ").concat(r.easing),hasBeenOpened:!1,overflow:"hidden",inTransition:!1},m}return m=s,(x=[{key:"componentDidUpdate",value:function(r,m){var x=this;this.state.shouldOpenOnNextCycle&&this.continueOpenCollapsible(),"auto"!==m.height&&0!==m.height||!0!==this.state.shouldSwitchAutoOnNextCycle||(window.clearTimeout(this.timeout),this.timeout=window.setTimeout((function(){x.setState({height:0,overflow:"hidden",isClosed:!0,shouldSwitchAutoOnNextCycle:!1})}),50)),r.open!==this.props.open&&(!0===this.props.open?(this.openCollapsible(),this.props.onOpening()):(this.closeCollapsible(),this.props.onClosing()))}},{key:"componentWillUnmount",value:function(){window.clearTimeout(this.timeout)}},{key:"closeCollapsible",value:function(){var r=this.innerRef;this.setState({shouldSwitchAutoOnNextCycle:!0,height:r.scrollHeight,transition:"height ".concat(this.props.transitionCloseTime?this.props.transitionCloseTime:this.props.transitionTime,"ms ").concat(this.props.easing),inTransition:a(r.scrollHeight)})}},{key:"openCollapsible",value:function(){this.setState({inTransition:a(this.innerRef.scrollHeight),shouldOpenOnNextCycle:!0})}},{key:"renderNonClickableTriggerElement",value:function(){var r=this.props,m=r.triggerSibling,x=r.classParentString;if(!m)return null;switch(c(m)){case"string":return y.a.createElement("span",{className:"".concat(x,"__trigger-sibling")},m);case"function":return m();case"object":return m;default:return null}}},{key:"render",value:function(){var r=this,m={height:this.state.height,WebkitTransition:this.state.transition,msTransition:this.state.transition,transition:this.state.transition,overflow:this.state.overflow},x=this.state.isClosed?"is-closed":"is-open",v=this.props.triggerDisabled?"is-disabled":"",T=!1===this.state.isClosed&&void 0!==this.props.triggerWhenOpen?this.props.triggerWhenOpen:this.props.trigger,C=this.props.contentContainerTagName,O=this.props.triggerTagName,N=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,j=this.props,w=j.classParentString,S=j.contentOuterClassName,I=j.contentInnerClassName,P="".concat(w,"__trigger ").concat(x," ").concat(v," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),M="".concat(w," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),k="".concat(w,"__contentOuter ").concat(S),L="".concat(w,"__contentInner ").concat(I);return y.a.createElement(C,l({className:M.trim()},this.props.containerElementProps),y.a.createElement(O,l({id:this.triggerId,className:P.trim(),onClick:this.handleTriggerClick,style:this.props.triggerStyle&&this.props.triggerStyle,onKeyPress:function(m){var x=m.key;(" "===x&&"button"!==r.props.triggerTagName.toLowerCase()||"Enter"===x)&&r.handleTriggerClick(m)},tabIndex:this.props.tabIndex&&this.props.tabIndex,"aria-expanded":!this.state.isClosed,"aria-disabled":this.props.triggerDisabled,"aria-controls":this.contentId,role:"button"},this.props.triggerElementProps),T),this.renderNonClickableTriggerElement(),y.a.createElement("div",{id:this.contentId,className:k.trim(),style:m,onTransitionEnd:this.handleTransitionEnd,ref:this.setInnerRef,hidden:this.props.contentHiddenWhenClosed&&this.state.isClosed&&!this.state.inTransition,role:"region","aria-labelledby":this.triggerId},y.a.createElement("div",{className:L.trim()},N)))}}])&&p(m.prototype,x),v&&p(m,v),Object.defineProperty(m,"prototype",{writable:!1}),s}(v.Component);O.propTypes={transitionTime:C.a.number,transitionCloseTime:C.a.number,triggerTagName:C.a.string,easing:C.a.string,open:C.a.bool,containerElementProps:C.a.object,triggerElementProps:C.a.object,contentElementId:C.a.string,classParentString:C.a.string,className:C.a.string,openedClassName:C.a.string,triggerStyle:C.a.object,triggerClassName:C.a.string,triggerOpenedClassName:C.a.string,contentOuterClassName:C.a.string,contentInnerClassName:C.a.string,accordionPosition:C.a.oneOfType([C.a.string,C.a.number]),handleTriggerClick:C.a.func,onOpen:C.a.func,onClose:C.a.func,onOpening:C.a.func,onClosing:C.a.func,onTriggerOpening:C.a.func,onTriggerClosing:C.a.func,trigger:C.a.oneOfType([C.a.string,C.a.element]),triggerWhenOpen:C.a.oneOfType([C.a.string,C.a.element]),triggerDisabled:C.a.bool,lazyRender:C.a.bool,overflowWhenOpen:C.a.oneOf(["hidden","visible","auto","scroll","inherit","initial","unset"]),contentHiddenWhenClosed:C.a.bool,triggerSibling:C.a.oneOfType([C.a.string,C.a.element,C.a.func]),tabIndex:C.a.number,contentContainerTagName:C.a.string,children:C.a.oneOfType([C.a.string,C.a.element])},O.defaultProps={transitionTime:400,transitionCloseTime:null,triggerTagName:"span",easing:"linear",open:!1,classParentString:"Collapsible",triggerDisabled:!1,lazyRender:!1,overflowWhenOpen:"hidden",contentHiddenWhenClosed:!1,openedClassName:"",triggerStyle:null,triggerClassName:"",triggerOpenedClassName:"",contentOuterClassName:"",contentInnerClassName:"",className:"",triggerSibling:null,onOpen:function(){},onClose:function(){},onOpening:function(){},onClosing:function(){},onTriggerOpening:function(){},onTriggerClosing:function(){},tabIndex:null,contentContainerTagName:"div",triggerElementProps:{}},m.default=O}]))},67444:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>E});x(87363);var v=x(9420),y=x(93379),T=x.n(y),C=x(7795),O=x.n(C),N=x(90569),j=x.n(N),w=x(3565),S=x.n(w),I=x(19216),P=x.n(I),M=x(44589),k=x.n(M),L=x(91605),Z={};Z.styleTagTransform=k(),Z.setAttributes=S(),Z.insert=j().bind(null,"head"),Z.domAPI=O(),Z.insertStyleElement=P();T()(L.ZP,Z);L.ZP&&L.ZP.locals&&L.ZP.locals;var z=x(9204),A=x(47514);const E=(0,v.Pi)((function ContentItemTeaser(r){var m=r.item,x=(0,z.NP)();return(0,A.jsxs)("div",{className:L.bz,children:[m.emoji&&(0,A.jsx)("div",{className:L.rP,children:m.emoji}),(0,A.jsx)("div",{className:L.TN,children:m.title}),(0,A.jsx)("div",{className:L.WL,children:m.description}),m.id&&(0,A.jsxs)("button",{className:L.LI,onClick:function onClick(){!function isUrl(r){return/^https?:\/\//.test(r)}(m.id)?x.settingsState.onClickContentItemId(m.id):window.open(m.id,"_blank","noopener,noreferrer")},children:[(0,A.jsx)("span",{className:L.q5,children:m.buttonText}),(0,A.jsx)("div",{className:L.x7,children:(0,A.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,A.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},81099:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>R});x(87363);var v=x(37486),y=x(9204),T=x(93379),C=x.n(T),O=x(7795),N=x.n(O),j=x(90569),w=x.n(j),S=x(3565),I=x.n(S),P=x(19216),M=x.n(P),k=x(44589),L=x.n(k),Z=x(9668),z={};z.styleTagTransform=L(),z.setAttributes=I(),z.insert=w().bind(null,"head"),z.domAPI=N(),z.insertStyleElement=M();C()(Z.ZP,z);Z.ZP&&Z.ZP.locals&&Z.ZP.locals;var A=x(67444),E=x(47514);const R=function SettingsItemsGroup(r){var m=r.group;(0,y.NP)();return(0,E.jsxs)("div",{className:Z.YS,children:[(0,E.jsx)("div",{className:Z.t$,children:m.left.map((function(r){var x,y,T,C=m.palettes.find((function(m){return m.id===r}));return(0,E.jsxs)(E.Fragment,{children:["TOP"===(null===(x=C.contentItemTeaser)||void 0===x?void 0:x.position)?(0,E.jsx)(A.default,{item:C.contentItemTeaser}):(0,E.jsx)(E.Fragment,{}),(0,E.jsx)(v.default,{item:C,id:Number(C.id)},null!==(y=C.optionCodex)&&void 0!==y?y:C.configStepKey+C.id),"BOTTOM"===(null===(T=C.contentItemTeaser)||void 0===T?void 0:T.position)?(0,E.jsx)(A.default,{item:C.contentItemTeaser}):(0,E.jsx)(E.Fragment,{})]})}))}),(0,E.jsx)("div",{className:Z.eX}),(0,E.jsx)("div",{className:Z.F2,children:m.right.map((function(r){var x,y,T,C=m.palettes.find((function(m){return m.id===r}));return(0,E.jsxs)(E.Fragment,{children:["TOP"===(null===(x=C.contentItemTeaser)||void 0===x?void 0:x.position)?(0,E.jsx)(A.default,{item:C.contentItemTeaser}):(0,E.jsx)(E.Fragment,{}),(0,E.jsx)(v.default,{item:C,id:Number(C.id)},null!==(y=C.optionCodex)&&void 0!==y?y:C.configStepKey+C.id),"BOTTOM"===(null===(T=C.contentItemTeaser)||void 0===T?void 0:T.position)?(0,E.jsx)(A.default,{item:C.contentItemTeaser}):(0,E.jsx)(E.Fragment,{})]})}))})]})}},26937:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>S});var v=x(34988),y=x(87363),T=x(9420),C=x(37486),O=x(9204),N=x(81099),j=x(67444),w=x(47514);const S=(0,T.Pi)((function SettingsItemsWrapper(r){var m=r.itemPalettesArr,x=r.zIndexBase,T=(0,O.NP)(),S=(0,y.useState)([]),I=(0,v.Z)(S,2),P=I[0],M=I[1];return(0,y.useEffect)((function(){for(var r=[],x=function _loop(){var x=m[v],y=T.configuratorStructureHandler.getOptionStepByCodex(x.optionCodex),C=null==y?void 0:y.partOfGroup,O=r.find((function(r){var m;return(null!==(m=null==C?void 0:C.groupName)&&void 0!==m?m:x.configStepKey+x.id)===r.groupName}));if(O)O.palettes.push(x);else{var N,j={groupName:null!==(N=null==C?void 0:C.groupName)&&void 0!==N?N:x.configStepKey+x.id,palettes:[x],left:[],right:[]};r.push(j),O=j}"l"===(null==C?void 0:C.position)?O.left.push(x.id):"r"===(null==C?void 0:C.position)&&O.right.push(x.id)},v=0;v<m.length;v++)x();M(r)}),[m]),(0,w.jsx)(w.Fragment,{children:P.map((function(r){var m;if(r.palettes.length>1)return(0,w.jsx)(N.default,{group:r});var v=r.palettes[0].contentItemTeaser;return(0,w.jsxs)(w.Fragment,{children:["TOP"==(null==v?void 0:v.position)&&(0,w.jsx)(j.default,{item:v}),(0,w.jsx)(C.default,{item:r.palettes[0],id:Number(r.palettes[0].id),zIndexBase:x},(null!==(m=r.palettes[0].optionCodex)&&void 0!==m?m:r.palettes[0].configStepKey)+r.palettes[0].id),"BOTTOM"==(null==v?void 0:v.position)&&(0,w.jsx)(j.default,{item:v})]})}))})}))},61327:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>_});var v=x(65515),y=x.n(v),T=x(9420),C=(x(87363),x(9204)),O=x(93379),N=x.n(O),j=x(7795),w=x.n(j),S=x(90569),I=x.n(S),P=x(3565),M=x.n(P),k=x(19216),L=x.n(k),Z=x(44589),z=x.n(Z),A=x(95055),E={};E.styleTagTransform=z(),E.setAttributes=M(),E.insert=I().bind(null,"head"),E.domAPI=w(),E.insertStyleElement=L();N()(A.ZP,E);A.ZP&&A.ZP.locals&&A.ZP.locals;var R=x(88683),D=x(47514);const _=(0,T.Pi)((function SubTabGroupHeader(r){var m=r.openState,x=r.curState,v=r.tabs,T=(0,C.NP)(),O=(0,R.useTranslation)().t;return(0,D.jsxs)("div",{onClick:function onClick(){return m[1](!m[0])},className:y()(A.Fs,m[0]?A.bA:void 0,T.uiState.isInMobileView?A.ai:void 0),children:[(0,D.jsx)("div",{className:A.YS,children:v.map((function(r,T){return(0,D.jsxs)("div",{className:y()(A.TN,x[0]===r&&m[0]?A.pA:void 0),onClick:function onClick(v){x[1](r),m[0]||m[1](!0),v.stopPropagation()},children:["ALL"===r&&1!==v.length&&O("configurator.config_all"),1===v.length&&O("configurator.config_accessoire"),v.length>1&&"ALL"!==r&&T+"."]},r)}))}),(0,D.jsx)("div",{className:y()(A.y6)})]})}))},23979:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>Y});var v=x(12952),y=x(34988),T=x(87363),C=x(57446),O=x.n(C),N=x(61327),j=x(9420),w=x(93379),S=x.n(w),I=x(7795),P=x.n(I),M=x(90569),k=x.n(M),L=x(3565),Z=x.n(L),z=x(19216),A=x.n(z),E=x(44589),R=x.n(E),D=x(27558),_={};_.styleTagTransform=R(),_.setAttributes=Z(),_.insert=k().bind(null,"head"),_.domAPI=P(),_.insertStyleElement=A();S()(D.Z,_);D.Z&&D.Z.locals&&D.Z.locals;var H=x(9204),W=x(26937),U=x(47514);const Y=(0,j.Pi)((function SubTabgroup(r){var m,x,C=r.itemPalettesOfArticle,j=r.zIndexBase,w=(0,H.NP)(),S=(0,T.useState)(!(null===(m=w.getViewConfig())||void 0===m||!m.selectAccessoiresWithToggle)),I=(0,y.Z)(S,2),P=I[0],M=I[1],k=Object.keys(C),L=(0,T.useState)("ALL"),Z=(0,y.Z)(L,2),z=Z[0],A=Z[1],E=(0,T.useState)([]),R=(0,y.Z)(E,2),_=R[0],Y=R[1],B=(0,T.useState)(C[k[0]]),V=(0,y.Z)(B,2),J=V[0],F=V[1];return(0,T.useEffect)((function(){var r,m=null!==(r=C["ALL"==z?k[0]:z])&&void 0!==r?r:{};Object.values(m).map((function(r){return r.configAllMode="ALL"==z?k:void 0})),F(m),Y(["ALL"].concat((0,v.Z)(k.length>1?k:[]))),_.includes(z)||A(_[0])}),[C,z]),(0,U.jsx)(O(),{trigger:null!==(x=w.getViewConfig())&&void 0!==x&&x.selectAccessoiresWithToggle?(0,U.jsx)(U.Fragment,{}):(0,U.jsx)(N.default,{tabs:_,openState:[P,M],curState:[z,A]}),contentOuterClassName:P?D.n:void 0,easing:"ease",open:P,triggerDisabled:P,children:(0,U.jsx)(W.default,{itemPalettesArr:Object.values(J),zIndexBase:j})})}))},91605:(r,m,x)=>{"use strict";x.d(m,{LI:()=>S,TN:()=>j,WL:()=>w,ZP:()=>M,bz:()=>O,q5:()=>I,rP:()=>N,x7:()=>P});var v=x(8081),y=x.n(v),T=x(23645),C=x.n(T)()(y());C.push([r.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 O="index-module--YvhoM",N="index-module--xRF8A",j="index-module--AkzgH",w="index-module--YcLKe",S="index-module--tZsne",I="index-module--KlW5i",P="index-module--MViR0";const M=C},9668:(r,m,x)=>{"use strict";x.d(m,{F2:()=>j,YS:()=>O,ZP:()=>S,eX:()=>w,t$:()=>N});var v=x(8081),y=x.n(v),T=x(23645),C=x.n(T)()(y());C.push([r.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  align-self: stretch;\n}\n\n.index-module--gupRY {\n  flex: 1;\n  align-self: stretch;\n}\n\n.index-module--lvlA1 {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}\n",""]);var O="index-module--h2rQ7",N="index-module--vn75Y",j="index-module--gupRY",w="index-module--lvlA1";const S=C},95055:(r,m,x)=>{"use strict";x.d(m,{Fs:()=>I,TN:()=>M,YS:()=>P,ZP:()=>A,ai:()=>z,bA:()=>Z,pA:()=>k,y6:()=>L});var v=x(8081),y=x.n(v),T=x(23645),C=x.n(T),O=x(61667),N=x.n(O),j=new URL(x(37766),x.b),w=C()(y()),S=N()(j);w.push([r.id,".index-module--bSSUt {\n  height: 48px;\n  position: relative;\n  background-color: var(--diva-theme-palette-primary-light);\n  border-bottom: 2px solid var(--diva-theme-palette-primary-main);\n}\n\n.index-module--wbRxH {\n  margin-left: 16px;\n  margin-right: 16px;\n  display: flex;\n}\n.index-module--Jw9JV {\n  padding: 11px;\n  font-weight: 100;\n  font-size: 18px;\n  position: relative;\n}\n\n.index-module--Jw9JV:hover,\n.index-module--CAkCY {\n  border: none;\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--Jw9JV::after {\n  content: '';\n  position: absolute;\n  width: 0px;\n  height: 3px;\n  left: 50%;\n  bottom: 0;\n  background-color: var(--diva-theme-palette-primary-main);\n  transition: all ease-in-out 0.2s;\n}\n.index-module--Jw9JV:hover::after,\n.index-module--CAkCY::after {\n  width: 100%;\n  left: 0;\n}\n\n.index-module--IR2e_ {\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  background-image: url("+S+");\n  transform: rotate(90deg);\n  transition: all 0.35s ease;\n  width: 40px;\n  height: 40px;\n  position: absolute;\n  right: 8px;\n  top: 5px;\n}\n.index-module--jWjLA .index-module--IR2e_ {\n  transform: rotate(0deg);\n}\n\n.index-module--bSSUt.index-module--PzZv7 {\n  height: 38px;\n}\n\n.index-module--PzZv7 .index-module--Jw9JV {\n  padding: 8px;\n  font-weight: 300;\n  font-size: 14px;\n}\n\n.index-module--PzZv7 .index-module--IR2e_ {\n  width: 34px;\n  height: 34px;\n  position: absolute;\n  right: 8px;\n  top: 0px;\n}\n",""]);var I="index-module--bSSUt",P="index-module--wbRxH",M="index-module--Jw9JV",k="index-module--CAkCY",L="index-module--IR2e_",Z="index-module--jWjLA",z="index-module--PzZv7";const A=w},27558:(r,m,x)=>{"use strict";x.d(m,{Z:()=>N,n:()=>O});var v=x(8081),y=x.n(v),T=x(23645),C=x.n(T)()(y());C.push([r.id,".index-module--ardHn {\n  overflow: visible !important;\n}\n.index-module--ardHn {\n  height: auto;\n  transition: none 0s ease 0s;\n}\n",""]);var O="index-module--ardHn";const N=C},37766:r=>{"use strict";r.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9Ijk2MHB4IiBoZWlnaHQ9IjU2MHB4IiB2aWV3Qm94PSIwIDAgOTYwIDU2MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOTYwIDU2MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJSb3VuZGVkX1JlY3RhbmdsZV8zM19jb3B5XzRfMV8iPgoJPHBhdGggZD0iTTQ4MCwzNDQuMTgxTDI2OC44NjksMTMxLjg4OWMtMTUuNzU2LTE1Ljg1OS00MS4zLTE1Ljg1OS01Ny4wNTQsMGMtMTUuNzU0LDE1Ljg1Ny0xNS43NTQsNDEuNTcsMCw1Ny40MzFsMjM3LjYzMiwyMzguOTM3CgkJYzguMzk1LDguNDUxLDE5LjU2MiwxMi4yNTQsMzAuNTUzLDExLjY5OGMxMC45OTMsMC41NTYsMjIuMTU5LTMuMjQ3LDMwLjU1NS0xMS42OThsMjM3LjYzMS0yMzguOTM3CgkJYzE1Ljc1Ni0xNS44NiwxNS43NTYtNDEuNTcxLDAtNTcuNDMxcy00MS4yOTktMTUuODU5LTU3LjA1MSwwTDQ4MCwzNDQuMTgxeiIvPgo8L2c+Cjwvc3ZnPgo="}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3979,7444,1099,6937,1327],{57446:function(r,m,x){var v;r.exports=(v=x(87363),function(r){var m={};function n(x){if(m[x])return m[x].exports;var v=m[x]={i:x,l:!1,exports:{}};return r[x].call(v.exports,v,v.exports,n),v.l=!0,v.exports}return n.m=r,n.c=m,n.d=function(r,m,x){n.o(r,m)||Object.defineProperty(r,m,{enumerable:!0,get:x})},n.r=function(r){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})},n.t=function(r,m){if(1&m&&(r=n(r)),8&m)return r;if(4&m&&"object"==typeof r&&r&&r.__esModule)return r;var x=Object.create(null);if(n.r(x),Object.defineProperty(x,"default",{enumerable:!0,value:r}),2&m&&"string"!=typeof r)for(var v in r)n.d(x,v,function(m){return r[m]}.bind(null,v));return x},n.n=function(r){var m=r&&r.__esModule?function(){return r.default}:function(){return r};return n.d(m,"a",m),m},n.o=function(r,m){return Object.prototype.hasOwnProperty.call(r,m)},n.p="",n(n.s=4)}([function(r,m,x){r.exports=x(2)()},function(r,m){r.exports=v},function(r,m,x){"use strict";var v=x(3);function o(){}function i(){}i.resetWarningCache=o,r.exports=function(){function e(r,m,x,y,T,C){if(C!==v){var O=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw O.name="Invariant Violation",O}}function t(){return e}e.isRequired=e;var r={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:o};return r.PropTypes=r,r}},function(r,m,x){"use strict";r.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(r,m,x){"use strict";x.r(m);var v=x(1),y=x.n(v),T=x(0),C=x.n(T),a=function(r){return 0!==r};function l(){return(l=Object.assign?Object.assign.bind():function(r){for(var m=1;m<arguments.length;m++){var x=arguments[m];for(var v in x)Object.prototype.hasOwnProperty.call(x,v)&&(r[v]=x[v])}return r}).apply(this,arguments)}function c(r){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r})(r)}function p(r,m){for(var x=0;x<m.length;x++){var v=m[x];v.enumerable=v.enumerable||!1,v.configurable=!0,"value"in v&&(v.writable=!0),Object.defineProperty(r,v.key,v)}}function u(r,m){return(u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,m){return r.__proto__=m,r})(r,m)}function g(r){var m=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(r){return!1}}();return function(){var x,v=d(r);if(m){var y=d(this).constructor;x=Reflect.construct(v,arguments,y)}else x=v.apply(this,arguments);return f(this,x)}}function f(r,m){if(m&&("object"===c(m)||"function"==typeof m))return m;if(void 0!==m)throw new TypeError("Derived constructors may only return object or undefined");return h(r)}function h(r){if(void 0===r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function d(r){return(d=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(r){return r.__proto__||Object.getPrototypeOf(r)})(r)}function b(r,m,x){return m in r?Object.defineProperty(r,m,{value:x,enumerable:!0,configurable:!0,writable:!0}):r[m]=x,r}var O=function(r){!function(r,m){if("function"!=typeof m&&null!==m)throw new TypeError("Super expression must either be null or a function");r.prototype=Object.create(m&&m.prototype,{constructor:{value:r,writable:!0,configurable:!0}}),Object.defineProperty(r,"prototype",{writable:!1}),m&&u(r,m)}(s,r);var m,x,v,T=g(s);function s(r){var m;return function(r,m){if(!(r instanceof m))throw new TypeError("Cannot call a class as a function")}(this,s),b(h(m=T.call(this,r)),"continueOpenCollapsible",(function(){var r=h(m).innerRef;m.setState({height:r.scrollHeight,transition:"height ".concat(m.props.transitionTime,"ms ").concat(m.props.easing),isClosed:!1,hasBeenOpened:!0,inTransition:a(r.scrollHeight),shouldOpenOnNextCycle:!1})})),b(h(m),"handleTriggerClick",(function(r){m.props.triggerDisabled||m.state.inTransition||(r.preventDefault(),m.props.handleTriggerClick?m.props.handleTriggerClick(m.props.accordionPosition):!0===m.state.isClosed?(m.openCollapsible(),m.props.onOpening(),m.props.onTriggerOpening()):(m.closeCollapsible(),m.props.onClosing(),m.props.onTriggerClosing()))})),b(h(m),"handleTransitionEnd",(function(r){r.target===m.innerRef&&(m.state.isClosed?(m.setState({inTransition:!1}),m.props.onClose()):(m.setState({height:"auto",overflow:m.props.overflowWhenOpen,inTransition:!1}),m.props.onOpen()))})),b(h(m),"setInnerRef",(function(r){return m.innerRef=r})),m.timeout=void 0,m.contentId=r.contentElementId||"collapsible-content-".concat(Date.now()),m.triggerId=r.triggerElementProps.id||"collapsible-trigger-".concat(Date.now()),r.open?m.state={isClosed:!1,shouldSwitchAutoOnNextCycle:!1,height:"auto",transition:"none",hasBeenOpened:!0,overflow:r.overflowWhenOpen,inTransition:!1}:m.state={isClosed:!0,shouldSwitchAutoOnNextCycle:!1,height:0,transition:"height ".concat(r.transitionTime,"ms ").concat(r.easing),hasBeenOpened:!1,overflow:"hidden",inTransition:!1},m}return m=s,(x=[{key:"componentDidUpdate",value:function(r,m){var x=this;this.state.shouldOpenOnNextCycle&&this.continueOpenCollapsible(),"auto"!==m.height&&0!==m.height||!0!==this.state.shouldSwitchAutoOnNextCycle||(window.clearTimeout(this.timeout),this.timeout=window.setTimeout((function(){x.setState({height:0,overflow:"hidden",isClosed:!0,shouldSwitchAutoOnNextCycle:!1})}),50)),r.open!==this.props.open&&(!0===this.props.open?(this.openCollapsible(),this.props.onOpening()):(this.closeCollapsible(),this.props.onClosing()))}},{key:"componentWillUnmount",value:function(){window.clearTimeout(this.timeout)}},{key:"closeCollapsible",value:function(){var r=this.innerRef;this.setState({shouldSwitchAutoOnNextCycle:!0,height:r.scrollHeight,transition:"height ".concat(this.props.transitionCloseTime?this.props.transitionCloseTime:this.props.transitionTime,"ms ").concat(this.props.easing),inTransition:a(r.scrollHeight)})}},{key:"openCollapsible",value:function(){this.setState({inTransition:a(this.innerRef.scrollHeight),shouldOpenOnNextCycle:!0})}},{key:"renderNonClickableTriggerElement",value:function(){var r=this.props,m=r.triggerSibling,x=r.classParentString;if(!m)return null;switch(c(m)){case"string":return y.a.createElement("span",{className:"".concat(x,"__trigger-sibling")},m);case"function":return m();case"object":return m;default:return null}}},{key:"render",value:function(){var r=this,m={height:this.state.height,WebkitTransition:this.state.transition,msTransition:this.state.transition,transition:this.state.transition,overflow:this.state.overflow},x=this.state.isClosed?"is-closed":"is-open",v=this.props.triggerDisabled?"is-disabled":"",T=!1===this.state.isClosed&&void 0!==this.props.triggerWhenOpen?this.props.triggerWhenOpen:this.props.trigger,C=this.props.contentContainerTagName,O=this.props.triggerTagName,N=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,j=this.props,w=j.classParentString,S=j.contentOuterClassName,I=j.contentInnerClassName,P="".concat(w,"__trigger ").concat(x," ").concat(v," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),M="".concat(w," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),k="".concat(w,"__contentOuter ").concat(S),L="".concat(w,"__contentInner ").concat(I);return y.a.createElement(C,l({className:M.trim()},this.props.containerElementProps),y.a.createElement(O,l({id:this.triggerId,className:P.trim(),onClick:this.handleTriggerClick,style:this.props.triggerStyle&&this.props.triggerStyle,onKeyPress:function(m){var x=m.key;(" "===x&&"button"!==r.props.triggerTagName.toLowerCase()||"Enter"===x)&&r.handleTriggerClick(m)},tabIndex:this.props.tabIndex&&this.props.tabIndex,"aria-expanded":!this.state.isClosed,"aria-disabled":this.props.triggerDisabled,"aria-controls":this.contentId,role:"button"},this.props.triggerElementProps),T),this.renderNonClickableTriggerElement(),y.a.createElement("div",{id:this.contentId,className:k.trim(),style:m,onTransitionEnd:this.handleTransitionEnd,ref:this.setInnerRef,hidden:this.props.contentHiddenWhenClosed&&this.state.isClosed&&!this.state.inTransition,role:"region","aria-labelledby":this.triggerId},y.a.createElement("div",{className:L.trim()},N)))}}])&&p(m.prototype,x),v&&p(m,v),Object.defineProperty(m,"prototype",{writable:!1}),s}(v.Component);O.propTypes={transitionTime:C.a.number,transitionCloseTime:C.a.number,triggerTagName:C.a.string,easing:C.a.string,open:C.a.bool,containerElementProps:C.a.object,triggerElementProps:C.a.object,contentElementId:C.a.string,classParentString:C.a.string,className:C.a.string,openedClassName:C.a.string,triggerStyle:C.a.object,triggerClassName:C.a.string,triggerOpenedClassName:C.a.string,contentOuterClassName:C.a.string,contentInnerClassName:C.a.string,accordionPosition:C.a.oneOfType([C.a.string,C.a.number]),handleTriggerClick:C.a.func,onOpen:C.a.func,onClose:C.a.func,onOpening:C.a.func,onClosing:C.a.func,onTriggerOpening:C.a.func,onTriggerClosing:C.a.func,trigger:C.a.oneOfType([C.a.string,C.a.element]),triggerWhenOpen:C.a.oneOfType([C.a.string,C.a.element]),triggerDisabled:C.a.bool,lazyRender:C.a.bool,overflowWhenOpen:C.a.oneOf(["hidden","visible","auto","scroll","inherit","initial","unset"]),contentHiddenWhenClosed:C.a.bool,triggerSibling:C.a.oneOfType([C.a.string,C.a.element,C.a.func]),tabIndex:C.a.number,contentContainerTagName:C.a.string,children:C.a.oneOfType([C.a.string,C.a.element])},O.defaultProps={transitionTime:400,transitionCloseTime:null,triggerTagName:"span",easing:"linear",open:!1,classParentString:"Collapsible",triggerDisabled:!1,lazyRender:!1,overflowWhenOpen:"hidden",contentHiddenWhenClosed:!1,openedClassName:"",triggerStyle:null,triggerClassName:"",triggerOpenedClassName:"",contentOuterClassName:"",contentInnerClassName:"",className:"",triggerSibling:null,onOpen:function(){},onClose:function(){},onOpening:function(){},onClosing:function(){},onTriggerOpening:function(){},onTriggerClosing:function(){},tabIndex:null,contentContainerTagName:"div",triggerElementProps:{}},m.default=O}]))},67444:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>E});x(87363);var v=x(9420),y=x(93379),T=x.n(y),C=x(7795),O=x.n(C),N=x(90569),j=x.n(N),w=x(3565),S=x.n(w),I=x(19216),P=x.n(I),M=x(44589),k=x.n(M),L=x(91605),Z={};Z.styleTagTransform=k(),Z.setAttributes=S(),Z.insert=j().bind(null,"head"),Z.domAPI=O(),Z.insertStyleElement=P();T()(L.ZP,Z);L.ZP&&L.ZP.locals&&L.ZP.locals;var z=x(75327),A=x(47514);const E=(0,v.Pi)((function ContentItemTeaser(r){var m=r.item,x=(0,z.NP)();return(0,A.jsxs)("div",{className:L.bz,children:[m.emoji&&(0,A.jsx)("div",{className:L.rP,children:m.emoji}),(0,A.jsx)("div",{className:L.TN,children:m.title}),(0,A.jsx)("div",{className:L.WL,children:m.description}),m.id&&(0,A.jsxs)("button",{className:L.LI,onClick:function onClick(){!function isUrl(r){return/^https?:\/\//.test(r)}(m.id)?x.settingsState.onClickContentItemId(m.id):window.open(m.id,"_blank","noopener,noreferrer")},children:[(0,A.jsx)("span",{className:L.q5,children:m.buttonText}),(0,A.jsx)("div",{className:L.x7,children:(0,A.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,A.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},81099:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>R});x(87363);var v=x(37486),y=x(75327),T=x(93379),C=x.n(T),O=x(7795),N=x.n(O),j=x(90569),w=x.n(j),S=x(3565),I=x.n(S),P=x(19216),M=x.n(P),k=x(44589),L=x.n(k),Z=x(9668),z={};z.styleTagTransform=L(),z.setAttributes=I(),z.insert=w().bind(null,"head"),z.domAPI=N(),z.insertStyleElement=M();C()(Z.ZP,z);Z.ZP&&Z.ZP.locals&&Z.ZP.locals;var A=x(67444),E=x(47514);const R=function SettingsItemsGroup(r){var m=r.group;(0,y.NP)();return(0,E.jsxs)("div",{className:Z.YS,children:[(0,E.jsx)("div",{className:Z.t$,children:m.left.map((function(r){var x,y,T,C=m.palettes.find((function(m){return m.id===r}));return(0,E.jsxs)(E.Fragment,{children:["TOP"===(null===(x=C.contentItemTeaser)||void 0===x?void 0:x.position)?(0,E.jsx)(A.default,{item:C.contentItemTeaser}):(0,E.jsx)(E.Fragment,{}),(0,E.jsx)(v.default,{item:C,id:Number(C.id)},null!==(y=C.optionCodex)&&void 0!==y?y:C.configStepKey+C.id),"BOTTOM"===(null===(T=C.contentItemTeaser)||void 0===T?void 0:T.position)?(0,E.jsx)(A.default,{item:C.contentItemTeaser}):(0,E.jsx)(E.Fragment,{})]})}))}),(0,E.jsx)("div",{className:Z.eX}),(0,E.jsx)("div",{className:Z.F2,children:m.right.map((function(r){var x,y,T,C=m.palettes.find((function(m){return m.id===r}));return(0,E.jsxs)(E.Fragment,{children:["TOP"===(null===(x=C.contentItemTeaser)||void 0===x?void 0:x.position)?(0,E.jsx)(A.default,{item:C.contentItemTeaser}):(0,E.jsx)(E.Fragment,{}),(0,E.jsx)(v.default,{item:C,id:Number(C.id)},null!==(y=C.optionCodex)&&void 0!==y?y:C.configStepKey+C.id),"BOTTOM"===(null===(T=C.contentItemTeaser)||void 0===T?void 0:T.position)?(0,E.jsx)(A.default,{item:C.contentItemTeaser}):(0,E.jsx)(E.Fragment,{})]})}))})]})}},26937:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>S});var v=x(34988),y=x(87363),T=x(9420),C=x(37486),O=x(75327),N=x(81099),j=x(67444),w=x(47514);const S=(0,T.Pi)((function SettingsItemsWrapper(r){var m=r.itemPalettesArr,x=r.zIndexBase,T=(0,O.NP)(),S=(0,y.useState)([]),I=(0,v.Z)(S,2),P=I[0],M=I[1];return(0,y.useEffect)((function(){for(var r=[],x=function _loop(){var x=m[v],y=T.configuratorStructureHandler.getOptionStepByCodex(x.optionCodex),C=null==y?void 0:y.partOfGroup,O=r.find((function(r){var m;return(null!==(m=null==C?void 0:C.groupName)&&void 0!==m?m:x.configStepKey+x.id)===r.groupName}));if(O)O.palettes.push(x);else{var N,j={groupName:null!==(N=null==C?void 0:C.groupName)&&void 0!==N?N:x.configStepKey+x.id,palettes:[x],left:[],right:[]};r.push(j),O=j}"l"===(null==C?void 0:C.position)?O.left.push(x.id):"r"===(null==C?void 0:C.position)&&O.right.push(x.id)},v=0;v<m.length;v++)x();M(r)}),[m]),(0,w.jsx)(w.Fragment,{children:P.map((function(r){var m;if(r.palettes.length>1)return(0,w.jsx)(N.default,{group:r});var v=r.palettes[0].contentItemTeaser;return(0,w.jsxs)(w.Fragment,{children:["TOP"==(null==v?void 0:v.position)&&(0,w.jsx)(j.default,{item:v}),(0,w.jsx)(C.default,{item:r.palettes[0],id:Number(r.palettes[0].id),zIndexBase:x},(null!==(m=r.palettes[0].optionCodex)&&void 0!==m?m:r.palettes[0].configStepKey)+r.palettes[0].id),"BOTTOM"==(null==v?void 0:v.position)&&(0,w.jsx)(j.default,{item:v})]})}))})}))},61327:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>_});var v=x(65515),y=x.n(v),T=x(9420),C=(x(87363),x(75327)),O=x(93379),N=x.n(O),j=x(7795),w=x.n(j),S=x(90569),I=x.n(S),P=x(3565),M=x.n(P),k=x(19216),L=x.n(k),Z=x(44589),z=x.n(Z),A=x(95055),E={};E.styleTagTransform=z(),E.setAttributes=M(),E.insert=I().bind(null,"head"),E.domAPI=w(),E.insertStyleElement=L();N()(A.ZP,E);A.ZP&&A.ZP.locals&&A.ZP.locals;var R=x(88683),D=x(47514);const _=(0,T.Pi)((function SubTabGroupHeader(r){var m=r.openState,x=r.curState,v=r.tabs,T=(0,C.NP)(),O=(0,R.useTranslation)().t;return(0,D.jsxs)("div",{onClick:function onClick(){return m[1](!m[0])},className:y()(A.Fs,m[0]?A.bA:void 0,T.uiState.isInMobileView?A.ai:void 0),children:[(0,D.jsx)("div",{className:A.YS,children:v.map((function(r,T){return(0,D.jsxs)("div",{className:y()(A.TN,x[0]===r&&m[0]?A.pA:void 0),onClick:function onClick(v){x[1](r),m[0]||m[1](!0),v.stopPropagation()},children:["ALL"===r&&1!==v.length&&O("configurator.config_all"),1===v.length&&O("configurator.config_accessoire"),v.length>1&&"ALL"!==r&&T+"."]},r)}))}),(0,D.jsx)("div",{className:y()(A.y6)})]})}))},23979:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>Y});var v=x(12952),y=x(34988),T=x(87363),C=x(57446),O=x.n(C),N=x(61327),j=x(9420),w=x(93379),S=x.n(w),I=x(7795),P=x.n(I),M=x(90569),k=x.n(M),L=x(3565),Z=x.n(L),z=x(19216),A=x.n(z),E=x(44589),R=x.n(E),D=x(27558),_={};_.styleTagTransform=R(),_.setAttributes=Z(),_.insert=k().bind(null,"head"),_.domAPI=P(),_.insertStyleElement=A();S()(D.Z,_);D.Z&&D.Z.locals&&D.Z.locals;var H=x(75327),W=x(26937),U=x(47514);const Y=(0,j.Pi)((function SubTabgroup(r){var m,x,C=r.itemPalettesOfArticle,j=r.zIndexBase,w=(0,H.NP)(),S=(0,T.useState)(!(null===(m=w.getViewConfig())||void 0===m||!m.selectAccessoiresWithToggle)),I=(0,y.Z)(S,2),P=I[0],M=I[1],k=Object.keys(C),L=(0,T.useState)("ALL"),Z=(0,y.Z)(L,2),z=Z[0],A=Z[1],E=(0,T.useState)([]),R=(0,y.Z)(E,2),_=R[0],Y=R[1],B=(0,T.useState)(C[k[0]]),V=(0,y.Z)(B,2),J=V[0],F=V[1];return(0,T.useEffect)((function(){var r,m=null!==(r=C["ALL"==z?k[0]:z])&&void 0!==r?r:{};Object.values(m).map((function(r){return r.configAllMode="ALL"==z?k:void 0})),F(m),Y(["ALL"].concat((0,v.Z)(k.length>1?k:[]))),_.includes(z)||A(_[0])}),[C,z]),(0,U.jsx)(O(),{trigger:null!==(x=w.getViewConfig())&&void 0!==x&&x.selectAccessoiresWithToggle?(0,U.jsx)(U.Fragment,{}):(0,U.jsx)(N.default,{tabs:_,openState:[P,M],curState:[z,A]}),contentOuterClassName:P?D.n:void 0,easing:"ease",open:P,triggerDisabled:P,children:(0,U.jsx)(W.default,{itemPalettesArr:Object.values(J),zIndexBase:j})})}))},91605:(r,m,x)=>{"use strict";x.d(m,{LI:()=>S,TN:()=>j,WL:()=>w,ZP:()=>M,bz:()=>O,q5:()=>I,rP:()=>N,x7:()=>P});var v=x(8081),y=x.n(v),T=x(23645),C=x.n(T)()(y());C.push([r.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 O="index-module--YvhoM",N="index-module--xRF8A",j="index-module--AkzgH",w="index-module--YcLKe",S="index-module--tZsne",I="index-module--KlW5i",P="index-module--MViR0";const M=C},9668:(r,m,x)=>{"use strict";x.d(m,{F2:()=>j,YS:()=>O,ZP:()=>S,eX:()=>w,t$:()=>N});var v=x(8081),y=x.n(v),T=x(23645),C=x.n(T)()(y());C.push([r.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  align-self: stretch;\n}\n\n.index-module--gupRY {\n  flex: 1;\n  align-self: stretch;\n}\n\n.index-module--lvlA1 {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}\n",""]);var O="index-module--h2rQ7",N="index-module--vn75Y",j="index-module--gupRY",w="index-module--lvlA1";const S=C},95055:(r,m,x)=>{"use strict";x.d(m,{Fs:()=>I,TN:()=>M,YS:()=>P,ZP:()=>A,ai:()=>z,bA:()=>Z,pA:()=>k,y6:()=>L});var v=x(8081),y=x.n(v),T=x(23645),C=x.n(T),O=x(61667),N=x.n(O),j=new URL(x(37766),x.b),w=C()(y()),S=N()(j);w.push([r.id,".index-module--bSSUt {\n  height: 48px;\n  position: relative;\n  background-color: var(--diva-theme-palette-primary-light);\n  border-bottom: 2px solid var(--diva-theme-palette-primary-main);\n}\n\n.index-module--wbRxH {\n  margin-left: 16px;\n  margin-right: 16px;\n  display: flex;\n}\n.index-module--Jw9JV {\n  padding: 11px;\n  font-weight: 100;\n  font-size: 18px;\n  position: relative;\n}\n\n.index-module--Jw9JV:hover,\n.index-module--CAkCY {\n  border: none;\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--Jw9JV::after {\n  content: '';\n  position: absolute;\n  width: 0px;\n  height: 3px;\n  left: 50%;\n  bottom: 0;\n  background-color: var(--diva-theme-palette-primary-main);\n  transition: all ease-in-out 0.2s;\n}\n.index-module--Jw9JV:hover::after,\n.index-module--CAkCY::after {\n  width: 100%;\n  left: 0;\n}\n\n.index-module--IR2e_ {\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  background-image: url("+S+");\n  transform: rotate(90deg);\n  transition: all 0.35s ease;\n  width: 40px;\n  height: 40px;\n  position: absolute;\n  right: 8px;\n  top: 5px;\n}\n.index-module--jWjLA .index-module--IR2e_ {\n  transform: rotate(0deg);\n}\n\n.index-module--bSSUt.index-module--PzZv7 {\n  height: 38px;\n}\n\n.index-module--PzZv7 .index-module--Jw9JV {\n  padding: 8px;\n  font-weight: 300;\n  font-size: 14px;\n}\n\n.index-module--PzZv7 .index-module--IR2e_ {\n  width: 34px;\n  height: 34px;\n  position: absolute;\n  right: 8px;\n  top: 0px;\n}\n",""]);var I="index-module--bSSUt",P="index-module--wbRxH",M="index-module--Jw9JV",k="index-module--CAkCY",L="index-module--IR2e_",Z="index-module--jWjLA",z="index-module--PzZv7";const A=w},27558:(r,m,x)=>{"use strict";x.d(m,{Z:()=>N,n:()=>O});var v=x(8081),y=x.n(v),T=x(23645),C=x.n(T)()(y());C.push([r.id,".index-module--ardHn {\n  overflow: visible !important;\n}\n.index-module--ardHn {\n  height: auto;\n  transition: none 0s ease 0s;\n}\n",""]);var O="index-module--ardHn";const N=C},37766:r=>{"use strict";r.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9Ijk2MHB4IiBoZWlnaHQ9IjU2MHB4IiB2aWV3Qm94PSIwIDAgOTYwIDU2MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOTYwIDU2MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJSb3VuZGVkX1JlY3RhbmdsZV8zM19jb3B5XzRfMV8iPgoJPHBhdGggZD0iTTQ4MCwzNDQuMTgxTDI2OC44NjksMTMxLjg4OWMtMTUuNzU2LTE1Ljg1OS00MS4zLTE1Ljg1OS01Ny4wNTQsMGMtMTUuNzU0LDE1Ljg1Ny0xNS43NTQsNDEuNTcsMCw1Ny40MzFsMjM3LjYzMiwyMzguOTM3CgkJYzguMzk1LDguNDUxLDE5LjU2MiwxMi4yNTQsMzAuNTUzLDExLjY5OGMxMC45OTMsMC41NTYsMjIuMTU5LTMuMjQ3LDMwLjU1NS0xMS42OThsMjM3LjYzMS0yMzguOTM3CgkJYzE1Ljc1Ni0xNS44NiwxNS43NTYtNDEuNTcxLDAtNTcuNDMxcy00MS4yOTktMTUuODU5LTU3LjA1MSwwTDQ4MCwzNDQuMTgxeiIvPgo8L2c+Cjwvc3ZnPgo="}}]);

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

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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 4129.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4129,4876],{54129:(e,n,i)=>{i.r(n),i.d(n,{default:()=>P});var t=i(80248),o=i(9420),d=i(24876),r=(i(87363),i(93379)),l=i.n(r),a=i(7795),c=i.n(a),s=i(90569),u=i.n(s),x=i(3565),p=i.n(x),m=i(19216),h=i.n(m),f=i(44589),b=i.n(f),g=i(90823),v={};v.styleTagTransform=b(),v.setAttributes=p(),v.insert=u().bind(null,"head"),v.domAPI=c(),v.insertStyleElement=h();l()(g.ZP,v);g.ZP&&g.ZP.locals&&g.ZP.locals;var w=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const P=(0,o.Pi)((function AccessoiresSerious(e){return g.TX,g.db,(0,w.jsx)(d.default,_objectSpread(_objectSpread({},e),{},{wcAccInfoContainerClass:g.TX,wrapper:g.YS,wcConfiguratorSettingsTitleClass:g.db,hidePrice:!0,hideSize:!0}))}))},24876:(e,n,i)=>{i.r(n),i.d(n,{default:()=>N});var t=i(80248),o=i(34988),d=i(84658),r=i(50747),l=i.n(r),a=i(65515),c=i.n(a),s=i(9204),u=i(9420),x=i(87363),p=i(93379),m=i.n(p),h=i(7795),f=i.n(h),b=i(90569),g=i.n(b),v=i(3565),w=i.n(v),P=i(19216),y=i.n(P),k=i(44589),S=i.n(k),O=i(50978),j={};j.styleTagTransform=S(),j.setAttributes=w(),j.insert=g().bind(null,"head"),j.domAPI=f(),j.insertStyleElement=y();m()(O.ZP,j);O.ZP&&O.ZP.locals&&O.ZP.locals;var C=i(88683),z=i(46770),_=i(56474),T=i(55461),I=i(23979),q=i(21801),D=i(91087),A=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const N=(0,u.Pi)((function AccessoiresStandard(e){var n,i,t=e.item,r=e.wrapper,a=e.wcAccInfoContainerClass,u=void 0===a?O.TX:a,p=e.wcConfiguratorSettingsTitleClass,m=void 0===p?O.db:p,h=e.hidePrice,f=e.hideSize,b=t,g=(0,s.NP)(),v=(0,C.useDivaCore)().state,w=v.hidePrices,P=v.dimensions,y=P.isMobile,k=P.isTablet,S=!1,j=g.getViewConfig().dontShowBasePrice||w||h,N=function(){var e=(0,d.Z)(l().mark((function _callee(){var e;return l().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!S){n.next=2;break}return n.abrupt("return");case 2:return S=!0,n.next=5,g.paletteViewHandler.clickedOnAccessoirePaletteWrapper(b,"plus");case 5:"AccessorieNoFreeSpace"==(e=n.sent)&&g.productState.updatePlannerMsgContainer("ACCESSOIRE_MSG",!0,"INFO","NO_DOCKINGPOINT_FOR_ELEMENT",!0),"MaxQuantityReached"==e&&g.productState.updatePlannerMsgContainer("ACCESSOIRE_MSG",!0,"INFO","MAX_QUANTITY_REACHED",!0),S=!1;case 9:case"end":return n.stop()}}),_callee)})));return function onPlusClick(){return e.apply(this,arguments)}}(),Q=function(){var e=(0,d.Z)(l().mark((function _callee2(){return l().wrap((function _callee2$(e){for(;;)switch(e.prev=e.next){case 0:if(!S){e.next=2;break}return e.abrupt("return");case 2:return S=!0,e.next=5,g.paletteViewHandler.clickedOnAccessoirePaletteWrapper(b,"minus");case 5:S=!1;case 6:case"end":return e.stop()}}),_callee2)})));return function onMinusClick(){return e.apply(this,arguments)}}(),H={};if(b.configStepKeys)for(var R=function _loop(){var e=b.configStepKeys[Z],n=g.settingsState.itemPaletteArr.find((function(n){var i=(0,o.Z)(n,2);i[0];return i[1].configStepKey==e.key}));if(!n)return 1;H[e.basketId]||(H[e.basketId]={}),H[e.basketId][n[0]]=n[1]},Z=0;Z<b.configStepKeys.length;Z++)R();var E=(0,x.useState)(""),F=(0,o.Z)(E,2),K=F[0],V=F[1],M={},W={},B=void 0,G=!1,X={},L=(0,z.XI)({delayEnter:1500,hideOnScroll:!0}),U=(0,z.sJ)({isOpen:L[0],auto:!0,placement:g.getViewConfig().tooltipPosition||"left-center"});return y||k||g.getViewConfig().hideTooltip||(G=L[0],X=L[1],M=U.triggerProps,W=U.layerProps,B=U.renderLayer),(0,A.jsxs)(A.Fragment,{children:[(0,A.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({className:c()(O.RV,r,g.uiState.isMobilePortrait?O.KJ:void 0,g.uiState.isMobileLandscape?O.mp:void 0)},M),X),{},{children:[(0,A.jsxs)("div",{className:c()(O.iZ,O.vc),children:[(0,A.jsx)("div",{className:c()(O.K5),onClick:N,style:{backgroundImage:"url(".concat(b.image,")")}}),(0,A.jsxs)("div",{className:c()(u),children:[(0,A.jsx)("div",{className:c()(m,""!==K?O.Bm:void 0),children:b.name}),(0,A.jsx)(_.default,{metaData:b.metaData,visible:[K,V]},b.articleCodex),!f&&(0,A.jsx)("div",{className:c()(O.WN),children:b.formattedSize})]}),(0,A.jsxs)("div",{className:c()(O.W0),children:[b.contentItemId&&(0,A.jsx)(q.default,{item:b,style:{left:-32,bottom:g.getIsInMobileView()?26:12}},b.articleCodex),(0,A.jsx)("div",{onClick:Q,className:c()(O.Uz,0==b.actQuantity?O.h$:void 0),children:"-"}),(0,A.jsx)("div",{className:c()(O.Wi),children:b.actQuantity}),(0,A.jsx)("div",{onClick:N,className:c()(O.vg,b.maxQuantity==b.actQuantity&&0!=b.maxQuantity?O.h$:void 0),children:"+"})]})]}),!j&&!!b.price&&(0,A.jsx)(D.default,{price:b.price,style:{paddingTop:6}})]})),G&&(null===(n=B)||void 0===n?void 0:n((0,A.jsx)(T.default,{text:null!==(i=b.longDescription)&&void 0!==i?i:b.name,desciption:K,codex:b.articleCodex,pricePreviewPromise:b.pricePreviewPromise,image:b.image,layerProps:W},b.articleCodex))),!!Object.keys(H).length&&(0,A.jsx)(I.default,{itemPalettesOfArticle:H,zIndexBase:300})]})}))},90823:(e,n,i)=>{i.d(n,{TX:()=>l,YS:()=>c,ZP:()=>s,db:()=>a});var t=i(8081),o=i.n(t),d=i(23645),r=i.n(d)()(o());r.push([e.id,".index-module--zgv7T {\n  float: left;\n  position: relative;\n  height: 100%;\n  max-width: 160px;\n}\n\n.index-module--dkdDd {\n  display: -webkit-box;\n  float: left;\n  max-height: 150px;\n  min-height: 16px;\n  margin-top: 8px;\n  max-width: 100%;\n  color: var(--secondaryColor);\n  font-size: 20px;\n  font-weight: 300;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n}\n\n.index-module--dkdDd:hover {\n  max-height: 608px;\n  -webkit-line-clamp: 30;\n  overflow: visible;\n  background: #fff;\n  z-index: 150;\n}\n\n.index-module--mxUdV {\n  --infoIconSize: 22px;\n}\n",""]);var l="index-module--zgv7T",a="index-module--dkdDd",c="index-module--mxUdV";const s=r},50978:(e,n,i)=>{i.d(n,{Bm:()=>p,K5:()=>s,KJ:()=>P,RV:()=>l,TX:()=>u,Uz:()=>f,W0:()=>h,WN:()=>m,Wi:()=>v,ZP:()=>y,db:()=>x,h$:()=>g,iZ:()=>a,mp:()=>w,vc:()=>c,vg:()=>b});var t=i(8081),o=i.n(t),d=i(23645),r=i.n(d)()(o());r.push([e.id,"/* Accessoires*/\n\n.index-module--Pc7de {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n  white-space: pre-line;\n}\n\n.index-module--Pc7de:hover {\n  z-index: 200;\n}\n\n.index-module--Pc7de .index-module--kbpcW {\n  width: 98%;\n  background: white;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n}\n\n.index-module--Pc7de .index-module--wHVmF {\n  height: 80px;\n}\n\n.index-module--Pc7de .index-module--xq6Iu {\n  width: 48px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--Pc7de .index-module--wHVmF .index-module--nLQC8 {\n  height: 80px;\n}\n\n.index-module--Pc7de .index-module--nLQC8 {\n  width: 80px;\n  float: left;\n  border-radius: var(--globalBorderRadius) 0px 0px var(--globalBorderRadius);\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n}\n\n.index-module--_yxqS {\n  float: left;\n  width: calc(100% - 203.2px);\n  position: relative;\n  height: calc(100% - 12px);\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n.index-module--Pc7de .index-module--_yxqS {\n  width: calc(100% - 181.2px);\n}\n\n.index-module--Pc7de .index-module--eOv3D {\n  display: -webkit-box;\n  float: left;\n  max-height: 64px;\n  min-height: 16px;\n  margin-top: 8px;\n  max-width: 100%;\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n}\n\n.index-module--Pc7de .index-module--eOv3D.index-module--FAF9I {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--Pc7de .index-module--grnCR {\n  display: -webkit-box;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: #6f6f6f;\n  width: calc(100% - 32px);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 200;\n  position: relative;\n}\n\n@media all and (max-width: 1100px) {\n  .index-module--Pc7de .index-module--wHVmF {\n    height: 80px;\n  }\n\n  .index-module--Pc7de .index-module--wHVmF img {\n    height: 80px;\n  }\n}\n\n.index-module--Pc7de .index-module--e7Riz {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  width: 100px;\n  height: 32px;\n}\n\n.index-module--Pc7de .index-module--e7Riz {\n  font-size: 18px;\n  line-height: 20px;\n  color: var(--secondaryColor);\n  text-align: center;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.index-module--Pc7de .index-module--oT5tq,\n.index-module--Pc7de .index-module--o4vHn {\n  font-weight: 300;\n  height: 21px;\n  width: 21px;\n  float: left;\n  background: #f2f2f2;\n  border-radius: 21px;\n  -webkit-text-stroke: 0px;\n  transition: background-color 0.15s ease;\n}\n\n.index-module--Pc7de .index-module--oT5tq:hover,\n.index-module--Pc7de .index-module--o4vHn:hover {\n  background: #d9d9d9;\n  color: #424242;\n  cursor: pointer;\n}\n.index-module--Pc7de .index-module--QpnHk.index-module--oT5tq,\n.index-module--Pc7de .index-module--QpnHk.index-module--o4vHn {\n  background: #f7f7f7;\n}\n.index-module--Pc7de .index-module--QpnHk.index-module--oT5tq:hover,\n.index-module--Pc7de .index-module--QpnHk.index-module--o4vHn:hover {\n  background: #f7f7f7;\n  color: var(--secondaryColor);\n  cursor: inherit;\n}\n\n.index-module--Pc7de .index-module--BFe7r {\n  float: left;\n  width: 40px;\n  height: 16px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-text-stroke: 0.4px;\n}\n\n.index-module--Pc7de .index-module--oT5tq {\n  line-height: 19px;\n}\n\n.index-module--S_PGz .index-module--e7Riz {\n  font-size: 16px;\n  line-height: 30px;\n  width: 80px;\n  height: 48px;\n}\n\n.index-module--S_PGz .index-module--oT5tq {\n  line-height: 30px;\n}\n\n.index-module--S_PGz .index-module--oT5tq,\n.index-module--S_PGz .index-module--o4vHn {\n  height: 30px;\n  width: 30px;\n  border-radius: 50%;\n}\n.index-module--S_PGz .index-module--_yxqS {\n  width: calc(100% - 192px);\n}\n\n.index-module--zuQkq .index-module--e7Riz {\n  font-size: 16px;\n  line-height: 30px;\n  width: 104px;\n  height: 48px;\n}\n\n.index-module--zuQkq .index-module--oT5tq {\n  line-height: 32px;\n}\n\n.index-module--zuQkq .index-module--oT5tq,\n.index-module--zuQkq .index-module--o4vHn {\n  height: 30px;\n  width: 30px;\n\n  border-radius: 50%;\n}\n.index-module--zuQkq .index-module--_yxqS {\n  width: calc(100% - 192px);\n}\n",""]);var l="index-module--Pc7de",a="index-module--kbpcW",c="index-module--wHVmF",s="index-module--nLQC8",u="index-module--_yxqS",x="index-module--eOv3D",p="index-module--FAF9I",m="index-module--grnCR",h="index-module--e7Riz",f="index-module--oT5tq",b="index-module--o4vHn",g="index-module--QpnHk",v="index-module--BFe7r",w="index-module--S_PGz",P="index-module--zuQkq";const y=r}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4129,4876],{54129:(e,n,i)=>{i.r(n),i.d(n,{default:()=>P});var t=i(80248),o=i(9420),d=i(24876),r=(i(87363),i(93379)),l=i.n(r),a=i(7795),c=i.n(a),s=i(90569),u=i.n(s),x=i(3565),p=i.n(x),m=i(19216),h=i.n(m),f=i(44589),b=i.n(f),g=i(90823),v={};v.styleTagTransform=b(),v.setAttributes=p(),v.insert=u().bind(null,"head"),v.domAPI=c(),v.insertStyleElement=h();l()(g.ZP,v);g.ZP&&g.ZP.locals&&g.ZP.locals;var w=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const P=(0,o.Pi)((function AccessoiresSerious(e){return g.TX,g.db,(0,w.jsx)(d.default,_objectSpread(_objectSpread({},e),{},{wcAccInfoContainerClass:g.TX,wrapper:g.YS,wcConfiguratorSettingsTitleClass:g.db,hidePrice:!0,hideSize:!0}))}))},24876:(e,n,i)=>{i.r(n),i.d(n,{default:()=>N});var t=i(80248),o=i(34988),d=i(84658),r=i(50747),l=i.n(r),a=i(65515),c=i.n(a),s=i(75327),u=i(9420),x=i(87363),p=i(93379),m=i.n(p),h=i(7795),f=i.n(h),b=i(90569),g=i.n(b),v=i(3565),w=i.n(v),P=i(19216),y=i.n(P),k=i(44589),S=i.n(k),O=i(50978),j={};j.styleTagTransform=S(),j.setAttributes=w(),j.insert=g().bind(null,"head"),j.domAPI=f(),j.insertStyleElement=y();m()(O.ZP,j);O.ZP&&O.ZP.locals&&O.ZP.locals;var C=i(88683),z=i(46770),_=i(56474),T=i(55461),I=i(23979),q=i(21801),D=i(91087),A=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const N=(0,u.Pi)((function AccessoiresStandard(e){var n,i,t=e.item,r=e.wrapper,a=e.wcAccInfoContainerClass,u=void 0===a?O.TX:a,p=e.wcConfiguratorSettingsTitleClass,m=void 0===p?O.db:p,h=e.hidePrice,f=e.hideSize,b=t,g=(0,s.NP)(),v=(0,C.useDivaCore)().state,w=v.hidePrices,P=v.dimensions,y=P.isMobile,k=P.isTablet,S=!1,j=g.getViewConfig().dontShowBasePrice||w||h,N=function(){var e=(0,d.Z)(l().mark((function _callee(){var e;return l().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!S){n.next=2;break}return n.abrupt("return");case 2:return S=!0,n.next=5,g.paletteViewHandler.clickedOnAccessoirePaletteWrapper(b,"plus");case 5:"AccessorieNoFreeSpace"==(e=n.sent)&&g.productState.updatePlannerMsgContainer("ACCESSOIRE_MSG",!0,"INFO","NO_DOCKINGPOINT_FOR_ELEMENT",!0),"MaxQuantityReached"==e&&g.productState.updatePlannerMsgContainer("ACCESSOIRE_MSG",!0,"INFO","MAX_QUANTITY_REACHED",!0),S=!1;case 9:case"end":return n.stop()}}),_callee)})));return function onPlusClick(){return e.apply(this,arguments)}}(),Q=function(){var e=(0,d.Z)(l().mark((function _callee2(){return l().wrap((function _callee2$(e){for(;;)switch(e.prev=e.next){case 0:if(!S){e.next=2;break}return e.abrupt("return");case 2:return S=!0,e.next=5,g.paletteViewHandler.clickedOnAccessoirePaletteWrapper(b,"minus");case 5:S=!1;case 6:case"end":return e.stop()}}),_callee2)})));return function onMinusClick(){return e.apply(this,arguments)}}(),H={};if(b.configStepKeys)for(var R=function _loop(){var e=b.configStepKeys[Z],n=g.settingsState.itemPaletteArr.find((function(n){var i=(0,o.Z)(n,2);i[0];return i[1].configStepKey==e.key}));if(!n)return 1;H[e.basketId]||(H[e.basketId]={}),H[e.basketId][n[0]]=n[1]},Z=0;Z<b.configStepKeys.length;Z++)R();var E=(0,x.useState)(""),F=(0,o.Z)(E,2),K=F[0],V=F[1],M={},W={},B=void 0,G=!1,X={},L=(0,z.XI)({delayEnter:1500,hideOnScroll:!0}),U=(0,z.sJ)({isOpen:L[0],auto:!0,placement:g.getViewConfig().tooltipPosition||"left-center"});return y||k||g.getViewConfig().hideTooltip||(G=L[0],X=L[1],M=U.triggerProps,W=U.layerProps,B=U.renderLayer),(0,A.jsxs)(A.Fragment,{children:[(0,A.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({className:c()(O.RV,r,g.uiState.isMobilePortrait?O.KJ:void 0,g.uiState.isMobileLandscape?O.mp:void 0)},M),X),{},{children:[(0,A.jsxs)("div",{className:c()(O.iZ,O.vc),children:[(0,A.jsx)("div",{className:c()(O.K5),onClick:N,style:{backgroundImage:"url(".concat(b.image,")")}}),(0,A.jsxs)("div",{className:c()(u),children:[(0,A.jsx)("div",{className:c()(m,""!==K?O.Bm:void 0),children:b.name}),(0,A.jsx)(_.default,{metaData:b.metaData,visible:[K,V]},b.articleCodex),!f&&(0,A.jsx)("div",{className:c()(O.WN),children:b.formattedSize})]}),(0,A.jsxs)("div",{className:c()(O.W0),children:[b.contentItemId&&(0,A.jsx)(q.default,{item:b,style:{left:-32,bottom:g.getIsInMobileView()?26:12}},b.articleCodex),(0,A.jsx)("div",{onClick:Q,className:c()(O.Uz,0==b.actQuantity?O.h$:void 0),children:"-"}),(0,A.jsx)("div",{className:c()(O.Wi),children:b.actQuantity}),(0,A.jsx)("div",{onClick:N,className:c()(O.vg,b.maxQuantity==b.actQuantity&&0!=b.maxQuantity?O.h$:void 0),children:"+"})]})]}),!j&&!!b.price&&(0,A.jsx)(D.default,{price:b.price,style:{paddingTop:6}})]})),G&&(null===(n=B)||void 0===n?void 0:n((0,A.jsx)(T.default,{text:null!==(i=b.longDescription)&&void 0!==i?i:b.name,desciption:K,codex:b.articleCodex,pricePreviewPromise:b.pricePreviewPromise,image:b.image,layerProps:W},b.articleCodex))),!!Object.keys(H).length&&(0,A.jsx)(I.default,{itemPalettesOfArticle:H,zIndexBase:300})]})}))},90823:(e,n,i)=>{i.d(n,{TX:()=>l,YS:()=>c,ZP:()=>s,db:()=>a});var t=i(8081),o=i.n(t),d=i(23645),r=i.n(d)()(o());r.push([e.id,".index-module--zgv7T {\n  float: left;\n  position: relative;\n  height: 100%;\n  max-width: 160px;\n}\n\n.index-module--dkdDd {\n  display: -webkit-box;\n  float: left;\n  max-height: 150px;\n  min-height: 16px;\n  margin-top: 8px;\n  max-width: 100%;\n  color: var(--secondaryColor);\n  font-size: 20px;\n  font-weight: 300;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n}\n\n.index-module--dkdDd:hover {\n  max-height: 608px;\n  -webkit-line-clamp: 30;\n  overflow: visible;\n  background: #fff;\n  z-index: 150;\n}\n\n.index-module--mxUdV {\n  --infoIconSize: 22px;\n}\n",""]);var l="index-module--zgv7T",a="index-module--dkdDd",c="index-module--mxUdV";const s=r},50978:(e,n,i)=>{i.d(n,{Bm:()=>p,K5:()=>s,KJ:()=>P,RV:()=>l,TX:()=>u,Uz:()=>f,W0:()=>h,WN:()=>m,Wi:()=>v,ZP:()=>y,db:()=>x,h$:()=>g,iZ:()=>a,mp:()=>w,vc:()=>c,vg:()=>b});var t=i(8081),o=i.n(t),d=i(23645),r=i.n(d)()(o());r.push([e.id,"/* Accessoires*/\n\n.index-module--Pc7de {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n  white-space: pre-line;\n}\n\n.index-module--Pc7de:hover {\n  z-index: 200;\n}\n\n.index-module--Pc7de .index-module--kbpcW {\n  width: 98%;\n  background: white;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n}\n\n.index-module--Pc7de .index-module--wHVmF {\n  height: 80px;\n}\n\n.index-module--Pc7de .index-module--xq6Iu {\n  width: 48px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--Pc7de .index-module--wHVmF .index-module--nLQC8 {\n  height: 80px;\n}\n\n.index-module--Pc7de .index-module--nLQC8 {\n  width: 80px;\n  float: left;\n  border-radius: var(--globalBorderRadius) 0px 0px var(--globalBorderRadius);\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n}\n\n.index-module--_yxqS {\n  float: left;\n  width: calc(100% - 203.2px);\n  position: relative;\n  height: calc(100% - 12px);\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n.index-module--Pc7de .index-module--_yxqS {\n  width: calc(100% - 181.2px);\n}\n\n.index-module--Pc7de .index-module--eOv3D {\n  display: -webkit-box;\n  float: left;\n  max-height: 64px;\n  min-height: 16px;\n  margin-top: 8px;\n  max-width: 100%;\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n}\n\n.index-module--Pc7de .index-module--eOv3D.index-module--FAF9I {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--Pc7de .index-module--grnCR {\n  display: -webkit-box;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: #6f6f6f;\n  width: calc(100% - 32px);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 200;\n  position: relative;\n}\n\n@media all and (max-width: 1100px) {\n  .index-module--Pc7de .index-module--wHVmF {\n    height: 80px;\n  }\n\n  .index-module--Pc7de .index-module--wHVmF img {\n    height: 80px;\n  }\n}\n\n.index-module--Pc7de .index-module--e7Riz {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  width: 100px;\n  height: 32px;\n}\n\n.index-module--Pc7de .index-module--e7Riz {\n  font-size: 18px;\n  line-height: 20px;\n  color: var(--secondaryColor);\n  text-align: center;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.index-module--Pc7de .index-module--oT5tq,\n.index-module--Pc7de .index-module--o4vHn {\n  font-weight: 300;\n  height: 21px;\n  width: 21px;\n  float: left;\n  background: #f2f2f2;\n  border-radius: 21px;\n  -webkit-text-stroke: 0px;\n  transition: background-color 0.15s ease;\n}\n\n.index-module--Pc7de .index-module--oT5tq:hover,\n.index-module--Pc7de .index-module--o4vHn:hover {\n  background: #d9d9d9;\n  color: #424242;\n  cursor: pointer;\n}\n.index-module--Pc7de .index-module--QpnHk.index-module--oT5tq,\n.index-module--Pc7de .index-module--QpnHk.index-module--o4vHn {\n  background: #f7f7f7;\n}\n.index-module--Pc7de .index-module--QpnHk.index-module--oT5tq:hover,\n.index-module--Pc7de .index-module--QpnHk.index-module--o4vHn:hover {\n  background: #f7f7f7;\n  color: var(--secondaryColor);\n  cursor: inherit;\n}\n\n.index-module--Pc7de .index-module--BFe7r {\n  float: left;\n  width: 40px;\n  height: 16px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-text-stroke: 0.4px;\n}\n\n.index-module--Pc7de .index-module--oT5tq {\n  line-height: 19px;\n}\n\n.index-module--S_PGz .index-module--e7Riz {\n  font-size: 16px;\n  line-height: 30px;\n  width: 80px;\n  height: 48px;\n}\n\n.index-module--S_PGz .index-module--oT5tq {\n  line-height: 30px;\n}\n\n.index-module--S_PGz .index-module--oT5tq,\n.index-module--S_PGz .index-module--o4vHn {\n  height: 30px;\n  width: 30px;\n  border-radius: 50%;\n}\n.index-module--S_PGz .index-module--_yxqS {\n  width: calc(100% - 192px);\n}\n\n.index-module--zuQkq .index-module--e7Riz {\n  font-size: 16px;\n  line-height: 30px;\n  width: 104px;\n  height: 48px;\n}\n\n.index-module--zuQkq .index-module--oT5tq {\n  line-height: 32px;\n}\n\n.index-module--zuQkq .index-module--oT5tq,\n.index-module--zuQkq .index-module--o4vHn {\n  height: 30px;\n  width: 30px;\n\n  border-radius: 50%;\n}\n.index-module--zuQkq .index-module--_yxqS {\n  width: calc(100% - 192px);\n}\n",""]);var l="index-module--Pc7de",a="index-module--kbpcW",c="index-module--wHVmF",s="index-module--nLQC8",u="index-module--_yxqS",x="index-module--eOv3D",p="index-module--FAF9I",m="index-module--grnCR",h="index-module--e7Riz",f="index-module--oT5tq",b="index-module--o4vHn",g="index-module--QpnHk",v="index-module--BFe7r",w="index-module--S_PGz",P="index-module--zuQkq";const y=r}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 4313.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4313,1801],{21801:(t,o,i)=>{i.r(o),i.d(o,{default:()=>Z});var r=i(34988),d=i(93379),l=i.n(d),a=i(7795),c=i.n(a),u=i(90569),x=i.n(u),p=i(3565),m=i.n(p),g=i(19216),C=i.n(g),h=i(44589),v=i.n(h),b=i(23240),w={};w.styleTagTransform=v(),w.setAttributes=m(),w.insert=x().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=C();l()(b.ZP,w);b.ZP&&b.ZP.locals&&b.ZP.locals;var y=i(87363),j=i(9204),k=i(65515),I=i.n(k),S=i(9420),P=i(47514);const Z=(0,S.Pi)((function InfoIcon(t){var o,i,d,l=t.item,a=t.style,c=(0,j.NP)(),u=l.contentItemId,x=null!==(o=null!==(i=null!==(d=l.codex)&&void 0!==d?d:l.articleCodex)&&void 0!==i?i:l.title)&&void 0!==o?o:l.key,p=(0,y.useState)(!1),m=(0,r.Z)(p,2),g=m[0],C=m[1],h=l.sel||g;if((0,y.useEffect)((function(){var t=c.settingsState.contentItemVisible&&c.settingsState.contentItemId==u&&x==c.settingsState.clickedFrom;!t&&g&&C(!1),t&&!g&&C(!0)}),[c.settingsState.contentItemVisible,c.settingsState.contentItemId,c.settingsState.clickedFrom]),!l)throw new Error("item for infoIcon not defined");return function showIcon(){var t;return!l.op||null===(t=c.uiState.ViewConfig.infoIconSettings)||void 0===t||!t.onlyShowSelectedOPV||h}()?(0,P.jsx)("div",{className:b.um,onClick:function onClick(t){c.settingsState.onClickContentItemId(u,x),C(c.settingsState.contentItemVisible&&c.settingsState.contentItemId==u),t.stopPropagation()},style:a,children:(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("div",{className:I()(b.hv,h?void 0:b.al,g?b.FJ:void 0),children:(0,P.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,P.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,P.jsx)("path",{className:b.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,P.jsx)("path",{className:b.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,P.jsx)("div",{className:I()(b.dA,h?b.al:void 0),children:(0,P.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,P.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,P.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,P.jsx)(P.Fragment,{})}))},19456:(t,o,i)=>{i.r(o),i.d(o,{default:()=>_});var r=i(34988),d=i(87363),l=i(65515),a=i.n(l),c=i(16008),u=i(75275),x=i(88683),p=i(9204),m=i(93379),g=i.n(m),C=i(7795),h=i.n(C),v=i(90569),b=i.n(v),w=i(3565),y=i.n(w),j=i(19216),k=i.n(j),I=i(44589),S=i.n(I),P=i(8441),Z={};Z.styleTagTransform=S(),Z.setAttributes=y(),Z.insert=b().bind(null,"head"),Z.domAPI=h(),Z.insertStyleElement=k();g()(P.ZP,Z);P.ZP&&P.ZP.locals&&P.ZP.locals;var N=i(69369),A=i(47514),T=(0,x.getLogger)("Planner","ReverseCheck");const _=function ReverseCheck(t){var o=t.item,i=t.paletteId,l=(0,p.NP)(),m=(0,x.useTranslation)().t,g=void 0!==o.pricePreviewPromise?o.pricePreviewPromise:void 0,C=(0,d.useState)(null),h=(0,r.Z)(C,2),v=h[0],b=h[1],w=(0,d.useState)(!1),y=(0,r.Z)(w,2),j=y[0],k=y[1];(0,d.useEffect)((function(){var t=!0;return g?(k(!0),g.promise.then((function(o){t&&b(o.reversingCheck)})).catch((function(t){T.error(new N.GE("Error loading reversing check:",{cause:t}))})).finally((function(){t&&k(!1)}))):b(null),function(){t=!1}}),[g]);return g?j?(0,A.jsx)("div",{className:a()(P.Nh,P.V_),children:(0,A.jsx)("div",{className:P.lY})}):v&&v.hasReversingChanges?"BLOCK"===v.checkingForReversingChanges?(0,A.jsx)("div",{className:a()(P.Nh,P.IN,P.A4),onClick:function handleBlockedClick(t){var o;t.stopPropagation();var i=Object.values((null==v?void 0:v.reversingVariantValues)||{}).map((function(t){return t.label})).join(", ");null===(o=l.actions)||void 0===o||o.openModal({title:m("configurator.reverseCheck.blocked.title"),text:m("configurator.reverseCheck.blocked.text",{options:i}),accept:!1,reject:!0,rejectByIcon:!0})},children:(0,A.jsx)(c.Z,{className:P.tL,id:"blocked-icon"})}):"WARN"===v.checkingForReversingChanges?(0,A.jsx)("div",{className:a()(P.Nh,P.J9),onClick:function handleWarningClick(t){var r;t.stopPropagation();var d=Object.values((null==v?void 0:v.reversingVariantValues)||{}).map((function(t){return t.label})).join(", ");null===(r=l.actions)||void 0===r||r.openModal({title:m("configurator.reverseCheck.warning.title"),text:m("configurator.reverseCheck.warning.text",{options:d}),accept:!0,reject:!0,callback:function callback(t){t&&l.paletteViewHandler.clickedOnConfigPalette(o,void 0,i)}})},children:(0,A.jsx)(u.Z,{className:P.tO})}):(0,A.jsx)(A.Fragment,{}):(0,A.jsx)(A.Fragment,{}):(0,A.jsx)(A.Fragment,{})}},4313:(t,o,i)=>{i.r(o),i.d(o,{default:()=>V});var r=i(34988),d=i(10304),l=i(87363),a=i(9204),c=i(9420),u=i(93379),x=i.n(u),p=i(7795),m=i.n(p),g=i(90569),C=i.n(g),h=i(3565),v=i.n(h),b=i(19216),w=i.n(b),y=i(44589),j=i.n(y),k=i(35563),I={};I.styleTagTransform=j(),I.setAttributes=v(),I.insert=C().bind(null,"head"),I.domAPI=m(),I.insertStyleElement=w();x()(k.ZP,I);k.ZP&&k.ZP.locals&&k.ZP.locals;var S=i(65515),P=i.n(S),Z=i(21801),N=i(86526),A=i.n(N),T=i(77826),_={};_.styleTagTransform=j(),_.setAttributes=v(),_.insert=C().bind(null,"head"),_.domAPI=m(),_.insertStyleElement=w();x()(T.Z,_);T.Z&&T.Z.locals&&T.Z.locals;var z=i(91087),R=i(19456),D=i(47514);function _createForOfIteratorHelper(t,o){var i="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!i){if(Array.isArray(t)||(i=function _unsupportedIterableToArray(t,o){if(t){if("string"==typeof t)return _arrayLikeToArray(t,o);var i={}.toString.call(t).slice(8,-1);return"Object"===i&&t.constructor&&(i=t.constructor.name),"Map"===i||"Set"===i?Array.from(t):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?_arrayLikeToArray(t,o):void 0}}(t))||o&&t&&"number"==typeof t.length){i&&(t=i);var r=0,d=function F(){};return{s:d,n:function n(){return r>=t.length?{done:!0}:{done:!1,value:t[r++]}},e:function e(t){throw t},f:d}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,a=!0,c=!1;return{s:function s(){i=i.call(t)},n:function n(){var t=i.next();return a=t.done,t},e:function e(t){c=!0,l=t},f:function f(){try{a||null==i.return||i.return()}finally{if(c)throw l}}}}function _arrayLikeToArray(t,o){(null==o||o>t.length)&&(o=t.length);for(var i=0,r=Array(o);i<o;i++)r[i]=t[i];return r}const V=(0,c.Pi)((function DropDowmText(t){var o,i=t.item,c=t.paletteId,u=t.style,x=(0,a.NP)(),p=i.groups.flatMap((function(t){return t.items})),m=p.find((function(t){return t.sel})),g=(0,l.useState)(null==m?void 0:m.text),C=(0,r.Z)(g,2),h=C[0],v=C[1],b=(0,l.useState)(!1),w=(0,r.Z)(b,2),y=w[0],j=w[1];(0,l.useEffect)((function(){var t=p.find((function(t){return t.codex==h}));t&&x.paletteViewHandler.clickedOnConfigPalette(t,void 0,c)}),[h,y]);var I,S=void 0,N=[],T=_createForOfIteratorHelper(p);try{for(T.s();!(I=T.n()).done;){var _=I.value,V={label:(0,D.jsxs)("div",{className:k.Kj,children:[(0,D.jsx)("div",{className:k.fL,dangerouslySetInnerHTML:{__html:_.text}}),void 0!==_.pricePreviewPromise&&(0,D.jsx)(z.default,{asyncPricePreview:_.pricePreviewPromise,sel:_.sel}),void 0!==_.checkForReversingChanges&&(0,D.jsx)(R.default,{item:_,paletteId:c})]}),text:_.text,value:_.codex};_.sel&&(S={label:_.text.length>16?(0,D.jsx)(A(),{direction:"right",duration:8,textSpacing:"8px",children:_.text}):(0,D.jsx)("div",{className:k.Kj,dangerouslySetInnerHTML:{__html:_.text}}),text:_.text,value:_.codex}),N.push(V)}}catch(t){T.e(t)}finally{T.f()}var B=null!==(o=i.selectedElements)&&void 0!==o&&null!==(o=o[0])&&void 0!==o&&o.contentItemId?i.selectedElements[0]:i.optionContentItemId?{contentItemId:i.optionContentItemId,codex:i.configStepKey}:void 0;return(0,D.jsxs)("div",{className:P()(k.O7,k.YS,x.uiState.isInMobileView?k.ai:void 0,x.uiState.isTablet?k.Mq:void 0),ref:function ref(t){return i.htmlRef=t},style:u,children:[(0,D.jsx)("div",{className:P()(k.eR,k.TN),children:i.name}),(0,D.jsx)(d.Z,{className:k.RL,controlClassName:k.XF,menuClassName:k.fF,options:N,value:S,placeholderClassName:k.Kj,onChange:function onChange(t){v(t.value),j(!y)}}),"DROPDOWN_IMAGE"==i.type&&(null==m?void 0:m.image)&&(0,D.jsx)("img",{className:k.BH,src:m.image.replace("_gal.",".")}),B&&(0,D.jsx)(Z.default,{item:B,style:{bottom:"24px",right:"20px"}},i.configStepKey)]})}))},23240:(t,o,i)=>{i.d(o,{FJ:()=>m,Oq:()=>p,ZP:()=>h,al:()=>C,dA:()=>x,fL:()=>g,hv:()=>u,um:()=>c});var r=i(8081),d=i.n(r),l=i(23645),a=i.n(l)()(d());a.push([t.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n  transition:\n    0.3s width ease,\n    0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var c="index-module--CjCgr",u="index-module--C9QBx",x="index-module--a2wqn",p="index-module--fLFjU",m="index-module--nTN4r",g="index-module--FaRqp",C="index-module--oBSZj";const h=a},8441:(t,o,i)=>{i.d(o,{A4:()=>x,IN:()=>u,J9:()=>h,Nh:()=>c,V_:()=>p,ZP:()=>v,lY:()=>m,tL:()=>g,tO:()=>C});var r=i(8081),d=i.n(r),l=i(23645),a=i.n(l)()(d());a.push([t.id,".index-module--o8212 {\n  background-color: rgba(238,238,238,0.93333);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 100%;\n  width: 100%;\n  line-height: 50%;\n  top: 0;\n  left: 0;\n  white-space: nowrap;\n  z-index: 1000;\n}\n\n.index-module--dDHyo {\n  background-color: rgba(255, 255, 255, 0.7);\n  -webkit-backdrop-filter: blur(1px);\n          backdrop-filter: blur(1px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  pointer-events: none;\n}\n\n.index-module--oyt7q {\n  pointer-events: auto;\n}\n\n.index-module--CTeV9 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: wait;\n  pointer-events: auto;\n}\n\n.index-module--j1YrR {\n  width: 20px;\n  height: 20px;\n  border: 2px solid rgba(0, 0, 0, 0.1);\n  border-radius: 50%;\n  border-top-color: #555;\n  animation: index-module--j1YrR 1s linear infinite;\n}\n\n.index-module--bG0Fi {\n  font-size: 32px !important;\n}\n\n.index-module--bG0Fi {\n  color: #d32f2f;\n}\n\n.index-module--Ej4oh {\n  font-size: 20px !important;\n}\n\n.index-module--Ej4oh {\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  color: #ed6c02;\n  cursor: pointer;\n  pointer-events: auto;\n}\n\n.index-module--lFAqA {\n  background-color: transparent;\n  pointer-events: auto;\n  cursor: pointer;\n}\n\n@keyframes index-module--j1YrR {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var c="index-module--o8212",u="index-module--dDHyo",x="index-module--oyt7q",p="index-module--CTeV9",m="index-module--j1YrR",g="index-module--bG0Fi",C="index-module--Ej4oh",h="index-module--lFAqA";const v=a},35563:(t,o,i)=>{i.d(o,{BH:()=>h,Kj:()=>x,Mq:()=>y,O7:()=>p,RL:()=>C,TN:()=>m,XF:()=>c,YS:()=>b,ZP:()=>j,ai:()=>w,eR:()=>g,fF:()=>u,fL:()=>v});var r=i(8081),d=i.n(r),l=i(23645),a=i.n(l)()(d());a.push([t.id,".index-module--y9aEB {\n  padding: 8px 24px 8px 8px !important;\n  box-sizing: border-box !important;\n}\n\n.index-module--y9aEB {\n  height: 2.4375rem;\n  padding: 0.5rem;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  border: 1px solid #cacaca;\n  border-radius: 4px;\n  background-color: #fefefe;\n  font-family: inherit;\n  font-size: 13px;\n  line-height: 22px;\n  color: #0a0a0a;\n  background-origin: content-box;\n  background-position: right -1rem center;\n  background-repeat: no-repeat;\n  background-size: 9px 6px;\n  padding-right: 1.5rem;\n  transition:\n    box-shadow 0.5s,\n    border-color 0.25s ease-in-out;\n  font-weight: 300;\n}\n\n.index-module--bmg3v {\n  max-height: 520px !important;\n  width: -moz-fit-content !important;\n  width: fit-content !important;\n  display: inline-block !important;\n}\n\n.index-module--bmg3v {\n\n  right: 0;\n  min-width: 152px;\n  max-width: 370px;\n  letter-spacing: 0px;\n  font-size: 13px;\n  font-weight: 300;\n}\n.index-module--KSu7G {\n  position: relative;\n}\n.index-module--bmg3v .index-module--KSu7G {\n  white-space: nowrap;\n}\n.index-module--y9aEB .index-module--KSu7G {\n  width: 110px;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.index-module--CfRbv {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n}\n\n.index-module--GXQvP {\n  text-align: left;\n  padding-bottom: 9px;\n  padding-top: 9px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n.index-module--lSs1C {\n  width: 50%;\n}\n.index-module--oQlWo {\n  width: 155px;\n  margin: 10px 15px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: -moz-fit-content;\n  height: fit-content;\n}\n\n.index-module--qccxA {\n  width: 45%;\n}\n.index-module--XjbL2 {\n  padding-right: 64px;\n}\n\n.index-module--_ss3e .Dropdown-root {\n  position: relative;\n}\n\n.index-module--_ss3e .Dropdown-control {\n  position: relative;\n  overflow: hidden;\n  box-sizing: border-box;\n  color: #333;\n  cursor: default;\n  outline: none;\n  padding: 2px 24px 2px 10px;\n  transition: all 200ms ease;\n  background-color: #fff;\n  border-radius: var(--globalBorderRadius);\n  border: 1px solid #ccc;\n  font-size: 14px;\n}\n\n.index-module--k3nyn .Dropdown-control {\n  font-size: 12px;\n}\n\n.index-module--rVTNA .Dropdown-control {\n  font-size: 15px;\n}\n\n.index-module--_ss3e .Dropdown-control:hover {\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);\n}\n\n.index-module--_ss3e .Dropdown-arrow {\n  border-color: #999 transparent transparent;\n  border-style: solid;\n  border-width: 5px 5px 0;\n  content: ' ';\n  display: block;\n  height: 0;\n  margin-top: -ceil(2.5);\n  position: absolute;\n  right: 8px;\n  top: 15px;\n  width: 0;\n}\n\n.index-module--_ss3e .is-open .Dropdown-arrow {\n  border-color: transparent transparent #999;\n  border-width: 0 5px 5px;\n}\n\n.index-module--_ss3e .Dropdown-menu {\n  background-color: white;\n  box-sizing: border-box;\n  margin-top: -1px;\n  border: 1px solid #ddd;\n  max-height: 200px;\n  overflow-y: auto;\n  position: absolute;\n  top: 100%;\n  width: 100%;\n  z-index: 1100;\n  -webkit-overflow-scrolling: touch;\n}\n\n.index-module--_ss3e .Dropdown-menu .Dropdown-group > .Dropdown-title {\n  padding: 8px 10px;\n  color: rgba(51, 51, 51, 1);\n  font-weight: 300;\n  text-transform: capitalize;\n}\n\n.index-module--_ss3e .Dropdown-option {\n  box-sizing: border-box;\n  color: rgba(51, 51, 51, 0.8);\n  cursor: pointer;\n  display: block;\n  padding: 8px 10px;\n}\n\n.index-module--_ss3e .Dropdown-option:last-child {\n  border-bottom-right-radius: 2px;\n  border-bottom-left-radius: 2px;\n}\n\n.index-module--_ss3e .Dropdown-option:hover {\n  background-color: #f2f9fc;\n}\n\n.index-module--_ss3e .Dropdown-option.is-selected {\n  background-color: #f2f9fc;\n  color: #333;\n}\n\n.index-module--_ss3e .Dropdown-noresults {\n  box-sizing: border-box;\n  color: #ccc;\n  cursor: default;\n  display: block;\n  padding: 8px 10px;\n}\n",""]);var c="index-module--y9aEB",u="index-module--bmg3v",x="index-module--KSu7G",p="index-module--CfRbv",m="index-module--GXQvP",g="index-module--lSs1C",C="index-module--oQlWo",h="index-module--qccxA",v="index-module--XjbL2",b="index-module--_ss3e",w="index-module--k3nyn",y="index-module--rVTNA";const j=a},77826:(t,o,i)=>{i.d(o,{Z:()=>c});var r=i(8081),d=i.n(r),l=i(23645),a=i.n(l)()(d());a.push([t.id,"/*\n@ts-ignore\n*/\n@keyframes marqueeScroll {\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n}\n",""]);const c=a}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4313,1801],{21801:(t,o,i)=>{i.r(o),i.d(o,{default:()=>Z});var r=i(34988),d=i(93379),l=i.n(d),a=i(7795),c=i.n(a),u=i(90569),x=i.n(u),p=i(3565),m=i.n(p),g=i(19216),C=i.n(g),h=i(44589),v=i.n(h),b=i(23240),w={};w.styleTagTransform=v(),w.setAttributes=m(),w.insert=x().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=C();l()(b.ZP,w);b.ZP&&b.ZP.locals&&b.ZP.locals;var y=i(87363),j=i(75327),k=i(65515),I=i.n(k),S=i(9420),P=i(47514);const Z=(0,S.Pi)((function InfoIcon(t){var o,i,d,l=t.item,a=t.style,c=(0,j.NP)(),u=l.contentItemId,x=null!==(o=null!==(i=null!==(d=l.codex)&&void 0!==d?d:l.articleCodex)&&void 0!==i?i:l.title)&&void 0!==o?o:l.key,p=(0,y.useState)(!1),m=(0,r.Z)(p,2),g=m[0],C=m[1],h=l.sel||g;if((0,y.useEffect)((function(){var t=c.settingsState.contentItemVisible&&c.settingsState.contentItemId==u&&x==c.settingsState.clickedFrom;!t&&g&&C(!1),t&&!g&&C(!0)}),[c.settingsState.contentItemVisible,c.settingsState.contentItemId,c.settingsState.clickedFrom]),!l)throw new Error("item for infoIcon not defined");return function showIcon(){var t;return!l.op||null===(t=c.uiState.ViewConfig.infoIconSettings)||void 0===t||!t.onlyShowSelectedOPV||h}()?(0,P.jsx)("div",{className:b.um,onClick:function onClick(t){c.settingsState.onClickContentItemId(u,x),C(c.settingsState.contentItemVisible&&c.settingsState.contentItemId==u),t.stopPropagation()},style:a,children:(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("div",{className:I()(b.hv,h?void 0:b.al,g?b.FJ:void 0),children:(0,P.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,P.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,P.jsx)("path",{className:b.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,P.jsx)("path",{className:b.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,P.jsx)("div",{className:I()(b.dA,h?b.al:void 0),children:(0,P.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,P.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,P.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,P.jsx)(P.Fragment,{})}))},19456:(t,o,i)=>{i.r(o),i.d(o,{default:()=>_});var r=i(34988),d=i(87363),l=i(65515),a=i.n(l),c=i(16008),u=i(75275),x=i(88683),p=i(75327),m=i(93379),g=i.n(m),C=i(7795),h=i.n(C),v=i(90569),b=i.n(v),w=i(3565),y=i.n(w),j=i(19216),k=i.n(j),I=i(44589),S=i.n(I),P=i(8441),Z={};Z.styleTagTransform=S(),Z.setAttributes=y(),Z.insert=b().bind(null,"head"),Z.domAPI=h(),Z.insertStyleElement=k();g()(P.ZP,Z);P.ZP&&P.ZP.locals&&P.ZP.locals;var N=i(69369),A=i(47514),T=(0,x.getLogger)("Planner","ReverseCheck");const _=function ReverseCheck(t){var o=t.item,i=t.paletteId,l=(0,p.NP)(),m=(0,x.useTranslation)().t,g=void 0!==o.pricePreviewPromise?o.pricePreviewPromise:void 0,C=(0,d.useState)(null),h=(0,r.Z)(C,2),v=h[0],b=h[1],w=(0,d.useState)(!1),y=(0,r.Z)(w,2),j=y[0],k=y[1];(0,d.useEffect)((function(){var t=!0;return g?(k(!0),g.promise.then((function(o){t&&b(o.reversingCheck)})).catch((function(t){T.error(new N.GE("Error loading reversing check:",{cause:t}))})).finally((function(){t&&k(!1)}))):b(null),function(){t=!1}}),[g]);return g?j?(0,A.jsx)("div",{className:a()(P.Nh,P.V_),children:(0,A.jsx)("div",{className:P.lY})}):v&&v.hasReversingChanges?"BLOCK"===v.checkingForReversingChanges?(0,A.jsx)("div",{className:a()(P.Nh,P.IN,P.A4),onClick:function handleBlockedClick(t){var o;t.stopPropagation();var i=Object.values((null==v?void 0:v.reversingVariantValues)||{}).map((function(t){return t.label})).join(", ");null===(o=l.actions)||void 0===o||o.openModal({title:m("configurator.reverseCheck.blocked.title"),text:m("configurator.reverseCheck.blocked.text",{options:i}),accept:!1,reject:!0,rejectByIcon:!0})},children:(0,A.jsx)(c.Z,{className:P.tL,id:"blocked-icon"})}):"WARN"===v.checkingForReversingChanges?(0,A.jsx)("div",{className:a()(P.Nh,P.J9),onClick:function handleWarningClick(t){var r;t.stopPropagation();var d=Object.values((null==v?void 0:v.reversingVariantValues)||{}).map((function(t){return t.label})).join(", ");null===(r=l.actions)||void 0===r||r.openModal({title:m("configurator.reverseCheck.warning.title"),text:m("configurator.reverseCheck.warning.text",{options:d}),accept:!0,reject:!0,callback:function callback(t){t&&l.paletteViewHandler.clickedOnConfigPalette(o,void 0,i)}})},children:(0,A.jsx)(u.Z,{className:P.tO})}):(0,A.jsx)(A.Fragment,{}):(0,A.jsx)(A.Fragment,{}):(0,A.jsx)(A.Fragment,{})}},4313:(t,o,i)=>{i.r(o),i.d(o,{default:()=>V});var r=i(34988),d=i(10304),l=i(87363),a=i(75327),c=i(9420),u=i(93379),x=i.n(u),p=i(7795),m=i.n(p),g=i(90569),C=i.n(g),h=i(3565),v=i.n(h),b=i(19216),w=i.n(b),y=i(44589),j=i.n(y),k=i(35563),I={};I.styleTagTransform=j(),I.setAttributes=v(),I.insert=C().bind(null,"head"),I.domAPI=m(),I.insertStyleElement=w();x()(k.ZP,I);k.ZP&&k.ZP.locals&&k.ZP.locals;var S=i(65515),P=i.n(S),Z=i(21801),N=i(86526),A=i.n(N),T=i(77826),_={};_.styleTagTransform=j(),_.setAttributes=v(),_.insert=C().bind(null,"head"),_.domAPI=m(),_.insertStyleElement=w();x()(T.Z,_);T.Z&&T.Z.locals&&T.Z.locals;var z=i(91087),R=i(19456),D=i(47514);function _createForOfIteratorHelper(t,o){var i="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!i){if(Array.isArray(t)||(i=function _unsupportedIterableToArray(t,o){if(t){if("string"==typeof t)return _arrayLikeToArray(t,o);var i={}.toString.call(t).slice(8,-1);return"Object"===i&&t.constructor&&(i=t.constructor.name),"Map"===i||"Set"===i?Array.from(t):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?_arrayLikeToArray(t,o):void 0}}(t))||o&&t&&"number"==typeof t.length){i&&(t=i);var r=0,d=function F(){};return{s:d,n:function n(){return r>=t.length?{done:!0}:{done:!1,value:t[r++]}},e:function e(t){throw t},f:d}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,a=!0,c=!1;return{s:function s(){i=i.call(t)},n:function n(){var t=i.next();return a=t.done,t},e:function e(t){c=!0,l=t},f:function f(){try{a||null==i.return||i.return()}finally{if(c)throw l}}}}function _arrayLikeToArray(t,o){(null==o||o>t.length)&&(o=t.length);for(var i=0,r=Array(o);i<o;i++)r[i]=t[i];return r}const V=(0,c.Pi)((function DropDowmText(t){var o,i=t.item,c=t.paletteId,u=t.style,x=(0,a.NP)(),p=i.groups.flatMap((function(t){return t.items})),m=p.find((function(t){return t.sel})),g=(0,l.useState)(null==m?void 0:m.text),C=(0,r.Z)(g,2),h=C[0],v=C[1],b=(0,l.useState)(!1),w=(0,r.Z)(b,2),y=w[0],j=w[1];(0,l.useEffect)((function(){var t=p.find((function(t){return t.codex==h}));t&&x.paletteViewHandler.clickedOnConfigPalette(t,void 0,c)}),[h,y]);var I,S=void 0,N=[],T=_createForOfIteratorHelper(p);try{for(T.s();!(I=T.n()).done;){var _=I.value,V={label:(0,D.jsxs)("div",{className:k.Kj,children:[(0,D.jsx)("div",{className:k.fL,dangerouslySetInnerHTML:{__html:_.text}}),void 0!==_.pricePreviewPromise&&(0,D.jsx)(z.default,{asyncPricePreview:_.pricePreviewPromise,sel:_.sel}),void 0!==_.checkForReversingChanges&&(0,D.jsx)(R.default,{item:_,paletteId:c})]}),text:_.text,value:_.codex};_.sel&&(S={label:_.text.length>16?(0,D.jsx)(A(),{direction:"right",duration:8,textSpacing:"8px",children:_.text}):(0,D.jsx)("div",{className:k.Kj,dangerouslySetInnerHTML:{__html:_.text}}),text:_.text,value:_.codex}),N.push(V)}}catch(t){T.e(t)}finally{T.f()}var B=null!==(o=i.selectedElements)&&void 0!==o&&null!==(o=o[0])&&void 0!==o&&o.contentItemId?i.selectedElements[0]:i.optionContentItemId?{contentItemId:i.optionContentItemId,codex:i.configStepKey}:void 0;return(0,D.jsxs)("div",{className:P()(k.O7,k.YS,x.uiState.isInMobileView?k.ai:void 0,x.uiState.isTablet?k.Mq:void 0),ref:function ref(t){return i.htmlRef=t},style:u,children:[(0,D.jsx)("div",{className:P()(k.eR,k.TN),children:i.name}),(0,D.jsx)(d.Z,{className:k.RL,controlClassName:k.XF,menuClassName:k.fF,options:N,value:S,placeholderClassName:k.Kj,onChange:function onChange(t){v(t.value),j(!y)}}),"DROPDOWN_IMAGE"==i.type&&(null==m?void 0:m.image)&&(0,D.jsx)("img",{className:k.BH,src:m.image.replace("_gal.",".")}),B&&(0,D.jsx)(Z.default,{item:B,style:{bottom:"24px",right:"20px"}},i.configStepKey)]})}))},23240:(t,o,i)=>{i.d(o,{FJ:()=>m,Oq:()=>p,ZP:()=>h,al:()=>C,dA:()=>x,fL:()=>g,hv:()=>u,um:()=>c});var r=i(8081),d=i.n(r),l=i(23645),a=i.n(l)()(d());a.push([t.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n  transition:\n    0.3s width ease,\n    0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var c="index-module--CjCgr",u="index-module--C9QBx",x="index-module--a2wqn",p="index-module--fLFjU",m="index-module--nTN4r",g="index-module--FaRqp",C="index-module--oBSZj";const h=a},8441:(t,o,i)=>{i.d(o,{A4:()=>x,IN:()=>u,J9:()=>h,Nh:()=>c,V_:()=>p,ZP:()=>v,lY:()=>m,tL:()=>g,tO:()=>C});var r=i(8081),d=i.n(r),l=i(23645),a=i.n(l)()(d());a.push([t.id,".index-module--o8212 {\n  background-color: rgba(238,238,238,0.93333);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 100%;\n  width: 100%;\n  line-height: 50%;\n  top: 0;\n  left: 0;\n  white-space: nowrap;\n  z-index: 1000;\n}\n\n.index-module--dDHyo {\n  background-color: rgba(255, 255, 255, 0.7);\n  -webkit-backdrop-filter: blur(1px);\n          backdrop-filter: blur(1px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  pointer-events: none;\n}\n\n.index-module--oyt7q {\n  pointer-events: auto;\n}\n\n.index-module--CTeV9 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: wait;\n  pointer-events: auto;\n}\n\n.index-module--j1YrR {\n  width: 20px;\n  height: 20px;\n  border: 2px solid rgba(0, 0, 0, 0.1);\n  border-radius: 50%;\n  border-top-color: #555;\n  animation: index-module--j1YrR 1s linear infinite;\n}\n\n.index-module--bG0Fi {\n  font-size: 32px !important;\n}\n\n.index-module--bG0Fi {\n  color: #d32f2f;\n}\n\n.index-module--Ej4oh {\n  font-size: 20px !important;\n}\n\n.index-module--Ej4oh {\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  color: #ed6c02;\n  cursor: pointer;\n  pointer-events: auto;\n}\n\n.index-module--lFAqA {\n  background-color: transparent;\n  pointer-events: auto;\n  cursor: pointer;\n}\n\n@keyframes index-module--j1YrR {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var c="index-module--o8212",u="index-module--dDHyo",x="index-module--oyt7q",p="index-module--CTeV9",m="index-module--j1YrR",g="index-module--bG0Fi",C="index-module--Ej4oh",h="index-module--lFAqA";const v=a},35563:(t,o,i)=>{i.d(o,{BH:()=>h,Kj:()=>x,Mq:()=>y,O7:()=>p,RL:()=>C,TN:()=>m,XF:()=>c,YS:()=>b,ZP:()=>j,ai:()=>w,eR:()=>g,fF:()=>u,fL:()=>v});var r=i(8081),d=i.n(r),l=i(23645),a=i.n(l)()(d());a.push([t.id,".index-module--y9aEB {\n  padding: 8px 24px 8px 8px !important;\n  box-sizing: border-box !important;\n}\n\n.index-module--y9aEB {\n  height: 2.4375rem;\n  padding: 0.5rem;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  border: 1px solid #cacaca;\n  border-radius: 4px;\n  background-color: #fefefe;\n  font-family: inherit;\n  font-size: 13px;\n  line-height: 22px;\n  color: #0a0a0a;\n  background-origin: content-box;\n  background-position: right -1rem center;\n  background-repeat: no-repeat;\n  background-size: 9px 6px;\n  padding-right: 1.5rem;\n  transition:\n    box-shadow 0.5s,\n    border-color 0.25s ease-in-out;\n  font-weight: 300;\n}\n\n.index-module--bmg3v {\n  max-height: 520px !important;\n  width: -moz-fit-content !important;\n  width: fit-content !important;\n  display: inline-block !important;\n}\n\n.index-module--bmg3v {\n\n  right: 0;\n  min-width: 152px;\n  max-width: 370px;\n  letter-spacing: 0px;\n  font-size: 13px;\n  font-weight: 300;\n}\n.index-module--KSu7G {\n  position: relative;\n}\n.index-module--bmg3v .index-module--KSu7G {\n  white-space: nowrap;\n}\n.index-module--y9aEB .index-module--KSu7G {\n  width: 110px;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.index-module--CfRbv {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n}\n\n.index-module--GXQvP {\n  text-align: left;\n  padding-bottom: 9px;\n  padding-top: 9px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n.index-module--lSs1C {\n  width: 50%;\n}\n.index-module--oQlWo {\n  width: 155px;\n  margin: 10px 15px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: -moz-fit-content;\n  height: fit-content;\n}\n\n.index-module--qccxA {\n  width: 45%;\n}\n.index-module--XjbL2 {\n  padding-right: 64px;\n}\n\n.index-module--_ss3e .Dropdown-root {\n  position: relative;\n}\n\n.index-module--_ss3e .Dropdown-control {\n  position: relative;\n  overflow: hidden;\n  box-sizing: border-box;\n  color: #333;\n  cursor: default;\n  outline: none;\n  padding: 2px 24px 2px 10px;\n  transition: all 200ms ease;\n  background-color: #fff;\n  border-radius: var(--globalBorderRadius);\n  border: 1px solid #ccc;\n  font-size: 14px;\n}\n\n.index-module--k3nyn .Dropdown-control {\n  font-size: 12px;\n}\n\n.index-module--rVTNA .Dropdown-control {\n  font-size: 15px;\n}\n\n.index-module--_ss3e .Dropdown-control:hover {\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);\n}\n\n.index-module--_ss3e .Dropdown-arrow {\n  border-color: #999 transparent transparent;\n  border-style: solid;\n  border-width: 5px 5px 0;\n  content: ' ';\n  display: block;\n  height: 0;\n  margin-top: -ceil(2.5);\n  position: absolute;\n  right: 8px;\n  top: 15px;\n  width: 0;\n}\n\n.index-module--_ss3e .is-open .Dropdown-arrow {\n  border-color: transparent transparent #999;\n  border-width: 0 5px 5px;\n}\n\n.index-module--_ss3e .Dropdown-menu {\n  background-color: white;\n  box-sizing: border-box;\n  margin-top: -1px;\n  border: 1px solid #ddd;\n  max-height: 200px;\n  overflow-y: auto;\n  position: absolute;\n  top: 100%;\n  width: 100%;\n  z-index: 1100;\n  -webkit-overflow-scrolling: touch;\n}\n\n.index-module--_ss3e .Dropdown-menu .Dropdown-group > .Dropdown-title {\n  padding: 8px 10px;\n  color: rgba(51, 51, 51, 1);\n  font-weight: 300;\n  text-transform: capitalize;\n}\n\n.index-module--_ss3e .Dropdown-option {\n  box-sizing: border-box;\n  color: rgba(51, 51, 51, 0.8);\n  cursor: pointer;\n  display: block;\n  padding: 8px 10px;\n}\n\n.index-module--_ss3e .Dropdown-option:last-child {\n  border-bottom-right-radius: 2px;\n  border-bottom-left-radius: 2px;\n}\n\n.index-module--_ss3e .Dropdown-option:hover {\n  background-color: #f2f9fc;\n}\n\n.index-module--_ss3e .Dropdown-option.is-selected {\n  background-color: #f2f9fc;\n  color: #333;\n}\n\n.index-module--_ss3e .Dropdown-noresults {\n  box-sizing: border-box;\n  color: #ccc;\n  cursor: default;\n  display: block;\n  padding: 8px 10px;\n}\n",""]);var c="index-module--y9aEB",u="index-module--bmg3v",x="index-module--KSu7G",p="index-module--CfRbv",m="index-module--GXQvP",g="index-module--lSs1C",C="index-module--oQlWo",h="index-module--qccxA",v="index-module--XjbL2",b="index-module--_ss3e",w="index-module--k3nyn",y="index-module--rVTNA";const j=a},77826:(t,o,i)=>{i.d(o,{Z:()=>c});var r=i(8081),d=i.n(r),l=i(23645),a=i.n(l)()(d());a.push([t.id,"/*\n@ts-ignore\n*/\n@keyframes marqueeScroll {\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n}\n",""]);const c=a}}]);