@crystaldesign/diva-web-planner-react 25.10.0-beta.1 → 25.10.0-beta.3

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

@@ -1,2 +1,2 @@
 /*! For license information please see 1001.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1001,7020,4300],{57020:(n,e,t)=>{t.r(e),t.d(e,{default:()=>r});var i=t(80248),o=(t(87363),t(2765)),d=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const r=function ProductHeaderFunction(n){return(0,d.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/ProductHeader/Functions"}))}},11001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>b});var i=t(94300),o=t(93379),d=t.n(o),r=t(7795),a=t.n(r),s=t(90569),l=t.n(s),u=t(3565),c=t.n(u),x=t(19216),m=t.n(x),p=t(44589),f=t.n(p),h=t(79578),g={};g.styleTagTransform=f(),g.setAttributes=c(),g.insert=l().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=m();d()(h.Z,g);h.Z&&h.Z.locals&&h.Z.locals;t(87363);var v=t(47514);const b=function ProductHeaderGold(n){return(0,v.jsx)(i.default,{productClass:h.I})}},94300:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});var i=t(34988),o=t(65515),d=t.n(o),r=t(20640),a=t(9420),s=t(87363),l=t(88683),u=t(57020),c=t(93379),x=t.n(c),m=t(7795),p=t.n(m),f=t(90569),h=t.n(f),g=t(3565),v=t.n(g),b=t(19216),w=t.n(b),P=t(44589),j=t.n(P),y=t(26876),S={};S.styleTagTransform=j(),S.setAttributes=v(),S.insert=h().bind(null,"head"),S.domAPI=p(),S.insertStyleElement=w();x()(y.ZP,S);y.ZP&&y.ZP.locals&&y.ZP.locals;var z=t(9755),H=t(81900),D=t(47514);const I=(0,a.Pi)((function ProductHeader(n){var e=n.hidePrice,t=n.productClass,o=(0,r.NP)(),a=(0,l.useTranslation)().t,c=(0,l.useDivaCore)().state,x=c.hidePrices,m=c.dimensions,p=m.isMobile,f=m.isTablet,h=o.getViewConfig().productHeaderContentBox,g=(0,s.useState)(),v=(0,i.Z)(g,2),b=v[0],w=v[1],P=(0,s.useState)(!1),j=(0,i.Z)(P,2),S=j[0],I=j[1],C=o.getViewConfig().hideWebConfiguratorTitle||o.getViewConfig().hideWebConfiguratorTitleInMobile&&o.getIsInMobileView();return(0,s.useEffect)((function(){var n;p&&!f||!o.divaWebPlanner.actSet()||null===(n=o.productState.customDimensions)||void 0===n||n.then((function(n){w(n);var e=n.reduce((function(n,e){return n[e.dimensionId]?n[e.dimensionId].includes(e.dimension)||n[e.dimensionId].push(e.dimension):n[e.dimensionId]=[e.dimension],n}),{});I(!Object.values(e).find((function(n){return n.length>1})))}))}),[o.divaWebPlanner.actSet(),o.settingsState.configChanged]),(0,D.jsxs)("div",{className:d()(y.YS,t,o.uiState.isMobileLandscape?y.rK:void 0,o.uiState.isMobilePortrait?y.tW:void 0,o.uiState.configSettingsIsExpanded?y.zh:void 0,o.uiState.configSettingsIsMaxExpanded?y.Zk:void 0,o.productState.plannerRenderingIsStaticBG?y.Li:void 0,y.Gr),children:[(0,D.jsxs)("div",{className:y.gU,"data-test-id":"configProductHeader",children:[!C&&(0,D.jsx)("h1",{"data-test-id":"productHeaderTitle",children:o.productState.webConifguratorTitle}),(0,D.jsxs)("div",{className:y.NG,children:[!x&&!e&&(0,D.jsxs)("div",{children:[(0,D.jsxs)("span",{className:y.Bm,"data-test-id":"productHeaderPriceInfo",children:[" ",a("configurator.PRICE_INFO"),":"]}),(0,D.jsxs)("span",{className:y.GO,"data-test-id":"productHeaderFormattedPrice",children:[" ",o.productState.formatedCurSetPrice]}),o.productState.formatedBruttoPrice&&!o.getViewConfig().hideRabattPrice&&(0,D.jsxs)("span",{className:y.xk,"data-test-id":"productHeaderFormattedBruttoPrice",children:[" ",o.productState.formatedBruttoPrice]})]}),!(null==b||!b.length)&&b.map((function(n){var e,t;return(0,D.jsxs)("div",{children:[(0,D.jsxs)("span",{className:y.Bm,children:[null!==(e=n.text)&&void 0!==e?e:a("configurator.headerdimension."+n.dimensionId),!S&&" ("+n.posNrs.join(",")+")",":"," "]}),(0,D.jsxs)("span",{className:y.GO,children:[null!==(t=n.dimension)&&void 0!==t?t:0," ",n.unit]})]})}))]})]}),(0,D.jsx)("div",{className:y.AJ,children:(0,D.jsx)(u.default,{})}),!o.uiState.isMobileLandscape&&o.productState.currentBanner&&(0,D.jsx)("div",{className:y.az,children:(0,D.jsx)(H.default,{noWrapper:!0,id:o.productState.currentBanner.contentItemId})}),h&&!o.uiState.isMobileLandscape&&!o.productState.currentBanner&&(0,D.jsx)("div",{className:y.az,children:(0,D.jsx)(z.p,{settings:{contentBoxProps:h}})})]})}))},79578:(n,e,t)=>{t.d(e,{I:()=>a,Z:()=>s});var i=t(8081),o=t.n(i),d=t(23645),r=t.n(d)()(o());r.push([n.id,".index-module--KWoIG * {\n  color: var(--secondaryColor) !important;\n}\n",""]);var a="index-module--KWoIG";const s=r},26876:(n,e,t)=>{t.d(e,{AJ:()=>c,Bm:()=>h,GO:()=>g,Gr:()=>b,Li:()=>w,NG:()=>f,YS:()=>a,ZP:()=>P,Zk:()=>p,az:()=>m,gU:()=>s,rK:()=>x,tW:()=>l,xk:()=>v,zh:()=>u});var i=t(8081),o=t.n(i),d=t(23645),r=t.n(d)()(o());r.push([n.id,"/* Productdaten */\n\n.index-module--HKQKa {\n  display: flex;\n  flex-direction: row;\n  height: 70px;\n  z-index: 112;\n  transition:\n    width 0.2s ease-in-out,\n    opacity 0.5s ease-in-out;\n  opacity: 1;\n  justify-content: space-between;\n  align-items: flex-start;\n}\n\n.index-module--vRGHL {\n  flex-basis: 50%;\n  justify-self: flex-start;\n  z-index: 300;\n  margin: 16px 0 16px 16px;\n  pointer-events: none;\n}\n.index-module--f5D1B .index-module--vRGHL {\n  margin: 12px 0 16px 16px;\n}\n\n.index-module--gHGCU .index-module--vRGHL {\n  flex-basis: 100%;\n}\n.index-module--MvVu6 {\n  flex-basis: 50%;\n}\n\n.index-module--MvVu6 {\n  flex-basis: 100%;\n  position: relative;\n  z-index: 112;\n  margin: 16px;\n}\n.index-module--f5D1B .index-module--MvVu6 {\n  margin: 6px 12px;\n}\n\n.index-module--DePmU .index-module--MvVu6 {\n  margin: 8px 12px 0px 0px;\n}\n\n.index-module--lRnbu {\n  z-index: 112;\n}\n\n.index-module--gHGCU.index-module--HKQKa {\n  width: calc(55% - 40px - 24px);\n}\n\n.index-module--aRkML.index-module--HKQKa,\n.index-module--Dq9vA.index-module--HKQKa {\n  opacity: 0;\n}\n\n.index-module--HKQKa h1 {\n  font-weight: 300;\n  font-size: 24px;\n  line-height: 27.2px;\n  text-transform: uppercase;\n  letter-spacing: 0.2px;\n  color: var(--secondaryColor);\n  margin: 0 0 10px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  white-space: nowrap;\n\n  border-radius: 100px;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.index-module--cN5ML {\n  border-radius: 0px 0px 12px 0px;\n  padding: 0px 12px 6px 16px;\n  position: absolute;\n  width: -moz-fit-content;\n  width: fit-content;\n  white-space: nowrap;\n  left: 0px;\n}\n\n.index-module--f5D1B .index-module--cN5ML {\n  margin-top: 5px;\n\n  background-color: transparent;\n}\n\n.index-module--gHGCU.index-module--HKQKa h1 {\n  max-width: 300px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.index-module--nPYHz {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  font-weight: 300;\n  -webkit-text-stroke: 0.4px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.index-module--vYIA1 {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  -webkit-text-stroke: 0.4px;\n  margin: 0px;\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--uuqou {\n  position: relative;\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  -webkit-text-stroke: 0.4px;\n  margin: 0px 10px;\n}\n\n.index-module--uuqou:before {\n  position: absolute;\n  content: '';\n  left: 0;\n  top: 50%;\n  right: 0;\n  border-top: 1px solid;\n  border-color: inherit;\n\n  transform: rotate(5deg);\n}\n\n.index-module--DePmU.index-module--HKQKa {\n  margin-left: 2rem;\n  width: calc(100% - 1rem);\n  height: 54.4px;\n}\n\n.index-module--Jnc8i.index-module--DePmU.index-module--HKQKa {\n  left: 50px;\n  top: 0px;\n  margin-left: 0.5rem;\n  margin-top: 4px;\n  width: calc(100% - 1rem);\n  height: 24.4px;\n}\n\n.index-module--DePmU h1 {\n  margin: 0px;\n  margin-top: 14.4px;\n  font-size: 22.4px;\n  line-height: 18px;\n  width: 67%;\n}\n.index-module--DePmU h2 {\n  margin: 0;\n  margin: initial;\n  font-weight: 100;\n  width: 67%;\n  line-height: 0.65;\n  -webkit-text-stroke: 0.3px;\n}\n.index-module--DePmU .index-module--nPYHz {\n  font-size: 15.6px;\n}\n\n.index-module--DePmU .index-module--vYIA1 {\n  font-size: 15.6px;\n}\n\n.index-module--f5D1B.index-module--HKQKa {\n  height: 54.4px;\n  width: calc(100% - 4px);\n}\n\n.index-module--f5D1B h1 {\n  margin: 0px;\n  font-size: 17px;\n  line-height: 20px;\n}\n\n.index-module--f5D1B.index-module--v_hgu h1,\n.index-module--DePmU.index-module--Jnc8i.index-module--v_hgu h1 {\n  color: var(--secondaryColor);\n  text-shadow: 3px 4px 15px #000000;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n}\n\n.index-module--f5D1B.index-module--v_hgu .index-module--nPYHz,\n.index-module--DePmU.index-module--Jnc8i.index-module--v_hgu .index-module--nPYHz,\n.index-module--f5D1B.index-module--v_hgu .index-module--vYIA1,\n.index-module--DePmU.index-module--Jnc8i.index-module--v_hgu .index-module--vYIA1 {\n  color: white;\n}\n\n.index-module--f5D1B h2 {\n  margin: 0;\n  margin: initial;\n  font-weight: 100;\n  width: 67%;\n  line-height: 0.65;\n}\n",""]);var a="index-module--HKQKa",s="index-module--vRGHL",l="index-module--f5D1B",u="index-module--gHGCU",c="index-module--MvVu6",x="index-module--DePmU",m="index-module--lRnbu",p="index-module--aRkML",f="index-module--cN5ML",h="index-module--nPYHz",g="index-module--vYIA1",v="index-module--uuqou",b="index-module--Jnc8i",w="index-module--v_hgu";const P=r}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1001,7020,4300],{57020:(n,e,t)=>{t.r(e),t.d(e,{default:()=>r});var i=t(80248),o=(t(87363),t(2765)),d=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const r=function ProductHeaderFunction(n){return(0,d.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/ProductHeader/Functions"}))}},11001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>b});var i=t(94300),o=t(93379),d=t.n(o),r=t(7795),a=t.n(r),s=t(90569),l=t.n(s),u=t(3565),c=t.n(u),x=t(19216),m=t.n(x),p=t(44589),f=t.n(p),h=t(79578),g={};g.styleTagTransform=f(),g.setAttributes=c(),g.insert=l().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=m();d()(h.Z,g);h.Z&&h.Z.locals&&h.Z.locals;t(87363);var v=t(47514);const b=function ProductHeaderGold(n){return(0,v.jsx)(i.default,{productClass:h.I})}},94300:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});var i=t(34988),o=t(65515),d=t.n(o),r=t(4820),a=t(9420),s=t(87363),l=t(88683),u=t(57020),c=t(93379),x=t.n(c),m=t(7795),p=t.n(m),f=t(90569),h=t.n(f),g=t(3565),v=t.n(g),b=t(19216),w=t.n(b),P=t(44589),j=t.n(P),y=t(26876),S={};S.styleTagTransform=j(),S.setAttributes=v(),S.insert=h().bind(null,"head"),S.domAPI=p(),S.insertStyleElement=w();x()(y.ZP,S);y.ZP&&y.ZP.locals&&y.ZP.locals;var z=t(9755),H=t(81900),D=t(47514);const I=(0,a.Pi)((function ProductHeader(n){var e=n.hidePrice,t=n.productClass,o=(0,r.NP)(),a=(0,l.useTranslation)().t,c=(0,l.useDivaCore)().state,x=c.hidePrices,m=c.dimensions,p=m.isMobile,f=m.isTablet,h=o.getViewConfig().productHeaderContentBox,g=(0,s.useState)(),v=(0,i.Z)(g,2),b=v[0],w=v[1],P=(0,s.useState)(!1),j=(0,i.Z)(P,2),S=j[0],I=j[1],C=o.getViewConfig().hideWebConfiguratorTitle||o.getViewConfig().hideWebConfiguratorTitleInMobile&&o.getIsInMobileView();return(0,s.useEffect)((function(){var n;p&&!f||!o.divaWebPlanner.actSet()||null===(n=o.productState.customDimensions)||void 0===n||n.then((function(n){w(n);var e=n.reduce((function(n,e){return n[e.dimensionId]?n[e.dimensionId].includes(e.dimension)||n[e.dimensionId].push(e.dimension):n[e.dimensionId]=[e.dimension],n}),{});I(!Object.values(e).find((function(n){return n.length>1})))}))}),[o.divaWebPlanner.actSet(),o.settingsState.configChanged]),(0,D.jsxs)("div",{className:d()(y.YS,t,o.uiState.isMobileLandscape?y.rK:void 0,o.uiState.isMobilePortrait?y.tW:void 0,o.uiState.configSettingsIsExpanded?y.zh:void 0,o.uiState.configSettingsIsMaxExpanded?y.Zk:void 0,o.productState.plannerRenderingIsStaticBG?y.Li:void 0,y.Gr),children:[(0,D.jsxs)("div",{className:y.gU,"data-test-id":"configProductHeader",children:[!C&&(0,D.jsx)("h1",{"data-test-id":"productHeaderTitle",children:o.productState.webConifguratorTitle}),(0,D.jsxs)("div",{className:y.NG,children:[!x&&!e&&(0,D.jsxs)("div",{children:[(0,D.jsxs)("span",{className:y.Bm,"data-test-id":"productHeaderPriceInfo",children:[" ",a("configurator.PRICE_INFO"),":"]}),(0,D.jsxs)("span",{className:y.GO,"data-test-id":"productHeaderFormattedPrice",children:[" ",o.productState.formatedCurSetPrice]}),o.productState.formatedBruttoPrice&&!o.getViewConfig().hideRabattPrice&&(0,D.jsxs)("span",{className:y.xk,"data-test-id":"productHeaderFormattedBruttoPrice",children:[" ",o.productState.formatedBruttoPrice]})]}),!(null==b||!b.length)&&b.map((function(n){var e,t;return(0,D.jsxs)("div",{children:[(0,D.jsxs)("span",{className:y.Bm,children:[null!==(e=n.text)&&void 0!==e?e:a("configurator.headerdimension."+n.dimensionId),!S&&" ("+n.posNrs.join(",")+")",":"," "]}),(0,D.jsxs)("span",{className:y.GO,children:[null!==(t=n.dimension)&&void 0!==t?t:0," ",n.unit]})]})}))]})]}),(0,D.jsx)("div",{className:y.AJ,children:(0,D.jsx)(u.default,{})}),!o.uiState.isMobileLandscape&&o.productState.currentBanner&&(0,D.jsx)("div",{className:y.az,children:(0,D.jsx)(H.default,{noWrapper:!0,id:o.productState.currentBanner.contentItemId})}),h&&!o.uiState.isMobileLandscape&&!o.productState.currentBanner&&(0,D.jsx)("div",{className:y.az,children:(0,D.jsx)(z.p,{settings:{contentBoxProps:h}})})]})}))},79578:(n,e,t)=>{t.d(e,{I:()=>a,Z:()=>s});var i=t(8081),o=t.n(i),d=t(23645),r=t.n(d)()(o());r.push([n.id,".index-module--KWoIG * {\n  color: var(--secondaryColor) !important;\n}\n",""]);var a="index-module--KWoIG";const s=r},26876:(n,e,t)=>{t.d(e,{AJ:()=>c,Bm:()=>h,GO:()=>g,Gr:()=>b,Li:()=>w,NG:()=>f,YS:()=>a,ZP:()=>P,Zk:()=>p,az:()=>m,gU:()=>s,rK:()=>x,tW:()=>l,xk:()=>v,zh:()=>u});var i=t(8081),o=t.n(i),d=t(23645),r=t.n(d)()(o());r.push([n.id,"/* Productdaten */\n\n.index-module--HKQKa {\n  display: flex;\n  flex-direction: row;\n  height: 70px;\n  z-index: 112;\n  transition:\n    width 0.2s ease-in-out,\n    opacity 0.5s ease-in-out;\n  opacity: 1;\n  justify-content: space-between;\n  align-items: flex-start;\n}\n\n.index-module--vRGHL {\n  flex-basis: 50%;\n  justify-self: flex-start;\n  z-index: 300;\n  margin: 16px 0 16px 16px;\n  pointer-events: none;\n}\n.index-module--f5D1B .index-module--vRGHL {\n  margin: 12px 0 16px 16px;\n}\n\n.index-module--gHGCU .index-module--vRGHL {\n  flex-basis: 100%;\n}\n.index-module--MvVu6 {\n  flex-basis: 50%;\n}\n\n.index-module--MvVu6 {\n  flex-basis: 100%;\n  position: relative;\n  z-index: 112;\n  margin: 16px;\n}\n.index-module--f5D1B .index-module--MvVu6 {\n  margin: 6px 12px;\n}\n\n.index-module--DePmU .index-module--MvVu6 {\n  margin: 8px 12px 0px 0px;\n}\n\n.index-module--lRnbu {\n  z-index: 112;\n}\n\n.index-module--gHGCU.index-module--HKQKa {\n  width: calc(55% - 40px - 24px);\n}\n\n.index-module--aRkML.index-module--HKQKa,\n.index-module--Dq9vA.index-module--HKQKa {\n  opacity: 0;\n}\n\n.index-module--HKQKa h1 {\n  font-weight: 300;\n  font-size: 24px;\n  line-height: 27.2px;\n  text-transform: uppercase;\n  letter-spacing: 0.2px;\n  color: var(--secondaryColor);\n  margin: 0 0 10px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  white-space: nowrap;\n\n  border-radius: 100px;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.index-module--cN5ML {\n  border-radius: 0px 0px 12px 0px;\n  padding: 0px 12px 6px 16px;\n  position: absolute;\n  width: -moz-fit-content;\n  width: fit-content;\n  white-space: nowrap;\n  left: 0px;\n}\n\n.index-module--f5D1B .index-module--cN5ML {\n  margin-top: 5px;\n\n  background-color: transparent;\n}\n\n.index-module--gHGCU.index-module--HKQKa h1 {\n  max-width: 300px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.index-module--nPYHz {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  font-weight: 300;\n  -webkit-text-stroke: 0.4px;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n\n.index-module--vYIA1 {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  -webkit-text-stroke: 0.4px;\n  margin: 0px;\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--uuqou {\n  position: relative;\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  -webkit-text-stroke: 0.4px;\n  margin: 0px 10px;\n}\n\n.index-module--uuqou:before {\n  position: absolute;\n  content: '';\n  left: 0;\n  top: 50%;\n  right: 0;\n  border-top: 1px solid;\n  border-color: inherit;\n\n  transform: rotate(5deg);\n}\n\n.index-module--DePmU.index-module--HKQKa {\n  margin-left: 2rem;\n  width: calc(100% - 1rem);\n  height: 54.4px;\n}\n\n.index-module--Jnc8i.index-module--DePmU.index-module--HKQKa {\n  left: 50px;\n  top: 0px;\n  margin-left: 0.5rem;\n  margin-top: 4px;\n  width: calc(100% - 1rem);\n  height: 24.4px;\n}\n\n.index-module--DePmU h1 {\n  margin: 0px;\n  margin-top: 14.4px;\n  font-size: 22.4px;\n  line-height: 18px;\n  width: 67%;\n}\n.index-module--DePmU h2 {\n  margin: 0;\n  margin: initial;\n  font-weight: 100;\n  width: 67%;\n  line-height: 0.65;\n  -webkit-text-stroke: 0.3px;\n}\n.index-module--DePmU .index-module--nPYHz {\n  font-size: 15.6px;\n}\n\n.index-module--DePmU .index-module--vYIA1 {\n  font-size: 15.6px;\n}\n\n.index-module--f5D1B.index-module--HKQKa {\n  height: 54.4px;\n  width: calc(100% - 4px);\n}\n\n.index-module--f5D1B h1 {\n  margin: 0px;\n  font-size: 17px;\n  line-height: 20px;\n}\n\n.index-module--f5D1B.index-module--v_hgu h1,\n.index-module--DePmU.index-module--Jnc8i.index-module--v_hgu h1 {\n  color: var(--secondaryColor);\n  text-shadow: 3px 4px 15px #000000;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n}\n\n.index-module--f5D1B.index-module--v_hgu .index-module--nPYHz,\n.index-module--DePmU.index-module--Jnc8i.index-module--v_hgu .index-module--nPYHz,\n.index-module--f5D1B.index-module--v_hgu .index-module--vYIA1,\n.index-module--DePmU.index-module--Jnc8i.index-module--v_hgu .index-module--vYIA1 {\n  color: white;\n}\n\n.index-module--f5D1B h2 {\n  margin: 0;\n  margin: initial;\n  font-weight: 100;\n  width: 67%;\n  line-height: 0.65;\n}\n",""]);var a="index-module--HKQKa",s="index-module--vRGHL",l="index-module--f5D1B",u="index-module--gHGCU",c="index-module--MvVu6",x="index-module--DePmU",m="index-module--lRnbu",p="index-module--aRkML",f="index-module--cN5ML",h="index-module--nPYHz",g="index-module--vYIA1",v="index-module--uuqou",b="index-module--Jnc8i",w="index-module--v_hgu";const P=r}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 1008.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1008,4228,8375],{84228:(e,t,n)=>{n.r(t),n.d(t,{default:()=>P});var i=n(9420),a=(n(87363),n(88683)),r=n(93379),o=n.n(r),l=n(7795),s=n.n(l),d=n(90569),u=n.n(d),c=n(3565),p=n.n(c),S=n(19216),g=n.n(S),f=n(44589),v=n.n(f),b=n(5217),x={};x.styleTagTransform=v(),x.setAttributes=p(),x.insert=u().bind(null,"head"),x.domAPI=s(),x.insertStyleElement=g();o()(b.ZP,x);b.ZP&&b.ZP.locals&&b.ZP.locals;var h=n(20640),m=n(47514);const P=(0,i.Pi)((function SummaryTotalPrice(e){var t=(0,a.useTranslation)().t,n=(0,h.NP)(),i=(0,a.useDivaCore)().state.hidePrices;return(0,m.jsx)(m.Fragment,{children:!i&&(0,m.jsxs)("div",{className:b.nC,children:[(0,m.jsx)("div",{className:b.X_,children:t("configurator.TotalPrice","TotalPrice")}),(0,m.jsx)("div",{className:b.nt,children:n.productState.formatedTotalPrice})]})})}))},48375:(e,t,n)=>{n.r(t),n.d(t,{default:()=>j});var i=n(34988),a=n(88291),r=n(20640),o=n(9420),l=n(87363),s=n(29957),d=n(93379),u=n.n(d),c=n(7795),p=n.n(c),S=n(90569),g=n.n(S),f=n(3565),v=n.n(f),b=n(19216),x=n.n(b),h=n(44589),m=n.n(h),P=n(79501),T={};T.styleTagTransform=m(),T.setAttributes=v(),T.insert=g().bind(null,"head"),T.domAPI=p(),T.insertStyleElement=x();u()(P.ZP,T);P.ZP&&P.ZP.locals&&P.ZP.locals;var G=n(40912),I=n(65515),N=n.n(I),C=n(84228),y=n(47514);const j=(0,o.Pi)((function SettingsScroller(e){var t,n;(0,a.Z)(e);var o=(0,r.NP)(),d=(0,l.useRef)(null),u=[],c={};(0,l.useEffect)((function(){return d.current?(o.settingsState.setScrollerElement(d.current),o.uiState.setUpSettingsScrollEvent(d.current)):function(){}}),[d]);var p,S,g={};o.uiState.isInMobileView||o.settingsState.forceSettingsHeaderInScrollContainer?g.height="100%":g.height="calc(100% - "+(null!==(p=null===(S=o.settingsState.settingsHeaderElement)||void 0===S?void 0:S.getBoundingClientRect().height)&&void 0!==p?p:0)+"px)";for(var f=0;f<o.settingsState.itemPaletteArr.length;f++){var v=o.settingsState.itemPaletteArr[f][1],b=Number(v.id),x=v.pairWithOptionsToGroup;x&&v.visible&&(c[x]||(c[x]=[]),c[x].push(b)),v.isRenderedNotInSettingPalette||u.push([b,v])}return(0,l.useEffect)((function(){o.uiState.configSettingsIsMinExpanded?o.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MIN_CONFIG_SETTINGS"):o.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MAX_CONFIG_SETTINGS")}),[o.uiState.configSettingsIsExpanded,o.uiState.configSettingsIsMinExpanded]),(0,y.jsxs)("div",{style:g,className:N()(P.e8,o.uiState.configSettingsIsExpanded?P.zh:void 0,o.uiState.configSettingsIsMinExpanded?P.m7:void 0),id:"wcConfigurator-settings-scroller",ref:d,children:[(o.uiState.isInMobileView||o.settingsState.forceSettingsHeaderInScrollContainer)&&(0,y.jsx)(s.default,{isScroller:!0},null!==(t=null===(n=o.tabGroupState.curTabGroup)||void 0===n?void 0:n.key)&&void 0!==t?t:0),(0,y.jsxs)("div",{children:[u.map((function(e){var t,n=(0,i.Z)(e,2),a=n[0],r=n[1];return(0,y.jsx)(G.default,{item:r,id:a,groupSize:r.pairWithOptionsToGroup?c[r.pairWithOptionsToGroup].length:void 0},(null!==(t=r.optionCodex)&&void 0!==t?t:r.configStepKey)+a)})),o.divaWebPlanner.doAllowSetPlanner()&&"SUMMARY"==o.getState()&&(0,y.jsx)(C.default,{})]})]})}))},71008:(e,t,n)=>{n.r(t),n.d(t,{default:()=>v});var i=n(34988),a=n(88291),r=n(9420),o=n(87363),l=n(37707),s=n(20640),d=n(82956),u=n(51451),c=n(48375),p=n(29957),S=n(74133),g=n(47514),f=n(25108);const v=(0,r.Pi)((function SettingsSwiper(e){(0,a.Z)(e);var t=(0,s.NP)(),n=(0,o.useState)(null),r=(0,i.Z)(n,2),v=r[0],b=r[1],x=(0,o.useState)([]),h=(0,i.Z)(x,2),m=h[0],P=h[1];if((0,o.useEffect)((function(){var e=Object.keys(t.tabGroupState.allTabGroups);P(e),t.tabGroupState.curTabGroup&&e.indexOf(t.tabGroupState.curTabGroup.key)!=(null==v?void 0:v.activeIndex)&&(null==v||v.slideTo(e.indexOf(t.tabGroupState.curTabGroup.key),400))}),[t.tabGroupState.allTabGroups,t.tabGroupState.curTabGroup]),!t.tabGroupState.curTabGroup)return(0,g.jsx)(g.Fragment,{});var T=(0,g.jsx)(c.default,{});return(0,g.jsx)(l.tq,{onSlideChange:function onSlideChange(e){if(void 0!==t.tabGroupState.curTabGroup){var n=e.activeIndex-m.indexOf(t.tabGroupState.curTabGroup.key);f.log("slide change",e,e.activeIndex,n),1==n?t.actionButtonState.onClickConfiguratorSettingsForth(!0):-1==n?t.actionButtonState.onClickConfiguratorSettingsBack():0!==n&&t.tabGroupState.navigateToTabgroupByPosNr(t.tabGroupState.allTabGroups[m[e.activeIndex]].posNr)}},initialSlide:m.indexOf(t.tabGroupState.curTabGroup.key),onSwiper:b,className:d.yk,resizeObserver:!0,slidesPerView:1,threshold:20,wrapperClass:d.Iz,children:m.map((function(e){var n;return(0,g.jsx)(l.o5,{className:d.AI,children:e==t.tabGroupState.curTabGroup.key?(0,g.jsxs)(g.Fragment,{children:[!t.uiState.isInMobileView&&!t.settingsState.forceSettingsHeaderInScrollContainer&&(0,g.jsx)(p.default,{},e),T,(0,g.jsx)(u.default,{})]}):(0,g.jsx)("div",{style:{height:"100%",overflow:"auto",width:"100%",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:(0,g.jsx)(S.default,{text:null===(n=Object.values(t.tabGroupState.allTabGroups[e].options)[0])||void 0===n?void 0:n.title,isSettingsHeader:!1,isInScroller:!0})})},e)}))})}))},5217:(e,t,n)=>{n.d(t,{X_:()=>s,ZP:()=>u,nC:()=>l,nt:()=>d});var i=n(8081),a=n.n(i),r=n(23645),o=n.n(r)()(a());o.push([e.id,".index-module--TnLDn {\n  width: 100%;\n  border-top: 1px #6d6e71 solid;\n  color: #6d6e71;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  padding-top: 1rem;\n}\n\n.index-module--FXdIH {\n  float: left;\n  margin-left: 2rem;\n}\n\n.index-module--uSfxN {\n  float: right;\n  margin-right: 2rem;\n}\n",""]);var l="index-module--TnLDn",s="index-module--FXdIH",d="index-module--uSfxN";const u=o},79501:(e,t,n)=>{n.d(t,{ZP:()=>u,e8:()=>l,m7:()=>d,zh:()=>s});var i=n(8081),a=n.n(i),r=n(23645),o=n.n(r)()(a());o.push([e.id,".index-module--UX0Na {\n  overflow-y: auto;\n  z-index: 100;\n  padding-right: var(--settingsScrollerPaddingRight);\n  margin-left: var(--settingsScrollerPaddingLeft);\n  padding-top: var(--settingsScrollerPaddingTopBottom);\n  padding-bottom: var(--settingsScrollerPaddingTopBottom);\n  scrollbar-gutter: stable;\n}\n\n.index-module--DRDpA.index-module--UX0Na {\n  z-index: 600;\n}\n\n.index-module--Rpo_4 {\n  visibility: hidden;\n}\n",""]);var l="index-module--UX0Na",s="index-module--DRDpA",d="index-module--Rpo_4";const u=o}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1008,4228,8375],{84228:(e,t,n)=>{n.r(t),n.d(t,{default:()=>P});var i=n(9420),a=(n(87363),n(88683)),r=n(93379),o=n.n(r),l=n(7795),s=n.n(l),d=n(90569),u=n.n(d),c=n(3565),p=n.n(c),S=n(19216),g=n.n(S),f=n(44589),v=n.n(f),b=n(5217),x={};x.styleTagTransform=v(),x.setAttributes=p(),x.insert=u().bind(null,"head"),x.domAPI=s(),x.insertStyleElement=g();o()(b.ZP,x);b.ZP&&b.ZP.locals&&b.ZP.locals;var h=n(4820),m=n(47514);const P=(0,i.Pi)((function SummaryTotalPrice(e){var t=(0,a.useTranslation)().t,n=(0,h.NP)(),i=(0,a.useDivaCore)().state.hidePrices;return(0,m.jsx)(m.Fragment,{children:!i&&(0,m.jsxs)("div",{className:b.nC,children:[(0,m.jsx)("div",{className:b.X_,children:t("configurator.TotalPrice","TotalPrice")}),(0,m.jsx)("div",{className:b.nt,children:n.productState.formatedTotalPrice})]})})}))},48375:(e,t,n)=>{n.r(t),n.d(t,{default:()=>j});var i=n(34988),a=n(88291),r=n(4820),o=n(9420),l=n(87363),s=n(29957),d=n(93379),u=n.n(d),c=n(7795),p=n.n(c),S=n(90569),g=n.n(S),f=n(3565),v=n.n(f),b=n(19216),x=n.n(b),h=n(44589),m=n.n(h),P=n(79501),T={};T.styleTagTransform=m(),T.setAttributes=v(),T.insert=g().bind(null,"head"),T.domAPI=p(),T.insertStyleElement=x();u()(P.ZP,T);P.ZP&&P.ZP.locals&&P.ZP.locals;var G=n(40912),I=n(65515),N=n.n(I),C=n(84228),y=n(47514);const j=(0,o.Pi)((function SettingsScroller(e){var t,n;(0,a.Z)(e);var o=(0,r.NP)(),d=(0,l.useRef)(null),u=[],c={};(0,l.useEffect)((function(){return d.current?(o.settingsState.setScrollerElement(d.current),o.uiState.setUpSettingsScrollEvent(d.current)):function(){}}),[d]);var p,S,g={};o.uiState.isInMobileView||o.settingsState.forceSettingsHeaderInScrollContainer?g.height="100%":g.height="calc(100% - "+(null!==(p=null===(S=o.settingsState.settingsHeaderElement)||void 0===S?void 0:S.getBoundingClientRect().height)&&void 0!==p?p:0)+"px)";for(var f=0;f<o.settingsState.itemPaletteArr.length;f++){var v=o.settingsState.itemPaletteArr[f][1],b=Number(v.id),x=v.pairWithOptionsToGroup;x&&v.visible&&(c[x]||(c[x]=[]),c[x].push(b)),v.isRenderedNotInSettingPalette||u.push([b,v])}return(0,l.useEffect)((function(){o.uiState.configSettingsIsMinExpanded?o.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MIN_CONFIG_SETTINGS"):o.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MAX_CONFIG_SETTINGS")}),[o.uiState.configSettingsIsExpanded,o.uiState.configSettingsIsMinExpanded]),(0,y.jsxs)("div",{style:g,className:N()(P.e8,o.uiState.configSettingsIsExpanded?P.zh:void 0,o.uiState.configSettingsIsMinExpanded?P.m7:void 0),id:"wcConfigurator-settings-scroller",ref:d,children:[(o.uiState.isInMobileView||o.settingsState.forceSettingsHeaderInScrollContainer)&&(0,y.jsx)(s.default,{isScroller:!0},null!==(t=null===(n=o.tabGroupState.curTabGroup)||void 0===n?void 0:n.key)&&void 0!==t?t:0),(0,y.jsxs)("div",{children:[u.map((function(e){var t,n=(0,i.Z)(e,2),a=n[0],r=n[1];return(0,y.jsx)(G.default,{item:r,id:a,groupSize:r.pairWithOptionsToGroup?c[r.pairWithOptionsToGroup].length:void 0},(null!==(t=r.optionCodex)&&void 0!==t?t:r.configStepKey)+a)})),o.divaWebPlanner.doAllowSetPlanner()&&"SUMMARY"==o.getState()&&(0,y.jsx)(C.default,{})]})]})}))},71008:(e,t,n)=>{n.r(t),n.d(t,{default:()=>v});var i=n(34988),a=n(88291),r=n(9420),o=n(87363),l=n(37707),s=n(4820),d=n(82956),u=n(51451),c=n(48375),p=n(29957),S=n(74133),g=n(47514),f=n(25108);const v=(0,r.Pi)((function SettingsSwiper(e){(0,a.Z)(e);var t=(0,s.NP)(),n=(0,o.useState)(null),r=(0,i.Z)(n,2),v=r[0],b=r[1],x=(0,o.useState)([]),h=(0,i.Z)(x,2),m=h[0],P=h[1];if((0,o.useEffect)((function(){var e=Object.keys(t.tabGroupState.allTabGroups);P(e),t.tabGroupState.curTabGroup&&e.indexOf(t.tabGroupState.curTabGroup.key)!=(null==v?void 0:v.activeIndex)&&(null==v||v.slideTo(e.indexOf(t.tabGroupState.curTabGroup.key),400))}),[t.tabGroupState.allTabGroups,t.tabGroupState.curTabGroup]),!t.tabGroupState.curTabGroup)return(0,g.jsx)(g.Fragment,{});var T=(0,g.jsx)(c.default,{});return(0,g.jsx)(l.tq,{onSlideChange:function onSlideChange(e){if(void 0!==t.tabGroupState.curTabGroup){var n=e.activeIndex-m.indexOf(t.tabGroupState.curTabGroup.key);f.log("slide change",e,e.activeIndex,n),1==n?t.actionButtonState.onClickConfiguratorSettingsForth(!0):-1==n?t.actionButtonState.onClickConfiguratorSettingsBack():0!==n&&t.tabGroupState.navigateToTabgroupByPosNr(t.tabGroupState.allTabGroups[m[e.activeIndex]].posNr)}},initialSlide:m.indexOf(t.tabGroupState.curTabGroup.key),onSwiper:b,className:d.yk,resizeObserver:!0,slidesPerView:1,threshold:20,wrapperClass:d.Iz,children:m.map((function(e){var n;return(0,g.jsx)(l.o5,{className:d.AI,children:e==t.tabGroupState.curTabGroup.key?(0,g.jsxs)(g.Fragment,{children:[!t.uiState.isInMobileView&&!t.settingsState.forceSettingsHeaderInScrollContainer&&(0,g.jsx)(p.default,{},e),T,(0,g.jsx)(u.default,{})]}):(0,g.jsx)("div",{style:{height:"100%",overflow:"auto",width:"100%",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:(0,g.jsx)(S.default,{text:null===(n=Object.values(t.tabGroupState.allTabGroups[e].options)[0])||void 0===n?void 0:n.title,isSettingsHeader:!1,isInScroller:!0})})},e)}))})}))},5217:(e,t,n)=>{n.d(t,{X_:()=>s,ZP:()=>u,nC:()=>l,nt:()=>d});var i=n(8081),a=n.n(i),r=n(23645),o=n.n(r)()(a());o.push([e.id,".index-module--TnLDn {\n  width: 100%;\n  border-top: 1px #6d6e71 solid;\n  color: #6d6e71;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  padding-top: 1rem;\n}\n\n.index-module--FXdIH {\n  float: left;\n  margin-left: 2rem;\n}\n\n.index-module--uSfxN {\n  float: right;\n  margin-right: 2rem;\n}\n",""]);var l="index-module--TnLDn",s="index-module--FXdIH",d="index-module--uSfxN";const u=o},79501:(e,t,n)=>{n.d(t,{ZP:()=>u,e8:()=>l,m7:()=>d,zh:()=>s});var i=n(8081),a=n.n(i),r=n(23645),o=n.n(r)()(a());o.push([e.id,".index-module--UX0Na {\n  overflow-y: auto;\n  z-index: 100;\n  padding-right: var(--settingsScrollerPaddingRight);\n  margin-left: var(--settingsScrollerPaddingLeft);\n  padding-top: var(--settingsScrollerPaddingTopBottom);\n  padding-bottom: var(--settingsScrollerPaddingTopBottom);\n  scrollbar-gutter: stable;\n}\n\n.index-module--DRDpA.index-module--UX0Na {\n  z-index: 600;\n}\n\n.index-module--Rpo_4 {\n  visibility: hidden;\n}\n",""]);var l="index-module--UX0Na",s="index-module--DRDpA",d="index-module--Rpo_4";const u=o}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 1037.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1037,9134],{59134:(n,e,t)=>{t.r(e),t.d(e,{default:()=>j});var i=t(34988),l=t(87363),o=t(93379),s=t.n(o),r=t(7795),d=t.n(r),a=t(90569),c=t.n(a),u=t(3565),x=t.n(u),p=t(19216),m=t.n(p),f=t(44589),h=t.n(f),g=t(60636),b={};b.styleTagTransform=h(),b.setAttributes=x(),b.insert=c().bind(null,"head"),b.domAPI=d(),b.insertStyleElement=m();s()(g.ZP,b);g.ZP&&g.ZP.locals&&g.ZP.locals;var v=t(65515),y=t.n(v),w=t(47514);const j=function MultiToggleSwitch(n){var e=n.values,t=(0,i.Z)(n.state,2),o=t[0],s=t[1],r=n.round,d=100/e.length,a=(0,l.useState)([]),c=(0,i.Z)(a,2),u=c[0],x=c[1];return(0,l.useEffect)((function(){e.some((function(n){return!n.endsWith("cm")}))?x(e):x(e.map((function(n,t){return n.replace("cm","")+(t==e.length-1?"cm":"")})))}),[e]),(0,w.jsx)("div",{className:g.YS,style:{borderRadius:r?"100px":void 0},children:(0,w.jsxs)("div",{className:g.No,children:[u.map((function(n,e){return(0,w.jsx)("div",{style:{width:d+"%"},children:(0,w.jsx)("label",{onClick:function onClick(){return s(e)},className:y()(g.F2,o===e&&g.pA),children:n})},e)})),(0,w.jsx)("div",{className:g.wb,style:{left:o/e.length*100+"%",width:d+"%",borderRadius:r?"100px":void 0}})]})})}},11037:(n,e,t)=>{t.r(e),t.d(e,{default:()=>N});var i=t(34988),l=t(87363),o=t(9420),s=t(20640),r=t(59134),d=t(93379),a=t.n(d),c=t(7795),u=t.n(c),x=t(90569),p=t.n(x),m=t(3565),f=t.n(m),h=t(19216),g=t.n(h),b=t(44589),v=t.n(b),y=t(7182),w={};w.styleTagTransform=v(),w.setAttributes=f(),w.insert=p().bind(null,"head"),w.domAPI=u(),w.insertStyleElement=g();a()(y.ZP,w);y.ZP&&y.ZP.locals&&y.ZP.locals;var j=t(65515),Z=t.n(j),P=t(47514);const N=(0,o.Pi)((function SliderComponent(n){var e=n.item,t=n.style,o=n.round,d=(0,s.NP)(),a=(0,l.useState)([]),c=(0,i.Z)(a,2),u=c[0],x=c[1],p=(0,l.useState)([]),m=(0,i.Z)(p,2),f=m[0],h=m[1],g=(0,l.useState)(),b=(0,i.Z)(g,2),v=b[0],w=b[1],j=(0,l.useState)(!1),N=(0,i.Z)(j,2),k=N[0],S=N[1];return(0,l.useEffect)((function(){if(void 0!==v){var n=u[v];n&&d.paletteViewHandler.clickedOnConfigPalette(n)}}),[v]),(0,l.useEffect)((function(){var n=e.groups.flatMap((function(n){return n.items})),t=n.every((function(n){return n.text.endsWith("cm")}));x(n),S(t),h(n.map((function(n){return t?n.text.replace("cm",""):n.text}))),w(n.findIndex((function(n){return n.sel})))}),[e]),0===u.length?(0,P.jsx)(P.Fragment,{}):(0,P.jsxs)("div",{className:y.O7,ref:function ref(n){return e.htmlRef=n},style:t,children:[(0,P.jsx)("div",{className:Z()(y.eR,y.TN),children:e.name+(k?" (cm)":"")}),(0,P.jsx)("div",{className:Z()(y.eR,y.ZN),children:(0,P.jsx)(r.default,{values:f,state:[v,w],round:o})})]})}))},60636:(n,e,t)=>{t.d(e,{F2:()=>c,No:()=>d,YS:()=>r,ZP:()=>x,pA:()=>u,wb:()=>a});var i=t(8081),l=t.n(i),o=t(23645),s=t.n(o)()(l());s.push([n.id,".index-module--V0pQW {\n  height: 36px;\n  width: 100%;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: #f4f4f4;\n  border-radius: 6px;\n}\n.index-module--zHWrU {\n  height: calc(100% - 6px);\n  width: calc(100% - 6px);\n  border-radius: 3px;\n  box-sizing: content-box;\n  box-sizing: initial;\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.index-module--rSXQZ {\n  display: block;\n  position: absolute;\n  z-index: 1;\n  height: 30px;\n  background-color: #fff;\n  border-radius: 3px;\n  transition: left 0.25s ease-out;\n}\n\n.index-module--Ublpe {\n  position: relative;\n  display: flex;\n  gap: 4px;\n  justify-content: center;\n  align-items: center;\n  z-index: 2;\n  line-height: 22px;\n  height: 20px;\n  width: calc(100% - 8px);\n  padding: 6px;\n  font-size: 14px;\n  color: rgba(0, 0, 0, 0.6);\n  text-align: center;\n  cursor: pointer;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  transition:\n    color 0.2s ease-out,\n    font-weight 0.2s ease-out;\n}\n\n.index-module--jEYkH {\n  font-weight: 300;\n  color: #000;\n}\n",""]);var r="index-module--V0pQW",d="index-module--zHWrU",a="index-module--rSXQZ",c="index-module--Ublpe",u="index-module--jEYkH";const x=s},7182:(n,e,t)=>{t.d(e,{O7:()=>r,TN:()=>a,ZN:()=>c,ZP:()=>u,eR:()=>d});var i=t(8081),l=t.n(i),o=t(23645),s=t.n(o)()(l());s.push([n.id,".index-module--zbUn_ {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  margin-bottom: 24px;\n}\n.index-module--NgTfo {\n  width: calc(100% - 64px);\n  padding: 8px 32px;\n}\n\n.index-module--j9Vsg {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 4px;\n  margin-bottom: 10px;\n}\n.index-module--oMpID {\n  width: 70%;\n}\n.index-module--oMpID:first-child {\n  width: 30%;\n  margin: 10px 15px;\n  position: relative;\n}\n\n.index-module--CG0qP {\n  flex-grow: 1;\n  height: 58px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  min-width: 33%;\n}\n\n.index-module--F6wCX {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  cursor: pointer;\n}\n\n.index-module--mALKQ {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n",""]);var r="index-module--j9Vsg",d="index-module--oMpID",a="index-module--F6wCX",c="index-module--mALKQ";const u=s}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1037,9134],{59134:(n,e,t)=>{t.r(e),t.d(e,{default:()=>j});var i=t(34988),l=t(87363),o=t(93379),s=t.n(o),r=t(7795),d=t.n(r),a=t(90569),c=t.n(a),u=t(3565),x=t.n(u),p=t(19216),m=t.n(p),f=t(44589),h=t.n(f),g=t(60636),b={};b.styleTagTransform=h(),b.setAttributes=x(),b.insert=c().bind(null,"head"),b.domAPI=d(),b.insertStyleElement=m();s()(g.ZP,b);g.ZP&&g.ZP.locals&&g.ZP.locals;var v=t(65515),y=t.n(v),w=t(47514);const j=function MultiToggleSwitch(n){var e=n.values,t=(0,i.Z)(n.state,2),o=t[0],s=t[1],r=n.round,d=100/e.length,a=(0,l.useState)([]),c=(0,i.Z)(a,2),u=c[0],x=c[1];return(0,l.useEffect)((function(){e.some((function(n){return!n.endsWith("cm")}))?x(e):x(e.map((function(n,t){return n.replace("cm","")+(t==e.length-1?"cm":"")})))}),[e]),(0,w.jsx)("div",{className:g.YS,style:{borderRadius:r?"100px":void 0},children:(0,w.jsxs)("div",{className:g.No,children:[u.map((function(n,e){return(0,w.jsx)("div",{style:{width:d+"%"},children:(0,w.jsx)("label",{onClick:function onClick(){return s(e)},className:y()(g.F2,o===e&&g.pA),children:n})},e)})),(0,w.jsx)("div",{className:g.wb,style:{left:o/e.length*100+"%",width:d+"%",borderRadius:r?"100px":void 0}})]})})}},11037:(n,e,t)=>{t.r(e),t.d(e,{default:()=>N});var i=t(34988),l=t(87363),o=t(9420),s=t(4820),r=t(59134),d=t(93379),a=t.n(d),c=t(7795),u=t.n(c),x=t(90569),p=t.n(x),m=t(3565),f=t.n(m),h=t(19216),g=t.n(h),b=t(44589),v=t.n(b),y=t(7182),w={};w.styleTagTransform=v(),w.setAttributes=f(),w.insert=p().bind(null,"head"),w.domAPI=u(),w.insertStyleElement=g();a()(y.ZP,w);y.ZP&&y.ZP.locals&&y.ZP.locals;var j=t(65515),Z=t.n(j),P=t(47514);const N=(0,o.Pi)((function SliderComponent(n){var e=n.item,t=n.style,o=n.round,d=(0,s.NP)(),a=(0,l.useState)([]),c=(0,i.Z)(a,2),u=c[0],x=c[1],p=(0,l.useState)([]),m=(0,i.Z)(p,2),f=m[0],h=m[1],g=(0,l.useState)(),b=(0,i.Z)(g,2),v=b[0],w=b[1],j=(0,l.useState)(!1),N=(0,i.Z)(j,2),k=N[0],S=N[1];return(0,l.useEffect)((function(){if(void 0!==v){var n=u[v];n&&d.paletteViewHandler.clickedOnConfigPalette(n)}}),[v]),(0,l.useEffect)((function(){var n=e.groups.flatMap((function(n){return n.items})),t=n.every((function(n){return n.text.endsWith("cm")}));x(n),S(t),h(n.map((function(n){return t?n.text.replace("cm",""):n.text}))),w(n.findIndex((function(n){return n.sel})))}),[e]),0===u.length?(0,P.jsx)(P.Fragment,{}):(0,P.jsxs)("div",{className:y.O7,ref:function ref(n){return e.htmlRef=n},style:t,children:[(0,P.jsx)("div",{className:Z()(y.eR,y.TN),children:e.name+(k?" (cm)":"")}),(0,P.jsx)("div",{className:Z()(y.eR,y.ZN),children:(0,P.jsx)(r.default,{values:f,state:[v,w],round:o})})]})}))},60636:(n,e,t)=>{t.d(e,{F2:()=>c,No:()=>d,YS:()=>r,ZP:()=>x,pA:()=>u,wb:()=>a});var i=t(8081),l=t.n(i),o=t(23645),s=t.n(o)()(l());s.push([n.id,".index-module--V0pQW {\n  height: 36px;\n  width: 100%;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: #f4f4f4;\n  border-radius: 6px;\n}\n.index-module--zHWrU {\n  height: calc(100% - 6px);\n  width: calc(100% - 6px);\n  border-radius: 3px;\n  box-sizing: content-box;\n  box-sizing: initial;\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.index-module--rSXQZ {\n  display: block;\n  position: absolute;\n  z-index: 1;\n  height: 30px;\n  background-color: #fff;\n  border-radius: 3px;\n  transition: left 0.25s ease-out;\n}\n\n.index-module--Ublpe {\n  position: relative;\n  display: flex;\n  gap: 4px;\n  justify-content: center;\n  align-items: center;\n  z-index: 2;\n  line-height: 22px;\n  height: 20px;\n  width: calc(100% - 8px);\n  padding: 6px;\n  font-size: 14px;\n  color: rgba(0, 0, 0, 0.6);\n  text-align: center;\n  cursor: pointer;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  transition:\n    color 0.2s ease-out,\n    font-weight 0.2s ease-out;\n}\n\n.index-module--jEYkH {\n  font-weight: 300;\n  color: #000;\n}\n",""]);var r="index-module--V0pQW",d="index-module--zHWrU",a="index-module--rSXQZ",c="index-module--Ublpe",u="index-module--jEYkH";const x=s},7182:(n,e,t)=>{t.d(e,{O7:()=>r,TN:()=>a,ZN:()=>c,ZP:()=>u,eR:()=>d});var i=t(8081),l=t.n(i),o=t(23645),s=t.n(o)()(l());s.push([n.id,".index-module--zbUn_ {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  margin-bottom: 24px;\n}\n.index-module--NgTfo {\n  width: calc(100% - 64px);\n  padding: 8px 32px;\n}\n\n.index-module--j9Vsg {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 4px;\n  margin-bottom: 10px;\n}\n.index-module--oMpID {\n  width: 70%;\n}\n.index-module--oMpID:first-child {\n  width: 30%;\n  margin: 10px 15px;\n  position: relative;\n}\n\n.index-module--CG0qP {\n  flex-grow: 1;\n  height: 58px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  min-width: 33%;\n}\n\n.index-module--F6wCX {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  cursor: pointer;\n}\n\n.index-module--mALKQ {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n",""]);var r="index-module--j9Vsg",d="index-module--oMpID",a="index-module--F6wCX",c="index-module--mALKQ";const u=s}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 1139.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1139],{91139:(e,n,t)=>{t.r(n),t.d(n,{default:()=>F});var i=t(80248),r=t(72874),o=t(9420),a=t(20640),d=t(87363),l=t(88683),s=t(93379),p=t.n(s),u=t(7795),c=t.n(u),f=t(90569),h=t.n(f),m=t(3565),x=t.n(m),g=t(19216),b=t.n(g),y=t(44589),S=t.n(y),w=t(96193),v={};v.styleTagTransform=S(),v.setAttributes=x(),v.insert=h().bind(null,"head"),v.domAPI=c(),v.insertStyleElement=b();p()(w.ZP,v);w.ZP&&w.ZP.locals&&w.ZP.locals;var j=t(65515),P=t.n(j),O=t(47514),k=["isInScroller","item","doShowFilter"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const F=(0,o.Pi)((function Seachbar(e){var n=e.isInScroller,t=e.item,i=e.doShowFilter,o=(0,r.Z)(e,k),s=(0,a.NP)(),p=(0,l.useTranslation)().t,u=(0,d.useRef)(null);return(0,d.useEffect)((function(){var e=s.settingsState.itemPalettes.get(t.id);(null==e?void 0:e.configStepKey)===t.configStepKey&&s.settingsState.updateItemPalette(e.id,_objectSpread(_objectSpread({},e),{},{htmlInputElement:u.current}))}),[u]),(0,O.jsx)("form",{autoComplete:"off",onSubmit:function onSubmit(e){return e.preventDefault()},style:{height:"fit-content",marginBottom:0},children:(0,O.jsx)("input",_objectSpread(_objectSpread({},o),{},{ref:u,className:P()(w.Xx,i?void 0:w.Gp,s.uiState.configSettingsIsExpanded?w._F:void 0,s.uiState.configSettingsIsMaxExpanded?w.Hj:void 0,n?w.Nb:void 0),autoComplete:"off",value:t.searchText,onKeyUp:function onKeyUp(e){return function filterFreeTextChanged(e,n){""!==e?s.settingsState.onAllGroups(n,!1):s.paletteViewHandler.isGroupFolded(t.id)&&s.settingsState.onAllGroups(n,!0),s.paletteViewHandler.onSearchTextChanged(e,n)}(e.target.value,t.id)},placeholder:p("configurator.QUICKFILTER"),type:"text","data-test-id":"plannerSearchbar"}))})}))},96193:(e,n,t)=>{t.d(n,{Gp:()=>u,Hj:()=>p,Nb:()=>l,Xx:()=>d,ZP:()=>c,_F:()=>s});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,"/*SearchFilter*/\n\n.index-module--rVLUK {\n  width: 96px;\n  margin-right: 12px;\n  font-size: 14.4px;\n  line-height: 20.8px;\n  border-radius: var(--globalBorderRadius);\n  border: none;\n  float: right;\n  color: var(--secondaryColor);\n  transition: 0.35s ease;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n\n  transition: width 0.2s ease;\n  max-width: 240px;\n}\n\n.index-module--iFAfh.index-module--elYJb,\n.index-module--iFAfh.index-module--radk0 {\n  display: block;\n  line-height: 20.8px;\n  width: 100%;\n  max-width: 192px;\n  padding-left: 1.1em;\n}\n\n.index-module--elYJb,\n.index-module--radk0 {\n  width: 160px;\n  margin-right: 48px;\n  line-height: 27.2px;\n  font-size: 17px;\n}\n\n.index-module--rVLUK:focus {\n  outline: medium none invert;\n  outline: initial;\n}\n\n@media all and (max-width: 1350px) and (orientation: landscape), all and (max-width: 1350px) and (min-width: 801px) and (orientation: portrait) {\n  .index-module--elYJb,\n  .index-module--radk0 {\n    display: block;\n  }\n}\n\n.index-module--iFAfh.index-module--rVLUK.index-module--ljh7V {\n  height: 25.6px;\n  display: block;\n  margin-right: 0px;\n}\n",""]);var d="index-module--rVLUK",l="index-module--iFAfh",s="index-module--elYJb",p="index-module--radk0",u="index-module--ljh7V";const c=a}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1139],{91139:(e,n,t)=>{t.r(n),t.d(n,{default:()=>F});var i=t(80248),r=t(72874),o=t(9420),a=t(4820),d=t(87363),l=t(88683),s=t(93379),p=t.n(s),u=t(7795),c=t.n(u),f=t(90569),h=t.n(f),m=t(3565),x=t.n(m),g=t(19216),b=t.n(g),y=t(44589),S=t.n(y),w=t(96193),v={};v.styleTagTransform=S(),v.setAttributes=x(),v.insert=h().bind(null,"head"),v.domAPI=c(),v.insertStyleElement=b();p()(w.ZP,v);w.ZP&&w.ZP.locals&&w.ZP.locals;var j=t(65515),P=t.n(j),O=t(47514),k=["isInScroller","item","doShowFilter"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const F=(0,o.Pi)((function Seachbar(e){var n=e.isInScroller,t=e.item,i=e.doShowFilter,o=(0,r.Z)(e,k),s=(0,a.NP)(),p=(0,l.useTranslation)().t,u=(0,d.useRef)(null);return(0,d.useEffect)((function(){var e=s.settingsState.itemPalettes.get(t.id);(null==e?void 0:e.configStepKey)===t.configStepKey&&s.settingsState.updateItemPalette(e.id,_objectSpread(_objectSpread({},e),{},{htmlInputElement:u.current}))}),[u]),(0,O.jsx)("form",{autoComplete:"off",onSubmit:function onSubmit(e){return e.preventDefault()},style:{height:"fit-content",marginBottom:0},children:(0,O.jsx)("input",_objectSpread(_objectSpread({},o),{},{ref:u,className:P()(w.Xx,i?void 0:w.Gp,s.uiState.configSettingsIsExpanded?w._F:void 0,s.uiState.configSettingsIsMaxExpanded?w.Hj:void 0,n?w.Nb:void 0),autoComplete:"off",value:t.searchText,onKeyUp:function onKeyUp(e){return function filterFreeTextChanged(e,n){""!==e?s.settingsState.onAllGroups(n,!1):s.paletteViewHandler.isGroupFolded(t.id)&&s.settingsState.onAllGroups(n,!0),s.paletteViewHandler.onSearchTextChanged(e,n)}(e.target.value,t.id)},placeholder:p("configurator.QUICKFILTER"),type:"text","data-test-id":"plannerSearchbar"}))})}))},96193:(e,n,t)=>{t.d(n,{Gp:()=>u,Hj:()=>p,Nb:()=>l,Xx:()=>d,ZP:()=>c,_F:()=>s});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,"/*SearchFilter*/\n\n.index-module--rVLUK {\n  width: 96px;\n  margin-right: 12px;\n  font-size: 14.4px;\n  line-height: 20.8px;\n  border-radius: var(--globalBorderRadius);\n  border: none;\n  float: right;\n  color: var(--secondaryColor);\n  transition: 0.35s ease;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n\n  transition: width 0.2s ease;\n  max-width: 240px;\n}\n\n.index-module--iFAfh.index-module--elYJb,\n.index-module--iFAfh.index-module--radk0 {\n  display: block;\n  line-height: 20.8px;\n  width: 100%;\n  max-width: 192px;\n  padding-left: 1.1em;\n}\n\n.index-module--elYJb,\n.index-module--radk0 {\n  width: 160px;\n  margin-right: 48px;\n  line-height: 27.2px;\n  font-size: 17px;\n}\n\n.index-module--rVLUK:focus {\n  outline: medium none invert;\n  outline: initial;\n}\n\n@media all and (max-width: 1350px) and (orientation: landscape), all and (max-width: 1350px) and (min-width: 801px) and (orientation: portrait) {\n  .index-module--elYJb,\n  .index-module--radk0 {\n    display: block;\n  }\n}\n\n.index-module--iFAfh.index-module--rVLUK.index-module--ljh7V {\n  height: 25.6px;\n  display: block;\n  margin-right: 0px;\n}\n",""]);var d="index-module--rVLUK",l="index-module--iFAfh",s="index-module--elYJb",p="index-module--radk0",u="index-module--ljh7V";const c=a}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 1280.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1280],{41280:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(80248),_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(72874),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(65515),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_model__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(20640),mobx_react_lite__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(9420),react__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(87363),react__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__),_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(88683),_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5__),_index_module_css__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(40976),_GlobalElements_Checkout_IconComponent__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(39667),_GlobalElements_Checkout__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(38315),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(47514),_excluded=["className","showBackButtonText","backOverwrite","forthOverwrite","showNextButtonIcon","showCheckoutButtons"];function ownKeys(_,e){var n=Object.keys(_);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(_);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(_,e).enumerable}))),n.push.apply(n,t)}return n}function _objectSpread(_){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(n),!0).forEach((function(e){(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__.Z)(_,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(_,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(e){Object.defineProperty(_,e,Object.getOwnPropertyDescriptor(n,e))}))}return _}var ActionNavigation=function ActionNavigation(_){var e,n=_.className,t=_.showBackButtonText,o=_.backOverwrite,r=_.forthOverwrite,i=_.showNextButtonIcon,a=_.showCheckoutButtons,l=(0,_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_10__.Z)(_,_excluded),s=(0,_model__WEBPACK_IMPORTED_MODULE_2__.NP)(),d=(0,_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5__.useTranslation)().t;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.Fragment,{children:!s.uiState.configSettingsIsHidden&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div",_objectSpread(_objectSpread({},l),{},{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()(n,_index_module_css__WEBPACK_IMPORTED_MODULE_6__.jl,s.actionButtonState.isOnFirstStep?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.FN:void 0,s.actionButtonState.isOnFirstStepDisabled?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.$t:void 0,s.actionButtonState.isOnLastStep?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.Is:void 0,"vertical"==s.tabGroupState.curTabGroupType?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.KR:void 0,s.uiState.isMobilePortrait?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.tW:void 0,s.uiState.isMobileLandscape?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.Qv:void 0),children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div",{className:_index_module_css__WEBPACK_IMPORTED_MODULE_6__.nC,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()(_index_module_css__WEBPACK_IMPORTED_MODULE_6__.LI,_index_module_css__WEBPACK_IMPORTED_MODULE_6__.op,o),onClick:s.actionButtonState.onClickConfiguratorSettingsBack,children:[!t&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateBack, var(--secondaryColor))",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),t&&d("configurator.Back")]}),a&&(null===(e=s.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.map((function(_,e){return evalVisible(_,s)?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div",{className:_index_module_css__WEBPACK_IMPORTED_MODULE_6__.rK,onClick:function onClick(){return(0,_GlobalElements_Checkout__WEBPACK_IMPORTED_MODULE_8__.onClickCheckout)(_,s,e,d)},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_GlobalElements_Checkout_IconComponent__WEBPACK_IMPORTED_MODULE_7__.default,{checkoutButton:_,size:40})},e):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.Fragment,{})}))),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()(_index_module_css__WEBPACK_IMPORTED_MODULE_6__.LI,_index_module_css__WEBPACK_IMPORTED_MODULE_6__.ox,r),onClick:function onClick(){return s.actionButtonState.onClickConfiguratorSettingsForth()},id:"wcConfigurator-action-next",children:[d("configurator.Next"),i&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateForthFontColor, #ffffff)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]})]})}))})};const __WEBPACK_DEFAULT_EXPORT__=(0,mobx_react_lite__WEBPACK_IMPORTED_MODULE_3__.Pi)(ActionNavigation);var evalVisible=function evalVisible(button,viewHandler){var rule=button.visibleNavigatorFunction;return!(button.visibleRule&&!eval(button.visibleRule))&&(!1!==rule&&void 0!==rule&&(!0===rule||viewHandler.uiState.isMobileLandscape&&rule.includes("MOBILE_L")||viewHandler.uiState.isMobilePortrait&&rule.includes("MOBILE_P")||!viewHandler.getIsInMobileView()&&rule.includes("DESKTOP")))}},28717:(_,e,n)=>{n.d(e,{$t:()=>P,FN:()=>x,Is:()=>O,KR:()=>s,LI:()=>d,Qv:()=>M,ZP:()=>m,jl:()=>a,nC:()=>l,op:()=>u,ox:()=>E,rK:()=>c,tW:()=>D});var t=n(8081),o=n.n(t),r=n(23645),i=n.n(r)()(o());i.push([_.id,"/*Navigaton Buttons*/\n.index-module--Ug06K {\n  transition: width 0.2s ease-in-out;\n}\n\n.index-module--uMdxf {\n  height: 100%;\n  font-weight: 300;\n  font-size: 14px;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  width: 100%;\n  display: flex;\n  gap: 3px;\n}\n.index-module--j2X1m .index-module--uMdxf {\n  line-height: var(--configuratorActionHeight);\n}\n\n.index-module--NUblS {\n  border-radius: var(--globalBorderRadius);\n  height: 100%;\n  text-align: center;\n}\n\n.index-module--mfwxp {\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--vWg5_ {\n  border: 1px var(--secondaryColor) solid;\n  border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n  background-color: white;\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--IneQR {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  background-color: var(--navigateForth, var(--secondaryColor));\n  color: #ffffff;\n  color: var(--navigateForthFontColor, #ffffff);\n  float: right;\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-grow: 3;\n}\n\n.index-module--vWg5_:hover,\n.index-module--IneQR:hover {\n  cursor: pointer;\n  box-shadow: var(--boxShadowHover);\n}\n.index-module--IneQR svg {\n  transform: rotate(180deg);\n  position: absolute;\n  right: 16px;\n}\n\n.index-module--n4fFc .index-module--IneQR {\n  pointer-events: none;\n  background-color: #707070;\n  background-color: var(--navigateForth, #707070);\n  border-color: #707070;\n}\n\n.index-module--YJM3e .index-module--vWg5_ {\n  width: 100%;\n}\n\n.index-module--YJM3e .index-module--IneQR {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--vWg5_ {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--IneQR {\n  width: 100%;\n}\n\n.index-module--CVPGS .index-module--NUblS,\n.index-module--KE5Qn .index-module--NUblS {\n  line-height: calc(var(--configuratorActionHeight) - 5px);\n  border-radius: var(--globalBorderRadius);\n}\n",""]);var a="index-module--Ug06K",l="index-module--uMdxf",s="index-module--j2X1m",d="index-module--NUblS",c="index-module--mfwxp",u="index-module--vWg5_",E="index-module--IneQR",P="index-module--n4fFc",O="index-module--YJM3e",x="index-module--X2uG9",M="index-module--CVPGS",D="index-module--KE5Qn";const m=i},40976:(_,e,n)=>{n.d(e,{$t:()=>O.$t,FN:()=>O.FN,Is:()=>O.Is,KR:()=>O.KR,LI:()=>O.LI,Qv:()=>O.Qv,jl:()=>O.jl,nC:()=>O.nC,op:()=>O.op,ox:()=>O.ox,rK:()=>O.rK,tW:()=>O.tW});var t=n(93379),o=n.n(t),r=n(7795),i=n.n(r),a=n(90569),l=n.n(a),s=n(3565),d=n.n(s),c=n(19216),u=n.n(c),E=n(44589),P=n.n(E),O=n(28717),x={};x.styleTagTransform=P(),x.setAttributes=d(),x.insert=l().bind(null,"head"),x.domAPI=i(),x.insertStyleElement=u();o()(O.ZP,x),O.ZP&&O.ZP.locals&&O.ZP.locals}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1280],{41280:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(80248),_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(72874),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(65515),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_model__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(4820),mobx_react_lite__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(9420),react__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(87363),react__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__),_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(88683),_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5__),_index_module_css__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(40976),_GlobalElements_Checkout_IconComponent__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(39667),_GlobalElements_Checkout__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(38315),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(47514),_excluded=["className","showBackButtonText","backOverwrite","forthOverwrite","showNextButtonIcon","showCheckoutButtons"];function ownKeys(_,e){var n=Object.keys(_);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(_);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(_,e).enumerable}))),n.push.apply(n,t)}return n}function _objectSpread(_){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(n),!0).forEach((function(e){(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__.Z)(_,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(_,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(e){Object.defineProperty(_,e,Object.getOwnPropertyDescriptor(n,e))}))}return _}var ActionNavigation=function ActionNavigation(_){var e,n=_.className,t=_.showBackButtonText,o=_.backOverwrite,r=_.forthOverwrite,i=_.showNextButtonIcon,a=_.showCheckoutButtons,l=(0,_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_10__.Z)(_,_excluded),s=(0,_model__WEBPACK_IMPORTED_MODULE_2__.NP)(),d=(0,_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5__.useTranslation)().t;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.Fragment,{children:!s.uiState.configSettingsIsHidden&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div",_objectSpread(_objectSpread({},l),{},{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()(n,_index_module_css__WEBPACK_IMPORTED_MODULE_6__.jl,s.actionButtonState.isOnFirstStep?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.FN:void 0,s.actionButtonState.isOnFirstStepDisabled?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.$t:void 0,s.actionButtonState.isOnLastStep?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.Is:void 0,"vertical"==s.tabGroupState.curTabGroupType?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.KR:void 0,s.uiState.isMobilePortrait?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.tW:void 0,s.uiState.isMobileLandscape?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.Qv:void 0),children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div",{className:_index_module_css__WEBPACK_IMPORTED_MODULE_6__.nC,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()(_index_module_css__WEBPACK_IMPORTED_MODULE_6__.LI,_index_module_css__WEBPACK_IMPORTED_MODULE_6__.op,o),onClick:s.actionButtonState.onClickConfiguratorSettingsBack,children:[!t&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateBack, var(--secondaryColor))",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),t&&d("configurator.Back")]}),a&&(null===(e=s.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.map((function(_,e){return evalVisible(_,s)?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div",{className:_index_module_css__WEBPACK_IMPORTED_MODULE_6__.rK,onClick:function onClick(){return(0,_GlobalElements_Checkout__WEBPACK_IMPORTED_MODULE_8__.onClickCheckout)(_,s,e,d)},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_GlobalElements_Checkout_IconComponent__WEBPACK_IMPORTED_MODULE_7__.default,{checkoutButton:_,size:40})},e):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.Fragment,{})}))),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()(_index_module_css__WEBPACK_IMPORTED_MODULE_6__.LI,_index_module_css__WEBPACK_IMPORTED_MODULE_6__.ox,r),onClick:function onClick(){return s.actionButtonState.onClickConfiguratorSettingsForth()},id:"wcConfigurator-action-next",children:[d("configurator.Next"),i&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateForthFontColor, #ffffff)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]})]})}))})};const __WEBPACK_DEFAULT_EXPORT__=(0,mobx_react_lite__WEBPACK_IMPORTED_MODULE_3__.Pi)(ActionNavigation);var evalVisible=function evalVisible(button,viewHandler){var rule=button.visibleNavigatorFunction;return!(button.visibleRule&&!eval(button.visibleRule))&&(!1!==rule&&void 0!==rule&&(!0===rule||viewHandler.uiState.isMobileLandscape&&rule.includes("MOBILE_L")||viewHandler.uiState.isMobilePortrait&&rule.includes("MOBILE_P")||!viewHandler.getIsInMobileView()&&rule.includes("DESKTOP")))}},28717:(_,e,n)=>{n.d(e,{$t:()=>P,FN:()=>x,Is:()=>O,KR:()=>s,LI:()=>d,Qv:()=>M,ZP:()=>m,jl:()=>a,nC:()=>l,op:()=>u,ox:()=>E,rK:()=>c,tW:()=>D});var t=n(8081),o=n.n(t),r=n(23645),i=n.n(r)()(o());i.push([_.id,"/*Navigaton Buttons*/\n.index-module--Ug06K {\n  transition: width 0.2s ease-in-out;\n}\n\n.index-module--uMdxf {\n  height: 100%;\n  font-weight: 300;\n  font-size: 14px;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  width: 100%;\n  display: flex;\n  gap: 3px;\n}\n.index-module--j2X1m .index-module--uMdxf {\n  line-height: var(--configuratorActionHeight);\n}\n\n.index-module--NUblS {\n  border-radius: var(--globalBorderRadius);\n  height: 100%;\n  text-align: center;\n}\n\n.index-module--mfwxp {\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--vWg5_ {\n  border: 1px var(--secondaryColor) solid;\n  border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n  background-color: white;\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--IneQR {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  background-color: var(--navigateForth, var(--secondaryColor));\n  color: #ffffff;\n  color: var(--navigateForthFontColor, #ffffff);\n  float: right;\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-grow: 3;\n}\n\n.index-module--vWg5_:hover,\n.index-module--IneQR:hover {\n  cursor: pointer;\n  box-shadow: var(--boxShadowHover);\n}\n.index-module--IneQR svg {\n  transform: rotate(180deg);\n  position: absolute;\n  right: 16px;\n}\n\n.index-module--n4fFc .index-module--IneQR {\n  pointer-events: none;\n  background-color: #707070;\n  background-color: var(--navigateForth, #707070);\n  border-color: #707070;\n}\n\n.index-module--YJM3e .index-module--vWg5_ {\n  width: 100%;\n}\n\n.index-module--YJM3e .index-module--IneQR {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--vWg5_ {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--IneQR {\n  width: 100%;\n}\n\n.index-module--CVPGS .index-module--NUblS,\n.index-module--KE5Qn .index-module--NUblS {\n  line-height: calc(var(--configuratorActionHeight) - 5px);\n  border-radius: var(--globalBorderRadius);\n}\n",""]);var a="index-module--Ug06K",l="index-module--uMdxf",s="index-module--j2X1m",d="index-module--NUblS",c="index-module--mfwxp",u="index-module--vWg5_",E="index-module--IneQR",P="index-module--n4fFc",O="index-module--YJM3e",x="index-module--X2uG9",M="index-module--CVPGS",D="index-module--KE5Qn";const m=i},40976:(_,e,n)=>{n.d(e,{$t:()=>O.$t,FN:()=>O.FN,Is:()=>O.Is,KR:()=>O.KR,LI:()=>O.LI,Qv:()=>O.Qv,jl:()=>O.jl,nC:()=>O.nC,op:()=>O.op,ox:()=>O.ox,rK:()=>O.rK,tW:()=>O.tW});var t=n(93379),o=n.n(t),r=n(7795),i=n.n(r),a=n(90569),l=n.n(a),s=n(3565),d=n.n(s),c=n(19216),u=n.n(c),E=n(44589),P=n.n(E),O=n(28717),x={};x.styleTagTransform=P(),x.setAttributes=d(),x.insert=l().bind(null,"head"),x.domAPI=i(),x.insertStyleElement=u();o()(O.ZP,x),O.ZP&&O.ZP.locals&&O.ZP.locals}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 1451.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1451],{51451:(n,e,i)=>{i.r(e),i.d(e,{default:()=>s});var t=i(9420),r=(i(87363),i(20640)),o=i(82956),a=i(47514);const s=(0,t.Pi)((function SettingsExpanderButtons(n){var e=(0,r.NP)();return(0,a.jsxs)(a.Fragment,{children:[e.uiState.doShowConfSettingsExpander&&!e.uiState.isInMobileView&&(0,a.jsx)("div",{className:o.AH,onClick:e.uiState.onClickExpandConfigSettings}),!e.uiState.isInMobileView&&e.uiState.doShowConfSettingsMaxMinExpander&&(0,a.jsxs)(a.Fragment,{children:[!e.uiState.configSettingsIsMaxExpanded&&(0,a.jsx)("div",{className:o.EN,onClick:e.uiState.onClickExpandMaxConfigSettings}),!e.uiState.configSettingsIsMinExpanded&&(0,a.jsx)("div",{className:o.nW,onClick:e.uiState.onClickExpandMinConfigSettings})]})]})}))},62500:(n,e,i)=>{i.d(e,{AH:()=>b,AI:()=>f,EN:()=>z,Iz:()=>v,ZP:()=>k,nW:()=>y,s1:()=>N,vt:()=>c,yk:()=>h,zh:()=>L});var t=i(8081),r=i.n(t),o=i(23645),a=i.n(o),s=i(61667),p=i.n(s),l=new URL(i(38403),i.b),d=new URL(i(27557),i.b),u=new URL(i(64197),i.b),w=a()(r()),g=p()(l),m=p()(d),x=p()(u);w.push([n.id,".index-module--e1N3L {\n  display: flex;\n  flex-direction: column;\n  overflow: visible;\n\n  /*pfister positionierung*/\n  background-color: var(--settingsBackgroundColor);\n\n  border-radius: var(--globalBorderRadius) var(--globalBorderRadius) 0 0;\n}\n\n/* normal expander */\n.index-module--RKDxk {\n  position: absolute;\n  top: calc(50% + 32px);\n  left: -32px;\n  width: 32px;\n  height: 48px;\n  background-color: var(--secondaryColor);\n  z-index: 300;\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+g+");\n  background-size: 19.2px;\n}\n\n.index-module--YiJDf .index-module--RKDxk {\n  transform: rotate(180deg);\n  border-radius: 0 3px 3px 0;\n}\n\n.index-module--YLyjz {\n  height: 100%;\n}\n\n.index-module--DWrfF {\n  height: 100%;\n}\n\n.index-module--YLyjz .index-module--aD14m {\n  height: 100%;\n  overflow: auto;\n}\n\n.index-module--eN6np .index-module--e1N3L {\n  transition:\n    height 0.45s ease,\n    top 0.45s ease;\n}\n\n/*Min Max expander*/\n\n.index-module--B75oj,\n.index-module--rLMX4 {\n  position: absolute;\n  top: calc(50% + 2rem);\n  width: 1rem;\n  height: 2rem;\n  z-index: 1060;\n  border-radius: var(--globalBorderRadius) 0 0 3px;\n  background-repeat: no-repeat;\n  background-image: url("+m+");\n  background-size: 1.2rem;\n  background-position: left;\n  transition:\n    left 0.1s ease 0.1s,\n    width 0.2s ease;\n  cursor: pointer;\n}\n\n.index-module--rLMX4 {\n  left: -1.1rem;\n}\n\n.index-module--B75oj {\n  left: 0.3rem;\n  transform: rotate(180deg);\n}\n\n.index-module--WT8Uu .index-module--B75oj {\n  left: 0.5rem;\n  width: 1rem;\n}\n.index-module--Bm34J .index-module--rLMX4 {\n  left: calc(-1 * calc(1.9rem));\n  width: 1rem;\n}\n\n/*swiper min css*/\n\n@font-face {\n  font-family: swiper-icons;\n  src: url("+x+");\n  font-weight: 400;\n  font-style: normal;\n}\n\n.index-module--e1N3L .swiper {\n  margin-left: auto;\n  margin-right: auto;\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  z-index: 1;\n  width: 100%;\n}\n.index-module--e1N3L .swiper-vertical > .swiper-wrapper {\n  flex-direction: column;\n}\n.index-module--e1N3L .swiper-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  transition-property: transform;\n  box-sizing: content-box;\n}\n.index-module--e1N3L .swiper-android .swiper-slide,\n.index-module--e1N3L .swiper-wrapper {\n  transform: translate3d(0px, 0, 0);\n}\n.index-module--e1N3L .swiper-pointer-events {\n  touch-action: pan-y;\n}\n.index-module--e1N3L .swiper-pointer-events.swiper-vertical {\n  touch-action: pan-x;\n}\n.index-module--e1N3L .swiper-slide {\n  flex-shrink: 0;\n  width: 100%;\n  height: 100%;\n  position: relative;\n  transition-property: transform;\n}\n\n.index-module--e1N3L .swiper-slide-invisible-blank {\n  visibility: hidden;\n}\n.index-module--e1N3L .swiper-autoheight,\n.index-module--e1N3L .swiper-autoheight .swiper-slide {\n  height: auto;\n}\n.index-module--e1N3L .swiper-autoheight .swiper-wrapper {\n  align-items: flex-start;\n  transition-property: transform, height;\n}\n.index-module--e1N3L .swiper-backface-hidden .swiper-slide {\n  transform: translateZ(0);\n  backface-visibility: hidden;\n}\n.index-module--e1N3L .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: x mandatory;\n}\n.index-module--e1N3L .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: y mandatory;\n}\n.index-module--e1N3L .swiper-centered > .swiper-wrapper::before {\n  content: '';\n  flex-shrink: 0;\n  order: 9999;\n}\n[dir=\"ltr\"] .index-module--e1N3L .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-left: var(--swiper-centered-offset-before);\n}\n[dir=\"rtl\"] .index-module--e1N3L .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-right: var(--swiper-centered-offset-before);\n}\n.index-module--e1N3L .swiper-centered.swiper-horizontal > .swiper-wrapper::before {\n  height: 100%;\n  min-height: 1px;\n  width: var(--swiper-centered-offset-after);\n}\n.index-module--e1N3L .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n  margin-top: var(--swiper-centered-offset-before);\n}\n.index-module--e1N3L .swiper-centered.swiper-vertical > .swiper-wrapper::before {\n  width: 100%;\n  min-width: 1px;\n  height: var(--swiper-centered-offset-after);\n}\n.index-module--e1N3L .swiper-centered > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: center center;\n}\n\n/*pagination.css*/\n\n.index-module--e1N3L .swiper-pagination {\n  position: absolute;\n  text-align: center;\n  transition: 300ms opacity;\n  transform: translate3d(0, 0, 0);\n  z-index: 10;\n}\n.index-module--e1N3L .swiper-pagination.swiper-pagination-hidden {\n  opacity: 0;\n}\n.index-module--e1N3L .swiper-pagination-disabled > .swiper-pagination,\n.index-module--e1N3L .swiper-pagination.swiper-pagination-disabled {\n  display: none !important;\n}\n/* Common Styles */\n.index-module--e1N3L .swiper-pagination-fraction,\n.index-module--e1N3L .swiper-pagination-custom,\n.index-module--e1N3L .swiper-horizontal > .swiper-pagination-bullets,\n.index-module--e1N3L .swiper-pagination-bullets.swiper-pagination-horizontal {\n  bottom: 8px;\n  bottom: var(--swiper-pagination-bottom, 8px);\n  top: auto;\n  top: var(--swiper-pagination-top, auto);\n  left: 0;\n  width: 100%;\n}\n/* Bullets */\n.index-module--e1N3L .swiper-pagination-bullets-dynamic {\n  overflow: hidden;\n  font-size: 0;\n}\n.index-module--e1N3L .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\n  transform: scale(0.33);\n  position: relative;\n}\n.index-module--e1N3L .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {\n  transform: scale(1);\n}\n.index-module--e1N3L .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {\n  transform: scale(1);\n}\n.index-module--e1N3L .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {\n  transform: scale(0.66);\n}\n.index-module--e1N3L .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {\n  transform: scale(0.33);\n}\n.index-module--e1N3L .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {\n  transform: scale(0.66);\n}\n.index-module--e1N3L .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {\n  transform: scale(0.33);\n}\n.index-module--e1N3L .swiper-pagination-bullet {\n  width: 8px;\n  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));\n  height: 8px;\n  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));\n  display: inline-block;\n  border-radius: 50%;\n  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);\n  background: #000;\n  background: var(--swiper-pagination-bullet-inactive-color, #000);\n  opacity: 0.2;\n  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);\n}\n.index-module--e1N3L button.swiper-pagination-bullet {\n  border: none;\n  margin: 0;\n  padding: 0;\n  box-shadow: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n       appearance: none;\n}\n.index-module--e1N3L .swiper-pagination-clickable .swiper-pagination-bullet {\n  cursor: pointer;\n}\n.index-module--e1N3L .swiper-pagination-bullet:only-child {\n  display: none !important;\n}\n.index-module--e1N3L .swiper-pagination-bullet-active {\n  opacity: 1;\n  opacity: var(--swiper-pagination-bullet-opacity, 1);\n  background: var(--swiper-theme-color);\n  background: var(--swiper-pagination-color, var(--swiper-theme-color));\n}\n.index-module--e1N3L .swiper-vertical > .swiper-pagination-bullets,\n.index-module--e1N3L .swiper-pagination-vertical.swiper-pagination-bullets {\n  right: 8px;\n  right: var(--swiper-pagination-right, 8px);\n  left: auto;\n  left: var(--swiper-pagination-left, auto);\n  top: 50%;\n  transform: translate3d(0px, -50%, 0);\n}\n.index-module--e1N3L .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,\n.index-module--e1N3L .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {\n  margin: 6px 0;\n  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;\n  display: block;\n}\n.index-module--e1N3L .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,\n.index-module--e1N3L .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {\n  top: 50%;\n  transform: translateY(-50%);\n  width: 8px;\n}\n.index-module--e1N3L .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,\n.index-module--e1N3L .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\n  display: inline-block;\n  transition:\n    200ms transform,\n    200ms top;\n}\n.index-module--e1N3L .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,\n.index-module--e1N3L .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {\n  margin: 0 4px;\n  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);\n}\n.index-module--e1N3L .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,\n.index-module--e1N3L .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {\n  left: 50%;\n  transform: translateX(-50%);\n  white-space: nowrap;\n}\n.index-module--e1N3L .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,\n.index-module--e1N3L .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\n  transition:\n    200ms transform,\n    200ms left;\n}\n.index-module--e1N3L .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\n  transition:\n    200ms transform,\n    200ms right;\n}\n/* Fraction */\n.index-module--e1N3L .swiper-pagination-fraction {\n  color: inherit;\n  color: var(--swiper-pagination-fraction-color, inherit);\n}\n/* Progress */\n.index-module--e1N3L .swiper-pagination-progressbar {\n  background: rgba(0, 0, 0, 0.25);\n  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));\n  position: absolute;\n}\n.index-module--e1N3L .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {\n  background: var(--swiper-theme-color);\n  background: var(--swiper-pagination-color, var(--swiper-theme-color));\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  transform: scale(0);\n  transform-origin: left top;\n}\n.index-module--e1N3L .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {\n  transform-origin: right top;\n}\n.index-module--e1N3L .swiper-horizontal > .swiper-pagination-progressbar,\n.index-module--e1N3L .swiper-pagination-progressbar.swiper-pagination-horizontal,\n.index-module--e1N3L .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,\n.index-module--e1N3L .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {\n  width: 100%;\n  height: 4px;\n  height: var(--swiper-pagination-progressbar-size, 4px);\n  left: 0;\n  top: 0;\n}\n.index-module--e1N3L .swiper-vertical > .swiper-pagination-progressbar,\n.index-module--e1N3L .swiper-pagination-progressbar.swiper-pagination-vertical,\n.index-module--e1N3L .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,\n.index-module--e1N3L .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {\n  width: 4px;\n  width: var(--swiper-pagination-progressbar-size, 4px);\n  height: 100%;\n  left: 0;\n  top: 0;\n}\n.index-module--e1N3L .swiper-pagination-lock {\n  display: none;\n}\n\n/*navigation*/\n.index-module--e1N3L .swiper-button-prev,\n.index-module--e1N3L .swiper-button-next {\n  position: absolute;\n  top: 50%;\n  top: var(--swiper-navigation-top-offset, 50%);\n  width: calc(var(--swiper-navigation-size) / 44 * 27);\n  height: var(--swiper-navigation-size);\n  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--swiper-theme-color);\n  color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.index-module--e1N3L .swiper-button-prev.swiper-button-disabled,\n.index-module--e1N3L .swiper-button-next.swiper-button-disabled {\n  opacity: 0.35;\n  cursor: auto;\n  pointer-events: none;\n}\n\n.index-module--e1N3L .swiper-button-prev.swiper-button-hidden,\n.index-module--e1N3L .swiper-button-next.swiper-button-hidden {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--e1N3L .swiper-navigation-disabled .swiper-button-prev,\n.index-module--e1N3L .swiper-navigation-disabled .swiper-button-next {\n  display: none !important;\n}\n.index-module--e1N3L .swiper-button-prev svg,\n.index-module--e1N3L .swiper-button-next svg {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform-origin: center;\n}\n.index-module--e1N3L .swiper-rtl .swiper-button-prev svg,\n.index-module--e1N3L .swiper-rtl .swiper-button-next svg {\n  transform: rotate(180deg);\n}\n.index-module--e1N3L .swiper-button-prev,\n.index-module--e1N3L .swiper-rtl .swiper-button-next {\n  left: 10px;\n  left: var(--swiper-navigation-sides-offset, 10px);\n  right: auto;\n}\n.index-module--e1N3L .swiper-button-next,\n.index-module--e1N3L .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--e1N3L .swiper-button-lock {\n  display: none;\n}\n/* Navigation font start */\n.index-module--e1N3L .swiper-button-prev:after,\n.index-module--e1N3L .swiper-button-next:after {\n  text-transform: none !important;\n}\n.index-module--e1N3L .swiper-button-prev:after,\n.index-module--e1N3L .swiper-button-next:after {\n  font-family: swiper-icons;\n  font-size: var(--swiper-navigation-size);\n  letter-spacing: 0;\n  font-feature-settings: ;\n  font-variant: normal;\n  font-variant: initial;\n  line-height: 1;\n}\n.index-module--e1N3L .swiper-button-prev:after,\n.index-module--e1N3L .swiper-rtl .swiper-button-next:after {\n  content: 'prev';\n}\n.index-module--e1N3L .swiper-button-next,\n.index-module--e1N3L .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--e1N3L .swiper-button-next:after,\n.index-module--e1N3L .swiper-rtl .swiper-button-prev:after {\n  content: 'next';\n}\n/* Navigation font end */\n",""]);var c="index-module--e1N3L",b="index-module--RKDxk",L="index-module--YiJDf",h="index-module--YLyjz",v="index-module--DWrfF",f="index-module--aD14m",N="index-module--eN6np",y="index-module--B75oj",z="index-module--rLMX4";const k=w},82956:(n,e,i)=>{i.d(e,{AH:()=>x.AH,AI:()=>x.AI,EN:()=>x.EN,Iz:()=>x.Iz,nW:()=>x.nW,s1:()=>x.s1,vt:()=>x.vt,yk:()=>x.yk,zh:()=>x.zh});var t=i(93379),r=i.n(t),o=i(7795),a=i.n(o),s=i(90569),p=i.n(s),l=i(3565),d=i.n(l),u=i(19216),w=i.n(u),g=i(44589),m=i.n(g),x=i(62500),c={};c.styleTagTransform=m(),c.setAttributes=d(),c.insert=p().bind(null,"head"),c.domAPI=a(),c.insertStyleElement=w();r()(x.ZP,c),x.ZP&&x.ZP.locals&&x.ZP.locals},38403:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1451],{51451:(n,e,i)=>{i.r(e),i.d(e,{default:()=>s});var t=i(9420),r=(i(87363),i(4820)),o=i(82956),a=i(47514);const s=(0,t.Pi)((function SettingsExpanderButtons(n){var e=(0,r.NP)();return(0,a.jsxs)(a.Fragment,{children:[e.uiState.doShowConfSettingsExpander&&!e.uiState.isInMobileView&&(0,a.jsx)("div",{className:o.AH,onClick:e.uiState.onClickExpandConfigSettings}),!e.uiState.isInMobileView&&e.uiState.doShowConfSettingsMaxMinExpander&&(0,a.jsxs)(a.Fragment,{children:[!e.uiState.configSettingsIsMaxExpanded&&(0,a.jsx)("div",{className:o.EN,onClick:e.uiState.onClickExpandMaxConfigSettings}),!e.uiState.configSettingsIsMinExpanded&&(0,a.jsx)("div",{className:o.nW,onClick:e.uiState.onClickExpandMinConfigSettings})]})]})}))},62500:(n,e,i)=>{i.d(e,{AH:()=>b,AI:()=>f,EN:()=>z,Iz:()=>v,ZP:()=>k,nW:()=>y,s1:()=>N,vt:()=>c,yk:()=>h,zh:()=>L});var t=i(8081),r=i.n(t),o=i(23645),a=i.n(o),s=i(61667),p=i.n(s),l=new URL(i(38403),i.b),d=new URL(i(27557),i.b),u=new URL(i(64197),i.b),w=a()(r()),g=p()(l),m=p()(d),x=p()(u);w.push([n.id,".index-module--e1N3L {\n  display: flex;\n  flex-direction: column;\n  overflow: visible;\n\n  /*pfister positionierung*/\n  background-color: var(--settingsBackgroundColor);\n\n  border-radius: var(--globalBorderRadius) var(--globalBorderRadius) 0 0;\n}\n\n/* normal expander */\n.index-module--RKDxk {\n  position: absolute;\n  top: calc(50% + 32px);\n  left: -32px;\n  width: 32px;\n  height: 48px;\n  background-color: var(--secondaryColor);\n  z-index: 300;\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+g+");\n  background-size: 19.2px;\n}\n\n.index-module--YiJDf .index-module--RKDxk {\n  transform: rotate(180deg);\n  border-radius: 0 3px 3px 0;\n}\n\n.index-module--YLyjz {\n  height: 100%;\n}\n\n.index-module--DWrfF {\n  height: 100%;\n}\n\n.index-module--YLyjz .index-module--aD14m {\n  height: 100%;\n  overflow: auto;\n}\n\n.index-module--eN6np .index-module--e1N3L {\n  transition:\n    height 0.45s ease,\n    top 0.45s ease;\n}\n\n/*Min Max expander*/\n\n.index-module--B75oj,\n.index-module--rLMX4 {\n  position: absolute;\n  top: calc(50% + 2rem);\n  width: 1rem;\n  height: 2rem;\n  z-index: 1060;\n  border-radius: var(--globalBorderRadius) 0 0 3px;\n  background-repeat: no-repeat;\n  background-image: url("+m+");\n  background-size: 1.2rem;\n  background-position: left;\n  transition:\n    left 0.1s ease 0.1s,\n    width 0.2s ease;\n  cursor: pointer;\n}\n\n.index-module--rLMX4 {\n  left: -1.1rem;\n}\n\n.index-module--B75oj {\n  left: 0.3rem;\n  transform: rotate(180deg);\n}\n\n.index-module--WT8Uu .index-module--B75oj {\n  left: 0.5rem;\n  width: 1rem;\n}\n.index-module--Bm34J .index-module--rLMX4 {\n  left: calc(-1 * calc(1.9rem));\n  width: 1rem;\n}\n\n/*swiper min css*/\n\n@font-face {\n  font-family: swiper-icons;\n  src: url("+x+");\n  font-weight: 400;\n  font-style: normal;\n}\n\n.index-module--e1N3L .swiper {\n  margin-left: auto;\n  margin-right: auto;\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  z-index: 1;\n  width: 100%;\n}\n.index-module--e1N3L .swiper-vertical > .swiper-wrapper {\n  flex-direction: column;\n}\n.index-module--e1N3L .swiper-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  transition-property: transform;\n  box-sizing: content-box;\n}\n.index-module--e1N3L .swiper-android .swiper-slide,\n.index-module--e1N3L .swiper-wrapper {\n  transform: translate3d(0px, 0, 0);\n}\n.index-module--e1N3L .swiper-pointer-events {\n  touch-action: pan-y;\n}\n.index-module--e1N3L .swiper-pointer-events.swiper-vertical {\n  touch-action: pan-x;\n}\n.index-module--e1N3L .swiper-slide {\n  flex-shrink: 0;\n  width: 100%;\n  height: 100%;\n  position: relative;\n  transition-property: transform;\n}\n\n.index-module--e1N3L .swiper-slide-invisible-blank {\n  visibility: hidden;\n}\n.index-module--e1N3L .swiper-autoheight,\n.index-module--e1N3L .swiper-autoheight .swiper-slide {\n  height: auto;\n}\n.index-module--e1N3L .swiper-autoheight .swiper-wrapper {\n  align-items: flex-start;\n  transition-property: transform, height;\n}\n.index-module--e1N3L .swiper-backface-hidden .swiper-slide {\n  transform: translateZ(0);\n  backface-visibility: hidden;\n}\n.index-module--e1N3L .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: x mandatory;\n}\n.index-module--e1N3L .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: y mandatory;\n}\n.index-module--e1N3L .swiper-centered > .swiper-wrapper::before {\n  content: '';\n  flex-shrink: 0;\n  order: 9999;\n}\n[dir=\"ltr\"] .index-module--e1N3L .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-left: var(--swiper-centered-offset-before);\n}\n[dir=\"rtl\"] .index-module--e1N3L .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-right: var(--swiper-centered-offset-before);\n}\n.index-module--e1N3L .swiper-centered.swiper-horizontal > .swiper-wrapper::before {\n  height: 100%;\n  min-height: 1px;\n  width: var(--swiper-centered-offset-after);\n}\n.index-module--e1N3L .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n  margin-top: var(--swiper-centered-offset-before);\n}\n.index-module--e1N3L .swiper-centered.swiper-vertical > .swiper-wrapper::before {\n  width: 100%;\n  min-width: 1px;\n  height: var(--swiper-centered-offset-after);\n}\n.index-module--e1N3L .swiper-centered > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: center center;\n}\n\n/*pagination.css*/\n\n.index-module--e1N3L .swiper-pagination {\n  position: absolute;\n  text-align: center;\n  transition: 300ms opacity;\n  transform: translate3d(0, 0, 0);\n  z-index: 10;\n}\n.index-module--e1N3L .swiper-pagination.swiper-pagination-hidden {\n  opacity: 0;\n}\n.index-module--e1N3L .swiper-pagination-disabled > .swiper-pagination,\n.index-module--e1N3L .swiper-pagination.swiper-pagination-disabled {\n  display: none !important;\n}\n/* Common Styles */\n.index-module--e1N3L .swiper-pagination-fraction,\n.index-module--e1N3L .swiper-pagination-custom,\n.index-module--e1N3L .swiper-horizontal > .swiper-pagination-bullets,\n.index-module--e1N3L .swiper-pagination-bullets.swiper-pagination-horizontal {\n  bottom: 8px;\n  bottom: var(--swiper-pagination-bottom, 8px);\n  top: auto;\n  top: var(--swiper-pagination-top, auto);\n  left: 0;\n  width: 100%;\n}\n/* Bullets */\n.index-module--e1N3L .swiper-pagination-bullets-dynamic {\n  overflow: hidden;\n  font-size: 0;\n}\n.index-module--e1N3L .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\n  transform: scale(0.33);\n  position: relative;\n}\n.index-module--e1N3L .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {\n  transform: scale(1);\n}\n.index-module--e1N3L .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {\n  transform: scale(1);\n}\n.index-module--e1N3L .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {\n  transform: scale(0.66);\n}\n.index-module--e1N3L .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {\n  transform: scale(0.33);\n}\n.index-module--e1N3L .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {\n  transform: scale(0.66);\n}\n.index-module--e1N3L .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {\n  transform: scale(0.33);\n}\n.index-module--e1N3L .swiper-pagination-bullet {\n  width: 8px;\n  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));\n  height: 8px;\n  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));\n  display: inline-block;\n  border-radius: 50%;\n  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);\n  background: #000;\n  background: var(--swiper-pagination-bullet-inactive-color, #000);\n  opacity: 0.2;\n  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);\n}\n.index-module--e1N3L button.swiper-pagination-bullet {\n  border: none;\n  margin: 0;\n  padding: 0;\n  box-shadow: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n       appearance: none;\n}\n.index-module--e1N3L .swiper-pagination-clickable .swiper-pagination-bullet {\n  cursor: pointer;\n}\n.index-module--e1N3L .swiper-pagination-bullet:only-child {\n  display: none !important;\n}\n.index-module--e1N3L .swiper-pagination-bullet-active {\n  opacity: 1;\n  opacity: var(--swiper-pagination-bullet-opacity, 1);\n  background: var(--swiper-theme-color);\n  background: var(--swiper-pagination-color, var(--swiper-theme-color));\n}\n.index-module--e1N3L .swiper-vertical > .swiper-pagination-bullets,\n.index-module--e1N3L .swiper-pagination-vertical.swiper-pagination-bullets {\n  right: 8px;\n  right: var(--swiper-pagination-right, 8px);\n  left: auto;\n  left: var(--swiper-pagination-left, auto);\n  top: 50%;\n  transform: translate3d(0px, -50%, 0);\n}\n.index-module--e1N3L .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,\n.index-module--e1N3L .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {\n  margin: 6px 0;\n  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;\n  display: block;\n}\n.index-module--e1N3L .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,\n.index-module--e1N3L .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {\n  top: 50%;\n  transform: translateY(-50%);\n  width: 8px;\n}\n.index-module--e1N3L .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,\n.index-module--e1N3L .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\n  display: inline-block;\n  transition:\n    200ms transform,\n    200ms top;\n}\n.index-module--e1N3L .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,\n.index-module--e1N3L .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {\n  margin: 0 4px;\n  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);\n}\n.index-module--e1N3L .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,\n.index-module--e1N3L .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {\n  left: 50%;\n  transform: translateX(-50%);\n  white-space: nowrap;\n}\n.index-module--e1N3L .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,\n.index-module--e1N3L .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\n  transition:\n    200ms transform,\n    200ms left;\n}\n.index-module--e1N3L .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\n  transition:\n    200ms transform,\n    200ms right;\n}\n/* Fraction */\n.index-module--e1N3L .swiper-pagination-fraction {\n  color: inherit;\n  color: var(--swiper-pagination-fraction-color, inherit);\n}\n/* Progress */\n.index-module--e1N3L .swiper-pagination-progressbar {\n  background: rgba(0, 0, 0, 0.25);\n  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));\n  position: absolute;\n}\n.index-module--e1N3L .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {\n  background: var(--swiper-theme-color);\n  background: var(--swiper-pagination-color, var(--swiper-theme-color));\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  transform: scale(0);\n  transform-origin: left top;\n}\n.index-module--e1N3L .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {\n  transform-origin: right top;\n}\n.index-module--e1N3L .swiper-horizontal > .swiper-pagination-progressbar,\n.index-module--e1N3L .swiper-pagination-progressbar.swiper-pagination-horizontal,\n.index-module--e1N3L .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,\n.index-module--e1N3L .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {\n  width: 100%;\n  height: 4px;\n  height: var(--swiper-pagination-progressbar-size, 4px);\n  left: 0;\n  top: 0;\n}\n.index-module--e1N3L .swiper-vertical > .swiper-pagination-progressbar,\n.index-module--e1N3L .swiper-pagination-progressbar.swiper-pagination-vertical,\n.index-module--e1N3L .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,\n.index-module--e1N3L .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {\n  width: 4px;\n  width: var(--swiper-pagination-progressbar-size, 4px);\n  height: 100%;\n  left: 0;\n  top: 0;\n}\n.index-module--e1N3L .swiper-pagination-lock {\n  display: none;\n}\n\n/*navigation*/\n.index-module--e1N3L .swiper-button-prev,\n.index-module--e1N3L .swiper-button-next {\n  position: absolute;\n  top: 50%;\n  top: var(--swiper-navigation-top-offset, 50%);\n  width: calc(var(--swiper-navigation-size) / 44 * 27);\n  height: var(--swiper-navigation-size);\n  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--swiper-theme-color);\n  color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.index-module--e1N3L .swiper-button-prev.swiper-button-disabled,\n.index-module--e1N3L .swiper-button-next.swiper-button-disabled {\n  opacity: 0.35;\n  cursor: auto;\n  pointer-events: none;\n}\n\n.index-module--e1N3L .swiper-button-prev.swiper-button-hidden,\n.index-module--e1N3L .swiper-button-next.swiper-button-hidden {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--e1N3L .swiper-navigation-disabled .swiper-button-prev,\n.index-module--e1N3L .swiper-navigation-disabled .swiper-button-next {\n  display: none !important;\n}\n.index-module--e1N3L .swiper-button-prev svg,\n.index-module--e1N3L .swiper-button-next svg {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform-origin: center;\n}\n.index-module--e1N3L .swiper-rtl .swiper-button-prev svg,\n.index-module--e1N3L .swiper-rtl .swiper-button-next svg {\n  transform: rotate(180deg);\n}\n.index-module--e1N3L .swiper-button-prev,\n.index-module--e1N3L .swiper-rtl .swiper-button-next {\n  left: 10px;\n  left: var(--swiper-navigation-sides-offset, 10px);\n  right: auto;\n}\n.index-module--e1N3L .swiper-button-next,\n.index-module--e1N3L .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--e1N3L .swiper-button-lock {\n  display: none;\n}\n/* Navigation font start */\n.index-module--e1N3L .swiper-button-prev:after,\n.index-module--e1N3L .swiper-button-next:after {\n  text-transform: none !important;\n}\n.index-module--e1N3L .swiper-button-prev:after,\n.index-module--e1N3L .swiper-button-next:after {\n  font-family: swiper-icons;\n  font-size: var(--swiper-navigation-size);\n  letter-spacing: 0;\n  font-feature-settings: ;\n  font-variant: normal;\n  font-variant: initial;\n  line-height: 1;\n}\n.index-module--e1N3L .swiper-button-prev:after,\n.index-module--e1N3L .swiper-rtl .swiper-button-next:after {\n  content: 'prev';\n}\n.index-module--e1N3L .swiper-button-next,\n.index-module--e1N3L .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--e1N3L .swiper-button-next:after,\n.index-module--e1N3L .swiper-rtl .swiper-button-prev:after {\n  content: 'next';\n}\n/* Navigation font end */\n",""]);var c="index-module--e1N3L",b="index-module--RKDxk",L="index-module--YiJDf",h="index-module--YLyjz",v="index-module--DWrfF",f="index-module--aD14m",N="index-module--eN6np",y="index-module--B75oj",z="index-module--rLMX4";const k=w},82956:(n,e,i)=>{i.d(e,{AH:()=>x.AH,AI:()=>x.AI,EN:()=>x.EN,Iz:()=>x.Iz,nW:()=>x.nW,s1:()=>x.s1,vt:()=>x.vt,yk:()=>x.yk,zh:()=>x.zh});var t=i(93379),r=i.n(t),o=i(7795),a=i.n(o),s=i(90569),p=i.n(s),l=i(3565),d=i.n(l),u=i(19216),w=i.n(u),g=i(44589),m=i.n(g),x=i(62500),c={};c.styleTagTransform=m(),c.setAttributes=d(),c.insert=p().bind(null,"head"),c.domAPI=a(),c.insertStyleElement=w();r()(x.ZP,c),x.ZP&&x.ZP.locals&&x.ZP.locals},38403:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 1457.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1457],{81457:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Q});var o=t(80248),r=t(72874),i=t(87363),d=t(9420),l=t(93379),a=t.n(l),c=t(7795),u=t.n(c),s=t(90569),h=t.n(s),p=t(3565),x=t.n(p),b=t(19216),g=t.n(b),f=t(44589),m=t.n(f),w=t(6521),v={};v.styleTagTransform=m(),v.setAttributes=x(),v.insert=h().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=g();a()(w.ZP,v);w.ZP&&w.ZP.locals&&w.ZP.locals;var y=t(65515),j=t.n(y),P=t(20640),k=t(47514),O=["curBox","isExpanded","state"];function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const Q=(0,d.Pi)((function SVGSourceViewer(n){n.curBox,n.isExpanded;var e,t,o=n.state,d=(0,r.Z)(n,O),l=(0,P.NP)(),a=l.divaWebPlanner.getDivaArticles();if(!a)return(0,k.jsx)(k.Fragment,{});var c=Object.values(a).filter((function(n){return n.catalogArticle.catalogPlannerArticle}));if(!c.length)return(0,k.jsx)(k.Fragment,{});var u=null===(e=c[0].plannerData)||void 0===e?void 0:e.svgBefore,s=null===(t=c[0].plannerData)||void 0===t?void 0:t.svgAfter,h="before"==o?u:s;return(0,i.createElement)("div",_objectSpread(_objectSpread({},d),{},{className:j()(w.EU),key:l.settingsState.configChanged}),(0,k.jsxs)("div",{style:{height:500,overflow:"auto"},children:[(0,k.jsx)("button",{onClick:function onClick(){return navigator.clipboard.writeText(null!=h?h:"")},children:"copy"}),(0,k.jsx)("textarea",{readOnly:!0,value:h})]}))}))},6521:(n,e,t)=>{t.d(e,{EU:()=>l,ZP:()=>a});var o=t(8081),r=t.n(o),i=t(23645),d=t.n(i)()(r());d.push([n.id,".index-module--orfU0 {\n  margin-left: 50px;\n  color: rgba(255,255,255,0.42353);\n  height: 100vh;\n}\n.index-module--ZQXRQ {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  width: 100%;\n  height: 100%;\n\n  background-color: rgb(28, 32, 35);\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  gap: 10px;\n}\n.index-module--zMMBL {\n  width: 20%;\n  border-bottom: 1px solid;\n}\n.index-module--fJfHX {\n  width: 50px;\n  height: 50px;\n}\n.index-module--orfU0 textarea {\n  background-color: rgb(28, 32, 35);\n  color: white;\n  width: 97.7%;\n  height: 100%;\n  padding-top: 2%;\n  padding-left: 2%;\n  overflow: auto;\n}\n.index-module--orfU0 .index-module--kwewQ {\n  max-height: 62.1%;\n  transition: max-height 0.5s;\n}\n\n.index-module--UVkGx {\n  color: black !important;\n}\n\n.index-module--UVkGx {\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--ZQXRQ img {\n  height: 50px;\n  width: 50px;\n}\n.index-module--ZQXRQ tbody {\n  height: 100%;\n  vertical-align: top;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.index-module--ZQXRQ tr th {\n  width: 4%;\n}\n.index-module--ZQXRQ tr th:last-child {\n  width: 90px;\n}\n.index-module--ZQXRQ thead {\n  border-bottom: 1px solid white;\n}\n.index-module--ZQXRQ tbody th {\n  width: 23px;\n  table-layout: fixed;\n  line-break: anywhere;\n  font-size: 15px;\n}\n.index-module--ZQXRQ tbody th:nth-child(1) {\n  width: 35px;\n}\n.index-module--ZQXRQ tbody th:last-child {\n  width: 890px;\n  font-size: 9px;\n}\n.index-module--iJwMt {\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--cSh30 {\n  top: 10px;\n  width: 47.6%;\n  text-align: center;\n  color: black;\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--BpST3 {\n  position: absolute;\n  top: 286px;\n  width: 100%;\n}\n",""]);var l="index-module--orfU0";const a=d}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1457],{81457:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Q});var o=t(80248),r=t(72874),i=t(87363),d=t(9420),l=t(93379),a=t.n(l),c=t(7795),u=t.n(c),s=t(90569),h=t.n(s),p=t(3565),x=t.n(p),b=t(19216),g=t.n(b),f=t(44589),m=t.n(f),w=t(6521),v={};v.styleTagTransform=m(),v.setAttributes=x(),v.insert=h().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=g();a()(w.ZP,v);w.ZP&&w.ZP.locals&&w.ZP.locals;var y=t(65515),j=t.n(y),P=t(4820),k=t(47514),O=["curBox","isExpanded","state"];function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const Q=(0,d.Pi)((function SVGSourceViewer(n){n.curBox,n.isExpanded;var e,t,o=n.state,d=(0,r.Z)(n,O),l=(0,P.NP)(),a=l.divaWebPlanner.getDivaArticles();if(!a)return(0,k.jsx)(k.Fragment,{});var c=Object.values(a).filter((function(n){return n.catalogArticle.catalogPlannerArticle}));if(!c.length)return(0,k.jsx)(k.Fragment,{});var u=null===(e=c[0].plannerData)||void 0===e?void 0:e.svgBefore,s=null===(t=c[0].plannerData)||void 0===t?void 0:t.svgAfter,h="before"==o?u:s;return(0,i.createElement)("div",_objectSpread(_objectSpread({},d),{},{className:j()(w.EU),key:l.settingsState.configChanged}),(0,k.jsxs)("div",{style:{height:500,overflow:"auto"},children:[(0,k.jsx)("button",{onClick:function onClick(){return navigator.clipboard.writeText(null!=h?h:"")},children:"copy"}),(0,k.jsx)("textarea",{readOnly:!0,value:h})]}))}))},6521:(n,e,t)=>{t.d(e,{EU:()=>l,ZP:()=>a});var o=t(8081),r=t.n(o),i=t(23645),d=t.n(i)()(r());d.push([n.id,".index-module--orfU0 {\n  margin-left: 50px;\n  color: rgba(255,255,255,0.42353);\n  height: 100vh;\n}\n.index-module--ZQXRQ {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  width: 100%;\n  height: 100%;\n\n  background-color: rgb(28, 32, 35);\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  gap: 10px;\n}\n.index-module--zMMBL {\n  width: 20%;\n  border-bottom: 1px solid;\n}\n.index-module--fJfHX {\n  width: 50px;\n  height: 50px;\n}\n.index-module--orfU0 textarea {\n  background-color: rgb(28, 32, 35);\n  color: white;\n  width: 97.7%;\n  height: 100%;\n  padding-top: 2%;\n  padding-left: 2%;\n  overflow: auto;\n}\n.index-module--orfU0 .index-module--kwewQ {\n  max-height: 62.1%;\n  transition: max-height 0.5s;\n}\n\n.index-module--UVkGx {\n  color: black !important;\n}\n\n.index-module--UVkGx {\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--ZQXRQ img {\n  height: 50px;\n  width: 50px;\n}\n.index-module--ZQXRQ tbody {\n  height: 100%;\n  vertical-align: top;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.index-module--ZQXRQ tr th {\n  width: 4%;\n}\n.index-module--ZQXRQ tr th:last-child {\n  width: 90px;\n}\n.index-module--ZQXRQ thead {\n  border-bottom: 1px solid white;\n}\n.index-module--ZQXRQ tbody th {\n  width: 23px;\n  table-layout: fixed;\n  line-break: anywhere;\n  font-size: 15px;\n}\n.index-module--ZQXRQ tbody th:nth-child(1) {\n  width: 35px;\n}\n.index-module--ZQXRQ tbody th:last-child {\n  width: 890px;\n  font-size: 9px;\n}\n.index-module--iJwMt {\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--cSh30 {\n  top: 10px;\n  width: 47.6%;\n  text-align: center;\n  color: black;\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--BpST3 {\n  position: absolute;\n  top: 286px;\n  width: 100%;\n}\n",""]);var l="index-module--orfU0";const a=d}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 1577.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1577],{51577:(e,t,n)=>{n.r(t),n.d(t,{default:()=>k});var r=n(80248),a=n(34988),o=n(87363),l=n(93379),s=n.n(l),c=n(7795),i=n.n(c),u=n(90569),d=n.n(u),b=n(3565),p=n.n(b),g=n(19216),f=n.n(g),v=n(44589),y=n.n(v),P=n(77648),h={};h.styleTagTransform=y(),h.setAttributes=p(),h.insert=d().bind(null,"head"),h.domAPI=i(),h.insertStyleElement=f();s()(P.ZP,h);P.ZP&&P.ZP.locals&&P.ZP.locals;var m=n(9420),j=n(65515),C=n.n(j),O=n(1463),S=n.n(O),x=n(20640),w=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,r.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const k=(0,m.Pi)((function MaskEditor(e){var t,n=(0,x.NP)(),r=(0,o.useRef)(null),l=(0,o.useRef)(null),s=(0,o.useState)(!0),c=(0,a.Z)(s,2),i=c[0],u=c[1],d=null===(t=n.divaWebPlanner.getCatalogData())||void 0===t?void 0:t.catalogMask,b=(0,o.useState)(null!=d?d:{}),p=(0,a.Z)(b,2),g=p[0],f=(p[1],{mode:"code",onChange:function onChange(){try{var e=l.current,t=(e.get(),e.validate());u(t)}catch(e){return void u(!1)}}});(0,o.useEffect)((function(){r.current&&(l.current||(l.current=new(S())(r.current,f)),l.current&&l.current.set(g))}),[g]);return(0,w.jsxs)("div",_objectSpread(_objectSpread({},e),{},{className:C()(P.YS,e.className),children:["MaskEditor",(0,w.jsx)("div",{ref:r,id:"jsoneditor",style:{width:"100%",height:"calc(100% - 300px)"}}),(0,w.jsx)("div",{className:P.Yq,children:(0,w.jsx)("button",{className:P.LI,disabled:!i,onClick:function onClick(){return function onClickSave(){var e=l.current;if(e.get()&&0!==Object.keys(e.get()).length){var t=e.get(),r=n.divaWebPlanner.getCatalogData();r&&(r.catalogMask=t),n.divaWebPlanner.updateWebConfiguratorTitle(),n.paletteViewHandler.updateCurPaletteData(!0),n.uiState.setActiveCatalogSection("3D/2D"),n.productState.updatePlannerMsgContainer("ACCESSOIRE_MSG",!0,"INFO","Speicherung erfolgreich",!0)}else alert("Cannot save empty value")}()},children:"Save"})})]}))}))},77648:(e,t,n)=>{n.d(t,{LI:()=>i,YS:()=>s,Yq:()=>c,ZP:()=>u});var r=n(8081),a=n.n(r),o=n(23645),l=n.n(o)()(a());l.push([e.id,".index-module--e2swR {\n  background-color: rgba(244, 244, 244, 0.8);\n  position: absolute;\n  margin-left: 50px;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n  z-index: 1000;\n}\n.index-module--byqXs {\n  margin-top: 12px;\n  display: flex;\n}\n.index-module--edLvC {\n}\n",""]);var s="index-module--e2swR",c="index-module--byqXs",i="index-module--edLvC";const u=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1577],{51577:(e,t,n)=>{n.r(t),n.d(t,{default:()=>k});var r=n(80248),a=n(34988),o=n(87363),l=n(93379),s=n.n(l),c=n(7795),i=n.n(c),u=n(90569),d=n.n(u),b=n(3565),p=n.n(b),g=n(19216),f=n.n(g),v=n(44589),y=n.n(v),P=n(77648),h={};h.styleTagTransform=y(),h.setAttributes=p(),h.insert=d().bind(null,"head"),h.domAPI=i(),h.insertStyleElement=f();s()(P.ZP,h);P.ZP&&P.ZP.locals&&P.ZP.locals;var m=n(9420),j=n(65515),C=n.n(j),O=n(1463),S=n.n(O),x=n(4820),w=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,r.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const k=(0,m.Pi)((function MaskEditor(e){var t,n=(0,x.NP)(),r=(0,o.useRef)(null),l=(0,o.useRef)(null),s=(0,o.useState)(!0),c=(0,a.Z)(s,2),i=c[0],u=c[1],d=null===(t=n.divaWebPlanner.getCatalogData())||void 0===t?void 0:t.catalogMask,b=(0,o.useState)(null!=d?d:{}),p=(0,a.Z)(b,2),g=p[0],f=(p[1],{mode:"code",onChange:function onChange(){try{var e=l.current,t=(e.get(),e.validate());u(t)}catch(e){return void u(!1)}}});(0,o.useEffect)((function(){r.current&&(l.current||(l.current=new(S())(r.current,f)),l.current&&l.current.set(g))}),[g]);return(0,w.jsxs)("div",_objectSpread(_objectSpread({},e),{},{className:C()(P.YS,e.className),children:["MaskEditor",(0,w.jsx)("div",{ref:r,id:"jsoneditor",style:{width:"100%",height:"calc(100% - 300px)"}}),(0,w.jsx)("div",{className:P.Yq,children:(0,w.jsx)("button",{className:P.LI,disabled:!i,onClick:function onClick(){return function onClickSave(){var e=l.current;if(e.get()&&0!==Object.keys(e.get()).length){var t=e.get(),r=n.divaWebPlanner.getCatalogData();r&&(r.catalogMask=t),n.divaWebPlanner.updateWebConfiguratorTitle(),n.paletteViewHandler.updateCurPaletteData(!0),n.uiState.setActiveCatalogSection("3D/2D"),n.productState.updatePlannerMsgContainer("ACCESSOIRE_MSG",!0,"INFO","Speicherung erfolgreich",!0)}else alert("Cannot save empty value")}()},children:"Save"})})]}))}))},77648:(e,t,n)=>{n.d(t,{LI:()=>i,YS:()=>s,Yq:()=>c,ZP:()=>u});var r=n(8081),a=n.n(r),o=n(23645),l=n.n(o)()(a());l.push([e.id,".index-module--e2swR {\n  background-color: rgba(244, 244, 244, 0.8);\n  position: absolute;\n  margin-left: 50px;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n  z-index: 1000;\n}\n.index-module--byqXs {\n  margin-top: 12px;\n  display: flex;\n}\n.index-module--edLvC {\n}\n",""]);var s="index-module--e2swR",c="index-module--byqXs",i="index-module--edLvC";const u=l}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 1581.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1581],{1581:(n,e,i)=>{i.r(e),i.d(e,{default:()=>y});var d=i(65515),t=i.n(d),o=i(20640),a=i(9420),l=(i(87363),i(88683)),r=i(93379),x=i.n(r),s=i(7795),m=i.n(s),u=i(90569),h=i.n(u),p=i(3565),c=i.n(p),g=i(19216),v=i.n(g),b=i(44589),w=i.n(b),f=i(62975),P={};P.styleTagTransform=w(),P.setAttributes=c(),P.insert=h().bind(null,"head"),P.domAPI=m(),P.insertStyleElement=v();x()(f.ZP,P);f.ZP&&f.ZP.locals&&f.ZP.locals;var k=i(47514);const y=(0,a.Pi)((function Room(n){var e=n.item,i=n.from,d=n.isVP,a=e,r=(0,o.NP)(),x=(0,l.useTranslation)().t;return(0,k.jsxs)("div",{onClick:function onClick(){r.productState.setRoomListExpanded(!0),d?r.paletteViewHandler.clickedOnStaticVPPalette(a,!!i):r.paletteViewHandler.clickedOnStaticRoomPalette(a,!!i)},className:t()(f.CA,r.uiState.isInMobileView?f.ai:void 0),children:[(0,k.jsx)("div",{className:t()(a.sel?f.pA:void 0),children:(0,k.jsx)("div",{className:t()(f.be),children:(0,k.jsx)("div",{className:t()(f.ro),children:(0,k.jsx)("div",{"data-test-id":"select-room",className:f.K5,style:{backgroundImage:"url(".concat(a.url,")")}})})})}),!d&&(0,k.jsx)("div",{className:t()(a.sel?f.d2:void 0,f.TN),children:x("configurator."+a.N)})]})}))},62975:(n,e,i)=>{i.d(e,{CA:()=>l,K5:()=>m,TN:()=>u,ZP:()=>c,ai:()=>p,be:()=>r,d2:()=>h,pA:()=>x,ro:()=>s});var d=i(8081),t=i.n(d),o=i(23645),a=i.n(o)()(t());a.push([n.id,"/*Size Normal */\n\n.index-module--at3H2 {\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  margin-left: 10px;\n}\n\n.index-module--at3H2:active {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n.index-module--at3H2:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--vaYox {\n  border-radius: 50%;\n  border: 1px transparent solid;\n  width: 68px;\n  height: 68px;\n  transition: 0.15s ease;\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--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}\n\n.index-module--at3H2:hover .index-module--aY0Oj,\n.index-module--kmxbw {\n  opacity: 1;\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",x="index-module--QreUK",s="index-module--YhRIJ",m="index-module--ldM3W",u="index-module--aY0Oj",h="index-module--kmxbw",p="index-module--sQhPu";const c=a}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1581],{1581:(n,e,i)=>{i.r(e),i.d(e,{default:()=>y});var d=i(65515),t=i.n(d),o=i(4820),a=i(9420),l=(i(87363),i(88683)),r=i(93379),x=i.n(r),s=i(7795),m=i.n(s),u=i(90569),h=i.n(u),p=i(3565),c=i.n(p),g=i(19216),v=i.n(g),b=i(44589),w=i.n(b),f=i(62975),P={};P.styleTagTransform=w(),P.setAttributes=c(),P.insert=h().bind(null,"head"),P.domAPI=m(),P.insertStyleElement=v();x()(f.ZP,P);f.ZP&&f.ZP.locals&&f.ZP.locals;var k=i(47514);const y=(0,a.Pi)((function Room(n){var e=n.item,i=n.from,d=n.isVP,a=e,r=(0,o.NP)(),x=(0,l.useTranslation)().t;return(0,k.jsxs)("div",{onClick:function onClick(){r.productState.setRoomListExpanded(!0),d?r.paletteViewHandler.clickedOnStaticVPPalette(a,!!i):r.paletteViewHandler.clickedOnStaticRoomPalette(a,!!i)},className:t()(f.CA,r.uiState.isInMobileView?f.ai:void 0),children:[(0,k.jsx)("div",{className:t()(a.sel?f.pA:void 0),children:(0,k.jsx)("div",{className:t()(f.be),children:(0,k.jsx)("div",{className:t()(f.ro),children:(0,k.jsx)("div",{"data-test-id":"select-room",className:f.K5,style:{backgroundImage:"url(".concat(a.url,")")}})})})}),!d&&(0,k.jsx)("div",{className:t()(a.sel?f.d2:void 0,f.TN),children:x("configurator."+a.N)})]})}))},62975:(n,e,i)=>{i.d(e,{CA:()=>l,K5:()=>m,TN:()=>u,ZP:()=>c,ai:()=>p,be:()=>r,d2:()=>h,pA:()=>x,ro:()=>s});var d=i(8081),t=i.n(d),o=i(23645),a=i.n(o)()(t());a.push([n.id,"/*Size Normal */\n\n.index-module--at3H2 {\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  margin-left: 10px;\n}\n\n.index-module--at3H2:active {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n.index-module--at3H2:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--vaYox {\n  border-radius: 50%;\n  border: 1px transparent solid;\n  width: 68px;\n  height: 68px;\n  transition: 0.15s ease;\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--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}\n\n.index-module--at3H2:hover .index-module--aY0Oj,\n.index-module--kmxbw {\n  opacity: 1;\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",x="index-module--QreUK",s="index-module--YhRIJ",m="index-module--ldM3W",u="index-module--aY0Oj",h="index-module--kmxbw",p="index-module--sQhPu";const c=a}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 163.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[163,4581,9001,4873,4190,4228,8375,1008,7853],{14581:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _model__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(20640),mobx_react_lite__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(9420),react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(87363),react__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__),_index_module_css__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(35141),classnames__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(65515),classnames__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_4__),_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(88683),_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5__),_GlobalElements_Checkout__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(38315),_GlobalElements_Checkout_IconComponent__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(39667),_Navigation_standard_index_module_css__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(40976),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(47514),BasketActionStandard=function BasketActionStandard(e){var n,t=e.buttonTextClassName,o=void 0===t?_index_module_css__WEBPACK_IMPORTED_MODULE_3__.UU:t,i=e.buttonPriceClassName,r=void 0===i?_index_module_css__WEBPACK_IMPORTED_MODULE_3__.QD:i,a=e.containerClassName,d=e.price,l=e.showCheckoutButtons,s=(0,_model__WEBPACK_IMPORTED_MODULE_0__.NP)(),u=(0,_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5__.useDivaCore)().state.hidePrices,c=(0,_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5__.useTranslation)().t;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div",{className:classnames__WEBPACK_IMPORTED_MODULE_4___default()(_index_module_css__WEBPACK_IMPORTED_MODULE_3__.tM,a),children:[l&&(null===(n=s.uiState.checkoutConfig)||void 0===n?void 0:n.buttons.map((function(e,n){return evalVisible(e,s)?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div",{className:_Navigation_standard_index_module_css__WEBPACK_IMPORTED_MODULE_8__.rK,onClick:function onClick(){return(0,_GlobalElements_Checkout__WEBPACK_IMPORTED_MODULE_6__.onClickCheckout)(e,s,n,c)},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_GlobalElements_Checkout_IconComponent__WEBPACK_IMPORTED_MODULE_7__.default,{checkoutButton:e,size:32})},n):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.Fragment,{})}))),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div",{className:_index_module_css__WEBPACK_IMPORTED_MODULE_3__.m2,onClick:function onClick(){return s.actionButtonState.onClickAddToBasket(s)},id:"wcConfigurator-action-tobasket",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div",{className:o,children:c("configurator.ADD_TO_BASKET")}),!u&&"horizontal"==s.tabGroupState.curTabGroupType&&d&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div",{className:r,children:d})]})]})};const __WEBPACK_DEFAULT_EXPORT__=(0,mobx_react_lite__WEBPACK_IMPORTED_MODULE_1__.Pi)(BasketActionStandard);var evalVisible=function evalVisible(button,viewHandler){var rule=button.visibleNavigatorFunction;return!(button.visibleRule&&!eval(button.visibleRule))&&(!1!==rule&&void 0!==rule&&(!0===rule||viewHandler.uiState.isMobileLandscape&&rule.includes("MOBILE_L")||viewHandler.uiState.isMobilePortrait&&rule.includes("MOBILE_P")||!viewHandler.getIsInMobileView()&&rule.includes("DESKTOP")))}},68063:(e,n,t)=>{t.r(n),t.d(n,{default:()=>d});var o=t(80248),i=t(88291),r=(t(87363),t(20640)),a=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const d=function BasketMobile(e){var n=Object.assign({},((0,i.Z)(e),e)),t=(0,r.NP)();return(0,a.jsx)("div",_objectSpread(_objectSpread({},n),{},{onClick:function onClick(){return t.actionButtonState.onClickAddToBasket(t)}}))}},69001:(e,n,t)=>{t.r(n),t.d(n,{default:()=>a});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const a=function NavigationButtons(e){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Action/Navigation"}))}},39360:(e,n,t)=>{t.r(n),t.d(n,{default:()=>a});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const a=function BarrierActions(e){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"GlobalElements/BarrierActions"}))}},87056:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var o=t(84658),i=t(88291),r=t(50747),a=t.n(r),d=t(20640),l=t(87363),s=t(9420),u=t(93379),c=t.n(u),x=t(7795),p=t.n(x),_=t(90569),g=t.n(_),m=t(3565),b=t.n(m),f=t(19216),h=t.n(f),v=t(44589),P=t.n(v),y=t(39545),S={};S.styleTagTransform=P(),S.setAttributes=b(),S.insert=g().bind(null,"head"),S.domAPI=p(),S.insertStyleElement=h();c()(y.ZP,S);y.ZP&&y.ZP.locals&&y.ZP.locals;var w=t(47514);const O=(0,s.Pi)((function Inputbox(e){(0,i.Z)(e);var n=(0,d.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var e,o,i;n.settingsState.setInputBoxValue(null!==(e=null===(o=n.settingsState.inputBoxItem)||void 0===o?void 0:o.freeText)&&void 0!==e?e:""),null===(i=t.current)||void 0===i||i.focus()}),[]),(0,l.useEffect)((function(){var e;null!==(e=n.settingsState.inputBoxItem)&&void 0!==e&&e.freeText&&n.settingsState.setInputBoxValue(n.settingsState.inputBoxItem.freeText)}),[n.settingsState.inputBoxItem]),!n.settingsState.inputBoxItem)return(0,w.jsx)(w.Fragment,{});var r=n.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var s=function(){var e=(0,o.Z)(a().mark((function _callee(){return a().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:if(!n.settingsState.inputBoxItem){e.next=6;break}return n.settingsState.inputBoxItem.freeText=n.settingsState.inputBoxValue,e.next=4,n.paletteViewHandler.clickedOnConfigPalette(n.settingsState.inputBoxItem,"inputbox");case 4:n.settingsState.updateInputBoxValues(!1,void 0),n.uiState.setConfiguratorDisabled(!1);case 6:n.settingsState.inputBoxVisible?n.uiState.setConfiguratorDisabled(!0):n.uiState.setConfiguratorDisabled(!1);case 7:case"end":return e.stop()}}),_callee)})));return function onSubmit(){return e.apply(this,arguments)}}(),u=!!n.settingsState.inputBoxItem.measureUnit;return(0,w.jsx)("div",{children:(0,w.jsxs)("div",{className:y.Q_,children:[(0,w.jsx)("span",{onClick:function onClick(){return n.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,w.jsxs)("div",{style:{width:"100%"},children:[(0,w.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,w.jsx)("input",{ref:t,onKeyDown:function onKeyDown(e){return function keyDownFunction(e){n&&"Enter"===e.key&&(s(),e.stopPropagation())}(e)},className:y.Ci,type:u?"number":"text",onChange:function onChange(e){return n.settingsState.setInputBoxValue(e.target.value)},value:n.settingsState.inputBoxValue}),(0,w.jsx)("button",{className:y.vX,onClick:s})]})]})})}))},50163:(e,n,t)=>{t.r(n),t.d(n,{default:()=>T});var o=t(88291),i=t(65515),r=t.n(i),a=t(20640),d=t(87363),l=t(93379),s=t.n(l),u=t(7795),c=t.n(u),x=t(90569),p=t.n(x),_=t(3565),g=t.n(_),m=t(19216),b=t.n(m),f=t(44589),h=t.n(f),v=t(52284),P={};P.styleTagTransform=h(),P.setAttributes=g(),P.insert=p().bind(null,"head"),P.domAPI=c(),P.insertStyleElement=b();s()(v.ZP,P);v.ZP&&v.ZP.locals&&v.ZP.locals;var y=t(87056),S=t(34190),w=t(97853),O=t(84101),I=t(69001),j=t(88683),M=t(14581),E=t(9420),C=t(68063),k=t(96945),D=t(39360),N=t(47514),B={"--primaryColor":"#d60084","--secondaryColor":"#4b4b4b","--thirdColor":"#e5e5e5; ","--globalBorderRadius":"3px","--articlePosNrRadius":"50%","--articlePosNrSize":"1.5rem","--articlePosNrFontSize":"1.1rem","--galleryItemRadius":"50%","--galleryItemRowCount":"5","--galleryItemMargin":"0.5%","--galleryItemRowCountSmall":"6","--galleryItemMarginSmall":"0.3%","--galleryItemBorder":"0px","--galleryItemBorderColor":"#e8e9ed","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorderHoverColor":"var(--thirdColor)","--lineHeight1":"20.8px","--fontWeight1":"300","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)","--tabGroupBackground":"unset","--settingsBackgroundColor":"rgba(248, 248, 248, 0.9)","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"5px","--settingsScrollerPaddingLeft":"5px","--foldArrowMarginRight":"calc(50% - 8px)","--configuratorActionHeight":"50px","--configuratorActionForthWidth":"calc(100% - 56px)","--configuratorActionBackWidth":"50px"};const T=(0,E.Pi)((function Standard(e){(0,o.Z)(e);var n=(0,a.NP)(),t=(0,j.useDivaCore)().state,i=t.headerInfos,l=t.isFullscreenComponent;return(0,d.useEffect)((function(){n.layoutRendered=!0,n.initCSSVariablesObj(B)}),[]),(0,N.jsxs)(N.Fragment,{children:[(0,N.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:r()(v.xn,n.uiState.configSettingsIsExpanded?v.zh:void 0,n.uiState.configSettingsIsFoldedUp?v.BC:void 0,n.uiState.isMobileLandscape?v.rK:void 0,n.uiState.isMobilePortrait?v.tW:void 0,n.uiState.configSettingsIsHidden?v.U7:void 0,n.uiState.configSettingsIsMinExpanded?v.m7:void 0,n.uiState.configSettingsIsMaxExpanded?v.Zk:void 0,n.actionButtonState.isOnLastStep?v.Is:void 0,l?v.E9:void 0),children:[(0,N.jsx)(S.default,{className:v.kL}),!n.uiState.isInMobileView&&(0,N.jsxs)("div",{className:v.g6,children:[(0,N.jsx)(O.default,{className:v.x6}),(0,N.jsx)(w.default,{className:v.vt}),(0,N.jsx)(I.default,{className:v.jl,showCheckoutButtons:!0}),(0,N.jsx)(M.default,{containerClassName:v.tM,showCheckoutButtons:!1})]}),n.uiState.isInMobileView&&(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(O.default,{className:r()(v.x6,i.onlyBurgerVisibles||l?v.wj:void 0),showCloseButtonInMobile:l?"left":void 0}),n.uiState.isInMobileView&&(0,N.jsx)(k.default,{className:v.qT}),(0,N.jsx)(w.default,{className:v.vt}),(0,N.jsx)(I.default,{className:r()(v.jl),showCheckoutButtons:!0}),(0,N.jsx)(M.default,{containerClassName:v.tM,showCheckoutButtons:n.uiState.isMobilePortrait}),(0,N.jsx)(C.default,{className:v.HE})]})]}),(0,N.jsx)(D.default,{}),n.settingsState.inputBoxVisible&&(0,N.jsx)(y.default,{})]})}))},34190:(e,n,t)=>{t.r(n),t.d(n,{default:()=>a});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const a=function Product(e){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Product/Product"}))}},84228:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});var o=t(9420),i=(t(87363),t(88683)),r=t(93379),a=t.n(r),d=t(7795),l=t.n(d),s=t(90569),u=t.n(s),c=t(3565),x=t.n(c),p=t(19216),_=t.n(p),g=t(44589),m=t.n(g),b=t(5217),f={};f.styleTagTransform=m(),f.setAttributes=x(),f.insert=u().bind(null,"head"),f.domAPI=l(),f.insertStyleElement=_();a()(b.ZP,f);b.ZP&&b.ZP.locals&&b.ZP.locals;var h=t(20640),v=t(47514);const P=(0,o.Pi)((function SummaryTotalPrice(e){var n=(0,i.useTranslation)().t,t=(0,h.NP)(),o=(0,i.useDivaCore)().state.hidePrices;return(0,v.jsx)(v.Fragment,{children:!o&&(0,v.jsxs)("div",{className:b.nC,children:[(0,v.jsx)("div",{className:b.X_,children:n("configurator.TotalPrice","TotalPrice")}),(0,v.jsx)("div",{className:b.nt,children:t.productState.formatedTotalPrice})]})})}))},48375:(e,n,t)=>{t.r(n),t.d(n,{default:()=>M});var o=t(34988),i=t(88291),r=t(20640),a=t(9420),d=t(87363),l=t(29957),s=t(93379),u=t.n(s),c=t(7795),x=t.n(c),p=t(90569),_=t.n(p),g=t(3565),m=t.n(g),b=t(19216),f=t.n(b),h=t(44589),v=t.n(h),P=t(79501),y={};y.styleTagTransform=v(),y.setAttributes=m(),y.insert=_().bind(null,"head"),y.domAPI=x(),y.insertStyleElement=f();u()(P.ZP,y);P.ZP&&P.ZP.locals&&P.ZP.locals;var S=t(40912),w=t(65515),O=t.n(w),I=t(84228),j=t(47514);const M=(0,a.Pi)((function SettingsScroller(e){var n,t;(0,i.Z)(e);var a=(0,r.NP)(),s=(0,d.useRef)(null),u=[],c={};(0,d.useEffect)((function(){return s.current?(a.settingsState.setScrollerElement(s.current),a.uiState.setUpSettingsScrollEvent(s.current)):function(){}}),[s]);var x,p,_={};a.uiState.isInMobileView||a.settingsState.forceSettingsHeaderInScrollContainer?_.height="100%":_.height="calc(100% - "+(null!==(x=null===(p=a.settingsState.settingsHeaderElement)||void 0===p?void 0:p.getBoundingClientRect().height)&&void 0!==x?x:0)+"px)";for(var g=0;g<a.settingsState.itemPaletteArr.length;g++){var m=a.settingsState.itemPaletteArr[g][1],b=Number(m.id),f=m.pairWithOptionsToGroup;f&&m.visible&&(c[f]||(c[f]=[]),c[f].push(b)),m.isRenderedNotInSettingPalette||u.push([b,m])}return(0,d.useEffect)((function(){a.uiState.configSettingsIsMinExpanded?a.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MIN_CONFIG_SETTINGS"):a.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MAX_CONFIG_SETTINGS")}),[a.uiState.configSettingsIsExpanded,a.uiState.configSettingsIsMinExpanded]),(0,j.jsxs)("div",{style:_,className:O()(P.e8,a.uiState.configSettingsIsExpanded?P.zh:void 0,a.uiState.configSettingsIsMinExpanded?P.m7:void 0),id:"wcConfigurator-settings-scroller",ref:s,children:[(a.uiState.isInMobileView||a.settingsState.forceSettingsHeaderInScrollContainer)&&(0,j.jsx)(l.default,{isScroller:!0},null!==(n=null===(t=a.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,j.jsxs)("div",{children:[u.map((function(e){var n,t=(0,o.Z)(e,2),i=t[0],r=t[1];return(0,j.jsx)(S.default,{item:r,id:i,groupSize:r.pairWithOptionsToGroup?c[r.pairWithOptionsToGroup].length:void 0},(null!==(n=r.optionCodex)&&void 0!==n?n:r.configStepKey)+i)})),a.divaWebPlanner.doAllowSetPlanner()&&"SUMMARY"==a.getState()&&(0,j.jsx)(I.default,{})]})]})}))},71008:(e,n,t)=>{t.r(n),t.d(n,{default:()=>m});var o=t(34988),i=t(88291),r=t(9420),a=t(87363),d=t(37707),l=t(20640),s=t(82956),u=t(51451),c=t(48375),x=t(29957),p=t(74133),_=t(47514),g=t(25108);const m=(0,r.Pi)((function SettingsSwiper(e){(0,i.Z)(e);var n=(0,l.NP)(),t=(0,a.useState)(null),r=(0,o.Z)(t,2),m=r[0],b=r[1],f=(0,a.useState)([]),h=(0,o.Z)(f,2),v=h[0],P=h[1];if((0,a.useEffect)((function(){var e=Object.keys(n.tabGroupState.allTabGroups);P(e),n.tabGroupState.curTabGroup&&e.indexOf(n.tabGroupState.curTabGroup.key)!=(null==m?void 0:m.activeIndex)&&(null==m||m.slideTo(e.indexOf(n.tabGroupState.curTabGroup.key),400))}),[n.tabGroupState.allTabGroups,n.tabGroupState.curTabGroup]),!n.tabGroupState.curTabGroup)return(0,_.jsx)(_.Fragment,{});var y=(0,_.jsx)(c.default,{});return(0,_.jsx)(d.tq,{onSlideChange:function onSlideChange(e){if(void 0!==n.tabGroupState.curTabGroup){var t=e.activeIndex-v.indexOf(n.tabGroupState.curTabGroup.key);g.log("slide change",e,e.activeIndex,t),1==t?n.actionButtonState.onClickConfiguratorSettingsForth(!0):-1==t?n.actionButtonState.onClickConfiguratorSettingsBack():0!==t&&n.tabGroupState.navigateToTabgroupByPosNr(n.tabGroupState.allTabGroups[v[e.activeIndex]].posNr)}},initialSlide:v.indexOf(n.tabGroupState.curTabGroup.key),onSwiper:b,className:s.yk,resizeObserver:!0,slidesPerView:1,threshold:20,wrapperClass:s.Iz,children:v.map((function(e){var t;return(0,_.jsx)(d.o5,{className:s.AI,children:e==n.tabGroupState.curTabGroup.key?(0,_.jsxs)(_.Fragment,{children:[!n.uiState.isInMobileView&&!n.settingsState.forceSettingsHeaderInScrollContainer&&(0,_.jsx)(x.default,{},e),y,(0,_.jsx)(u.default,{})]}):(0,_.jsx)("div",{style:{height:"100%",overflow:"auto",width:"100%",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:(0,_.jsx)(p.default,{text:null===(t=Object.values(n.tabGroupState.allTabGroups[e].options)[0])||void 0===t?void 0:t.title,isSettingsHeader:!1,isInScroller:!0})})},e)}))})}))},97853:(e,n,t)=>{t.r(n),t.d(n,{default:()=>m});var o=t(80248),i=t(72874),r=(t(87363),t(20640)),a=t(29957),d=t(48375),l=t(9420),s=t(82956),u=t(65515),c=t.n(u),x=t(71008),p=t(51451),_=t(47514),g=["className"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const m=(0,l.Pi)((function Settings(e){var n,t,o=e.className,l=(0,i.Z)(e,g),u=(0,r.NP)();return(0,_.jsx)("div",_objectSpread(_objectSpread({},l),{},{className:c()(o,s.vt,"horizontal"==u.tabGroupState.curTabGroupType?s.s1:void 0,u.uiState.configSettingsIsExpanded?s.zh:void 0),children:u.getIsInMobileView()&&u.getViewConfig().navigateMobileSwiper?(0,_.jsx)(x.default,{}):(0,_.jsxs)(_.Fragment,{children:[!u.uiState.isInMobileView&&!u.settingsState.forceSettingsHeaderInScrollContainer&&(0,_.jsx)(a.default,{},null!==(n=null===(t=u.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,_.jsx)(d.default,{}),(0,_.jsx)(p.default,{})]})}))}))},96945:(e,n,t)=>{t.r(n),t.d(n,{default:()=>y});var o=t(80248),i=t(88291),r=t(20640),a=(t(87363),t(9420)),d=t(93379),l=t.n(d),s=t(7795),u=t.n(s),c=t(90569),x=t.n(c),p=t(3565),_=t.n(p),g=t(19216),m=t.n(g),b=t(44589),f=t.n(b),h=t(29390),v={};v.styleTagTransform=f(),v.setAttributes=_(),v.insert=x().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=m();l()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var P=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const y=(0,a.Pi)((function ProgressBar(e){var n=Object.assign({},((0,i.Z)(e),e)),t=(0,r.NP)(),o=t.configuratorStructureHandler.lastConfigStep,a=t.tabGroupState.curConfigStep;if(!o||!a)return(0,P.jsx)(P.Fragment,{});var d=a.posNr,l=o.posNr,s=1==l?0:Math.round(d/l*100),u=100-s;return(0,P.jsxs)("div",_objectSpread(_objectSpread({},n),{},{children:[(0,P.jsx)("div",{className:h.L3,style:{width:s+"%"}}),(0,P.jsx)("div",{className:h.LM,style:{width:u+"%"}})]}))}))},38921:(e,n,t)=>{t.d(n,{QD:()=>_,UU:()=>g,ZP:()=>m,m2:()=>p,tM:()=>x});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(2431),t.b),u=a()(i()),c=l()(s);u.push([e.id,".index-module--NTXww {\n  background: rgba(242.2, 242.2, 242.2, 0.9);\n  transition: width 0.2s ease-in-out;\n  display: flex;\n}\n\n.index-module--g_4ro {\n  background-color: var(--primaryColor);\n  background-color: var(--saveButton, var(--primaryColor));\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--saveButton, var(--primaryColor)) solid;\n  border-radius: var(--globalBorderRadius);\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  line-height: var(--lineHeight1);\n  font-weight: var(--fontWeight1);\n  height: calc(100% - 2px);\n  font-size: 14px;\n  color: white;\n  flex-grow: 1;\n  -webkit-text-stroke: 0px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n}\n\n.index-module--HEZNE .index-module--g_4ro {\n  pointer-events: none;\n  background-color: #c25353;\n  border-color: #c25353;\n}\n\n.index-module--g_4ro:hover {\n  background-color: var(--diva-theme-palette-primary-dark);\n  border-color: var(--diva-theme-palette-primary-dark);\n  cursor: pointer;\n  transition:\n    box-shadow 0.3s ease,\n    background-color 0.3s ease,\n    border-color 0.3s ease;\n\n  box-shadow: 0px 1px 4px #707070;\n}\n\n.index-module--gle4T {\n  float: right;\n  margin-right: 10%;\n}\n.index-module--li8pV {\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  width: 50%;\n  height: 50%;\n  transform: translate(-50%, -50%);\n  left: 50%;\n  top: 50%;\n  position: absolute;\n}\n\n.index-module--gDeD1 .index-module--NTXww {\n  /*auser In die Zusammenfassung wird ausgeblendet*/\n  display: none;\n}\n.index-module--gDeD1 .index-module--xOi7v.index-module--xjW3V .index-module--NTXww {\n  display: none;\n}\n\n.index-module--gDeD1 .index-module--NTXww .index-module--g_4ro {\n  line-height: var(--configuratorActionHeight);\n}\n.index-module--g_4ro .index-module--CSmEc {\n  margin-top: 0px;\n}\n\n.index-module--gDeD1 .index-module--g_4ro .index-module--CSmEc,\n.index-module--MQ04O .index-module--g_4ro .index-module--CSmEc {\n  margin-top: 0px;\n}\n\n.index-module--CSmEc {\n  float: left;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n",""]);var x="index-module--NTXww",p="index-module--g_4ro",_="index-module--gle4T",g="index-module--CSmEc";const m=u},28717:(e,n,t)=>{t.d(n,{$t:()=>_,FN:()=>m,Is:()=>g,KR:()=>s,LI:()=>u,Qv:()=>b,ZP:()=>h,jl:()=>d,nC:()=>l,op:()=>x,ox:()=>p,rK:()=>c,tW:()=>f});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([e.id,"/*Navigaton Buttons*/\n.index-module--Ug06K {\n  transition: width 0.2s ease-in-out;\n}\n\n.index-module--uMdxf {\n  height: 100%;\n  font-weight: 300;\n  font-size: 14px;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  width: 100%;\n  display: flex;\n  gap: 3px;\n}\n.index-module--j2X1m .index-module--uMdxf {\n  line-height: var(--configuratorActionHeight);\n}\n\n.index-module--NUblS {\n  border-radius: var(--globalBorderRadius);\n  height: 100%;\n  text-align: center;\n}\n\n.index-module--mfwxp {\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--vWg5_ {\n  border: 1px var(--secondaryColor) solid;\n  border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n  background-color: white;\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--IneQR {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  background-color: var(--navigateForth, var(--secondaryColor));\n  color: #ffffff;\n  color: var(--navigateForthFontColor, #ffffff);\n  float: right;\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-grow: 3;\n}\n\n.index-module--vWg5_:hover,\n.index-module--IneQR:hover {\n  cursor: pointer;\n  box-shadow: var(--boxShadowHover);\n}\n.index-module--IneQR svg {\n  transform: rotate(180deg);\n  position: absolute;\n  right: 16px;\n}\n\n.index-module--n4fFc .index-module--IneQR {\n  pointer-events: none;\n  background-color: #707070;\n  background-color: var(--navigateForth, #707070);\n  border-color: #707070;\n}\n\n.index-module--YJM3e .index-module--vWg5_ {\n  width: 100%;\n}\n\n.index-module--YJM3e .index-module--IneQR {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--vWg5_ {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--IneQR {\n  width: 100%;\n}\n\n.index-module--CVPGS .index-module--NUblS,\n.index-module--KE5Qn .index-module--NUblS {\n  line-height: calc(var(--configuratorActionHeight) - 5px);\n  border-radius: var(--globalBorderRadius);\n}\n",""]);var d="index-module--Ug06K",l="index-module--uMdxf",s="index-module--j2X1m",u="index-module--NUblS",c="index-module--mfwxp",x="index-module--vWg5_",p="index-module--IneQR",_="index-module--n4fFc",g="index-module--YJM3e",m="index-module--X2uG9",b="index-module--CVPGS",f="index-module--KE5Qn";const h=a},39545:(e,n,t)=>{t.d(n,{Ci:()=>x,Jg:()=>_,Q_:()=>p,ZP:()=>m,vX:()=>g});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(38403),t.b),u=a()(i()),c=l()(s);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 x="index-module--nrbS_",p="index-module--lGJqa",_="index-module--OZydS",g="index-module--FQDBA";const m=u},52284:(e,n,t)=>{t.d(n,{BC:()=>O,E9:()=>y,HE:()=>C,Is:()=>M,U7:()=>I,ZP:()=>k,Zk:()=>h,g6:()=>b,jl:()=>S,kL:()=>g,m7:()=>m,qT:()=>E,rK:()=>p,tM:()=>w,tW:()=>_,vt:()=>v,wj:()=>j,x6:()=>P,xn:()=>x,zh:()=>f});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(2431),t.b),u=a()(i()),c=l()(s);u.push([e.id,".index-module--IFlVF {\n  position: relative;\n\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\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\n.index-module--IFlVF *,\n.index-module--IFlVF *::before,\n.index-module--IFlVF *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--IFlVF.index-module--y76la {\n  height: 100%;\n  width: 100%;\n}\n\n.index-module--IFlVF.index-module--IKL3M {\n  height: 100%;\n  width: 100%;\n}\n\n/******************************************Product*******************************************/\n\n.index-module--bAkHK {\n  position: absolute;\n  width: 63%;\n  max-width: calc(100% - 564px);\n  left: 0px;\n  top: 0;\n  height: 100%;\n}\n.index-module--_dUy6 .index-module--bAkHK {\n  width: calc(100% - 128px - 16px);\n  max-width: none;\n  max-width: initial;\n}\n\n.index-module--MbykI {\n  position: absolute;\n  z-index: 600;\n  height: calc(100% - 32px);\n  width: calc(37% - 16px);\n  min-width: 550px;\n  right: 0;\n  padding: 16px 16px 16px 0;\n  background-color: var(--settingsBackgroundColor);\n  transition: width 0.45s;\n  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);\n}\n\n.index-module--xeINC .index-module--MbykI {\n  width: 70%;\n}\n\n.index-module--_dUy6 .index-module--MbykI {\n  width: calc(128px);\n  min-width: 0;\n  min-width: initial;\n}\n.index-module--v90g0 .index-module--MbykI {\n  width: calc(100% - 16px);\n  z-index: 801;\n}\n\n/**************************************ConfigPalette***************************************/\n.index-module--rbJ1a {\n  position: absolute;\n  width: calc(100% - 128px - 4px - 16px);\n\n  transition:\n    height 0.45s,\n    top 0.45s;\n  overflow-y: hidden;\n  overflow-x: hidden;\n  overflow: visible;\n  z-index: 100;\n  right: calc(128px + 4px + 16px);\n  top: 16px;\n  height: calc(100% - 32px - 4px - 50px);\n}\n\n/**************************************TabGroup********************************************/\n\n.index-module--NOlUe {\n  position: absolute;\n  z-index: 300;\n  right: 16px;\n  top: 16px;\n  height: calc(100% - 32px - 4px - 50px);\n  width: 128px;\n}\n.index-module--OJH2L .index-module--NOlUe {\n  top: 80px;\n  height: calc(100% - 32px - 4px - 50px - 64px);\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.index-module--ORcZQ {\n  position: absolute;\n  width: calc(100% - 128px - 4px - 16px);\n  height: 50px;\n  right: calc(128px + 4px + 16px);\n  bottom: 16px;\n  z-index: 200;\n}\n\n.index-module--_dUy6 .index-module--ORcZQ {\n  overflow: hidden;\n}\n\n/*************************************Basket Button****************************************/\n.index-module--NnWir {\n  position: absolute;\n  width: 128px;\n  height: 50px;\n  right: 16px;\n  bottom: 16px;\n  z-index: 200;\n}\n\n/****************************************Settings- Expanded *******************************/\n.index-module--xeINC .index-module--rbJ1a,\n.index-module--v90g0 .index-module--rbJ1a,\n.index-module--xeINC .index-module--ORcZQ,\n.index-module--v90g0 .index-module--ORcZQ {\n  width: calc(100% - 128px - 16px - 4px);\n}\n\n.index-module--IFlVF.index-module--IKL3M,\n.index-module--y76la.index-module--IFlVF {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n}\n/*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.index-module--y76la .index-module--bAkHK {\n  width: 100%;\n  height: 100%;\n  top: 0px;\n  left: 0px;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.index-module--y76la .index-module--rbJ1a {\n  display: none;\n}\n\n/*configuratorPalette wird nach unten aus dem Blickfeld geschoben*/\n/* .landscape.settings-hidden .wcConfigurator-settings {\n  top: 100%;\n} */\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.index-module--y76la .index-module--NOlUe {\n  display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.index-module--y76la .index-module--ORcZQ {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.index-module--y76la .index-module--NnWir {\n  display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.index-module--IKL3M .index-module--bAkHK {\n  top: 0px;\n  left: 0;\n  height: 40%;\n  width: 100%;\n  max-width: none;\n  max-width: initial;\n}\n\n.index-module--IKL3M.index-module--NSK8Y .index-module--bAkHK {\n  z-index: 1;\n}\n\n.index-module--IKL3M.index-module--EMso2 .index-module--bAkHK {\n  height: calc(100% - 50px);\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.index-module--IKL3M .index-module--rbJ1a {\n  left: 0px;\n  top: calc(40% + 46px);\n  height: calc(60% - 46px - var(--configuratorActionHeight) - 6px);\n  width: 100%;\n}\n\n.index-module--IKL3M.index-module--EMso2 .index-module--rbJ1a {\n  top: 100%;\n}\n\n.index-module--IKL3M.index-module--NSK8Y .index-module--rbJ1a {\n  top: 2.5rem;\n  height: calc(100% - 46px);\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.index-module--IKL3M .index-module--NOlUe {\n  position: absolute;\n  left: 0px;\n  top: 40%;\n  width: calc(100% - 50px);\n  height: 46px;\n}\n\n.index-module--IKL3M .index-module--NOlUe.index-module--xji2x {\n  left: 50px;\n  width: calc(100% - 50px - 50px);\n}\n\n.index-module--IKL3M.index-module--NSK8Y .index-module--NOlUe {\n  top: 0px;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.index-module--IKL3M .index-module--ORcZQ {\n  bottom: 0px;\n  width: calc(100% - 10px);\n\n  height: calc(var(--configuratorActionHeight) - 5px);\n  margin: 0 5px 5px 5px;\n  padding-top: 0px;\n  right: 0px;\n}\n.index-module--IKL3M.index-module--yl_6d .index-module--ORcZQ,\n.index-module--IKL3M.index-module--EMso2 .index-module--ORcZQ {\n  display: none !important;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.index-module--IKL3M .index-module--NnWir,\n.index-module--IKL3M.index-module--EMso2 .index-module--NnWir {\n  display: none;\n}\n\n.index-module--IKL3M.index-module--yl_6d .index-module--NnWir {\n  right: 0px;\n  bottom: 0px;\n  width: calc(100% - 10px);\n\n  height: calc(var(--configuratorActionHeight) - 5px);\n  margin: 0 5px 5px 5px;\n  padding-top: 0px;\n  display: flex;\n}\n\n.index-module--IKL3M .index-module--SfQnk {\n  position: absolute;\n  width: calc(100% - 50px);\n  height: 3px;\n  top: 40%;\n  left: 0;\n  z-index: 1000;\n  display: flex;\n}\n\n/*********************Basket Button-- Mobile Portrait onTop *********************************/\n\n.index-module--gqEhb {\n  position: absolute;\n  top: 40%;\n  right: 0;\n  width: 50px;\n  height: 46px;\n  background: no-repeat url("+c+") center center var(--primaryColor);\n  background-size: 37%;\n  z-index: 300;\n}\n\n.index-module--y76la,\n.index-module--IKL3M {\n  --configuratorActionHeight: 50px;\n}\n\n.index-module--IFlVF ::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n.index-module--IFlVF ::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n.index-module--IFlVF ::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var x="index-module--IFlVF",p="index-module--y76la",_="index-module--IKL3M",g="index-module--bAkHK",m="index-module--_dUy6",b="index-module--MbykI",f="index-module--xeINC",h="index-module--v90g0",v="index-module--rbJ1a",P="index-module--NOlUe",y="index-module--OJH2L",S="index-module--ORcZQ",w="index-module--NnWir",O="index-module--NSK8Y",I="index-module--EMso2",j="index-module--xji2x",M="index-module--yl_6d",E="index-module--SfQnk",C="index-module--gqEhb";const k=u},5217:(e,n,t)=>{t.d(n,{X_:()=>l,ZP:()=>u,nC:()=>d,nt:()=>s});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([e.id,".index-module--TnLDn {\n  width: 100%;\n  border-top: 1px #6d6e71 solid;\n  color: #6d6e71;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  padding-top: 1rem;\n}\n\n.index-module--FXdIH {\n  float: left;\n  margin-left: 2rem;\n}\n\n.index-module--uSfxN {\n  float: right;\n  margin-right: 2rem;\n}\n",""]);var d="index-module--TnLDn",l="index-module--FXdIH",s="index-module--uSfxN";const u=a},79501:(e,n,t)=>{t.d(n,{ZP:()=>u,e8:()=>d,m7:()=>s,zh:()=>l});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([e.id,".index-module--UX0Na {\n  overflow-y: auto;\n  z-index: 100;\n  padding-right: var(--settingsScrollerPaddingRight);\n  margin-left: var(--settingsScrollerPaddingLeft);\n  padding-top: var(--settingsScrollerPaddingTopBottom);\n  padding-bottom: var(--settingsScrollerPaddingTopBottom);\n  scrollbar-gutter: stable;\n}\n\n.index-module--DRDpA.index-module--UX0Na {\n  z-index: 600;\n}\n\n.index-module--Rpo_4 {\n  visibility: hidden;\n}\n",""]);var d="index-module--UX0Na",l="index-module--DRDpA",s="index-module--Rpo_4";const u=a},29390:(e,n,t)=>{t.d(n,{L3:()=>d,LM:()=>l,ZP:()=>s});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([e.id,".index-module--_zSo1 {\n  background: #ccc;\n  border-radius: 0 1px 1px 0;\n  transition: width 0.35s ease-in-out;\n}\n\n.index-module--tkNQ6 {\n  background: #eee;\n  transition: width 0.35s ease-in-out;\n}\n",""]);var d="index-module--_zSo1",l="index-module--tkNQ6";const s=a},35141:(e,n,t)=>{t.d(n,{QD:()=>g.QD,UU:()=>g.UU,m2:()=>g.m2,tM:()=>g.tM});var o=t(93379),i=t.n(o),r=t(7795),a=t.n(r),d=t(90569),l=t.n(d),s=t(3565),u=t.n(s),c=t(19216),x=t.n(c),p=t(44589),_=t.n(p),g=t(38921),m={};m.styleTagTransform=_(),m.setAttributes=u(),m.insert=l().bind(null,"head"),m.domAPI=a(),m.insertStyleElement=x();i()(g.ZP,m),g.ZP&&g.ZP.locals&&g.ZP.locals},40976:(e,n,t)=>{t.d(n,{$t:()=>g.$t,FN:()=>g.FN,Is:()=>g.Is,KR:()=>g.KR,LI:()=>g.LI,Qv:()=>g.Qv,jl:()=>g.jl,nC:()=>g.nC,op:()=>g.op,ox:()=>g.ox,rK:()=>g.rK,tW:()=>g.tW});var o=t(93379),i=t.n(o),r=t(7795),a=t.n(r),d=t(90569),l=t.n(d),s=t(3565),u=t.n(s),c=t(19216),x=t.n(c),p=t(44589),_=t.n(p),g=t(28717),m={};m.styleTagTransform=_(),m.setAttributes=u(),m.insert=l().bind(null,"head"),m.domAPI=a(),m.insertStyleElement=x();i()(g.ZP,m),g.ZP&&g.ZP.locals&&g.ZP.locals},2431:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyNCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUgzLjcwNjQ3QzQuMTcxMjIgMSA0LjU3NDcxIDEuMzIwMTggNC42ODAzMSAxLjc3Mjc3TDUuNjY2NjcgNk01LjY2NjY3IDZMNy44MTk2OSAxNS4yMjcyQzcuOTI1MjkgMTUuNjc5OCA4LjMyODc4IDE2IDguNzkzNTMgMTZIMTkuNzE5MkMyMC4xNzgxIDE2IDIwLjU3ODEgMTUuNjg3NyAyMC42ODk0IDE1LjI0MjVMMjIuNjg5NCA3LjI0MjUzQzIyLjg0NzIgNi42MTEzOSAyMi4zNjk4IDYgMjEuNzE5MiA2SDUuNjY2NjdaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxjaXJjbGUgY3g9IjEwIiBjeT0iMjAiIHI9IjEuMjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPGNpcmNsZSBjeD0iMTgiIGN5PSIyMCIgcj0iMS4yNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4KCg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[163,4581,9001,4873,4190,4228,8375,1008,7853],{14581:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _model__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(4820),mobx_react_lite__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(9420),react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(87363),react__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__),_index_module_css__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(35141),classnames__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(65515),classnames__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_4__),_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(88683),_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5__),_GlobalElements_Checkout__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(38315),_GlobalElements_Checkout_IconComponent__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(39667),_Navigation_standard_index_module_css__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(40976),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(47514),BasketActionStandard=function BasketActionStandard(e){var n,t=e.buttonTextClassName,o=void 0===t?_index_module_css__WEBPACK_IMPORTED_MODULE_3__.UU:t,i=e.buttonPriceClassName,r=void 0===i?_index_module_css__WEBPACK_IMPORTED_MODULE_3__.QD:i,a=e.containerClassName,d=e.price,l=e.showCheckoutButtons,s=(0,_model__WEBPACK_IMPORTED_MODULE_0__.NP)(),u=(0,_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5__.useDivaCore)().state.hidePrices,c=(0,_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5__.useTranslation)().t;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div",{className:classnames__WEBPACK_IMPORTED_MODULE_4___default()(_index_module_css__WEBPACK_IMPORTED_MODULE_3__.tM,a),children:[l&&(null===(n=s.uiState.checkoutConfig)||void 0===n?void 0:n.buttons.map((function(e,n){return evalVisible(e,s)?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div",{className:_Navigation_standard_index_module_css__WEBPACK_IMPORTED_MODULE_8__.rK,onClick:function onClick(){return(0,_GlobalElements_Checkout__WEBPACK_IMPORTED_MODULE_6__.onClickCheckout)(e,s,n,c)},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_GlobalElements_Checkout_IconComponent__WEBPACK_IMPORTED_MODULE_7__.default,{checkoutButton:e,size:32})},n):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.Fragment,{})}))),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div",{className:_index_module_css__WEBPACK_IMPORTED_MODULE_3__.m2,onClick:function onClick(){return s.actionButtonState.onClickAddToBasket(s)},id:"wcConfigurator-action-tobasket",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div",{className:o,children:c("configurator.ADD_TO_BASKET")}),!u&&"horizontal"==s.tabGroupState.curTabGroupType&&d&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div",{className:r,children:d})]})]})};const __WEBPACK_DEFAULT_EXPORT__=(0,mobx_react_lite__WEBPACK_IMPORTED_MODULE_1__.Pi)(BasketActionStandard);var evalVisible=function evalVisible(button,viewHandler){var rule=button.visibleNavigatorFunction;return!(button.visibleRule&&!eval(button.visibleRule))&&(!1!==rule&&void 0!==rule&&(!0===rule||viewHandler.uiState.isMobileLandscape&&rule.includes("MOBILE_L")||viewHandler.uiState.isMobilePortrait&&rule.includes("MOBILE_P")||!viewHandler.getIsInMobileView()&&rule.includes("DESKTOP")))}},68063:(e,n,t)=>{t.r(n),t.d(n,{default:()=>d});var o=t(80248),i=t(88291),r=(t(87363),t(4820)),a=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const d=function BasketMobile(e){var n=Object.assign({},((0,i.Z)(e),e)),t=(0,r.NP)();return(0,a.jsx)("div",_objectSpread(_objectSpread({},n),{},{onClick:function onClick(){return t.actionButtonState.onClickAddToBasket(t)}}))}},69001:(e,n,t)=>{t.r(n),t.d(n,{default:()=>a});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const a=function NavigationButtons(e){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Action/Navigation"}))}},39360:(e,n,t)=>{t.r(n),t.d(n,{default:()=>a});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const a=function BarrierActions(e){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"GlobalElements/BarrierActions"}))}},87056:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var o=t(84658),i=t(88291),r=t(50747),a=t.n(r),d=t(4820),l=t(87363),s=t(9420),u=t(93379),c=t.n(u),x=t(7795),p=t.n(x),_=t(90569),g=t.n(_),m=t(3565),b=t.n(m),f=t(19216),h=t.n(f),v=t(44589),P=t.n(v),y=t(39545),S={};S.styleTagTransform=P(),S.setAttributes=b(),S.insert=g().bind(null,"head"),S.domAPI=p(),S.insertStyleElement=h();c()(y.ZP,S);y.ZP&&y.ZP.locals&&y.ZP.locals;var w=t(47514);const O=(0,s.Pi)((function Inputbox(e){(0,i.Z)(e);var n=(0,d.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var e,o,i;n.settingsState.setInputBoxValue(null!==(e=null===(o=n.settingsState.inputBoxItem)||void 0===o?void 0:o.freeText)&&void 0!==e?e:""),null===(i=t.current)||void 0===i||i.focus()}),[]),(0,l.useEffect)((function(){var e;null!==(e=n.settingsState.inputBoxItem)&&void 0!==e&&e.freeText&&n.settingsState.setInputBoxValue(n.settingsState.inputBoxItem.freeText)}),[n.settingsState.inputBoxItem]),!n.settingsState.inputBoxItem)return(0,w.jsx)(w.Fragment,{});var r=n.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var s=function(){var e=(0,o.Z)(a().mark((function _callee(){return a().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:if(!n.settingsState.inputBoxItem){e.next=6;break}return n.settingsState.inputBoxItem.freeText=n.settingsState.inputBoxValue,e.next=4,n.paletteViewHandler.clickedOnConfigPalette(n.settingsState.inputBoxItem,"inputbox");case 4:n.settingsState.updateInputBoxValues(!1,void 0),n.uiState.setConfiguratorDisabled(!1);case 6:n.settingsState.inputBoxVisible?n.uiState.setConfiguratorDisabled(!0):n.uiState.setConfiguratorDisabled(!1);case 7:case"end":return e.stop()}}),_callee)})));return function onSubmit(){return e.apply(this,arguments)}}(),u=!!n.settingsState.inputBoxItem.measureUnit;return(0,w.jsx)("div",{children:(0,w.jsxs)("div",{className:y.Q_,children:[(0,w.jsx)("span",{onClick:function onClick(){return n.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,w.jsxs)("div",{style:{width:"100%"},children:[(0,w.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,w.jsx)("input",{ref:t,onKeyDown:function onKeyDown(e){return function keyDownFunction(e){n&&"Enter"===e.key&&(s(),e.stopPropagation())}(e)},className:y.Ci,type:u?"number":"text",onChange:function onChange(e){return n.settingsState.setInputBoxValue(e.target.value)},value:n.settingsState.inputBoxValue}),(0,w.jsx)("button",{className:y.vX,onClick:s})]})]})})}))},50163:(e,n,t)=>{t.r(n),t.d(n,{default:()=>T});var o=t(88291),i=t(65515),r=t.n(i),a=t(4820),d=t(87363),l=t(93379),s=t.n(l),u=t(7795),c=t.n(u),x=t(90569),p=t.n(x),_=t(3565),g=t.n(_),m=t(19216),b=t.n(m),f=t(44589),h=t.n(f),v=t(52284),P={};P.styleTagTransform=h(),P.setAttributes=g(),P.insert=p().bind(null,"head"),P.domAPI=c(),P.insertStyleElement=b();s()(v.ZP,P);v.ZP&&v.ZP.locals&&v.ZP.locals;var y=t(87056),S=t(34190),w=t(97853),O=t(84101),I=t(69001),j=t(88683),M=t(14581),E=t(9420),C=t(68063),k=t(96945),D=t(39360),N=t(47514),B={"--primaryColor":"#d60084","--secondaryColor":"#4b4b4b","--thirdColor":"#e5e5e5; ","--globalBorderRadius":"3px","--articlePosNrRadius":"50%","--articlePosNrSize":"1.5rem","--articlePosNrFontSize":"1.1rem","--galleryItemRadius":"50%","--galleryItemRowCount":"5","--galleryItemMargin":"0.5%","--galleryItemRowCountSmall":"6","--galleryItemMarginSmall":"0.3%","--galleryItemBorder":"0px","--galleryItemBorderColor":"#e8e9ed","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorderHoverColor":"var(--thirdColor)","--lineHeight1":"20.8px","--fontWeight1":"300","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)","--tabGroupBackground":"unset","--settingsBackgroundColor":"rgba(248, 248, 248, 0.9)","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"5px","--settingsScrollerPaddingLeft":"5px","--foldArrowMarginRight":"calc(50% - 8px)","--configuratorActionHeight":"50px","--configuratorActionForthWidth":"calc(100% - 56px)","--configuratorActionBackWidth":"50px"};const T=(0,E.Pi)((function Standard(e){(0,o.Z)(e);var n=(0,a.NP)(),t=(0,j.useDivaCore)().state,i=t.headerInfos,l=t.isFullscreenComponent;return(0,d.useEffect)((function(){n.layoutRendered=!0,n.initCSSVariablesObj(B)}),[]),(0,N.jsxs)(N.Fragment,{children:[(0,N.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:r()(v.xn,n.uiState.configSettingsIsExpanded?v.zh:void 0,n.uiState.configSettingsIsFoldedUp?v.BC:void 0,n.uiState.isMobileLandscape?v.rK:void 0,n.uiState.isMobilePortrait?v.tW:void 0,n.uiState.configSettingsIsHidden?v.U7:void 0,n.uiState.configSettingsIsMinExpanded?v.m7:void 0,n.uiState.configSettingsIsMaxExpanded?v.Zk:void 0,n.actionButtonState.isOnLastStep?v.Is:void 0,l?v.E9:void 0),children:[(0,N.jsx)(S.default,{className:v.kL}),!n.uiState.isInMobileView&&(0,N.jsxs)("div",{className:v.g6,children:[(0,N.jsx)(O.default,{className:v.x6}),(0,N.jsx)(w.default,{className:v.vt}),(0,N.jsx)(I.default,{className:v.jl,showCheckoutButtons:!0}),(0,N.jsx)(M.default,{containerClassName:v.tM,showCheckoutButtons:!1})]}),n.uiState.isInMobileView&&(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(O.default,{className:r()(v.x6,i.onlyBurgerVisibles||l?v.wj:void 0),showCloseButtonInMobile:l?"left":void 0}),n.uiState.isInMobileView&&(0,N.jsx)(k.default,{className:v.qT}),(0,N.jsx)(w.default,{className:v.vt}),(0,N.jsx)(I.default,{className:r()(v.jl),showCheckoutButtons:!0}),(0,N.jsx)(M.default,{containerClassName:v.tM,showCheckoutButtons:n.uiState.isMobilePortrait}),(0,N.jsx)(C.default,{className:v.HE})]})]}),(0,N.jsx)(D.default,{}),n.settingsState.inputBoxVisible&&(0,N.jsx)(y.default,{})]})}))},34190:(e,n,t)=>{t.r(n),t.d(n,{default:()=>a});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const a=function Product(e){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Product/Product"}))}},84228:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});var o=t(9420),i=(t(87363),t(88683)),r=t(93379),a=t.n(r),d=t(7795),l=t.n(d),s=t(90569),u=t.n(s),c=t(3565),x=t.n(c),p=t(19216),_=t.n(p),g=t(44589),m=t.n(g),b=t(5217),f={};f.styleTagTransform=m(),f.setAttributes=x(),f.insert=u().bind(null,"head"),f.domAPI=l(),f.insertStyleElement=_();a()(b.ZP,f);b.ZP&&b.ZP.locals&&b.ZP.locals;var h=t(4820),v=t(47514);const P=(0,o.Pi)((function SummaryTotalPrice(e){var n=(0,i.useTranslation)().t,t=(0,h.NP)(),o=(0,i.useDivaCore)().state.hidePrices;return(0,v.jsx)(v.Fragment,{children:!o&&(0,v.jsxs)("div",{className:b.nC,children:[(0,v.jsx)("div",{className:b.X_,children:n("configurator.TotalPrice","TotalPrice")}),(0,v.jsx)("div",{className:b.nt,children:t.productState.formatedTotalPrice})]})})}))},48375:(e,n,t)=>{t.r(n),t.d(n,{default:()=>M});var o=t(34988),i=t(88291),r=t(4820),a=t(9420),d=t(87363),l=t(29957),s=t(93379),u=t.n(s),c=t(7795),x=t.n(c),p=t(90569),_=t.n(p),g=t(3565),m=t.n(g),b=t(19216),f=t.n(b),h=t(44589),v=t.n(h),P=t(79501),y={};y.styleTagTransform=v(),y.setAttributes=m(),y.insert=_().bind(null,"head"),y.domAPI=x(),y.insertStyleElement=f();u()(P.ZP,y);P.ZP&&P.ZP.locals&&P.ZP.locals;var S=t(40912),w=t(65515),O=t.n(w),I=t(84228),j=t(47514);const M=(0,a.Pi)((function SettingsScroller(e){var n,t;(0,i.Z)(e);var a=(0,r.NP)(),s=(0,d.useRef)(null),u=[],c={};(0,d.useEffect)((function(){return s.current?(a.settingsState.setScrollerElement(s.current),a.uiState.setUpSettingsScrollEvent(s.current)):function(){}}),[s]);var x,p,_={};a.uiState.isInMobileView||a.settingsState.forceSettingsHeaderInScrollContainer?_.height="100%":_.height="calc(100% - "+(null!==(x=null===(p=a.settingsState.settingsHeaderElement)||void 0===p?void 0:p.getBoundingClientRect().height)&&void 0!==x?x:0)+"px)";for(var g=0;g<a.settingsState.itemPaletteArr.length;g++){var m=a.settingsState.itemPaletteArr[g][1],b=Number(m.id),f=m.pairWithOptionsToGroup;f&&m.visible&&(c[f]||(c[f]=[]),c[f].push(b)),m.isRenderedNotInSettingPalette||u.push([b,m])}return(0,d.useEffect)((function(){a.uiState.configSettingsIsMinExpanded?a.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MIN_CONFIG_SETTINGS"):a.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MAX_CONFIG_SETTINGS")}),[a.uiState.configSettingsIsExpanded,a.uiState.configSettingsIsMinExpanded]),(0,j.jsxs)("div",{style:_,className:O()(P.e8,a.uiState.configSettingsIsExpanded?P.zh:void 0,a.uiState.configSettingsIsMinExpanded?P.m7:void 0),id:"wcConfigurator-settings-scroller",ref:s,children:[(a.uiState.isInMobileView||a.settingsState.forceSettingsHeaderInScrollContainer)&&(0,j.jsx)(l.default,{isScroller:!0},null!==(n=null===(t=a.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,j.jsxs)("div",{children:[u.map((function(e){var n,t=(0,o.Z)(e,2),i=t[0],r=t[1];return(0,j.jsx)(S.default,{item:r,id:i,groupSize:r.pairWithOptionsToGroup?c[r.pairWithOptionsToGroup].length:void 0},(null!==(n=r.optionCodex)&&void 0!==n?n:r.configStepKey)+i)})),a.divaWebPlanner.doAllowSetPlanner()&&"SUMMARY"==a.getState()&&(0,j.jsx)(I.default,{})]})]})}))},71008:(e,n,t)=>{t.r(n),t.d(n,{default:()=>m});var o=t(34988),i=t(88291),r=t(9420),a=t(87363),d=t(37707),l=t(4820),s=t(82956),u=t(51451),c=t(48375),x=t(29957),p=t(74133),_=t(47514),g=t(25108);const m=(0,r.Pi)((function SettingsSwiper(e){(0,i.Z)(e);var n=(0,l.NP)(),t=(0,a.useState)(null),r=(0,o.Z)(t,2),m=r[0],b=r[1],f=(0,a.useState)([]),h=(0,o.Z)(f,2),v=h[0],P=h[1];if((0,a.useEffect)((function(){var e=Object.keys(n.tabGroupState.allTabGroups);P(e),n.tabGroupState.curTabGroup&&e.indexOf(n.tabGroupState.curTabGroup.key)!=(null==m?void 0:m.activeIndex)&&(null==m||m.slideTo(e.indexOf(n.tabGroupState.curTabGroup.key),400))}),[n.tabGroupState.allTabGroups,n.tabGroupState.curTabGroup]),!n.tabGroupState.curTabGroup)return(0,_.jsx)(_.Fragment,{});var y=(0,_.jsx)(c.default,{});return(0,_.jsx)(d.tq,{onSlideChange:function onSlideChange(e){if(void 0!==n.tabGroupState.curTabGroup){var t=e.activeIndex-v.indexOf(n.tabGroupState.curTabGroup.key);g.log("slide change",e,e.activeIndex,t),1==t?n.actionButtonState.onClickConfiguratorSettingsForth(!0):-1==t?n.actionButtonState.onClickConfiguratorSettingsBack():0!==t&&n.tabGroupState.navigateToTabgroupByPosNr(n.tabGroupState.allTabGroups[v[e.activeIndex]].posNr)}},initialSlide:v.indexOf(n.tabGroupState.curTabGroup.key),onSwiper:b,className:s.yk,resizeObserver:!0,slidesPerView:1,threshold:20,wrapperClass:s.Iz,children:v.map((function(e){var t;return(0,_.jsx)(d.o5,{className:s.AI,children:e==n.tabGroupState.curTabGroup.key?(0,_.jsxs)(_.Fragment,{children:[!n.uiState.isInMobileView&&!n.settingsState.forceSettingsHeaderInScrollContainer&&(0,_.jsx)(x.default,{},e),y,(0,_.jsx)(u.default,{})]}):(0,_.jsx)("div",{style:{height:"100%",overflow:"auto",width:"100%",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:(0,_.jsx)(p.default,{text:null===(t=Object.values(n.tabGroupState.allTabGroups[e].options)[0])||void 0===t?void 0:t.title,isSettingsHeader:!1,isInScroller:!0})})},e)}))})}))},97853:(e,n,t)=>{t.r(n),t.d(n,{default:()=>m});var o=t(80248),i=t(72874),r=(t(87363),t(4820)),a=t(29957),d=t(48375),l=t(9420),s=t(82956),u=t(65515),c=t.n(u),x=t(71008),p=t(51451),_=t(47514),g=["className"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const m=(0,l.Pi)((function Settings(e){var n,t,o=e.className,l=(0,i.Z)(e,g),u=(0,r.NP)();return(0,_.jsx)("div",_objectSpread(_objectSpread({},l),{},{className:c()(o,s.vt,"horizontal"==u.tabGroupState.curTabGroupType?s.s1:void 0,u.uiState.configSettingsIsExpanded?s.zh:void 0),children:u.getIsInMobileView()&&u.getViewConfig().navigateMobileSwiper?(0,_.jsx)(x.default,{}):(0,_.jsxs)(_.Fragment,{children:[!u.uiState.isInMobileView&&!u.settingsState.forceSettingsHeaderInScrollContainer&&(0,_.jsx)(a.default,{},null!==(n=null===(t=u.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,_.jsx)(d.default,{}),(0,_.jsx)(p.default,{})]})}))}))},96945:(e,n,t)=>{t.r(n),t.d(n,{default:()=>y});var o=t(80248),i=t(88291),r=t(4820),a=(t(87363),t(9420)),d=t(93379),l=t.n(d),s=t(7795),u=t.n(s),c=t(90569),x=t.n(c),p=t(3565),_=t.n(p),g=t(19216),m=t.n(g),b=t(44589),f=t.n(b),h=t(29390),v={};v.styleTagTransform=f(),v.setAttributes=_(),v.insert=x().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=m();l()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var P=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const y=(0,a.Pi)((function ProgressBar(e){var n=Object.assign({},((0,i.Z)(e),e)),t=(0,r.NP)(),o=t.configuratorStructureHandler.lastConfigStep,a=t.tabGroupState.curConfigStep;if(!o||!a)return(0,P.jsx)(P.Fragment,{});var d=a.posNr,l=o.posNr,s=1==l?0:Math.round(d/l*100),u=100-s;return(0,P.jsxs)("div",_objectSpread(_objectSpread({},n),{},{children:[(0,P.jsx)("div",{className:h.L3,style:{width:s+"%"}}),(0,P.jsx)("div",{className:h.LM,style:{width:u+"%"}})]}))}))},38921:(e,n,t)=>{t.d(n,{QD:()=>_,UU:()=>g,ZP:()=>m,m2:()=>p,tM:()=>x});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(2431),t.b),u=a()(i()),c=l()(s);u.push([e.id,".index-module--NTXww {\n  background: rgba(242.2, 242.2, 242.2, 0.9);\n  transition: width 0.2s ease-in-out;\n  display: flex;\n}\n\n.index-module--g_4ro {\n  background-color: var(--primaryColor);\n  background-color: var(--saveButton, var(--primaryColor));\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--saveButton, var(--primaryColor)) solid;\n  border-radius: var(--globalBorderRadius);\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  line-height: var(--lineHeight1);\n  font-weight: var(--fontWeight1);\n  height: calc(100% - 2px);\n  font-size: 14px;\n  color: white;\n  flex-grow: 1;\n  -webkit-text-stroke: 0px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n}\n\n.index-module--HEZNE .index-module--g_4ro {\n  pointer-events: none;\n  background-color: #c25353;\n  border-color: #c25353;\n}\n\n.index-module--g_4ro:hover {\n  background-color: var(--diva-theme-palette-primary-dark);\n  border-color: var(--diva-theme-palette-primary-dark);\n  cursor: pointer;\n  transition:\n    box-shadow 0.3s ease,\n    background-color 0.3s ease,\n    border-color 0.3s ease;\n\n  box-shadow: 0px 1px 4px #707070;\n}\n\n.index-module--gle4T {\n  float: right;\n  margin-right: 10%;\n}\n.index-module--li8pV {\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  width: 50%;\n  height: 50%;\n  transform: translate(-50%, -50%);\n  left: 50%;\n  top: 50%;\n  position: absolute;\n}\n\n.index-module--gDeD1 .index-module--NTXww {\n  /*auser In die Zusammenfassung wird ausgeblendet*/\n  display: none;\n}\n.index-module--gDeD1 .index-module--xOi7v.index-module--xjW3V .index-module--NTXww {\n  display: none;\n}\n\n.index-module--gDeD1 .index-module--NTXww .index-module--g_4ro {\n  line-height: var(--configuratorActionHeight);\n}\n.index-module--g_4ro .index-module--CSmEc {\n  margin-top: 0px;\n}\n\n.index-module--gDeD1 .index-module--g_4ro .index-module--CSmEc,\n.index-module--MQ04O .index-module--g_4ro .index-module--CSmEc {\n  margin-top: 0px;\n}\n\n.index-module--CSmEc {\n  float: left;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n",""]);var x="index-module--NTXww",p="index-module--g_4ro",_="index-module--gle4T",g="index-module--CSmEc";const m=u},28717:(e,n,t)=>{t.d(n,{$t:()=>_,FN:()=>m,Is:()=>g,KR:()=>s,LI:()=>u,Qv:()=>b,ZP:()=>h,jl:()=>d,nC:()=>l,op:()=>x,ox:()=>p,rK:()=>c,tW:()=>f});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([e.id,"/*Navigaton Buttons*/\n.index-module--Ug06K {\n  transition: width 0.2s ease-in-out;\n}\n\n.index-module--uMdxf {\n  height: 100%;\n  font-weight: 300;\n  font-size: 14px;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  width: 100%;\n  display: flex;\n  gap: 3px;\n}\n.index-module--j2X1m .index-module--uMdxf {\n  line-height: var(--configuratorActionHeight);\n}\n\n.index-module--NUblS {\n  border-radius: var(--globalBorderRadius);\n  height: 100%;\n  text-align: center;\n}\n\n.index-module--mfwxp {\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--vWg5_ {\n  border: 1px var(--secondaryColor) solid;\n  border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n  background-color: white;\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--IneQR {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  background-color: var(--navigateForth, var(--secondaryColor));\n  color: #ffffff;\n  color: var(--navigateForthFontColor, #ffffff);\n  float: right;\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-grow: 3;\n}\n\n.index-module--vWg5_:hover,\n.index-module--IneQR:hover {\n  cursor: pointer;\n  box-shadow: var(--boxShadowHover);\n}\n.index-module--IneQR svg {\n  transform: rotate(180deg);\n  position: absolute;\n  right: 16px;\n}\n\n.index-module--n4fFc .index-module--IneQR {\n  pointer-events: none;\n  background-color: #707070;\n  background-color: var(--navigateForth, #707070);\n  border-color: #707070;\n}\n\n.index-module--YJM3e .index-module--vWg5_ {\n  width: 100%;\n}\n\n.index-module--YJM3e .index-module--IneQR {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--vWg5_ {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--IneQR {\n  width: 100%;\n}\n\n.index-module--CVPGS .index-module--NUblS,\n.index-module--KE5Qn .index-module--NUblS {\n  line-height: calc(var(--configuratorActionHeight) - 5px);\n  border-radius: var(--globalBorderRadius);\n}\n",""]);var d="index-module--Ug06K",l="index-module--uMdxf",s="index-module--j2X1m",u="index-module--NUblS",c="index-module--mfwxp",x="index-module--vWg5_",p="index-module--IneQR",_="index-module--n4fFc",g="index-module--YJM3e",m="index-module--X2uG9",b="index-module--CVPGS",f="index-module--KE5Qn";const h=a},39545:(e,n,t)=>{t.d(n,{Ci:()=>x,Jg:()=>_,Q_:()=>p,ZP:()=>m,vX:()=>g});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(38403),t.b),u=a()(i()),c=l()(s);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 x="index-module--nrbS_",p="index-module--lGJqa",_="index-module--OZydS",g="index-module--FQDBA";const m=u},52284:(e,n,t)=>{t.d(n,{BC:()=>O,E9:()=>y,HE:()=>C,Is:()=>M,U7:()=>I,ZP:()=>k,Zk:()=>h,g6:()=>b,jl:()=>S,kL:()=>g,m7:()=>m,qT:()=>E,rK:()=>p,tM:()=>w,tW:()=>_,vt:()=>v,wj:()=>j,x6:()=>P,xn:()=>x,zh:()=>f});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(2431),t.b),u=a()(i()),c=l()(s);u.push([e.id,".index-module--IFlVF {\n  position: relative;\n\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\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\n.index-module--IFlVF *,\n.index-module--IFlVF *::before,\n.index-module--IFlVF *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--IFlVF.index-module--y76la {\n  height: 100%;\n  width: 100%;\n}\n\n.index-module--IFlVF.index-module--IKL3M {\n  height: 100%;\n  width: 100%;\n}\n\n/******************************************Product*******************************************/\n\n.index-module--bAkHK {\n  position: absolute;\n  width: 63%;\n  max-width: calc(100% - 564px);\n  left: 0px;\n  top: 0;\n  height: 100%;\n}\n.index-module--_dUy6 .index-module--bAkHK {\n  width: calc(100% - 128px - 16px);\n  max-width: none;\n  max-width: initial;\n}\n\n.index-module--MbykI {\n  position: absolute;\n  z-index: 600;\n  height: calc(100% - 32px);\n  width: calc(37% - 16px);\n  min-width: 550px;\n  right: 0;\n  padding: 16px 16px 16px 0;\n  background-color: var(--settingsBackgroundColor);\n  transition: width 0.45s;\n  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);\n}\n\n.index-module--xeINC .index-module--MbykI {\n  width: 70%;\n}\n\n.index-module--_dUy6 .index-module--MbykI {\n  width: calc(128px);\n  min-width: 0;\n  min-width: initial;\n}\n.index-module--v90g0 .index-module--MbykI {\n  width: calc(100% - 16px);\n  z-index: 801;\n}\n\n/**************************************ConfigPalette***************************************/\n.index-module--rbJ1a {\n  position: absolute;\n  width: calc(100% - 128px - 4px - 16px);\n\n  transition:\n    height 0.45s,\n    top 0.45s;\n  overflow-y: hidden;\n  overflow-x: hidden;\n  overflow: visible;\n  z-index: 100;\n  right: calc(128px + 4px + 16px);\n  top: 16px;\n  height: calc(100% - 32px - 4px - 50px);\n}\n\n/**************************************TabGroup********************************************/\n\n.index-module--NOlUe {\n  position: absolute;\n  z-index: 300;\n  right: 16px;\n  top: 16px;\n  height: calc(100% - 32px - 4px - 50px);\n  width: 128px;\n}\n.index-module--OJH2L .index-module--NOlUe {\n  top: 80px;\n  height: calc(100% - 32px - 4px - 50px - 64px);\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.index-module--ORcZQ {\n  position: absolute;\n  width: calc(100% - 128px - 4px - 16px);\n  height: 50px;\n  right: calc(128px + 4px + 16px);\n  bottom: 16px;\n  z-index: 200;\n}\n\n.index-module--_dUy6 .index-module--ORcZQ {\n  overflow: hidden;\n}\n\n/*************************************Basket Button****************************************/\n.index-module--NnWir {\n  position: absolute;\n  width: 128px;\n  height: 50px;\n  right: 16px;\n  bottom: 16px;\n  z-index: 200;\n}\n\n/****************************************Settings- Expanded *******************************/\n.index-module--xeINC .index-module--rbJ1a,\n.index-module--v90g0 .index-module--rbJ1a,\n.index-module--xeINC .index-module--ORcZQ,\n.index-module--v90g0 .index-module--ORcZQ {\n  width: calc(100% - 128px - 16px - 4px);\n}\n\n.index-module--IFlVF.index-module--IKL3M,\n.index-module--y76la.index-module--IFlVF {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n}\n/*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.index-module--y76la .index-module--bAkHK {\n  width: 100%;\n  height: 100%;\n  top: 0px;\n  left: 0px;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.index-module--y76la .index-module--rbJ1a {\n  display: none;\n}\n\n/*configuratorPalette wird nach unten aus dem Blickfeld geschoben*/\n/* .landscape.settings-hidden .wcConfigurator-settings {\n  top: 100%;\n} */\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.index-module--y76la .index-module--NOlUe {\n  display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.index-module--y76la .index-module--ORcZQ {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.index-module--y76la .index-module--NnWir {\n  display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.index-module--IKL3M .index-module--bAkHK {\n  top: 0px;\n  left: 0;\n  height: 40%;\n  width: 100%;\n  max-width: none;\n  max-width: initial;\n}\n\n.index-module--IKL3M.index-module--NSK8Y .index-module--bAkHK {\n  z-index: 1;\n}\n\n.index-module--IKL3M.index-module--EMso2 .index-module--bAkHK {\n  height: calc(100% - 50px);\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.index-module--IKL3M .index-module--rbJ1a {\n  left: 0px;\n  top: calc(40% + 46px);\n  height: calc(60% - 46px - var(--configuratorActionHeight) - 6px);\n  width: 100%;\n}\n\n.index-module--IKL3M.index-module--EMso2 .index-module--rbJ1a {\n  top: 100%;\n}\n\n.index-module--IKL3M.index-module--NSK8Y .index-module--rbJ1a {\n  top: 2.5rem;\n  height: calc(100% - 46px);\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.index-module--IKL3M .index-module--NOlUe {\n  position: absolute;\n  left: 0px;\n  top: 40%;\n  width: calc(100% - 50px);\n  height: 46px;\n}\n\n.index-module--IKL3M .index-module--NOlUe.index-module--xji2x {\n  left: 50px;\n  width: calc(100% - 50px - 50px);\n}\n\n.index-module--IKL3M.index-module--NSK8Y .index-module--NOlUe {\n  top: 0px;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.index-module--IKL3M .index-module--ORcZQ {\n  bottom: 0px;\n  width: calc(100% - 10px);\n\n  height: calc(var(--configuratorActionHeight) - 5px);\n  margin: 0 5px 5px 5px;\n  padding-top: 0px;\n  right: 0px;\n}\n.index-module--IKL3M.index-module--yl_6d .index-module--ORcZQ,\n.index-module--IKL3M.index-module--EMso2 .index-module--ORcZQ {\n  display: none !important;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.index-module--IKL3M .index-module--NnWir,\n.index-module--IKL3M.index-module--EMso2 .index-module--NnWir {\n  display: none;\n}\n\n.index-module--IKL3M.index-module--yl_6d .index-module--NnWir {\n  right: 0px;\n  bottom: 0px;\n  width: calc(100% - 10px);\n\n  height: calc(var(--configuratorActionHeight) - 5px);\n  margin: 0 5px 5px 5px;\n  padding-top: 0px;\n  display: flex;\n}\n\n.index-module--IKL3M .index-module--SfQnk {\n  position: absolute;\n  width: calc(100% - 50px);\n  height: 3px;\n  top: 40%;\n  left: 0;\n  z-index: 1000;\n  display: flex;\n}\n\n/*********************Basket Button-- Mobile Portrait onTop *********************************/\n\n.index-module--gqEhb {\n  position: absolute;\n  top: 40%;\n  right: 0;\n  width: 50px;\n  height: 46px;\n  background: no-repeat url("+c+") center center var(--primaryColor);\n  background-size: 37%;\n  z-index: 300;\n}\n\n.index-module--y76la,\n.index-module--IKL3M {\n  --configuratorActionHeight: 50px;\n}\n\n.index-module--IFlVF ::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n.index-module--IFlVF ::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n.index-module--IFlVF ::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var x="index-module--IFlVF",p="index-module--y76la",_="index-module--IKL3M",g="index-module--bAkHK",m="index-module--_dUy6",b="index-module--MbykI",f="index-module--xeINC",h="index-module--v90g0",v="index-module--rbJ1a",P="index-module--NOlUe",y="index-module--OJH2L",S="index-module--ORcZQ",w="index-module--NnWir",O="index-module--NSK8Y",I="index-module--EMso2",j="index-module--xji2x",M="index-module--yl_6d",E="index-module--SfQnk",C="index-module--gqEhb";const k=u},5217:(e,n,t)=>{t.d(n,{X_:()=>l,ZP:()=>u,nC:()=>d,nt:()=>s});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([e.id,".index-module--TnLDn {\n  width: 100%;\n  border-top: 1px #6d6e71 solid;\n  color: #6d6e71;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  padding-top: 1rem;\n}\n\n.index-module--FXdIH {\n  float: left;\n  margin-left: 2rem;\n}\n\n.index-module--uSfxN {\n  float: right;\n  margin-right: 2rem;\n}\n",""]);var d="index-module--TnLDn",l="index-module--FXdIH",s="index-module--uSfxN";const u=a},79501:(e,n,t)=>{t.d(n,{ZP:()=>u,e8:()=>d,m7:()=>s,zh:()=>l});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([e.id,".index-module--UX0Na {\n  overflow-y: auto;\n  z-index: 100;\n  padding-right: var(--settingsScrollerPaddingRight);\n  margin-left: var(--settingsScrollerPaddingLeft);\n  padding-top: var(--settingsScrollerPaddingTopBottom);\n  padding-bottom: var(--settingsScrollerPaddingTopBottom);\n  scrollbar-gutter: stable;\n}\n\n.index-module--DRDpA.index-module--UX0Na {\n  z-index: 600;\n}\n\n.index-module--Rpo_4 {\n  visibility: hidden;\n}\n",""]);var d="index-module--UX0Na",l="index-module--DRDpA",s="index-module--Rpo_4";const u=a},29390:(e,n,t)=>{t.d(n,{L3:()=>d,LM:()=>l,ZP:()=>s});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([e.id,".index-module--_zSo1 {\n  background: #ccc;\n  border-radius: 0 1px 1px 0;\n  transition: width 0.35s ease-in-out;\n}\n\n.index-module--tkNQ6 {\n  background: #eee;\n  transition: width 0.35s ease-in-out;\n}\n",""]);var d="index-module--_zSo1",l="index-module--tkNQ6";const s=a},35141:(e,n,t)=>{t.d(n,{QD:()=>g.QD,UU:()=>g.UU,m2:()=>g.m2,tM:()=>g.tM});var o=t(93379),i=t.n(o),r=t(7795),a=t.n(r),d=t(90569),l=t.n(d),s=t(3565),u=t.n(s),c=t(19216),x=t.n(c),p=t(44589),_=t.n(p),g=t(38921),m={};m.styleTagTransform=_(),m.setAttributes=u(),m.insert=l().bind(null,"head"),m.domAPI=a(),m.insertStyleElement=x();i()(g.ZP,m),g.ZP&&g.ZP.locals&&g.ZP.locals},40976:(e,n,t)=>{t.d(n,{$t:()=>g.$t,FN:()=>g.FN,Is:()=>g.Is,KR:()=>g.KR,LI:()=>g.LI,Qv:()=>g.Qv,jl:()=>g.jl,nC:()=>g.nC,op:()=>g.op,ox:()=>g.ox,rK:()=>g.rK,tW:()=>g.tW});var o=t(93379),i=t.n(o),r=t(7795),a=t.n(r),d=t(90569),l=t.n(d),s=t(3565),u=t.n(s),c=t(19216),x=t.n(c),p=t(44589),_=t.n(p),g=t(28717),m={};m.styleTagTransform=_(),m.setAttributes=u(),m.insert=l().bind(null,"head"),m.domAPI=a(),m.insertStyleElement=x();i()(g.ZP,m),g.ZP&&g.ZP.locals&&g.ZP.locals},2431:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyNCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUgzLjcwNjQ3QzQuMTcxMjIgMSA0LjU3NDcxIDEuMzIwMTggNC42ODAzMSAxLjc3Mjc3TDUuNjY2NjcgNk01LjY2NjY3IDZMNy44MTk2OSAxNS4yMjcyQzcuOTI1MjkgMTUuNjc5OCA4LjMyODc4IDE2IDguNzkzNTMgMTZIMTkuNzE5MkMyMC4xNzgxIDE2IDIwLjU3ODEgMTUuNjg3NyAyMC42ODk0IDE1LjI0MjVMMjIuNjg5NCA3LjI0MjUzQzIyLjg0NzIgNi42MTEzOSAyMi4zNjk4IDYgMjEuNzE5MiA2SDUuNjY2NjdaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxjaXJjbGUgY3g9IjEwIiBjeT0iMjAiIHI9IjEuMjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPGNpcmNsZSBjeD0iMTgiIGN5PSIyMCIgcj0iMS4yNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4KCg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 1633.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1633],{21633:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Z});var a=t(34988),l=t(20640),i=(t(87363),t(71393)),r=t(93379),o=t.n(r),s=t(7795),d=t.n(s),u=t(90569),c=t.n(u),v=t(3565),b=t.n(v),f=t(19216),h=t.n(f),m=t(44589),g=t.n(m),p=t(73751),x={};x.styleTagTransform=g(),x.setAttributes=b(),x.insert=c().bind(null,"head"),x.domAPI=d(),x.insertStyleElement=h();o()(p.Z,x);p.Z&&p.Z.locals&&p.Z.locals;var k=t(47514);const Z=function ArticleSelector(n){var e,t=(0,a.Z)(n.articleState,2),r=t[0],o=t[1],s=(0,l.NP)(),d=Object.values(null!==(e=s.divaWebPlanner.getDivaArticles(void 0,!0))&&void 0!==e?e:{}),u=d.map((function(n){return{value:n.basketId,label:n.name+" "+n.posNr}}));return 1==u.length||0==u.length?(0,k.jsx)(k.Fragment,{}):(0,k.jsx)(i.ZP,{value:u.find((function(n){return n.value===(null==r?void 0:r.basketId)})),options:u,onChange:function onChange(n){o(d.find((function(e){return e.basketId==n.value})))},className:p.Y})}},73751:(n,e,t)=>{t.d(e,{Y:()=>o,Z:()=>s});var a=t(8081),l=t.n(a),i=t(23645),r=t.n(i)()(l());r.push([n.id,".index-module--_Tl9c {\n  width: 200px;\n  font-size: 12px;\n}\n.index-module--_Tl9c div {\n  border-color: grey !important;\n}\n.index-module--_Tl9c div {\n  box-shadow: none;\n  box-shadow: initial;\n}\n",""]);var o="index-module--_Tl9c";const s=r}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1633],{21633:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Z});var a=t(34988),l=t(4820),i=(t(87363),t(71393)),r=t(93379),o=t.n(r),s=t(7795),d=t.n(s),u=t(90569),c=t.n(u),v=t(3565),b=t.n(v),f=t(19216),h=t.n(f),m=t(44589),g=t.n(m),p=t(73751),x={};x.styleTagTransform=g(),x.setAttributes=b(),x.insert=c().bind(null,"head"),x.domAPI=d(),x.insertStyleElement=h();o()(p.Z,x);p.Z&&p.Z.locals&&p.Z.locals;var k=t(47514);const Z=function ArticleSelector(n){var e,t=(0,a.Z)(n.articleState,2),r=t[0],o=t[1],s=(0,l.NP)(),d=Object.values(null!==(e=s.divaWebPlanner.getDivaArticles(void 0,!0))&&void 0!==e?e:{}),u=d.map((function(n){return{value:n.basketId,label:n.name+" "+n.posNr}}));return 1==u.length||0==u.length?(0,k.jsx)(k.Fragment,{}):(0,k.jsx)(i.ZP,{value:u.find((function(n){return n.value===(null==r?void 0:r.basketId)})),options:u,onChange:function onChange(n){o(d.find((function(e){return e.basketId==n.value})))},className:p.Y})}},73751:(n,e,t)=>{t.d(e,{Y:()=>o,Z:()=>s});var a=t(8081),l=t.n(a),i=t(23645),r=t.n(i)()(l());r.push([n.id,".index-module--_Tl9c {\n  width: 200px;\n  font-size: 12px;\n}\n.index-module--_Tl9c div {\n  border-color: grey !important;\n}\n.index-module--_Tl9c div {\n  box-shadow: none;\n  box-shadow: initial;\n}\n",""]);var o="index-module--_Tl9c";const s=r}}]);