@crystaldesign/diva-web-planner-react 25.5.0-rc.27 → 25.5.0-rc.28

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8086.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8086,1280],{8086:(e,_,n)=>{n.r(_),n.d(_,{default:()=>f});var o=n(80248),r=n(9420),t=(n(87363),n(41280)),i=n(93379),a=n.n(i),l=n(7795),s=n.n(l),c=n(90569),d=n.n(c),u=n(3565),E=n.n(u),O=n(19216),P=n.n(O),x=n(44589),b=n.n(x),v=n(30867),m={};m.styleTagTransform=b(),m.setAttributes=E(),m.insert=d().bind(null,"head"),m.domAPI=s(),m.insertStyleElement=P();a()(v.ZP,m);v.ZP&&v.ZP.locals&&v.ZP.locals;var M=n(65515),p=n.n(M),D=n(47514);function ownKeys(e,_){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);_&&(o=o.filter((function(_){return Object.getOwnPropertyDescriptor(e,_).enumerable}))),n.push.apply(n,o)}return n}function _objectSpread(e){for(var _=1;_<arguments.length;_++){var n=null!=arguments[_]?arguments[_]:{};_%2?ownKeys(Object(n),!0).forEach((function(_){(0,o.Z)(e,_,n[_])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(_){Object.defineProperty(e,_,Object.getOwnPropertyDescriptor(n,_))}))}return e}const f=(0,r.Pi)((function ActionNavigationGold(e){return(0,D.jsx)(t.default,_objectSpread(_objectSpread({},e),{},{className:p()(e.className,v.nC),showBackButtonText:!0,backOverwrite:v.op,forthOverwrite:v.ox}))}))},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__(91923),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__(71097),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(47514),_excluded=["className","showBackButtonText","backOverwrite","forthOverwrite","showNextButtonIcon","showCheckoutButtons"];function ownKeys(e,_){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);_&&(o=o.filter((function(_){return Object.getOwnPropertyDescriptor(e,_).enumerable}))),n.push.apply(n,o)}return n}function _objectSpread(e){for(var _=1;_<arguments.length;_++){var n=null!=arguments[_]?arguments[_]:{};_%2?ownKeys(Object(n),!0).forEach((function(_){(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__.Z)(e,_,n[_])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(_){Object.defineProperty(e,_,Object.getOwnPropertyDescriptor(n,_))}))}return e}var ActionNavigation=function ActionNavigation(e){var _,n=e.className,o=e.showBackButtonText,r=e.backOverwrite,t=e.forthOverwrite,i=e.showNextButtonIcon,a=e.showCheckoutButtons,l=(0,_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_10__.Z)(e,_excluded),s=(0,_model__WEBPACK_IMPORTED_MODULE_2__.NP)(),c=(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,r),onClick:s.actionButtonState.onClickConfiguratorSettingsBack,children:[!o&&(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"})}),o&&c("configurator.Back")]}),a&&(null===(_=s.getViewConfig().checkout)||void 0===_?void 0:_.buttons.map((function(e,_){return evalVisible(e,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)(e,s,_,c)},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_GlobalElements_Checkout_IconComponent__WEBPACK_IMPORTED_MODULE_7__.default,{checkoutButton:e,size:40})},_):(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,t),onClick:s.actionButtonState.onClickConfiguratorSettingsForth,id:"wcConfigurator-action-next",children:[c("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")))}},30867:(e,_,n)=>{n.d(_,{ZP:()=>c,nC:()=>a,op:()=>l,ox:()=>s});var o=n(8081),r=n.n(o),t=n(23645),i=n.n(t)()(r());i.push([e.id,".index-module--NSnuZ .index-module--vFsUL {\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: 50%;\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--NSnuZ .index-module--PgOEW {\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  width: 50%;\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n",""]);var a="index-module--NSnuZ",l="index-module--vFsUL",s="index-module--PgOEW";const c=i},28717:(e,_,n)=>{n.d(_,{$t:()=>O,FN:()=>x,Is:()=>P,KR:()=>s,LI:()=>c,Qv:()=>b,ZP:()=>m,jl:()=>a,nC:()=>l,op:()=>u,ox:()=>E,rK:()=>d,tW:()=>v});var o=n(8081),r=n.n(o),t=n(23645),i=n.n(t)()(r());i.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 a="index-module--Ug06K",l="index-module--uMdxf",s="index-module--j2X1m",c="index-module--NUblS",d="index-module--mfwxp",u="index-module--vWg5_",E="index-module--IneQR",O="index-module--n4fFc",P="index-module--YJM3e",x="index-module--X2uG9",b="index-module--CVPGS",v="index-module--KE5Qn";const m=i},40976:(e,_,n)=>{n.d(_,{$t:()=>P.$t,FN:()=>P.FN,Is:()=>P.Is,KR:()=>P.KR,LI:()=>P.LI,Qv:()=>P.Qv,jl:()=>P.jl,nC:()=>P.nC,op:()=>P.op,ox:()=>P.ox,rK:()=>P.rK,tW:()=>P.tW});var o=n(93379),r=n.n(o),t=n(7795),i=n.n(t),a=n(90569),l=n.n(a),s=n(3565),c=n.n(s),d=n(19216),u=n.n(d),E=n(44589),O=n.n(E),P=n(28717),x={};x.styleTagTransform=O(),x.setAttributes=c(),x.insert=l().bind(null,"head"),x.domAPI=i(),x.insertStyleElement=u();r()(P.ZP,x),P.ZP&&P.ZP.locals&&P.ZP.locals}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8086,1280],{8086:(e,_,n)=>{n.r(_),n.d(_,{default:()=>f});var o=n(80248),r=n(9420),t=(n(87363),n(41280)),i=n(93379),a=n.n(i),l=n(7795),s=n.n(l),c=n(90569),d=n.n(c),u=n(3565),E=n.n(u),O=n(19216),P=n.n(O),x=n(44589),b=n.n(x),v=n(30867),m={};m.styleTagTransform=b(),m.setAttributes=E(),m.insert=d().bind(null,"head"),m.domAPI=s(),m.insertStyleElement=P();a()(v.ZP,m);v.ZP&&v.ZP.locals&&v.ZP.locals;var M=n(65515),D=n.n(M),p=n(47514);function ownKeys(e,_){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);_&&(o=o.filter((function(_){return Object.getOwnPropertyDescriptor(e,_).enumerable}))),n.push.apply(n,o)}return n}function _objectSpread(e){for(var _=1;_<arguments.length;_++){var n=null!=arguments[_]?arguments[_]:{};_%2?ownKeys(Object(n),!0).forEach((function(_){(0,o.Z)(e,_,n[_])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(_){Object.defineProperty(e,_,Object.getOwnPropertyDescriptor(n,_))}))}return e}const f=(0,r.Pi)((function ActionNavigationGold(e){return(0,p.jsx)(t.default,_objectSpread(_objectSpread({},e),{},{className:D()(e.className,v.nC),showBackButtonText:!0,backOverwrite:v.op,forthOverwrite:v.ox}))}))},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__(91923),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__(71097),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(47514),_excluded=["className","showBackButtonText","backOverwrite","forthOverwrite","showNextButtonIcon","showCheckoutButtons"];function ownKeys(e,_){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);_&&(o=o.filter((function(_){return Object.getOwnPropertyDescriptor(e,_).enumerable}))),n.push.apply(n,o)}return n}function _objectSpread(e){for(var _=1;_<arguments.length;_++){var n=null!=arguments[_]?arguments[_]:{};_%2?ownKeys(Object(n),!0).forEach((function(_){(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__.Z)(e,_,n[_])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(_){Object.defineProperty(e,_,Object.getOwnPropertyDescriptor(n,_))}))}return e}var ActionNavigation=function ActionNavigation(e){var _,n=e.className,o=e.showBackButtonText,r=e.backOverwrite,t=e.forthOverwrite,i=e.showNextButtonIcon,a=e.showCheckoutButtons,l=(0,_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_10__.Z)(e,_excluded),s=(0,_model__WEBPACK_IMPORTED_MODULE_2__.NP)(),c=(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,r),onClick:s.actionButtonState.onClickConfiguratorSettingsBack,children:[!o&&(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"})}),o&&c("configurator.Back")]}),a&&(null===(_=s.getViewConfig().checkout)||void 0===_?void 0:_.buttons.map((function(e,_){return evalVisible(e,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)(e,s,_,c)},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_GlobalElements_Checkout_IconComponent__WEBPACK_IMPORTED_MODULE_7__.default,{checkoutButton:e,size:40})},_):(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,t),onClick:s.actionButtonState.onClickConfiguratorSettingsForth,id:"wcConfigurator-action-next",children:[c("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")))}},30867:(e,_,n)=>{n.d(_,{ZP:()=>c,nC:()=>a,op:()=>l,ox:()=>s});var o=n(8081),r=n.n(o),t=n(23645),i=n.n(t)()(r());i.push([e.id,".index-module--NSnuZ .index-module--vFsUL {\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: 50%;\n  box-sizing: border-box;\n  flex-grow: 1;\n}\n\n.index-module--NSnuZ .index-module--PgOEW {\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  width: 50%;\n  box-sizing: border-box;\n  flex-grow: 1;\n}\n",""]);var a="index-module--NSnuZ",l="index-module--vFsUL",s="index-module--PgOEW";const c=i},28717:(e,_,n)=>{n.d(_,{$t:()=>O,FN:()=>x,Is:()=>P,KR:()=>s,LI:()=>c,Qv:()=>b,ZP:()=>m,jl:()=>a,nC:()=>l,op:()=>u,ox:()=>E,rK:()=>d,tW:()=>v});var o=n(8081),r=n.n(o),t=n(23645),i=n.n(t)()(r());i.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 a="index-module--Ug06K",l="index-module--uMdxf",s="index-module--j2X1m",c="index-module--NUblS",d="index-module--mfwxp",u="index-module--vWg5_",E="index-module--IneQR",O="index-module--n4fFc",P="index-module--YJM3e",x="index-module--X2uG9",b="index-module--CVPGS",v="index-module--KE5Qn";const m=i},40976:(e,_,n)=>{n.d(_,{$t:()=>P.$t,FN:()=>P.FN,Is:()=>P.Is,KR:()=>P.KR,LI:()=>P.LI,Qv:()=>P.Qv,jl:()=>P.jl,nC:()=>P.nC,op:()=>P.op,ox:()=>P.ox,rK:()=>P.rK,tW:()=>P.tW});var o=n(93379),r=n.n(o),t=n(7795),i=n.n(t),a=n(90569),l=n.n(a),s=n(3565),c=n.n(s),d=n(19216),u=n.n(d),E=n(44589),O=n.n(E),P=n(28717),x={};x.styleTagTransform=O(),x.setAttributes=c(),x.insert=l().bind(null,"head"),x.domAPI=i(),x.insertStyleElement=u();r()(P.ZP,x),P.ZP&&P.ZP.locals&&P.ZP.locals}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 9513.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9513,6241,1280],{66241:(e,n,_)=>{_.r(n),_.d(n,{default:()=>D});var t=_(65515),o=_.n(t),r=_(9420),i=(_(87363),_(93379)),a=_.n(i),d=_(7795),l=_.n(d),s=_(90569),c=_.n(s),u=_(3565),E=_.n(u),x=_(19216),P=_.n(x),m=_(44589),p=_.n(m),O=_(81906),b={};b.styleTagTransform=p(),b.setAttributes=E(),b.insert=c().bind(null,"head"),b.domAPI=l(),b.insertStyleElement=P();a()(O.ZP,b);O.ZP&&O.ZP.locals&&O.ZP.locals;var f=_(88683),v=_(91923),M=_(47514);const D=(0,r.Pi)((function PriceSumm(e){var n=(0,v.NP)(),_=(0,f.useDivaCore)().state.hidePrices,t=(0,f.useTranslation)().t;return(0,M.jsxs)("div",{className:o()(O.rh,n.getIsInMobileView()?O.tq:void 0),children:[(0,M.jsx)("div",{children:t("configurator.Sum","Summe")}),(0,M.jsxs)("div",{className:O.wZ,children:[(0,M.jsx)("div",{className:o()(O.nt,n.productState.formatedBruttoPrice?O.kg:void 0),children:!_&&n.productState.formatedCurSetPrice}),n.productState.formatedBruttoPrice&&!_&&(0,M.jsxs)("div",{className:o()(O.nt,O.F0),children:[" ",n.productState.formatedBruttoPrice]})]})]})}))},69513:(e,n,_)=>{_.r(n),_.d(n,{default:()=>D});var t=_(80248),o=_(9420),r=_(91923),i=(_(87363),_(41280)),a=_(93379),d=_.n(a),l=_(7795),s=_.n(l),c=_(90569),u=_.n(c),E=_(3565),x=_.n(E),P=_(19216),m=_.n(P),p=_(44589),O=_.n(p),b=_(65923),f={};f.styleTagTransform=O(),f.setAttributes=x(),f.insert=u().bind(null,"head"),f.domAPI=s(),f.insertStyleElement=m();d()(b.ZP,f);b.ZP&&b.ZP.locals&&b.ZP.locals;var v=_(66241),M=_(47514);function ownKeys(e,n){var _=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),_.push.apply(_,t)}return _}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var _=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(_),!0).forEach((function(n){(0,t.Z)(e,n,_[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(_)):ownKeys(Object(_)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(_,n))}))}return e}const D=(0,o.Pi)((function ActionNavigationRalph(e){var n=(0,r.NP)();return(0,M.jsxs)("div",_objectSpread(_objectSpread({},e),{},{children:[!n.getIsInMobileView()&&(0,M.jsx)(v.default,{}),(0,M.jsx)(i.default,{className:n.getIsInMobileView()?b.$5:void 0,showBackButtonText:!0,forthOverwrite:b.ky,backOverwrite:b.g9})]}))}))},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__(91923),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__(71097),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(47514),_excluded=["className","showBackButtonText","backOverwrite","forthOverwrite","showNextButtonIcon","showCheckoutButtons"];function ownKeys(e,n){var _=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),_.push.apply(_,t)}return _}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var _=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(_),!0).forEach((function(n){(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__.Z)(e,n,_[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(_)):ownKeys(Object(_)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(_,n))}))}return e}var ActionNavigation=function ActionNavigation(e){var n,_=e.className,t=e.showBackButtonText,o=e.backOverwrite,r=e.forthOverwrite,i=e.showNextButtonIcon,a=e.showCheckoutButtons,d=(0,_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_10__.Z)(e,_excluded),l=(0,_model__WEBPACK_IMPORTED_MODULE_2__.NP)(),s=(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:!l.uiState.configSettingsIsHidden&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div",_objectSpread(_objectSpread({},d),{},{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()(_,_index_module_css__WEBPACK_IMPORTED_MODULE_6__.jl,l.actionButtonState.isOnFirstStep?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.FN:void 0,l.actionButtonState.isOnFirstStepDisabled?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.$t:void 0,l.actionButtonState.isOnLastStep?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.Is:void 0,"vertical"==l.tabGroupState.curTabGroupType?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.KR:void 0,l.uiState.isMobilePortrait?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.tW:void 0,l.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:l.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&&s("configurator.Back")]}),a&&(null===(n=l.getViewConfig().checkout)||void 0===n?void 0:n.buttons.map((function(e,n){return evalVisible(e,l)?(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)(e,l,n,s)},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_GlobalElements_Checkout_IconComponent__WEBPACK_IMPORTED_MODULE_7__.default,{checkoutButton:e,size:40})},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:classnames__WEBPACK_IMPORTED_MODULE_1___default()(_index_module_css__WEBPACK_IMPORTED_MODULE_6__.LI,_index_module_css__WEBPACK_IMPORTED_MODULE_6__.ox,r),onClick:l.actionButtonState.onClickConfiguratorSettingsForth,id:"wcConfigurator-action-next",children:[s("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")))}},81906:(e,n,_)=>{_.d(n,{F0:()=>u,ZP:()=>E,kg:()=>c,nt:()=>s,rh:()=>a,tq:()=>d,wZ:()=>l});var t=_(8081),o=_.n(t),r=_(23645),i=_.n(r)()(o());i.push([e.id,".index-module--aaqir {\n  height: 40px;\n  line-height: 30px;\n  display: flex;\n  justify-content: space-between;\n  font-weight: 700;\n  font-size: 16px;\n  flex-grow: 1;\n}\n\n.index-module--KdwEi.index-module--aaqir {\n  line-height: 38px;\n  font-size: 18px;\n  justify-content: flex-end;\n  flex-wrap: nowrap;\n  gap: 12px;\n}\n\n.index-module--ckj80 {\n  display: flex;\n  justify-content: space-between;\n  flex-wrap: nowrap;\n}\n\n.index-module--IKzzi {\n  position: relative;\n  color: #262626;\n  text-wrap: nowrap;\n}\n\n.index-module--KdwEi .index-module--IKzzi {\n  font-size: 15px;\n}\n\n.index-module--Y17sU {\n  color: #b1223f;\n  margin-right: 12px;\n}\n\n.index-module--IKzzi.index-module--Xsp7Q {\n  color: #bfbfbf;\n}\n\n.index-module--IKzzi.index-module--Xsp7Q:before {\n  position: absolute;\n  content: '';\n  left: 0;\n  top: 42%;\n  right: 0;\n  border-top: 2px solid;\n  border-color: #b1223f;\n  transform: rotate(-7deg);\n}\n\n.index-module--KdwEi .index-module--IKzzi.index-module--Xsp7Q:before {\n  top: 45%;\n}\n",""]);var a="index-module--aaqir",d="index-module--KdwEi",l="index-module--ckj80",s="index-module--IKzzi",c="index-module--Y17sU",u="index-module--Xsp7Q";const E=i},65923:(e,n,_)=>{_.d(n,{$5:()=>l,ZP:()=>s,g9:()=>a,ky:()=>d});var t=_(8081),o=_.n(t),r=_(23645),i=_.n(r)()(o());i.push([e.id,".index-module--JMki1,\n.index-module--ufp_O {\n  border: 1px #262626 solid !important;\n  background-color: var(--thirdColor) !important;\n  color: #262626 !important;\n  font-weight: 700 !important;\n}\n\n.index-module--JMki1,\n.index-module--ufp_O {\n  cursor: pointer;\n}\n\n.index-module--G6P2w {\n  height: 100%;\n}\n",""]);var a="index-module--JMki1",d="index-module--ufp_O",l="index-module--G6P2w";const s=i},28717:(e,n,_)=>{_.d(n,{$t:()=>x,FN:()=>m,Is:()=>P,KR:()=>l,LI:()=>s,Qv:()=>p,ZP:()=>b,jl:()=>a,nC:()=>d,op:()=>u,ox:()=>E,rK:()=>c,tW:()=>O});var t=_(8081),o=_.n(t),r=_(23645),i=_.n(r)()(o());i.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 a="index-module--Ug06K",d="index-module--uMdxf",l="index-module--j2X1m",s="index-module--NUblS",c="index-module--mfwxp",u="index-module--vWg5_",E="index-module--IneQR",x="index-module--n4fFc",P="index-module--YJM3e",m="index-module--X2uG9",p="index-module--CVPGS",O="index-module--KE5Qn";const b=i},40976:(e,n,_)=>{_.d(n,{$t:()=>P.$t,FN:()=>P.FN,Is:()=>P.Is,KR:()=>P.KR,LI:()=>P.LI,Qv:()=>P.Qv,jl:()=>P.jl,nC:()=>P.nC,op:()=>P.op,ox:()=>P.ox,rK:()=>P.rK,tW:()=>P.tW});var t=_(93379),o=_.n(t),r=_(7795),i=_.n(r),a=_(90569),d=_.n(a),l=_(3565),s=_.n(l),c=_(19216),u=_.n(c),E=_(44589),x=_.n(E),P=_(28717),m={};m.styleTagTransform=x(),m.setAttributes=s(),m.insert=d().bind(null,"head"),m.domAPI=i(),m.insertStyleElement=u();o()(P.ZP,m),P.ZP&&P.ZP.locals&&P.ZP.locals}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9513,6241,1280],{66241:(e,n,_)=>{_.r(n),_.d(n,{default:()=>h});var t=_(65515),o=_.n(t),r=_(9420),i=(_(87363),_(93379)),a=_.n(i),d=_(7795),l=_.n(d),s=_(90569),c=_.n(s),u=_(3565),E=_.n(u),x=_(19216),P=_.n(x),m=_(44589),p=_.n(m),O=_(81906),b={};b.styleTagTransform=p(),b.setAttributes=E(),b.insert=c().bind(null,"head"),b.domAPI=l(),b.insertStyleElement=P();a()(O.ZP,b);O.ZP&&O.ZP.locals&&O.ZP.locals;var f=_(88683),v=_(91923),M=_(47514);const h=(0,r.Pi)((function PriceSumm(e){var n=(0,v.NP)(),_=(0,f.useDivaCore)().state.hidePrices,t=(0,f.useTranslation)().t;return(0,M.jsxs)("div",{className:o()(O.rh,n.getIsInMobileView()?O.tq:void 0),children:[(0,M.jsx)("div",{children:t("configurator.Sum","Summe")}),(0,M.jsxs)("div",{className:O.wZ,children:[(0,M.jsx)("div",{className:o()(O.nt,n.productState.formatedBruttoPrice?O.kg:void 0),children:!_&&n.productState.formatedCurSetPrice}),n.productState.formatedBruttoPrice&&!_&&(0,M.jsxs)("div",{className:o()(O.nt,O.F0),children:[" ",n.productState.formatedBruttoPrice]})]})]})}))},69513:(e,n,_)=>{_.r(n),_.d(n,{default:()=>g});var t=_(80248),o=_(9420),r=_(91923),i=(_(87363),_(41280)),a=_(93379),d=_.n(a),l=_(7795),s=_.n(l),c=_(90569),u=_.n(c),E=_(3565),x=_.n(E),P=_(19216),m=_.n(P),p=_(44589),O=_.n(p),b=_(65923),f={};f.styleTagTransform=O(),f.setAttributes=x(),f.insert=u().bind(null,"head"),f.domAPI=s(),f.insertStyleElement=m();d()(b.ZP,f);b.ZP&&b.ZP.locals&&b.ZP.locals;var v=_(66241),M=_(65515),h=_.n(M),D=_(47514);function ownKeys(e,n){var _=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),_.push.apply(_,t)}return _}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var _=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(_),!0).forEach((function(n){(0,t.Z)(e,n,_[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(_)):ownKeys(Object(_)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(_,n))}))}return e}const g=(0,o.Pi)((function ActionNavigationRalph(e){var n=(0,r.NP)();return(0,D.jsxs)("div",_objectSpread(_objectSpread({},e),{},{children:[!n.getIsInMobileView()&&(0,D.jsx)(v.default,{}),(0,D.jsx)(i.default,{className:h()(n.getIsInMobileView()?b.$5:void 0,b.nC),showBackButtonText:!0,forthOverwrite:b.ky,backOverwrite:b.g9})]}))}))},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__(91923),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__(71097),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(47514),_excluded=["className","showBackButtonText","backOverwrite","forthOverwrite","showNextButtonIcon","showCheckoutButtons"];function ownKeys(e,n){var _=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),_.push.apply(_,t)}return _}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var _=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(_),!0).forEach((function(n){(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__.Z)(e,n,_[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(_)):ownKeys(Object(_)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(_,n))}))}return e}var ActionNavigation=function ActionNavigation(e){var n,_=e.className,t=e.showBackButtonText,o=e.backOverwrite,r=e.forthOverwrite,i=e.showNextButtonIcon,a=e.showCheckoutButtons,d=(0,_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_10__.Z)(e,_excluded),l=(0,_model__WEBPACK_IMPORTED_MODULE_2__.NP)(),s=(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:!l.uiState.configSettingsIsHidden&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div",_objectSpread(_objectSpread({},d),{},{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()(_,_index_module_css__WEBPACK_IMPORTED_MODULE_6__.jl,l.actionButtonState.isOnFirstStep?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.FN:void 0,l.actionButtonState.isOnFirstStepDisabled?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.$t:void 0,l.actionButtonState.isOnLastStep?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.Is:void 0,"vertical"==l.tabGroupState.curTabGroupType?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.KR:void 0,l.uiState.isMobilePortrait?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.tW:void 0,l.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:l.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&&s("configurator.Back")]}),a&&(null===(n=l.getViewConfig().checkout)||void 0===n?void 0:n.buttons.map((function(e,n){return evalVisible(e,l)?(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)(e,l,n,s)},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_GlobalElements_Checkout_IconComponent__WEBPACK_IMPORTED_MODULE_7__.default,{checkoutButton:e,size:40})},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:classnames__WEBPACK_IMPORTED_MODULE_1___default()(_index_module_css__WEBPACK_IMPORTED_MODULE_6__.LI,_index_module_css__WEBPACK_IMPORTED_MODULE_6__.ox,r),onClick:l.actionButtonState.onClickConfiguratorSettingsForth,id:"wcConfigurator-action-next",children:[s("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")))}},81906:(e,n,_)=>{_.d(n,{F0:()=>u,ZP:()=>E,kg:()=>c,nt:()=>s,rh:()=>a,tq:()=>d,wZ:()=>l});var t=_(8081),o=_.n(t),r=_(23645),i=_.n(r)()(o());i.push([e.id,".index-module--aaqir {\n  height: 40px;\n  line-height: 30px;\n  display: flex;\n  justify-content: space-between;\n  font-weight: 700;\n  font-size: 16px;\n  flex-grow: 1;\n}\n\n.index-module--KdwEi.index-module--aaqir {\n  line-height: 38px;\n  font-size: 18px;\n  justify-content: flex-end;\n  flex-wrap: nowrap;\n  gap: 12px;\n}\n\n.index-module--ckj80 {\n  display: flex;\n  justify-content: space-between;\n  flex-wrap: nowrap;\n}\n\n.index-module--IKzzi {\n  position: relative;\n  color: #262626;\n  text-wrap: nowrap;\n}\n\n.index-module--KdwEi .index-module--IKzzi {\n  font-size: 15px;\n}\n\n.index-module--Y17sU {\n  color: #b1223f;\n  margin-right: 12px;\n}\n\n.index-module--IKzzi.index-module--Xsp7Q {\n  color: #bfbfbf;\n}\n\n.index-module--IKzzi.index-module--Xsp7Q:before {\n  position: absolute;\n  content: '';\n  left: 0;\n  top: 42%;\n  right: 0;\n  border-top: 2px solid;\n  border-color: #b1223f;\n  transform: rotate(-7deg);\n}\n\n.index-module--KdwEi .index-module--IKzzi.index-module--Xsp7Q:before {\n  top: 45%;\n}\n",""]);var a="index-module--aaqir",d="index-module--KdwEi",l="index-module--ckj80",s="index-module--IKzzi",c="index-module--Y17sU",u="index-module--Xsp7Q";const E=i},65923:(e,n,_)=>{_.d(n,{$5:()=>s,ZP:()=>c,g9:()=>d,ky:()=>l,nC:()=>a});var t=_(8081),o=_.n(t),r=_(23645),i=_.n(r)()(o());i.push([e.id,".index-module--FPhE6 .index-module--JMki1,\n.index-module--FPhE6 .index-module--ufp_O {\n  border: 1px #262626 solid !important;\n  background-color: var(--thirdColor) !important;\n  color: #262626 !important;\n  font-weight: 700 !important;\n}\n\n.index-module--FPhE6 .index-module--JMki1,\n.index-module--FPhE6 .index-module--ufp_O {\n  cursor: pointer;\n  width: 50%;\n  flex-grow: 1;\n}\n\n.index-module--G6P2w {\n  height: 100%;\n}\n",""]);var a="index-module--FPhE6",d="index-module--JMki1",l="index-module--ufp_O",s="index-module--G6P2w";const c=i},28717:(e,n,_)=>{_.d(n,{$t:()=>x,FN:()=>m,Is:()=>P,KR:()=>l,LI:()=>s,Qv:()=>p,ZP:()=>b,jl:()=>a,nC:()=>d,op:()=>u,ox:()=>E,rK:()=>c,tW:()=>O});var t=_(8081),o=_.n(t),r=_(23645),i=_.n(r)()(o());i.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 a="index-module--Ug06K",d="index-module--uMdxf",l="index-module--j2X1m",s="index-module--NUblS",c="index-module--mfwxp",u="index-module--vWg5_",E="index-module--IneQR",x="index-module--n4fFc",P="index-module--YJM3e",m="index-module--X2uG9",p="index-module--CVPGS",O="index-module--KE5Qn";const b=i},40976:(e,n,_)=>{_.d(n,{$t:()=>P.$t,FN:()=>P.FN,Is:()=>P.Is,KR:()=>P.KR,LI:()=>P.LI,Qv:()=>P.Qv,jl:()=>P.jl,nC:()=>P.nC,op:()=>P.op,ox:()=>P.ox,rK:()=>P.rK,tW:()=>P.tW});var t=_(93379),o=_.n(t),r=_(7795),i=_.n(r),a=_(90569),d=_.n(a),l=_(3565),s=_.n(l),c=_(19216),u=_.n(c),E=_(44589),x=_.n(E),P=_(28717),m={};m.styleTagTransform=x(),m.setAttributes=s(),m.insert=d().bind(null,"head"),m.domAPI=i(),m.insertStyleElement=u();o()(P.ZP,m),P.ZP&&P.ZP.locals&&P.ZP.locals}}]);