@crystaldesign/diva-web-planner-react 24.9.0-rc.5 → 24.9.0-rc.7

package/build/esm/{index.module-df95d685.js → index.module-018f117f.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-33c1c202.js';
+import { s as styleInject } from './index-db20bb41.js';
 
 var wcFavorite = "wcFavorite-WCYzN";
 var wcFavoriteSel = "wcFavorite_sel-Fww5G";

package/build/esm/{index.module-d312edc8.js → index.module-078a40e1.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-33c1c202.js';
+import { s as styleInject } from './index-db20bb41.js';
 
 var wcPlannerButton = "wcPlannerButton-hPp4U";
 var mobile = "mobile-ZE7fr";

package/build/esm/{index.module-6086dab9.js → index.module-22b2cbef.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-33c1c202.js';
+import { s as styleInject } from './index-db20bb41.js';
 
 var box = "box-vVSPN";
 var boxSelected = "boxSelected-HZqUZ";

package/build/esm/{index.module-e7cb87e4.js → index.module-3b661dcf.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-33c1c202.js';
+import { s as styleInject } from './index-db20bb41.js';
 
 var table = "table-bUPL7";
 var column = "column-MtERL";

package/build/esm/{index.module-8afaaa8e.js → index.module-5c850e7b.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-33c1c202.js';
+import { s as styleInject } from './index-db20bb41.js';
 
 var wrapper = "wrapper-TcEZn";
 var dropdownRoot = "Dropdown-root-7zz-C";

package/build/esm/{index.module-12bfaf4c.js → index.module-68b976c5.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-33c1c202.js';
+import { s as styleInject } from './index-db20bb41.js';
 
 var wcConfiguratorProductCenter = "wcConfigurator-product-center-T-Vr3";
 var landscape = "landscape-mjn27";

package/build/esm/{index.module-1a2a705d.js → index.module-81aec67f.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-33c1c202.js';
+import { s as styleInject } from './index-db20bb41.js';
 
 var wcUi2DOutlineDraggable = "wcUI2D_Outline_Draggable-MP-7N";
 var wcUi2DOutlineSelectable = "wcUI2D_Outline_Selectable--NB0c";

package/build/esm/{index.module-39fd8e33.js → index.module-907c853e.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-33c1c202.js';
+import { s as styleInject } from './index-db20bb41.js';
 
 var wholeWrapper = "whole-wrapper-5OM64";
 var notExpanded = "not-expanded-A0UYP";

package/build/esm/{index.module-36c3e954.js → index.module-b47156ea.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-33c1c202.js';
+import { s as styleInject } from './index-db20bb41.js';
 
 var wcFunctionsToolbar = "wcFunctionsToolbar-33mKP";
 var expanded = "Expanded-OjOcq";

package/build/esm/{index.module-78b15438.js → index.module-cc456a79.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-33c1c202.js';
+import { s as styleInject } from './index-db20bb41.js';
 
 var row = "row-2sbo5";
 var colum = "colum-bfgmE";

package/build/esm/{index.module-ca5ee0b8.js → index.module-d2cad5c3.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-33c1c202.js';
+import { s as styleInject } from './index-db20bb41.js';
 
 var svgWrapper = "svg-wrapper-hvaq9";
 var table = "table-GRFj-";

package/build/esm/{index.module-66b82394.js → index.module-e1f3af1a.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-33c1c202.js';
+import { s as styleInject } from './index-db20bb41.js';
 
 var wcBoxPlannerAddElement = "wcBoxPlanner_AddElement-LWKJQ";
 var wcBoxPlannerAddElementLeft = "wcBoxPlanner_AddElementLeft-sCzAl";

package/build/esm/{index.module-955e4296.js → index.module-e7b293b0.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-33c1c202.js';
+import { s as styleInject } from './index-db20bb41.js';
 
 var paletteItem = "PaletteItem-bhj8-";
 var sel = "sel-SyPrw";

package/build/esm/{index.module-b7d173fb.js → index.module-fee7a980.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-33c1c202.js';
+import { s as styleInject } from './index-db20bb41.js';
 
 var wc2DRotClock = "wc2DRot_Clock-N3u5r";
 var wc2DRotCounterClock = "wc2DRot_CounterClock-WrGZW";

package/build/esm/{requestProductForm-1d817c0f.js → requestProductForm-913ba3e7.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-33c1c202.js';
+import { s as styleInject } from './index-db20bb41.js';
 import { useReducer, useState } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/types/web-planner-react/src/components/Action/Basket/ralph/PriceSumm/index.d.ts

@@ -0,0 +1,6 @@
+type Props = {};
+declare const _default: ((props: Props) => JSX.Element) & {
+    displayName: string;
+};
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/build/types/web-planner-react/src/components/Action/Basket/ralph/PriceSumm/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/components/Action/Basket/ralph/PriceSumm/index.tsx"],"names":[],"mappings":"AAQA,KAAK,KAAK,GAAG,EAAE,CAAC;;;;AA0BhB,wBAAmC"}

package/build/types/web-planner-react/src/components/Action/Basket/ralph/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Action/Basket/ralph/index.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,iBAAiB,EAAE,MAAM,IAAI,CAAC;;;;AAiCvC,wBAA2C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Action/Basket/ralph/index.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,iBAAiB,EAAE,MAAM,IAAI,CAAC;;;;AAsCvC,wBAA2C"}

package/build/types/web-planner-react/src/components/Action/Navigation/ralph/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Action/Navigation/ralph/index.tsx"],"names":[],"mappings":"AASA,UAAU,KAAK;CAAG;;;;AA4BlB,wBAA+C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Action/Navigation/ralph/index.tsx"],"names":[],"mappings":"AAQA,UAAU,KAAK;CAAG;;;;AAkBlB,wBAA+C"}

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

@@ -1,2 +1,2 @@
 /*! For license information please see 2476.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2476,8071,2487,2523,7505,714,4209],{58071:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var o=t(13587),i=(t(41594),t(53370)),r=t(82246);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.A)(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 d=function BasketAction(n){return(0,r.jsx)(i.Ay,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Basket"}))}},52487:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var o=t(13587),i=(t(41594),t(53370)),r=t(82246);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.A)(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 d=function NavigationButtons(n){return(0,r.jsx)(i.Ay,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},92523:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var o=t(13587),i=(t(41594),t(53370)),r=t(82246);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.A)(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 d=function BarrierActions(n){return(0,r.jsx)(i.Ay,_objectSpread(_objectSpread({},n),{},{componentName:"GlobalElements/BarrierActions"}))}},54751:(n,e,t)=>{t.r(e),t.d(e,{default:()=>O});var o=t(84451),i=t(32134),r=t(64281),d=t.n(r),a=t(5219),l=t(41594),s=t(970),u=t(25835),c=t.n(u),p=t(69120),x=t.n(p),m=t(91148),g=t.n(m),b=t(73035),f=t.n(b),h=t(24959),w=t.n(h),y=t(15004),S=t.n(y),v=t(54605),j={};j.styleTagTransform=S(),j.setAttributes=f(),j.insert=g().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=w();c()(v.Ay,j);v.Ay&&v.Ay.locals&&v.Ay.locals;var A=t(82246);const O=(0,s.PA)((function Inputbox(n){(0,i.A)(n);var e=(0,a.hV)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,o,i;e.settingsState.setInputBoxValue(null!==(n=null===(o=e.settingsState.inputBoxItem)||void 0===o?void 0:o.freeText)&&void 0!==n?n:""),null===(i=t.current)||void 0===i||i.focus()}),[]),(0,l.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,A.jsx)(A.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var s=function(){var n=(0,o.A)(d().mark((function _callee(){return d().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,A.jsx)("div",{children:(0,A.jsxs)("div",{className:v.m7,children:[(0,A.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:v.Bw,children:"✖"}),(0,A.jsxs)("div",{style:{width:"100%"},children:[(0,A.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,A.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(s(),n.stopPropagation())}(n)},className:v.Ig,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,A.jsx)("button",{className:v.hn,onClick:s})]})]})})}))},42476:(n,e,t)=>{t.r(e),t.d(e,{default:()=>C});var o=t(72919),i=t.n(o),r=t(5219),d=t(41594),a=t(25835),l=t.n(a),s=t(69120),u=t.n(s),c=t(91148),p=t.n(c),x=t(73035),m=t.n(x),g=t(24959),b=t.n(g),f=t(15004),h=t.n(f),w=t(25078),y={};y.styleTagTransform=h(),y.setAttributes=m(),y.insert=p().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=b();l()(w.Ay,y);w.Ay&&w.Ay.locals&&w.Ay.locals;var S=t(54751),v=t(7505),j=t(4209),A=t(52487),O=t(58071),k=t(77422),P=t(970),M=t(92523),I=t(82246),B={"--primaryColor":"#a81e1e","--secondaryColor":"#4a4a4a","--thirdColor":"#dfdfdf","--globalBorderRadius":"3px","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--articlePosNrFontSize":"16px","--galleryItemRadius":"3px","--galleryItemRowCount":"4","--galleryItemMargin":"1%","--galleryItemRowCountSmall":"3","--galleryItemMarginSmall":"0.5%","--galleryItemBorderColor":"#e8e9ed83","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorderHoverColor":"var(--thirdColor)","--galleryItemBorder":"1px","--settingsBackgroundColor":"rgba(242, 242, 242, 0.9)","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"10px","--settingsScrollerPaddingLeft":"10px","--tabGroupBackground":"var(--thirdColor)","--foldArrowMarginRight":"16px","--configuratorActionWidthForthBackSpacer":"0.1rem","--configuratorActionForthWidth":"calc(50% - calc(0.05rem + 2px))","--configuratorActionBackWidth":"calc(50% - calc(0.05rem + 2px))","--configuratorActionHeight":"40px","--lineHeight1":"36.8px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)","--itemsMargin":"11.2px 0 0 0"};const C=(0,P.PA)((function Gold(n){var e=(0,r.hV)();return(0,d.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(B)}),[]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)("div",{ref:function ref(n){return e.uiState.setConfiguratorRef(n)},style:{pointerEvents:e.uiState.configuratorDisabled?"none":void 0},hidden:e.uiState.configuratorHidden,id:"wcConfigurator",className:i()(w.Ao,e.uiState.configSettingsIsExpanded?w.sz:void 0,e.uiState.configSettingsIsFoldedUp?w.yd:void 0,e.uiState.configSettingsIsHidden?w.wv:void 0,e.uiState.isMobileLandscape?w.eJ:void 0,e.uiState.isMobilePortrait?w.o4:void 0,e.actionButtonState.isOnLastStep?w.in:void 0),children:[(0,I.jsx)(k.default,{className:w.vL,showCloseButtonInMobile:"none"}),(0,I.jsx)(v.default,{className:w.H3}),(0,I.jsx)(j.default,{className:w.$e}),(0,I.jsx)(A.default,{className:w.Ig}),(0,I.jsx)(O.default,{containerClassName:w.k9})]}),e.settingsState.inputBoxVisible&&(0,I.jsx)(S.default,{}),(0,I.jsx)(M.default,{})]})}))},7505:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var o=t(13587),i=(t(41594),t(53370)),r=t(82246);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.A)(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 d=function Product(n){return(0,r.jsx)(i.Ay,_objectSpread(_objectSpread({},n),{},{componentName:"Product/Product"}))}},90714:(n,e,t)=>{t.r(e),t.d(e,{default:()=>j});var o=t(36520),i=t(5219),r=t(970),d=t(41594),a=t(99174),l=t(25835),s=t.n(l),u=t(69120),c=t.n(u),p=t(91148),x=t.n(p),m=t(73035),g=t.n(m),b=t(24959),f=t.n(b),h=t(15004),w=t.n(h),y=t(68333),S={};S.styleTagTransform=w(),S.setAttributes=g(),S.insert=x().bind(null,"head"),S.domAPI=c(),S.insertStyleElement=f();s()(y.A,S);y.A&&y.A.locals&&y.A.locals;var v=t(82246);const j=(0,r.PA)((function SettingsSubTabGroup(n){var e=(0,i.hV)(),t=(0,d.useState)([]),r=(0,o.A)(t,2),l=r[0],s=r[1],u=(0,d.useState)([]),c=(0,o.A)(u,2),p=c[0],x=c[1],m=(0,d.useRef)(null);return(0,d.useEffect)((function(){return m.current?(e.settingsState.setScrollerElement(m.current),e.uiState.setUpSettingsScrollEvent(m.current)):function(){}}),[m]),(0,d.useEffect)((function(){var n=[],t=[];e.settingsState.itemPaletteArr.map((function(e){var i=(0,o.A)(e,2),r=i[0],d=i[1];if(!d.isRenderedNotInSettingPalette&&d.visible)if(n.includes(d.subTabGroup))t[n.indexOf(d.subTabGroup)][r]=d;else{n.push(d.subTabGroup);var a={};a[r]=d,t.push(a)}})),s(n),x(t)}),[e.settingsState.itemPaletteArr]),(0,d.useEffect)((function(){!(l.length>0)||e.tabGroupState.currentSubTabGroupFolded&&l.includes(e.tabGroupState.currentSubTabGroupFolded)||e.tabGroupState.setCurrentSubTabGroupFolded(l[0])}),[l,p]),(0,v.jsx)("div",{id:"subTabGroupScroller",className:y.J,ref:m,children:p.map((function(n,e){return(0,v.jsx)(a.default,{itemPalettes:n,subTabGroupName:l[e],index:e,count:p.length},l[e])}))})}))},4209:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});var o=t(13587),i=t(36520),r=t(23170),d=(t(41594),t(5219)),a=t(32356),l=t(22256),s=t(970),u=t(25835),c=t.n(u),p=t(69120),x=t.n(p),m=t(91148),g=t.n(m),b=t(73035),f=t.n(b),h=t(24959),w=t.n(h),y=t(15004),S=t.n(y),v=t(32956),j={};j.styleTagTransform=S(),j.setAttributes=f(),j.insert=g().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=w();c()(v.Ay,j);v.Ay&&v.Ay.locals&&v.Ay.locals;var A=t(72919),O=t.n(A),k=t(90714),P=t(82246),M=["className"];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.A)(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 I=(0,s.PA)((function Settings(n){var e,t,o=n.className,s=(0,r.A)(n,M),u=(0,d.hV)(),c=!!u.settingsState.itemPaletteArr.length,p=[];return u.settingsState.itemPaletteArr.map((function(n){var e=(0,i.A)(n,2),t=(e[0],e[1]);void 0===t.subTabGroup&&(c=!1),p.push(t)})),(0,P.jsxs)("div",_objectSpread(_objectSpread({},s),{},{className:O()(o,v.$e,"horizontal"==u.tabGroupState.curTabGroupType?v.Nk:void 0,u.uiState.configSettingsIsExpanded?v.sz:void 0),children:[u.uiState.doShowConfSettingsExpander&&!u.uiState.isInMobileView&&(0,P.jsx)("div",{className:v.GQ,onClick:u.uiState.onClickExpandConfigSettings}),!u.uiState.isInMobileView&&!u.settingsState.forceSettingsHeaderInScrollContainer&&(0,P.jsx)(a.default,{},null!==(e=null===(t=u.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==e?e:0),c?(0,P.jsx)(k.default,{}):(0,P.jsx)(l.default,{itemPalettes:p}),!u.uiState.isInMobileView&&u.uiState.doShowConfSettingsMaxMinExpander&&(0,P.jsxs)(P.Fragment,{children:[!u.uiState.configSettingsIsMaxExpanded&&(0,P.jsx)("div",{className:v.ys,onClick:u.uiState.onClickExpandMaxConfigSettings}),!u.uiState.configSettingsIsMinExpanded&&(0,P.jsx)("div",{className:v.k,onClick:u.uiState.onClickExpandMinConfigSettings})]})]}))}))},54605:(n,e,t)=>{t.d(e,{Ay:()=>b,Bw:()=>m,Ig:()=>p,hn:()=>g,m7:()=>x});var o=t(38634),i=t.n(o),r=t(92083),d=t.n(r),a=t(1946),l=t.n(a),s=new URL(t(41943),t.b),u=d()(i()),c=l()(s);u.push([n.id,`.index-module--hLZKG {\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--uzMQY {\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--uzMQY p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--uzMQY ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--uzMQY .index-module--Kwri7 {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--uzMQY 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--cx2sU {\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--cx2sU:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--_9Crt {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url(${c});\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n`,""]);var p="index-module--hLZKG",x="index-module--uzMQY",m="index-module--cx2sU",g="index-module--_9Crt";const b=u},25078:(n,e,t)=>{t.d(e,{$e:()=>c,Ao:()=>a,Ay:()=>w,H3:()=>u,Ig:()=>x,eJ:()=>l,in:()=>f,k9:()=>m,o4:()=>s,sz:()=>g,vL:()=>p,wv:()=>b,yd:()=>h});var o=t(38634),i=t.n(o),r=t(92083),d=t.n(r)()(i());d.push([n.id,".index-module--L4UIs {\n  position: relative;\n  height: calc(100% - 60px);\n  width: 100%;\n  margin: 30px 0;\n  overflow: hidden;\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  -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--L4UIs *,\n.index-module--L4UIs *::before,\n.index-module--L4UIs *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--L4UIs.index-module--mSt1b {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n.index-module--L4UIs.index-module--tihA7 {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n/******************************************Product*******************************************/\n\n.index-module--hNMVA {\n  position: absolute;\n  width: 69%;\n  top: calc(56px + 20px);\n  height: calc(100% - 56px - 20px);\n}\n\n/**************************************ConfigPalette***************************************/\n.index-module--nkB65 {\n  position: absolute;\n  width: 31%;\n  overflow: visible;\n  z-index: 500;\n  right: 0px;\n  top: calc(56px + 20px);\n  height: calc(100% - 60px - 56px - 70px);\n  transition: width 0.2s ease-in-out;\n}\n\n/**************************************TabGroup********************************************/\n\n.index-module--E4lc8 {\n  position: absolute;\n  z-index: 300;\n  height: 56px;\n  width: calc(100%);\n  transition: width 0.2s ease-in-out;\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.index-module--o4x6E {\n  position: absolute;\n  width: 31%;\n  height: 40px;\n  right: 0px;\n  bottom: calc(40px + 20px);\n  padding-top: 10px;\n  z-index: 500;\n  transition: width 0.2s ease-in-out;\n}\n\n/*************************************Basket Button****************************************/\n.index-module--y02a7 {\n  position: absolute;\n  width: 31%;\n  height: 40px;\n  right: 0px;\n  bottom: 0px;\n  padding-top: 20px;\n  z-index: 500;\n  transition: width 0.2s ease-in-out;\n}\n\n/****************************************Settings- Expanded *******************************/\n.index-module--TrOZx .index-module--nkB65,\n.index-module--TrOZx .index-module--y02a7,\n.index-module--TrOZx .index-module--o4x6E {\n  width: 62%;\n}\n\n.index-module--L4UIs.index-module--tihA7,\n.index-module--mSt1b.index-module--L4UIs {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n}\n/*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.index-module--mSt1b .index-module--hNMVA {\n  width: 100%;\n  height: 100%;\n  top: 0px;\n  left: 0px;\n}\n.index-module--mSt1b.index-module--aBwFw .index-module--hNMVA {\n  height: calc(100% - 40px);\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.index-module--mSt1b .index-module--nkB65 {\n  top: calc(54.4px + 40px);\n  right: 0;\n  height: calc(100% - 54.4px - 40px - var(--configuratorActionHeight));\n  width: 55%;\n}\n\n/*configuratorPalette wird nach unten aus dem Blickfeld geschoben*/\n.index-module--mSt1b.index-module--aBwFw .index-module--nkB65 {\n  top: 100%;\n}\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.index-module--mSt1b .index-module--E4lc8 {\n  position: absolute;\n  right: 0px;\n  left: auto;\n  left: initial;\n  top: 54.4px;\n  height: 40px;\n  width: 55%;\n}\n\n.index-module--mSt1b.index-module--aBwFw .index-module--E4lc8 {\n  left: 0px;\n  top: calc(100% - 40px);\n  width: 100%;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.index-module--mSt1b .index-module--o4x6E {\n  bottom: 0px;\n  width: 55%;\n  height: var(--configuratorActionHeight);\n  padding-top: 0px;\n  right: 0;\n}\n\n.index-module--mSt1b.index-module--aBwFw .index-module--o4x6E {\n  display: none !important;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.index-module--mSt1b .index-module--y02a7,\n.index-module--mSt1b.index-module--aBwFw .index-module--y02a7 {\n  display: none !important;\n}\n\n.index-module--mSt1b.index-module--XMl0n .index-module--y02a7 {\n  display: block;\n  right: 0px;\n  bottom: 0px;\n  width: 55%;\n  height: var(--configuratorActionHeight);\n  padding-top: 0px;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.index-module--tihA7 .index-module--hNMVA {\n  top: 0;\n  left: 0;\n  height: 48%;\n  width: 100%;\n}\n\n.index-module--tihA7.index-module--WwMCT .index-module--hNMVA {\n  z-index: 1;\n}\n\n.index-module--tihA7.index-module--aBwFw .index-module--hNMVA {\n  height: calc(100% - 40px);\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.index-module--tihA7 .index-module--nkB65 {\n  left: 0px;\n  top: calc(48% + 40px);\n  height: calc(52% - 40px - var(--configuratorActionHeight));\n  width: 100%;\n}\n\n.index-module--tihA7.index-module--aBwFw .index-module--nkB65 {\n  top: 100%;\n}\n\n.index-module--tihA7.index-module--WwMCT .index-module--nkB65 {\n  top: 2.5rem;\n  height: calc(100% - 40px);\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.index-module--tihA7 .index-module--E4lc8 {\n  position: absolute;\n  left: 0px;\n  top: 48%;\n  width: 100%;\n  height: 40px;\n}\n\n.index-module--tihA7.index-module--WwMCT .index-module--E4lc8 {\n  top: 0px;\n}\n\n.index-module--tihA7.index-module--aBwFw .index-module--E4lc8 {\n  top: auto;\n  top: initial;\n  bottom: 0px;\n}\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.index-module--tihA7 .index-module--o4x6E {\n  bottom: 0px;\n  width: 100%;\n  height: var(--configuratorActionHeight);\n  padding-top: 0px;\n  right: 0px;\n}\n.index-module--tihA7.index-module--XMl0n .index-module--o4x6E,\n.index-module--tihA7.index-module--aBwFw .index-module--o4x6E {\n  display: none !important;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.index-module--tihA7 .index-module--y02a7,\n.index-module--tihA7.index-module--aBwFw .index-module--y02a7 {\n  display: none;\n}\n\n.index-module--tihA7.index-module--XMl0n .index-module--y02a7 {\n  right: 0px;\n  bottom: 0px;\n  width: 100%;\n  height: var(--configuratorActionHeight);\n  padding-top: 0px;\n  display: block;\n}\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var a="index-module--L4UIs",l="index-module--mSt1b",s="index-module--tihA7",u="index-module--hNMVA",c="index-module--nkB65",p="index-module--E4lc8",x="index-module--o4x6E",m="index-module--y02a7",g="index-module--TrOZx",b="index-module--aBwFw",f="index-module--XMl0n",h="index-module--WwMCT";const w=d},68333:(n,e,t)=>{t.d(e,{A:()=>l,J:()=>a});var o=t(38634),i=t.n(o),r=t(92083),d=t.n(r)()(i());d.push([n.id,".index-module--kQfQ5 {\n  /* overflow: auto; */\n  height: 100%;\n}\n",""]);var a="index-module--kQfQ5";const l=d},32956:(n,e,t)=>{t.d(e,{$e:()=>m,Ay:()=>y,GQ:()=>b,Nk:()=>g,k:()=>h,sz:()=>f,ys:()=>w});var o=t(38634),i=t.n(o),r=t(92083),d=t.n(r),a=t(1946),l=t.n(a),s=new URL(t(41943),t.b),u=new URL(t(64927),t.b),c=d()(i()),p=l()(s),x=l()(u);c.push([n.id,`.index-module--E51P2 {\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.index-module--mgvLD .index-module--E51P2 {\n  transition: height 0.45s ease, top 0.45s ease;\n}\n\n/* normal expander */\n.index-module--dLjl5 {\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(${p});\n  background-size: 19.2px;\n}\n\n.index-module--hpghF .index-module--dLjl5 {\n  transform: rotate(180deg);\n  border-radius: 0 3px 3px 0;\n}\n\n/*Min Max expander*/\n\n.index-module--hYAg_,\n.index-module--rBWYr {\n  position: absolute;\n  top: calc(50% + 2rem);\n  width: 1rem;\n  height: 2rem;\n  z-index: 1060;\n  border-radius: var(--globalBorderRadius) 0 0 3px;\n  background-repeat: no-repeat;\n  background-image: url(${x});\n  background-size: 1.2rem;\n  background-position: left;\n  transition: left 0.1s ease 0.1s, width 0.2s ease;\n  cursor: pointer;\n}\n\n.index-module--rBWYr {\n  left: -1.1rem;\n}\n\n.index-module--hYAg_ {\n  left: 0.3rem;\n  transform: rotate(180deg);\n}\n\n.index-module--iJqT9 .index-module--hYAg_ {\n  left: 0.5rem;\n  width: 1rem;\n}\n.index-module--tzi5o .index-module--rBWYr {\n  left: calc(-1 * (1.9rem));\n  left: calc(-1 * calc(1.9rem));\n  width: 1rem;\n}\n`,""]);var m="index-module--E51P2",g="index-module--mgvLD",b="index-module--dLjl5",f="index-module--hpghF",h="index-module--hYAg_",w="index-module--rBWYr";const y=c},41943:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2476,8071,2487,2523,7505,714,4209],{58071:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var o=t(13587),i=(t(41594),t(53370)),r=t(82246);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.A)(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 d=function BasketAction(n){return(0,r.jsx)(i.Ay,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Basket"}))}},52487:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var o=t(13587),i=(t(41594),t(53370)),r=t(82246);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.A)(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 d=function NavigationButtons(n){return(0,r.jsx)(i.Ay,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},92523:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var o=t(13587),i=(t(41594),t(53370)),r=t(82246);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.A)(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 d=function BarrierActions(n){return(0,r.jsx)(i.Ay,_objectSpread(_objectSpread({},n),{},{componentName:"GlobalElements/BarrierActions"}))}},54751:(n,e,t)=>{t.r(e),t.d(e,{default:()=>O});var o=t(84451),i=t(32134),r=t(64281),d=t.n(r),a=t(5219),l=t(41594),s=t(970),u=t(25835),c=t.n(u),p=t(69120),x=t.n(p),m=t(91148),g=t.n(m),b=t(73035),f=t.n(b),h=t(24959),w=t.n(h),y=t(15004),S=t.n(y),v=t(54605),j={};j.styleTagTransform=S(),j.setAttributes=f(),j.insert=g().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=w();c()(v.Ay,j);v.Ay&&v.Ay.locals&&v.Ay.locals;var A=t(82246);const O=(0,s.PA)((function Inputbox(n){(0,i.A)(n);var e=(0,a.hV)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,o,i;e.settingsState.setInputBoxValue(null!==(n=null===(o=e.settingsState.inputBoxItem)||void 0===o?void 0:o.freeText)&&void 0!==n?n:""),null===(i=t.current)||void 0===i||i.focus()}),[]),(0,l.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,A.jsx)(A.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var s=function(){var n=(0,o.A)(d().mark((function _callee(){return d().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,A.jsx)("div",{children:(0,A.jsxs)("div",{className:v.m7,children:[(0,A.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:v.Bw,children:"✖"}),(0,A.jsxs)("div",{style:{width:"100%"},children:[(0,A.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,A.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(s(),n.stopPropagation())}(n)},className:v.Ig,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,A.jsx)("button",{className:v.hn,onClick:s})]})]})})}))},42476:(n,e,t)=>{t.r(e),t.d(e,{default:()=>C});var o=t(72919),i=t.n(o),r=t(5219),d=t(41594),a=t(25835),l=t.n(a),s=t(69120),u=t.n(s),c=t(91148),p=t.n(c),x=t(73035),m=t.n(x),g=t(24959),b=t.n(g),f=t(15004),h=t.n(f),w=t(25078),y={};y.styleTagTransform=h(),y.setAttributes=m(),y.insert=p().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=b();l()(w.Ay,y);w.Ay&&w.Ay.locals&&w.Ay.locals;var S=t(54751),v=t(7505),j=t(4209),A=t(52487),O=t(58071),k=t(77422),P=t(970),M=t(92523),I=t(82246),B={"--primaryColor":"#a81e1e","--secondaryColor":"#4a4a4a","--thirdColor":"#dfdfdf","--globalBorderRadius":"3px","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--articlePosNrFontSize":"16px","--galleryItemRadius":"3px","--galleryItemRowCount":"4","--galleryItemMargin":"1%","--galleryItemRowCountSmall":"3","--galleryItemMarginSmall":"0.5%","--galleryItemBorderColor":"#e8e9ed83","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorderHoverColor":"var(--thirdColor)","--galleryItemBorder":"1px","--settingsBackgroundColor":"rgba(242, 242, 242, 0.9)","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"10px","--settingsScrollerPaddingLeft":"10px","--tabGroupBackground":"var(--thirdColor)","--foldArrowMarginRight":"16px","--configuratorActionWidthForthBackSpacer":"0.1rem","--configuratorActionForthWidth":"calc(50% - calc(0.05rem + 2px))","--configuratorActionBackWidth":"calc(50% - calc(0.05rem + 2px))","--configuratorActionHeight":"40px","--lineHeight1":"36.8px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)","--itemsMargin":"11.2px 0 0 0"};const C=(0,P.PA)((function Gold(n){var e=(0,r.hV)();return(0,d.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(B)}),[]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)("div",{ref:function ref(n){return e.uiState.setConfiguratorRef(n)},style:{pointerEvents:e.uiState.configuratorDisabled?"none":void 0},hidden:e.uiState.configuratorHidden,id:"wcConfigurator",className:i()(w.Ao,e.uiState.configSettingsIsExpanded?w.sz:void 0,e.uiState.configSettingsIsFoldedUp?w.yd:void 0,e.uiState.configSettingsIsHidden?w.wv:void 0,e.uiState.isMobileLandscape?w.eJ:void 0,e.uiState.isMobilePortrait?w.o4:void 0,e.actionButtonState.isOnLastStep?w.in:void 0),children:[(0,I.jsx)(k.default,{className:w.vL,showCloseButtonInMobile:"none"}),(0,I.jsx)(v.default,{className:w.H3}),(0,I.jsx)(j.default,{className:w.$e}),(0,I.jsx)(A.default,{className:w.Ig}),(0,I.jsx)(O.default,{containerClassName:w.k9})]}),e.settingsState.inputBoxVisible&&(0,I.jsx)(S.default,{}),(0,I.jsx)(M.default,{})]})}))},7505:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var o=t(13587),i=(t(41594),t(53370)),r=t(82246);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.A)(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 d=function Product(n){return(0,r.jsx)(i.Ay,_objectSpread(_objectSpread({},n),{},{componentName:"Product/Product"}))}},90714:(n,e,t)=>{t.r(e),t.d(e,{default:()=>j});var o=t(36520),i=t(5219),r=t(970),d=t(41594),a=t(99174),l=t(25835),s=t.n(l),u=t(69120),c=t.n(u),p=t(91148),x=t.n(p),m=t(73035),g=t.n(m),b=t(24959),f=t.n(b),h=t(15004),w=t.n(h),y=t(68333),S={};S.styleTagTransform=w(),S.setAttributes=g(),S.insert=x().bind(null,"head"),S.domAPI=c(),S.insertStyleElement=f();s()(y.A,S);y.A&&y.A.locals&&y.A.locals;var v=t(82246);const j=(0,r.PA)((function SettingsSubTabGroup(n){var e=(0,i.hV)(),t=(0,d.useState)([]),r=(0,o.A)(t,2),l=r[0],s=r[1],u=(0,d.useState)([]),c=(0,o.A)(u,2),p=c[0],x=c[1],m=(0,d.useRef)(null);return(0,d.useEffect)((function(){return m.current?(e.settingsState.setScrollerElement(m.current),e.uiState.setUpSettingsScrollEvent(m.current)):function(){}}),[m]),(0,d.useEffect)((function(){var n=[],t=[];e.settingsState.itemPaletteArr.map((function(e){var i=(0,o.A)(e,2),r=i[0],d=i[1];if(!d.isRenderedNotInSettingPalette&&d.visible)if(n.includes(d.subTabGroup))t[n.indexOf(d.subTabGroup)][r]=d;else{n.push(d.subTabGroup);var a={};a[r]=d,t.push(a)}})),s(n),x(t)}),[e.settingsState.itemPaletteArr]),(0,d.useEffect)((function(){!(l.length>0)||e.tabGroupState.currentSubTabGroupFolded&&l.includes(e.tabGroupState.currentSubTabGroupFolded)||e.tabGroupState.setCurrentSubTabGroupFolded(l[0])}),[l,p]),(0,v.jsx)("div",{id:"subTabGroupScroller",className:y.J,ref:m,children:p.map((function(n,e){return(0,v.jsx)(a.default,{itemPalettes:n,subTabGroupName:l[e],index:e,count:p.length},l[e])}))})}))},4209:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});var o=t(13587),i=t(36520),r=t(23170),d=(t(41594),t(5219)),a=t(32356),l=t(22256),s=t(970),u=t(25835),c=t.n(u),p=t(69120),x=t.n(p),m=t(91148),g=t.n(m),b=t(73035),f=t.n(b),h=t(24959),w=t.n(h),y=t(15004),S=t.n(y),v=t(32956),j={};j.styleTagTransform=S(),j.setAttributes=f(),j.insert=g().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=w();c()(v.Ay,j);v.Ay&&v.Ay.locals&&v.Ay.locals;var A=t(72919),O=t.n(A),k=t(90714),P=t(82246),M=["className"];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.A)(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 I=(0,s.PA)((function Settings(n){var e,t,o=n.className,s=(0,r.A)(n,M),u=(0,d.hV)(),c=!!u.settingsState.itemPaletteArr.length,p=[];return u.settingsState.itemPaletteArr.map((function(n){var e=(0,i.A)(n,2),t=(e[0],e[1]);void 0===t.subTabGroup&&(c=!1),p.push(t)})),(0,P.jsxs)("div",_objectSpread(_objectSpread({},s),{},{className:O()(o,v.$e,"horizontal"==u.tabGroupState.curTabGroupType?v.Nk:void 0,u.uiState.configSettingsIsExpanded?v.sz:void 0),children:[u.uiState.doShowConfSettingsExpander&&!u.uiState.isInMobileView&&(0,P.jsx)("div",{className:v.GQ,onClick:u.uiState.onClickExpandConfigSettings}),!u.uiState.isInMobileView&&!u.settingsState.forceSettingsHeaderInScrollContainer&&(0,P.jsx)(a.default,{},null!==(e=null===(t=u.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==e?e:0),c?(0,P.jsx)(k.default,{}):(0,P.jsx)(l.default,{itemPalettes:p}),!u.uiState.isInMobileView&&u.uiState.doShowConfSettingsMaxMinExpander&&(0,P.jsxs)(P.Fragment,{children:[!u.uiState.configSettingsIsMaxExpanded&&(0,P.jsx)("div",{className:v.ys,onClick:u.uiState.onClickExpandMaxConfigSettings}),!u.uiState.configSettingsIsMinExpanded&&(0,P.jsx)("div",{className:v.k,onClick:u.uiState.onClickExpandMinConfigSettings})]})]}))}))},54605:(n,e,t)=>{t.d(e,{Ay:()=>b,Bw:()=>m,Ig:()=>p,hn:()=>g,m7:()=>x});var o=t(38634),i=t.n(o),r=t(92083),d=t.n(r),a=t(1946),l=t.n(a),s=new URL(t(41943),t.b),u=d()(i()),c=l()(s);u.push([n.id,`.index-module--hLZKG {\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--uzMQY {\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--uzMQY p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--uzMQY ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--uzMQY .index-module--Kwri7 {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--uzMQY 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--cx2sU {\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--cx2sU:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--_9Crt {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url(${c});\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n`,""]);var p="index-module--hLZKG",x="index-module--uzMQY",m="index-module--cx2sU",g="index-module--_9Crt";const b=u},25078:(n,e,t)=>{t.d(e,{$e:()=>c,Ao:()=>a,Ay:()=>w,H3:()=>u,Ig:()=>x,eJ:()=>l,in:()=>f,k9:()=>m,o4:()=>s,sz:()=>g,vL:()=>p,wv:()=>b,yd:()=>h});var o=t(38634),i=t.n(o),r=t(92083),d=t.n(r)()(i());d.push([n.id,".index-module--L4UIs {\n  position: relative;\n  height: calc(100% - 60px);\n  width: 100%;\n  margin: 30px 0;\n  overflow: hidden;\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  -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--L4UIs *,\n.index-module--L4UIs *::before,\n.index-module--L4UIs *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--L4UIs.index-module--mSt1b {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n.index-module--L4UIs.index-module--tihA7 {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n/******************************************Product*******************************************/\n\n.index-module--hNMVA {\n  position: absolute;\n  width: 69%;\n  top: calc(56px + 20px);\n  height: calc(100% - 56px - 20px);\n}\n\n/**************************************ConfigPalette***************************************/\n.index-module--nkB65 {\n  position: absolute;\n  width: 31%;\n  overflow: visible;\n  z-index: 500;\n  right: 0px;\n  top: calc(56px + 20px);\n  height: calc(100% - 60px - 56px - 70px);\n  transition: width 0.2s ease-in-out;\n}\n\n/**************************************TabGroup********************************************/\n\n.index-module--E4lc8 {\n  position: absolute;\n  z-index: 300;\n  height: 56px;\n  width: 100%;\n  transition: width 0.2s ease-in-out;\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.index-module--o4x6E {\n  position: absolute;\n  width: 31%;\n  height: 40px;\n  right: 0px;\n  bottom: calc(40px + 20px);\n  padding-top: 10px;\n  z-index: 500;\n  transition: width 0.2s ease-in-out;\n}\n\n/*************************************Basket Button****************************************/\n.index-module--y02a7 {\n  position: absolute;\n  width: 31%;\n  height: 40px;\n  right: 0px;\n  bottom: 0px;\n  padding-top: 20px;\n  z-index: 500;\n  transition: width 0.2s ease-in-out;\n}\n\n/****************************************Settings- Expanded *******************************/\n.index-module--TrOZx .index-module--nkB65,\n.index-module--TrOZx .index-module--y02a7,\n.index-module--TrOZx .index-module--o4x6E {\n  width: 62%;\n}\n\n.index-module--L4UIs.index-module--tihA7,\n.index-module--mSt1b.index-module--L4UIs {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n}\n/*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.index-module--mSt1b .index-module--hNMVA {\n  width: 100%;\n  height: 100%;\n  top: 0px;\n  left: 0px;\n}\n.index-module--mSt1b.index-module--aBwFw .index-module--hNMVA {\n  height: calc(100% - 40px);\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.index-module--mSt1b .index-module--nkB65 {\n  top: calc(54.4px + 40px);\n  right: 0;\n  height: calc(100% - 54.4px - 40px - var(--configuratorActionHeight));\n  width: 55%;\n}\n\n/*configuratorPalette wird nach unten aus dem Blickfeld geschoben*/\n.index-module--mSt1b.index-module--aBwFw .index-module--nkB65 {\n  top: 100%;\n}\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.index-module--mSt1b .index-module--E4lc8 {\n  position: absolute;\n  right: 0px;\n  left: auto;\n  left: initial;\n  top: 54.4px;\n  height: 40px;\n  width: 55%;\n}\n\n.index-module--mSt1b.index-module--aBwFw .index-module--E4lc8 {\n  left: 0px;\n  top: calc(100% - 40px);\n  width: 100%;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.index-module--mSt1b .index-module--o4x6E {\n  bottom: 0px;\n  width: 55%;\n  height: var(--configuratorActionHeight);\n  padding-top: 0px;\n  right: 0;\n}\n\n.index-module--mSt1b.index-module--aBwFw .index-module--o4x6E {\n  display: none !important;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.index-module--mSt1b .index-module--y02a7,\n.index-module--mSt1b.index-module--aBwFw .index-module--y02a7 {\n  display: none !important;\n}\n\n.index-module--mSt1b.index-module--XMl0n .index-module--y02a7 {\n  display: block;\n  right: 0px;\n  bottom: 0px;\n  width: 55%;\n  height: var(--configuratorActionHeight);\n  padding-top: 0px;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.index-module--tihA7 .index-module--hNMVA {\n  top: 0;\n  left: 0;\n  height: 48%;\n  width: 100%;\n}\n\n.index-module--tihA7.index-module--WwMCT .index-module--hNMVA {\n  z-index: 1;\n}\n\n.index-module--tihA7.index-module--aBwFw .index-module--hNMVA {\n  height: calc(100% - 40px);\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.index-module--tihA7 .index-module--nkB65 {\n  left: 0px;\n  top: calc(48% + 40px);\n  height: calc(52% - 40px - var(--configuratorActionHeight));\n  width: 100%;\n}\n\n.index-module--tihA7.index-module--aBwFw .index-module--nkB65 {\n  top: 100%;\n}\n\n.index-module--tihA7.index-module--WwMCT .index-module--nkB65 {\n  top: 2.5rem;\n  height: calc(100% - 40px);\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.index-module--tihA7 .index-module--E4lc8 {\n  position: absolute;\n  left: 0px;\n  top: 48%;\n  width: 100%;\n  height: 40px;\n}\n\n.index-module--tihA7.index-module--WwMCT .index-module--E4lc8 {\n  top: 0px;\n}\n\n.index-module--tihA7.index-module--aBwFw .index-module--E4lc8 {\n  top: auto;\n  top: initial;\n  bottom: 0px;\n}\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.index-module--tihA7 .index-module--o4x6E {\n  bottom: 0px;\n  width: 100%;\n  height: var(--configuratorActionHeight);\n  padding-top: 0px;\n  right: 0px;\n}\n.index-module--tihA7.index-module--XMl0n .index-module--o4x6E,\n.index-module--tihA7.index-module--aBwFw .index-module--o4x6E {\n  display: none !important;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.index-module--tihA7 .index-module--y02a7,\n.index-module--tihA7.index-module--aBwFw .index-module--y02a7 {\n  display: none;\n}\n\n.index-module--tihA7.index-module--XMl0n .index-module--y02a7 {\n  right: 0px;\n  bottom: 0px;\n  width: 100%;\n  height: var(--configuratorActionHeight);\n  padding-top: 0px;\n  display: block;\n}\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var a="index-module--L4UIs",l="index-module--mSt1b",s="index-module--tihA7",u="index-module--hNMVA",c="index-module--nkB65",p="index-module--E4lc8",x="index-module--o4x6E",m="index-module--y02a7",g="index-module--TrOZx",b="index-module--aBwFw",f="index-module--XMl0n",h="index-module--WwMCT";const w=d},68333:(n,e,t)=>{t.d(e,{A:()=>l,J:()=>a});var o=t(38634),i=t.n(o),r=t(92083),d=t.n(r)()(i());d.push([n.id,".index-module--kQfQ5 {\n  /* overflow: auto; */\n  height: 100%;\n}\n",""]);var a="index-module--kQfQ5";const l=d},32956:(n,e,t)=>{t.d(e,{$e:()=>m,Ay:()=>y,GQ:()=>b,Nk:()=>g,k:()=>h,sz:()=>f,ys:()=>w});var o=t(38634),i=t.n(o),r=t(92083),d=t.n(r),a=t(1946),l=t.n(a),s=new URL(t(41943),t.b),u=new URL(t(64927),t.b),c=d()(i()),p=l()(s),x=l()(u);c.push([n.id,`.index-module--E51P2 {\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.index-module--mgvLD .index-module--E51P2 {\n  transition: height 0.45s ease, top 0.45s ease;\n}\n\n/* normal expander */\n.index-module--dLjl5 {\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(${p});\n  background-size: 19.2px;\n}\n\n.index-module--hpghF .index-module--dLjl5 {\n  transform: rotate(180deg);\n  border-radius: 0 3px 3px 0;\n}\n\n/*Min Max expander*/\n\n.index-module--hYAg_,\n.index-module--rBWYr {\n  position: absolute;\n  top: calc(50% + 2rem);\n  width: 1rem;\n  height: 2rem;\n  z-index: 1060;\n  border-radius: var(--globalBorderRadius) 0 0 3px;\n  background-repeat: no-repeat;\n  background-image: url(${x});\n  background-size: 1.2rem;\n  background-position: left;\n  transition: left 0.1s ease 0.1s, width 0.2s ease;\n  cursor: pointer;\n}\n\n.index-module--rBWYr {\n  left: -1.1rem;\n}\n\n.index-module--hYAg_ {\n  left: 0.3rem;\n  transform: rotate(180deg);\n}\n\n.index-module--iJqT9 .index-module--hYAg_ {\n  left: 0.5rem;\n  width: 1rem;\n}\n.index-module--tzi5o .index-module--rBWYr {\n  left: calc(-1 * (1.9rem));\n  left: calc(-1 * calc(1.9rem));\n  width: 1rem;\n}\n`,""]);var m="index-module--E51P2",g="index-module--mgvLD",b="index-module--dLjl5",f="index-module--hpghF",h="index-module--hYAg_",w="index-module--rBWYr";const y=c},41943:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="}}]);

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

@@ -0,0 +1,2 @@
+/*! For license information please see 2508.diva-web-planner-react.umd.min.js.LICENSE.txt */
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2508],{22508:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>T});var o=t(72919),r=t.n(o),i=t(970),s=(t(41594),t(25835)),l=t.n(s),d=t(69120),a=t.n(d),u=t(91148),c=t.n(u),p=t(73035),f=t.n(p),m=t(24959),x=t.n(m),h=t(15004),v=t.n(h),y=t(49958),b={};b.styleTagTransform=v(),b.setAttributes=f(),b.insert=c().bind(null,"head"),b.domAPI=a(),b.insertStyleElement=x();l()(y.Ay,b);y.Ay&&y.Ay.locals&&y.Ay.locals;var g=t(14488),S=t(5219),j=t(82246);const T=(0,i.PA)((function PriceSumm(e){var n=(0,S.hV)(),t=(0,g.useDivaCore)().state.hidePrices,o=(0,g.useTranslation)().t;return(0,j.jsxs)("div",{className:r()(y.lf,n.getIsInMobileView()?y.Fr:void 0),children:[(0,j.jsx)("div",{children:o("configurator.Sum","Summe")}),(0,j.jsx)("div",{className:y.to,children:(0,j.jsxs)("div",{children:[(0,j.jsx)("div",{className:r()(y.q9,n.productState.formatedBruttoPrice?y.qe:void 0),children:!t&&n.productState.formatedCurSetPrice}),n.productState.formatedBruttoPrice&&!t&&(0,j.jsxs)("div",{className:r()(y.q9,y.aD),children:[" ",n.productState.formatedBruttoPrice]})]})})]})}))},49958:(e,n,t)=>{"use strict";t.d(n,{Ay:()=>f,Fr:()=>d,aD:()=>p,lf:()=>l,q9:()=>u,qe:()=>c,to:()=>a});var o=t(38634),r=t.n(o),i=t(92083),s=t.n(i)()(r());s.push([e.id,".index-module--phxZV {\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--Skvzp.index-module--phxZV {\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--q0Uj5 {\n  display: flex;\n  justify-content: space-between;\n}\n\n.index-module--dTy27 {\n  position: relative;\n  color: #262626;\n}\n\n.index-module--HKMLl {\n  color: #b1223f;\n  margin-right: 12px;\n}\n\n.index-module--dTy27.index-module--ToCZ6 {\n  color: #bfbfbf;\n}\n\n.index-module--dTy27.index-module--ToCZ6: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--Skvzp .index-module--dTy27.index-module--ToCZ6:before {\n  top: 45%;\n}\n",""]);var l="index-module--phxZV",d="index-module--Skvzp",a="index-module--q0Uj5",u="index-module--dTy27",c="index-module--HKMLl",p="index-module--ToCZ6";const f=s},72919:(e,n)=>{var t;!function(){"use strict";var o={}.hasOwnProperty;function classNames(){for(var e=[],n=0;n<arguments.length;n++){var t=arguments[n];if(t){var r=typeof t;if("string"===r||"number"===r)e.push(t);else if(Array.isArray(t)){if(t.length){var i=classNames.apply(null,t);i&&e.push(i)}}else if("object"===r)if(t.toString===Object.prototype.toString)for(var s in t)o.call(t,s)&&t[s]&&e.push(s);else e.push(t.toString())}}return e.join(" ")}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(t=function(){return classNames}.apply(n,[]))||(e.exports=t)}()}}]);

package/build/umd/2508.diva-web-planner-react.umd.min.js.LICENSE.txt

@@ -0,0 +1,7 @@
+/*!
+  Copyright (c) 2018 Jed Watson.
+  Licensed under the MIT License (MIT), see
+  http://jedwatson.github.io/classnames
+*/
+
+/*! filename:2508 */

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

@@ -1,2 +1,2 @@
 /*! For license information please see 4215.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4215,8071,2487,2523,7505,714,4209],{58071:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var o=t(13587),i=(t(41594),t(53370)),r=t(82246);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.A)(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 a=function BasketAction(n){return(0,r.jsx)(i.Ay,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Basket"}))}},52487:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var o=t(13587),i=(t(41594),t(53370)),r=t(82246);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.A)(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 a=function NavigationButtons(n){return(0,r.jsx)(i.Ay,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},92523:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var o=t(13587),i=(t(41594),t(53370)),r=t(82246);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.A)(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 a=function BarrierActions(n){return(0,r.jsx)(i.Ay,_objectSpread(_objectSpread({},n),{},{componentName:"GlobalElements/BarrierActions"}))}},54751:(n,e,t)=>{t.r(e),t.d(e,{default:()=>P});var o=t(84451),i=t(32134),r=t(64281),a=t.n(r),d=t(5219),l=t(41594),s=t(970),u=t(25835),c=t.n(u),p=t(69120),x=t.n(p),g=t(91148),b=t.n(g),m=t(73035),f=t.n(m),h=t(24959),y=t.n(h),v=t(15004),w=t.n(v),j=t(54605),S={};S.styleTagTransform=w(),S.setAttributes=f(),S.insert=b().bind(null,"head"),S.domAPI=x(),S.insertStyleElement=y();c()(j.Ay,S);j.Ay&&j.Ay.locals&&j.Ay.locals;var k=t(82246);const P=(0,s.PA)((function Inputbox(n){(0,i.A)(n);var e=(0,d.hV)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,o,i;e.settingsState.setInputBoxValue(null!==(n=null===(o=e.settingsState.inputBoxItem)||void 0===o?void 0:o.freeText)&&void 0!==n?n:""),null===(i=t.current)||void 0===i||i.focus()}),[]),(0,l.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,k.jsx)(k.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var s=function(){var n=(0,o.A)(a().mark((function _callee(){return a().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,k.jsx)("div",{children:(0,k.jsxs)("div",{className:j.m7,children:[(0,k.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:j.Bw,children:"✖"}),(0,k.jsxs)("div",{style:{width:"100%"},children:[(0,k.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,k.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(s(),n.stopPropagation())}(n)},className:j.Ig,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,k.jsx)("button",{className:j.hn,onClick:s})]})]})})}))},64215:(n,e,t)=>{t.r(e),t.d(e,{default:()=>M});var o=t(72919),i=t.n(o),r=t(5219),a=t(41594),d=t(25835),l=t.n(d),s=t(69120),u=t.n(s),c=t(91148),p=t.n(c),x=t(73035),g=t.n(x),b=t(24959),m=t.n(b),f=t(15004),h=t.n(f),y=t(49007),v={};v.styleTagTransform=h(),v.setAttributes=g(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=m();l()(y.Ay,v);y.Ay&&y.Ay.locals&&y.Ay.locals;var w=t(54751),j=t(7505),S=t(4209),k=t(52487),P=t(58071),A=t(77422),O=t(970),C=t(92523),I=t(82246),B={"--primaryColor":"#a81e1e","--secondaryColor":"#4a4a4a","--thirdColor":"#f3f3f3","--globalBorderRadius":"3px","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--articlePosNrFontSize":"16px","--galleryItemRadius":"3px","--galleryItemRowCount":"4","--galleryItemMargin":"1%","--galleryItemRowCountSmall":"3","--galleryItemMarginSmall":"0.5%","--galleryItemBorderColor":"#e8e9ed83","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorderHoverColor":"var(--thirdColor)","--galleryItemBorder":"1px","--settingsBackgroundColor":"rgba(242, 242, 242, 0.9)","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"10px","--settingsScrollerPaddingLeft":"10px","--tabGroupBackground":"var(--thirdColor)","--foldArrowMarginRight":"16px","--configuratorActionWidthForthBackSpacer":"10px","--configuratorActionForthWidth":"calc(50% - calc(var(--configuratorActionWidthForthBackSpacer) / 2))","--configuratorActionBackWidth":"calc(50% - calc(var(--configuratorActionWidthForthBackSpacer) / 2))","--configuratorActionHeight":"40px","--lineHeight1":"36.8px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0 , 0.3)","--itemsMargin":"11.2px 0 0 0"};const M=(0,O.PA)((function Ralph(n){var e=(0,r.hV)();return(0,a.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(B)}),[]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)("div",{ref:function ref(n){return e.uiState.setConfiguratorRef(n)},style:{pointerEvents:e.uiState.configuratorDisabled?"none":void 0},hidden:e.uiState.configuratorHidden,id:"wcConfigurator",className:i()(y.Ao,e.uiState.configSettingsIsExpanded?y.sz:void 0,e.uiState.configSettingsIsFoldedUp?y.yd:void 0,e.uiState.configSettingsIsHidden?y.wv:void 0,e.uiState.isMobileLandscape?y.eJ:void 0,e.uiState.isMobilePortrait?y.o4:void 0),children:[(0,I.jsx)(A.default,{className:y.vL,showCloseButtonInMobile:"right"}),(0,I.jsx)(j.default,{className:y.H3}),(0,I.jsx)(S.default,{className:y.$e}),(0,I.jsx)(k.default,{className:y.Ig}),(0,I.jsx)(P.default,{containerClassName:y.k9})]}),e.settingsState.inputBoxVisible&&(0,I.jsx)(w.default,{}),(0,I.jsx)(C.default,{})]})}))},7505:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var o=t(13587),i=(t(41594),t(53370)),r=t(82246);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.A)(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 a=function Product(n){return(0,r.jsx)(i.Ay,_objectSpread(_objectSpread({},n),{},{componentName:"Product/Product"}))}},90714:(n,e,t)=>{t.r(e),t.d(e,{default:()=>S});var o=t(36520),i=t(5219),r=t(970),a=t(41594),d=t(99174),l=t(25835),s=t.n(l),u=t(69120),c=t.n(u),p=t(91148),x=t.n(p),g=t(73035),b=t.n(g),m=t(24959),f=t.n(m),h=t(15004),y=t.n(h),v=t(68333),w={};w.styleTagTransform=y(),w.setAttributes=b(),w.insert=x().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=f();s()(v.A,w);v.A&&v.A.locals&&v.A.locals;var j=t(82246);const S=(0,r.PA)((function SettingsSubTabGroup(n){var e=(0,i.hV)(),t=(0,a.useState)([]),r=(0,o.A)(t,2),l=r[0],s=r[1],u=(0,a.useState)([]),c=(0,o.A)(u,2),p=c[0],x=c[1],g=(0,a.useRef)(null);return(0,a.useEffect)((function(){return g.current?(e.settingsState.setScrollerElement(g.current),e.uiState.setUpSettingsScrollEvent(g.current)):function(){}}),[g]),(0,a.useEffect)((function(){var n=[],t=[];e.settingsState.itemPaletteArr.map((function(e){var i=(0,o.A)(e,2),r=i[0],a=i[1];if(!a.isRenderedNotInSettingPalette&&a.visible)if(n.includes(a.subTabGroup))t[n.indexOf(a.subTabGroup)][r]=a;else{n.push(a.subTabGroup);var d={};d[r]=a,t.push(d)}})),s(n),x(t)}),[e.settingsState.itemPaletteArr]),(0,a.useEffect)((function(){!(l.length>0)||e.tabGroupState.currentSubTabGroupFolded&&l.includes(e.tabGroupState.currentSubTabGroupFolded)||e.tabGroupState.setCurrentSubTabGroupFolded(l[0])}),[l,p]),(0,j.jsx)("div",{id:"subTabGroupScroller",className:v.J,ref:g,children:p.map((function(n,e){return(0,j.jsx)(d.default,{itemPalettes:n,subTabGroupName:l[e],index:e,count:p.length},l[e])}))})}))},4209:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});var o=t(13587),i=t(36520),r=t(23170),a=(t(41594),t(5219)),d=t(32356),l=t(22256),s=t(970),u=t(25835),c=t.n(u),p=t(69120),x=t.n(p),g=t(91148),b=t.n(g),m=t(73035),f=t.n(m),h=t(24959),y=t.n(h),v=t(15004),w=t.n(v),j=t(32956),S={};S.styleTagTransform=w(),S.setAttributes=f(),S.insert=b().bind(null,"head"),S.domAPI=x(),S.insertStyleElement=y();c()(j.Ay,S);j.Ay&&j.Ay.locals&&j.Ay.locals;var k=t(72919),P=t.n(k),A=t(90714),O=t(82246),C=["className"];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.A)(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 I=(0,s.PA)((function Settings(n){var e,t,o=n.className,s=(0,r.A)(n,C),u=(0,a.hV)(),c=!!u.settingsState.itemPaletteArr.length,p=[];return u.settingsState.itemPaletteArr.map((function(n){var e=(0,i.A)(n,2),t=(e[0],e[1]);void 0===t.subTabGroup&&(c=!1),p.push(t)})),(0,O.jsxs)("div",_objectSpread(_objectSpread({},s),{},{className:P()(o,j.$e,"horizontal"==u.tabGroupState.curTabGroupType?j.Nk:void 0,u.uiState.configSettingsIsExpanded?j.sz:void 0),children:[u.uiState.doShowConfSettingsExpander&&!u.uiState.isInMobileView&&(0,O.jsx)("div",{className:j.GQ,onClick:u.uiState.onClickExpandConfigSettings}),!u.uiState.isInMobileView&&!u.settingsState.forceSettingsHeaderInScrollContainer&&(0,O.jsx)(d.default,{},null!==(e=null===(t=u.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==e?e:0),c?(0,O.jsx)(A.default,{}):(0,O.jsx)(l.default,{itemPalettes:p}),!u.uiState.isInMobileView&&u.uiState.doShowConfSettingsMaxMinExpander&&(0,O.jsxs)(O.Fragment,{children:[!u.uiState.configSettingsIsMaxExpanded&&(0,O.jsx)("div",{className:j.ys,onClick:u.uiState.onClickExpandMaxConfigSettings}),!u.uiState.configSettingsIsMinExpanded&&(0,O.jsx)("div",{className:j.k,onClick:u.uiState.onClickExpandMinConfigSettings})]})]}))}))},54605:(n,e,t)=>{t.d(e,{Ay:()=>m,Bw:()=>g,Ig:()=>p,hn:()=>b,m7:()=>x});var o=t(38634),i=t.n(o),r=t(92083),a=t.n(r),d=t(1946),l=t.n(d),s=new URL(t(41943),t.b),u=a()(i()),c=l()(s);u.push([n.id,`.index-module--hLZKG {\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--uzMQY {\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--uzMQY p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--uzMQY ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--uzMQY .index-module--Kwri7 {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--uzMQY 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--cx2sU {\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--cx2sU:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--_9Crt {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url(${c});\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n`,""]);var p="index-module--hLZKG",x="index-module--uzMQY",g="index-module--cx2sU",b="index-module--_9Crt";const m=u},49007:(n,e,t)=>{t.d(e,{$e:()=>c,Ao:()=>d,Ay:()=>h,H3:()=>u,Ig:()=>x,eJ:()=>l,k9:()=>g,o4:()=>s,sz:()=>b,vL:()=>p,wv:()=>f,yd:()=>m});var o=t(38634),i=t.n(o),r=t(92083),a=t.n(r)()(i());a.push([n.id,".index-module--We4Bi {\n  position: relative;\n  height: calc(100% - 60px);\n  width: 100%;\n  margin: 30px 0;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 300;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\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--We4Bi *,\n.index-module--We4Bi *::before,\n.index-module--We4Bi *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--We4Bi.index-module--gDCEu {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n.index-module--We4Bi.index-module--WjkRo {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n/******************************************Product*******************************************/\n\n.index-module--TKX1P {\n  position: absolute;\n  width: 69%;\n  top: calc(56px + 20px);\n  height: calc(100% - 56px - 20px);\n}\n\n/**************************************ConfigPalette***************************************/\n.index-module--qiIMx {\n  position: absolute;\n  width: 31%;\n  overflow: visible;\n  z-index: 500;\n  right: 0px;\n  top: calc(56px + 20px);\n  height: calc(100% - 60px - 56px - 70px - 40px);\n  transition: width 0.2s ease-in-out;\n}\n\n/**************************************TabGroup********************************************/\n\n.index-module--Gfnvx {\n  position: absolute;\n  z-index: 300;\n  height: 56px;\n  width: 100%;\n  transition: width 0.2s ease-in-out;\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.index-module--aAD8Y {\n  position: absolute;\n  width: calc(31% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n  height: 80px;\n  right: 0px;\n  bottom: calc(40px + 20px);\n  padding-top: 10px;\n  z-index: 500;\n  transition: width 0.2s ease-in-out;\n  padding-right: var(--settingsScrollerPaddingRight);\n  padding-left: var(--settingsScrollerPaddingLeft);\n  background-color: var(--settingsBackgroundColor);\n}\n\n/*************************************Basket Button****************************************/\n.index-module--k9BKg {\n  position: absolute;\n  width: calc(31% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n  height: 40px;\n  right: 0px;\n  bottom: 0px;\n  padding-top: 20px;\n  z-index: 500;\n  transition: width 0.2s ease-in-out;\n  font-weight: 700;\n  padding-right: var(--settingsScrollerPaddingRight);\n  padding-left: var(--settingsScrollerPaddingLeft);\n}\n\n/****************************************Settings- Expanded *******************************/\n.index-module--uvz2y .index-module--qiIMx {\n  width: 62%;\n}\n\n.index-module--uvz2y .index-module--k9BKg,\n.index-module--uvz2y .index-module--aAD8Y {\n  width: calc(62% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n}\n\n.index-module--We4Bi.index-module--WjkRo,\n.index-module--gDCEu.index-module--We4Bi {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n} /*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.index-module--gDCEu .index-module--TKX1P {\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--gDCEu .index-module--qiIMx {\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--gDCEu .index-module--Gfnvx {\n  display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.index-module--gDCEu .index-module--aAD8Y {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.index-module--gDCEu .index-module--k9BKg {\n  display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.index-module--WjkRo .index-module--TKX1P {\n  top: 50px;\n  left: 0;\n  height: 40%;\n  width: 100%;\n  max-width: none;\n  max-width: initial;\n}\n\n.index-module--WjkRo.index-module--T4b7c .index-module--TKX1P {\n  z-index: 1;\n}\n\n.index-module--WjkRo.index-module--EEyFZ .index-module--TKX1P {\n  height: calc(100% - 50px);\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.index-module--WjkRo .index-module--qiIMx {\n  left: 0px;\n  top: calc(40% + 50px);\n  height: calc(60% - 50px - var(--configuratorActionHeight) - 40px - 12px);\n  width: 100%;\n}\n\n.index-module--WjkRo.index-module--EEyFZ .index-module--qiIMx {\n  top: 100%;\n}\n\n.index-module--WjkRo.index-module--T4b7c .index-module--qiIMx {\n  top: 2.5rem;\n  height: calc(100% - 50px);\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.index-module--WjkRo .index-module--Gfnvx {\n  position: absolute;\n  left: 0px;\n  top: 0;\n  width: 100%;\n  height: 50px;\n}\n\n.index-module--WjkRo.index-module--T4b7c .index-module--Gfnvx {\n  top: 0px;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.index-module--WjkRo .index-module--aAD8Y {\n  bottom: 0px;\n  width: calc(100% - 10px);\n  height: calc(var(--configuratorActionHeight) + 40px + 12px);\n  padding-top: 0px;\n  right: 0px;\n  padding: 0 5px;\n  display: flex;\n  flex-direction: column-reverse;\n}\n.index-module--WjkRo.index-module--Xa_3C .index-module--aAD8Y,\n.index-module--WjkRo.index-module--EEyFZ .index-module--aAD8Y {\n  display: none !important;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.index-module--WjkRo .index-module--k9BKg,\n.index-module--WjkRo.index-module--EEyFZ .index-module--k9BKg {\n  display: none;\n}\n\n.index-module--WjkRo.index-module--Xa_3C .index-module--k9BKg {\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: block;\n}\n\n.index-module--WjkRo .index-module--WR8ON {\n  position: absolute;\n  width: 100%;\n  height: 4px;\n  top: 50px;\n  left: 0;\n  z-index: 1000;\n  display: flex;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var d="index-module--We4Bi",l="index-module--gDCEu",s="index-module--WjkRo",u="index-module--TKX1P",c="index-module--qiIMx",p="index-module--Gfnvx",x="index-module--aAD8Y",g="index-module--k9BKg",b="index-module--uvz2y",m="index-module--T4b7c",f="index-module--EEyFZ";const h=a},68333:(n,e,t)=>{t.d(e,{A:()=>l,J:()=>d});var o=t(38634),i=t.n(o),r=t(92083),a=t.n(r)()(i());a.push([n.id,".index-module--kQfQ5 {\n  /* overflow: auto; */\n  height: 100%;\n}\n",""]);var d="index-module--kQfQ5";const l=a},32956:(n,e,t)=>{t.d(e,{$e:()=>g,Ay:()=>v,GQ:()=>m,Nk:()=>b,k:()=>h,sz:()=>f,ys:()=>y});var o=t(38634),i=t.n(o),r=t(92083),a=t.n(r),d=t(1946),l=t.n(d),s=new URL(t(41943),t.b),u=new URL(t(64927),t.b),c=a()(i()),p=l()(s),x=l()(u);c.push([n.id,`.index-module--E51P2 {\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.index-module--mgvLD .index-module--E51P2 {\n  transition: height 0.45s ease, top 0.45s ease;\n}\n\n/* normal expander */\n.index-module--dLjl5 {\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(${p});\n  background-size: 19.2px;\n}\n\n.index-module--hpghF .index-module--dLjl5 {\n  transform: rotate(180deg);\n  border-radius: 0 3px 3px 0;\n}\n\n/*Min Max expander*/\n\n.index-module--hYAg_,\n.index-module--rBWYr {\n  position: absolute;\n  top: calc(50% + 2rem);\n  width: 1rem;\n  height: 2rem;\n  z-index: 1060;\n  border-radius: var(--globalBorderRadius) 0 0 3px;\n  background-repeat: no-repeat;\n  background-image: url(${x});\n  background-size: 1.2rem;\n  background-position: left;\n  transition: left 0.1s ease 0.1s, width 0.2s ease;\n  cursor: pointer;\n}\n\n.index-module--rBWYr {\n  left: -1.1rem;\n}\n\n.index-module--hYAg_ {\n  left: 0.3rem;\n  transform: rotate(180deg);\n}\n\n.index-module--iJqT9 .index-module--hYAg_ {\n  left: 0.5rem;\n  width: 1rem;\n}\n.index-module--tzi5o .index-module--rBWYr {\n  left: calc(-1 * (1.9rem));\n  left: calc(-1 * calc(1.9rem));\n  width: 1rem;\n}\n`,""]);var g="index-module--E51P2",b="index-module--mgvLD",m="index-module--dLjl5",f="index-module--hpghF",h="index-module--hYAg_",y="index-module--rBWYr";const v=c},41943:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4215,8071,2487,2523,7505,714,4209],{58071:(e,n,t)=>{t.r(n),t.d(n,{default:()=>a});var o=t(13587),i=(t(41594),t(53370)),r=t(82246);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.A)(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 BasketAction(e){return(0,r.jsx)(i.Ay,_objectSpread(_objectSpread({},e),{},{componentName:"Action/Basket"}))}},52487:(e,n,t)=>{t.r(n),t.d(n,{default:()=>a});var o=t(13587),i=(t(41594),t(53370)),r=t(82246);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.A)(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.Ay,_objectSpread(_objectSpread({},e),{},{componentName:"Action/Navigation"}))}},92523:(e,n,t)=>{t.r(n),t.d(n,{default:()=>a});var o=t(13587),i=(t(41594),t(53370)),r=t(82246);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.A)(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.Ay,_objectSpread(_objectSpread({},e),{},{componentName:"GlobalElements/BarrierActions"}))}},54751:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});var o=t(84451),i=t(32134),r=t(64281),a=t.n(r),d=t(5219),l=t(41594),s=t(970),u=t(25835),c=t.n(u),p=t(69120),x=t.n(p),g=t(91148),b=t.n(g),m=t(73035),f=t.n(m),h=t(24959),y=t.n(h),v=t(15004),w=t.n(v),j=t(54605),S={};S.styleTagTransform=w(),S.setAttributes=f(),S.insert=b().bind(null,"head"),S.domAPI=x(),S.insertStyleElement=y();c()(j.Ay,S);j.Ay&&j.Ay.locals&&j.Ay.locals;var k=t(82246);const P=(0,s.PA)((function Inputbox(e){(0,i.A)(e);var n=(0,d.hV)(),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,k.jsx)(k.Fragment,{});var r=n.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var s=function(){var e=(0,o.A)(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,k.jsx)("div",{children:(0,k.jsxs)("div",{className:j.m7,children:[(0,k.jsx)("span",{onClick:function onClick(){return n.settingsState.inputBoxVisible=!1},className:j.Bw,children:"✖"}),(0,k.jsxs)("div",{style:{width:"100%"},children:[(0,k.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,k.jsx)("input",{ref:t,onKeyDown:function onKeyDown(e){return function keyDownFunction(e){n&&"Enter"===e.key&&(s(),e.stopPropagation())}(e)},className:j.Ig,type:u?"number":"text",onChange:function onChange(e){return n.settingsState.setInputBoxValue(e.target.value)},value:n.settingsState.inputBoxValue}),(0,k.jsx)("button",{className:j.hn,onClick:s})]})]})})}))},64215:(e,n,t)=>{t.r(n),t.d(n,{default:()=>M});var o=t(72919),i=t.n(o),r=t(5219),a=t(41594),d=t(25835),l=t.n(d),s=t(69120),u=t.n(s),c=t(91148),p=t.n(c),x=t(73035),g=t.n(x),b=t(24959),m=t.n(b),f=t(15004),h=t.n(f),y=t(49007),v={};v.styleTagTransform=h(),v.setAttributes=g(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=m();l()(y.Ay,v);y.Ay&&y.Ay.locals&&y.Ay.locals;var w=t(54751),j=t(7505),S=t(4209),k=t(52487),P=t(58071),O=t(77422),A=t(970),C=t(92523),I=t(82246),B={"--primaryColor":"#a81e1e","--secondaryColor":"#4a4a4a","--thirdColor":"#f3f3f3","--globalBorderRadius":"3px","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--articlePosNrFontSize":"16px","--galleryItemRadius":"3px","--galleryItemRowCount":"4","--galleryItemMargin":"1%","--galleryItemRowCountSmall":"3","--galleryItemMarginSmall":"0.5%","--galleryItemBorderColor":"#e8e9ed83","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorderHoverColor":"var(--thirdColor)","--galleryItemBorder":"1px","--settingsBackgroundColor":"rgba(242, 242, 242, 0.9)","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"10px","--settingsScrollerPaddingLeft":"10px","--tabGroupBackground":"var(--thirdColor)","--foldArrowMarginRight":"16px","--configuratorActionWidthForthBackSpacer":"10px","--configuratorActionForthWidth":"calc(50% - calc(var(--configuratorActionWidthForthBackSpacer) / 2))","--configuratorActionBackWidth":"calc(50% - calc(var(--configuratorActionWidthForthBackSpacer) / 2))","--configuratorActionHeight":"40px","--lineHeight1":"36.8px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0 , 0.3)","--itemsMargin":"11.2px 0 0 0"};const M=(0,A.PA)((function Ralph(e){var n=(0,r.hV)();return(0,a.useEffect)((function(){n.layoutRendered=!0,n.initCSSVariablesObj(B)}),[]),(0,I.jsxs)(I.Fragment,{children:[(0,I.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:i()(y.Ao,n.uiState.configSettingsIsExpanded?y.sz:void 0,n.uiState.configSettingsIsFoldedUp?y.yd:void 0,n.uiState.configSettingsIsHidden?y.wv:void 0,n.uiState.isMobileLandscape?y.eJ:void 0,n.uiState.isMobilePortrait?y.o4:void 0),children:[(0,I.jsx)(O.default,{className:y.vL,showCloseButtonInMobile:"right"}),(0,I.jsx)(j.default,{className:y.H3}),(0,I.jsx)(S.default,{className:y.$e}),(0,I.jsx)(k.default,{className:y.Ig}),(0,I.jsx)(P.default,{containerClassName:y.k9})]}),n.settingsState.inputBoxVisible&&(0,I.jsx)(w.default,{}),(0,I.jsx)(C.default,{})]})}))},7505:(e,n,t)=>{t.r(n),t.d(n,{default:()=>a});var o=t(13587),i=(t(41594),t(53370)),r=t(82246);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.A)(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.Ay,_objectSpread(_objectSpread({},e),{},{componentName:"Product/Product"}))}},90714:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});var o=t(36520),i=t(5219),r=t(970),a=t(41594),d=t(99174),l=t(25835),s=t.n(l),u=t(69120),c=t.n(u),p=t(91148),x=t.n(p),g=t(73035),b=t.n(g),m=t(24959),f=t.n(m),h=t(15004),y=t.n(h),v=t(68333),w={};w.styleTagTransform=y(),w.setAttributes=b(),w.insert=x().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=f();s()(v.A,w);v.A&&v.A.locals&&v.A.locals;var j=t(82246);const S=(0,r.PA)((function SettingsSubTabGroup(e){var n=(0,i.hV)(),t=(0,a.useState)([]),r=(0,o.A)(t,2),l=r[0],s=r[1],u=(0,a.useState)([]),c=(0,o.A)(u,2),p=c[0],x=c[1],g=(0,a.useRef)(null);return(0,a.useEffect)((function(){return g.current?(n.settingsState.setScrollerElement(g.current),n.uiState.setUpSettingsScrollEvent(g.current)):function(){}}),[g]),(0,a.useEffect)((function(){var e=[],t=[];n.settingsState.itemPaletteArr.map((function(n){var i=(0,o.A)(n,2),r=i[0],a=i[1];if(!a.isRenderedNotInSettingPalette&&a.visible)if(e.includes(a.subTabGroup))t[e.indexOf(a.subTabGroup)][r]=a;else{e.push(a.subTabGroup);var d={};d[r]=a,t.push(d)}})),s(e),x(t)}),[n.settingsState.itemPaletteArr]),(0,a.useEffect)((function(){!(l.length>0)||n.tabGroupState.currentSubTabGroupFolded&&l.includes(n.tabGroupState.currentSubTabGroupFolded)||n.tabGroupState.setCurrentSubTabGroupFolded(l[0])}),[l,p]),(0,j.jsx)("div",{id:"subTabGroupScroller",className:v.J,ref:g,children:p.map((function(e,n){return(0,j.jsx)(d.default,{itemPalettes:e,subTabGroupName:l[n],index:n,count:p.length},l[n])}))})}))},4209:(e,n,t)=>{t.r(n),t.d(n,{default:()=>I});var o=t(13587),i=t(36520),r=t(23170),a=(t(41594),t(5219)),d=t(32356),l=t(22256),s=t(970),u=t(25835),c=t.n(u),p=t(69120),x=t.n(p),g=t(91148),b=t.n(g),m=t(73035),f=t.n(m),h=t(24959),y=t.n(h),v=t(15004),w=t.n(v),j=t(32956),S={};S.styleTagTransform=w(),S.setAttributes=f(),S.insert=b().bind(null,"head"),S.domAPI=x(),S.insertStyleElement=y();c()(j.Ay,S);j.Ay&&j.Ay.locals&&j.Ay.locals;var k=t(72919),P=t.n(k),O=t(90714),A=t(82246),C=["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.A)(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 I=(0,s.PA)((function Settings(e){var n,t,o=e.className,s=(0,r.A)(e,C),u=(0,a.hV)(),c=!!u.settingsState.itemPaletteArr.length,p=[];return u.settingsState.itemPaletteArr.map((function(e){var n=(0,i.A)(e,2),t=(n[0],n[1]);void 0===t.subTabGroup&&(c=!1),p.push(t)})),(0,A.jsxs)("div",_objectSpread(_objectSpread({},s),{},{className:P()(o,j.$e,"horizontal"==u.tabGroupState.curTabGroupType?j.Nk:void 0,u.uiState.configSettingsIsExpanded?j.sz:void 0),children:[u.uiState.doShowConfSettingsExpander&&!u.uiState.isInMobileView&&(0,A.jsx)("div",{className:j.GQ,onClick:u.uiState.onClickExpandConfigSettings}),!u.uiState.isInMobileView&&!u.settingsState.forceSettingsHeaderInScrollContainer&&(0,A.jsx)(d.default,{},null!==(n=null===(t=u.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),c?(0,A.jsx)(O.default,{}):(0,A.jsx)(l.default,{itemPalettes:p}),!u.uiState.isInMobileView&&u.uiState.doShowConfSettingsMaxMinExpander&&(0,A.jsxs)(A.Fragment,{children:[!u.uiState.configSettingsIsMaxExpanded&&(0,A.jsx)("div",{className:j.ys,onClick:u.uiState.onClickExpandMaxConfigSettings}),!u.uiState.configSettingsIsMinExpanded&&(0,A.jsx)("div",{className:j.k,onClick:u.uiState.onClickExpandMinConfigSettings})]})]}))}))},54605:(e,n,t)=>{t.d(n,{Ay:()=>m,Bw:()=>g,Ig:()=>p,hn:()=>b,m7:()=>x});var o=t(38634),i=t.n(o),r=t(92083),a=t.n(r),d=t(1946),l=t.n(d),s=new URL(t(41943),t.b),u=a()(i()),c=l()(s);u.push([e.id,`.index-module--hLZKG {\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--uzMQY {\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--uzMQY p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--uzMQY ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--uzMQY .index-module--Kwri7 {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--uzMQY 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--cx2sU {\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--cx2sU:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--_9Crt {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url(${c});\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n`,""]);var p="index-module--hLZKG",x="index-module--uzMQY",g="index-module--cx2sU",b="index-module--_9Crt";const m=u},49007:(e,n,t)=>{t.d(n,{$e:()=>c,Ao:()=>d,Ay:()=>h,H3:()=>u,Ig:()=>x,eJ:()=>l,k9:()=>g,o4:()=>s,sz:()=>b,vL:()=>p,wv:()=>f,yd:()=>m});var o=t(38634),i=t.n(o),r=t(92083),a=t.n(r)()(i());a.push([e.id,".index-module--We4Bi {\n  position: relative;\n  height: calc(100% - 60px);\n  width: 100%;\n  margin: 30px 0;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 300;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\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--We4Bi *,\n.index-module--We4Bi *::before,\n.index-module--We4Bi *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--We4Bi.index-module--gDCEu {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n.index-module--We4Bi.index-module--WjkRo {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n/******************************************Product*******************************************/\n\n.index-module--TKX1P {\n  position: absolute;\n  width: 69%;\n  top: calc(56px + 20px);\n  height: calc(100% - 56px - 20px);\n}\n\n/**************************************ConfigPalette***************************************/\n.index-module--qiIMx {\n  position: absolute;\n  width: 31%;\n  overflow: visible;\n  z-index: 500;\n  right: 0px;\n  top: calc(56px + 20px);\n  height: calc(100% - 60px - 56px - 70px - 40px);\n  transition: width 0.2s ease-in-out;\n}\n\n/**************************************TabGroup********************************************/\n\n.index-module--Gfnvx {\n  position: absolute;\n  z-index: 300;\n  height: 56px;\n  width: 100%;\n  transition: width 0.2s ease-in-out;\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.index-module--aAD8Y {\n  position: absolute;\n  width: calc(31% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n  height: 80px;\n  right: 0px;\n  bottom: calc(40px + 20px);\n  padding-top: 10px;\n  z-index: 500;\n  transition: width 0.2s ease-in-out;\n  padding-right: var(--settingsScrollerPaddingRight);\n  padding-left: var(--settingsScrollerPaddingLeft);\n  background-color: var(--settingsBackgroundColor);\n}\n\n/*************************************Basket Button****************************************/\n.index-module--k9BKg {\n  position: absolute;\n  width: calc(31% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n  height: 40px;\n  right: 0px;\n  bottom: 0px;\n  padding-top: 20px;\n  z-index: 500;\n  transition: width 0.2s ease-in-out;\n  font-weight: 700;\n  padding-right: var(--settingsScrollerPaddingRight);\n  padding-left: var(--settingsScrollerPaddingLeft);\n}\n\n/****************************************Settings- Expanded *******************************/\n.index-module--uvz2y .index-module--qiIMx {\n  width: 62%;\n}\n\n.index-module--uvz2y .index-module--k9BKg,\n.index-module--uvz2y .index-module--aAD8Y {\n  width: calc(62% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n}\n\n.index-module--We4Bi.index-module--WjkRo,\n.index-module--gDCEu.index-module--We4Bi {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n} /*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.index-module--gDCEu .index-module--TKX1P {\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--gDCEu .index-module--qiIMx {\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--gDCEu .index-module--Gfnvx {\n  display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.index-module--gDCEu .index-module--aAD8Y {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.index-module--gDCEu .index-module--k9BKg {\n  display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.index-module--WjkRo .index-module--TKX1P {\n  top: 50px;\n  left: 0;\n  height: 40%;\n  width: 100%;\n  max-width: none;\n  max-width: initial;\n}\n\n.index-module--WjkRo.index-module--T4b7c .index-module--TKX1P {\n  z-index: 1;\n}\n\n.index-module--WjkRo.index-module--EEyFZ .index-module--TKX1P {\n  height: calc(100% - 50px);\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.index-module--WjkRo .index-module--qiIMx {\n  left: 0px;\n  top: calc(40% + 50px);\n  height: calc(60% - 50px - var(--configuratorActionHeight) - 32px - 12px);\n  width: 100%;\n}\n\n.index-module--WjkRo.index-module--EEyFZ .index-module--qiIMx {\n  top: 100%;\n}\n\n.index-module--WjkRo.index-module--T4b7c .index-module--qiIMx {\n  top: 2.5rem;\n  height: calc(100% - 50px);\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.index-module--WjkRo .index-module--Gfnvx {\n  position: absolute;\n  left: 0px;\n  top: 0;\n  width: 100%;\n  height: 50px;\n}\n\n.index-module--WjkRo.index-module--T4b7c .index-module--Gfnvx {\n  top: 0px;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.index-module--WjkRo .index-module--aAD8Y {\n  bottom: 45px;\n  width: calc(100% - 10px);\n  height: 38px;\n  padding-top: 0px;\n  right: 0px;\n  padding: 0 5px 1px 5px;\n}\n\n.index-module--WjkRo.index-module--Xa_3C .index-module--aAD8Y,\n.index-module--WjkRo.index-module--EEyFZ .index-module--aAD8Y {\n  display: none !important;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.index-module--WjkRo.index-module--EEyFZ .index-module--k9BKg {\n  display: none;\n}\n.index-module--WjkRo .index-module--k9BKg,\n.index-module--WjkRo.index-module--Xa_3C .index-module--k9BKg {\n  right: 0px;\n  bottom: 0px;\n  width: calc(100% - 10px);\n  height: 40px;\n  margin: 0 5px 5px 5px;\n  padding: 0px;\n  display: flex;\n}\n\n.index-module--WjkRo .index-module--WR8ON {\n  position: absolute;\n  width: 100%;\n  height: 4px;\n  top: 50px;\n  left: 0;\n  z-index: 1000;\n  display: flex;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var d="index-module--We4Bi",l="index-module--gDCEu",s="index-module--WjkRo",u="index-module--TKX1P",c="index-module--qiIMx",p="index-module--Gfnvx",x="index-module--aAD8Y",g="index-module--k9BKg",b="index-module--uvz2y",m="index-module--T4b7c",f="index-module--EEyFZ";const h=a},68333:(e,n,t)=>{t.d(n,{A:()=>l,J:()=>d});var o=t(38634),i=t.n(o),r=t(92083),a=t.n(r)()(i());a.push([e.id,".index-module--kQfQ5 {\n  /* overflow: auto; */\n  height: 100%;\n}\n",""]);var d="index-module--kQfQ5";const l=a},32956:(e,n,t)=>{t.d(n,{$e:()=>g,Ay:()=>v,GQ:()=>m,Nk:()=>b,k:()=>h,sz:()=>f,ys:()=>y});var o=t(38634),i=t.n(o),r=t(92083),a=t.n(r),d=t(1946),l=t.n(d),s=new URL(t(41943),t.b),u=new URL(t(64927),t.b),c=a()(i()),p=l()(s),x=l()(u);c.push([e.id,`.index-module--E51P2 {\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.index-module--mgvLD .index-module--E51P2 {\n  transition: height 0.45s ease, top 0.45s ease;\n}\n\n/* normal expander */\n.index-module--dLjl5 {\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(${p});\n  background-size: 19.2px;\n}\n\n.index-module--hpghF .index-module--dLjl5 {\n  transform: rotate(180deg);\n  border-radius: 0 3px 3px 0;\n}\n\n/*Min Max expander*/\n\n.index-module--hYAg_,\n.index-module--rBWYr {\n  position: absolute;\n  top: calc(50% + 2rem);\n  width: 1rem;\n  height: 2rem;\n  z-index: 1060;\n  border-radius: var(--globalBorderRadius) 0 0 3px;\n  background-repeat: no-repeat;\n  background-image: url(${x});\n  background-size: 1.2rem;\n  background-position: left;\n  transition: left 0.1s ease 0.1s, width 0.2s ease;\n  cursor: pointer;\n}\n\n.index-module--rBWYr {\n  left: -1.1rem;\n}\n\n.index-module--hYAg_ {\n  left: 0.3rem;\n  transform: rotate(180deg);\n}\n\n.index-module--iJqT9 .index-module--hYAg_ {\n  left: 0.5rem;\n  width: 1rem;\n}\n.index-module--tzi5o .index-module--rBWYr {\n  left: calc(-1 * (1.9rem));\n  left: calc(-1 * calc(1.9rem));\n  width: 1rem;\n}\n`,""]);var g="index-module--E51P2",b="index-module--mgvLD",m="index-module--dLjl5",f="index-module--hpghF",h="index-module--hYAg_",y="index-module--rBWYr";const v=c},41943:e=>{e.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 5117.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5117,6276],{75117:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>j});var o=t(13587),r=t(970),i=(t(41594),t(66276)),a=t(25835),s=t.n(a),l=t(69120),d=t.n(l),c=t(91148),u=t.n(c),f=t(73035),v=t.n(f),g=t(24959),p=t.n(g),h=t(15004),x=t.n(h),b=t(1527),m={};m.styleTagTransform=x(),m.setAttributes=v(),m.insert=u().bind(null,"head"),m.domAPI=d(),m.insertStyleElement=p();s()(b.A,m);b.A&&b.A.locals&&b.A.locals;var y=t(72919),w=t.n(y),O=t(82246);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.A)(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 j=(0,r.PA)((function ActionNavigationBlue(e){return(0,O.jsx)(i.default,_objectSpread(_objectSpread({},e),{},{showNextButtonIcon:!0,className:w()(b.g,e.className)}))}))},66276:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>C});var o=t(13587),r=t(23170),i=t(72919),a=t.n(i),s=t(5219),l=t(970),d=(t(41594),t(14488)),c=t(25835),u=t.n(c),f=t(69120),v=t.n(f),g=t(91148),p=t.n(g),h=t(73035),x=t.n(h),b=t(24959),m=t.n(b),y=t(15004),w=t.n(y),O=t(53558),j={};j.styleTagTransform=w(),j.setAttributes=x(),j.insert=p().bind(null,"head"),j.domAPI=v(),j.insertStyleElement=m();u()(O.Ay,j);O.Ay&&O.Ay.locals&&O.Ay.locals;var k=t(82246),S=["className","showBackButtonText","backOverwrite","forthOverwrite","showNextButtonIcon"];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.A)(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 C=(0,l.PA)((function ActionNavigation(e){var n=e.className,t=e.showBackButtonText,o=e.backOverwrite,i=e.forthOverwrite,l=e.showNextButtonIcon,c=(0,r.A)(e,S),u=(0,s.hV)(),f=(0,d.useTranslation)().t;return(0,k.jsx)(k.Fragment,{children:!u.uiState.configSettingsIsHidden&&(0,k.jsx)("div",_objectSpread(_objectSpread({},c),{},{className:a()(n,O.Ig,u.actionButtonState.isOnFirstStep?O.sR:void 0,u.actionButtonState.isOnFirstStepDisabled?O.WY:void 0,u.actionButtonState.isOnLastStep?O.in:void 0,"vertical"==u.tabGroupState.curTabGroupType?O.Vd:void 0,u.uiState.isMobilePortrait?O.o4:void 0,u.uiState.isMobileLandscape?O.eJ:void 0),children:(0,k.jsxs)("div",{className:O.kL,children:[(0,k.jsxs)("div",{className:a()(O.x6,O.aX,o),onClick:u.actionButtonState.onClickConfiguratorSettingsBack,children:[!t&&(0,k.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,k.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateBack, var(--secondaryColor))",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),t&&f("configurator.Back")]}),(0,k.jsxs)("div",{className:a()(O.x6,O._,i),onClick:u.actionButtonState.onClickConfiguratorSettingsForth,id:"wcConfigurator-action-next",children:[f("configurator.Next"),l&&(0,k.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,k.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateForthFontColor, #ffffff)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]})]})}))})}))},1527:(e,n,t)=>{"use strict";t.d(n,{A:()=>l,g:()=>s});var o=t(38634),r=t.n(o),i=t(92083),a=t.n(i)()(r());a.push([e.id,".index-module--PlPBZ {\n  font-weight: 300;\n}\n",""]);var s="index-module--PlPBZ";const l=a},53558:(e,n,t)=>{"use strict";t.d(n,{Ay:()=>b,Ig:()=>s,Vd:()=>d,WY:()=>v,_:()=>f,aX:()=>u,eJ:()=>h,in:()=>g,kL:()=>l,o4:()=>x,sR:()=>p,x6:()=>c});var o=t(38634),r=t.n(o),i=t(92083),a=t.n(i)()(r());a.push([e.id,"/*Navigaton Buttons*/\n.index-module--HMX4z {\n  transition: width 0.2s ease-in-out;\n}\n\n.index-module--TOsUT {\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}\n.index-module--niaJb .index-module--TOsUT {\n  line-height: var(--configuratorActionHeight);\n}\n\n.index-module--Okvzq {\n  border-radius: var(--globalBorderRadius);\n  height: calc(100% - 2px);\n  text-align: center;\n}\n\n.index-module--tOnkG {\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--lCVS1 {\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: var(--configuratorActionForthWidth);\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.index-module--tOnkG:hover,\n.index-module--lCVS1:hover {\n  cursor: pointer;\n  box-shadow: var(--boxShadowHover);\n}\n.index-module--lCVS1 svg {\n  transform: rotate(180deg);\n  position: absolute;\n  right: 16px;\n}\n\n.index-module--LcJub .index-module--lCVS1 {\n  pointer-events: none;\n  background-color: #707070;\n  background-color: var(--navigateForth, #707070);\n  border-color: #707070;\n}\n\n.index-module--IUlD4 .index-module--tOnkG {\n  width: 100%;\n}\n\n.index-module--IUlD4 .index-module--lCVS1 {\n  display: none;\n}\n\n.index-module--fb8wF .index-module--tOnkG {\n  display: none;\n}\n\n.index-module--fb8wF .index-module--lCVS1 {\n  width: calc(100%);\n}\n\n.index-module--CCKjJ .index-module--Okvzq,\n.index-module--GT39Y .index-module--Okvzq {\n  line-height: calc(var(--configuratorActionHeight) - 5px);\n  border-radius: var(--globalBorderRadius);\n}\n",""]);var s="index-module--HMX4z",l="index-module--TOsUT",d="index-module--niaJb",c="index-module--Okvzq",u="index-module--tOnkG",f="index-module--lCVS1",v="index-module--LcJub",g="index-module--IUlD4",p="index-module--fb8wF",h="index-module--CCKjJ",x="index-module--GT39Y";const b=a},72919:(e,n)=>{var t;!function(){"use strict";var o={}.hasOwnProperty;function classNames(){for(var e=[],n=0;n<arguments.length;n++){var t=arguments[n];if(t){var r=typeof t;if("string"===r||"number"===r)e.push(t);else if(Array.isArray(t)){if(t.length){var i=classNames.apply(null,t);i&&e.push(i)}}else if("object"===r)if(t.toString===Object.prototype.toString)for(var a in t)o.call(t,a)&&t[a]&&e.push(a);else e.push(t.toString())}}return e.join(" ")}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(t=function(){return classNames}.apply(n,[]))||(e.exports=t)}()}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5117,6276],{75117:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>j});var o=t(13587),r=t(970),i=(t(41594),t(66276)),a=t(25835),s=t.n(a),l=t(69120),d=t.n(l),c=t(91148),u=t.n(c),f=t(73035),v=t.n(f),g=t(24959),p=t.n(g),h=t(15004),x=t.n(h),b=t(1527),m={};m.styleTagTransform=x(),m.setAttributes=v(),m.insert=u().bind(null,"head"),m.domAPI=d(),m.insertStyleElement=p();s()(b.A,m);b.A&&b.A.locals&&b.A.locals;var y=t(72919),w=t.n(y),O=t(82246);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.A)(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 j=(0,r.PA)((function ActionNavigationBlue(e){return(0,O.jsx)(i.default,_objectSpread(_objectSpread({},e),{},{showNextButtonIcon:!0,className:w()(b.g,e.className)}))}))},66276:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>C});var o=t(13587),r=t(23170),i=t(72919),a=t.n(i),s=t(5219),l=t(970),d=(t(41594),t(14488)),c=t(25835),u=t.n(c),f=t(69120),v=t.n(f),g=t(91148),p=t.n(g),h=t(73035),x=t.n(h),b=t(24959),m=t.n(b),y=t(15004),w=t.n(y),O=t(53558),j={};j.styleTagTransform=w(),j.setAttributes=x(),j.insert=p().bind(null,"head"),j.domAPI=v(),j.insertStyleElement=m();u()(O.Ay,j);O.Ay&&O.Ay.locals&&O.Ay.locals;var k=t(82246),S=["className","showBackButtonText","backOverwrite","forthOverwrite","showNextButtonIcon"];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.A)(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 C=(0,l.PA)((function ActionNavigation(e){var n=e.className,t=e.showBackButtonText,o=e.backOverwrite,i=e.forthOverwrite,l=e.showNextButtonIcon,c=(0,r.A)(e,S),u=(0,s.hV)(),f=(0,d.useTranslation)().t;return(0,k.jsx)(k.Fragment,{children:!u.uiState.configSettingsIsHidden&&(0,k.jsx)("div",_objectSpread(_objectSpread({},c),{},{className:a()(n,O.Ig,u.actionButtonState.isOnFirstStep?O.sR:void 0,u.actionButtonState.isOnFirstStepDisabled?O.WY:void 0,u.actionButtonState.isOnLastStep?O.in:void 0,"vertical"==u.tabGroupState.curTabGroupType?O.Vd:void 0,u.uiState.isMobilePortrait?O.o4:void 0,u.uiState.isMobileLandscape?O.eJ:void 0),children:(0,k.jsxs)("div",{className:O.kL,children:[(0,k.jsxs)("div",{className:a()(O.x6,O.aX,o),onClick:u.actionButtonState.onClickConfiguratorSettingsBack,children:[!t&&(0,k.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,k.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateBack, var(--secondaryColor))",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),t&&f("configurator.Back")]}),(0,k.jsxs)("div",{className:a()(O.x6,O._,i),onClick:u.actionButtonState.onClickConfiguratorSettingsForth,id:"wcConfigurator-action-next",children:[f("configurator.Next"),l&&(0,k.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,k.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateForthFontColor, #ffffff)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]})]})}))})}))},1527:(e,n,t)=>{"use strict";t.d(n,{A:()=>l,g:()=>s});var o=t(38634),r=t.n(o),i=t(92083),a=t.n(i)()(r());a.push([e.id,".index-module--PlPBZ {\n  font-weight: 300;\n}\n",""]);var s="index-module--PlPBZ";const l=a},53558:(e,n,t)=>{"use strict";t.d(n,{Ay:()=>b,Ig:()=>s,Vd:()=>d,WY:()=>v,_:()=>f,aX:()=>u,eJ:()=>h,in:()=>g,kL:()=>l,o4:()=>x,sR:()=>p,x6:()=>c});var o=t(38634),r=t.n(o),i=t(92083),a=t.n(i)()(r());a.push([e.id,"/*Navigaton Buttons*/\n.index-module--HMX4z {\n  transition: width 0.2s ease-in-out;\n}\n\n.index-module--TOsUT {\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}\n.index-module--niaJb .index-module--TOsUT {\n  line-height: var(--configuratorActionHeight);\n}\n\n.index-module--Okvzq {\n  border-radius: var(--globalBorderRadius);\n  height: calc(100% - 2px);\n  text-align: center;\n}\n\n.index-module--tOnkG {\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--lCVS1 {\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: var(--configuratorActionForthWidth);\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.index-module--tOnkG:hover,\n.index-module--lCVS1:hover {\n  cursor: pointer;\n  box-shadow: var(--boxShadowHover);\n}\n.index-module--lCVS1 svg {\n  transform: rotate(180deg);\n  position: absolute;\n  right: 16px;\n}\n\n.index-module--LcJub .index-module--lCVS1 {\n  pointer-events: none;\n  background-color: #707070;\n  background-color: var(--navigateForth, #707070);\n  border-color: #707070;\n}\n\n.index-module--IUlD4 .index-module--tOnkG {\n  width: 100%;\n}\n\n.index-module--IUlD4 .index-module--lCVS1 {\n  display: none;\n}\n\n.index-module--fb8wF .index-module--tOnkG {\n  display: none;\n}\n\n.index-module--fb8wF .index-module--lCVS1 {\n  width: 100%;\n}\n\n.index-module--CCKjJ .index-module--Okvzq,\n.index-module--GT39Y .index-module--Okvzq {\n  line-height: calc(var(--configuratorActionHeight) - 5px);\n  border-radius: var(--globalBorderRadius);\n}\n",""]);var s="index-module--HMX4z",l="index-module--TOsUT",d="index-module--niaJb",c="index-module--Okvzq",u="index-module--tOnkG",f="index-module--lCVS1",v="index-module--LcJub",g="index-module--IUlD4",p="index-module--fb8wF",h="index-module--CCKjJ",x="index-module--GT39Y";const b=a},72919:(e,n)=>{var t;!function(){"use strict";var o={}.hasOwnProperty;function classNames(){for(var e=[],n=0;n<arguments.length;n++){var t=arguments[n];if(t){var r=typeof t;if("string"===r||"number"===r)e.push(t);else if(Array.isArray(t)){if(t.length){var i=classNames.apply(null,t);i&&e.push(i)}}else if("object"===r)if(t.toString===Object.prototype.toString)for(var a in t)o.call(t,a)&&t[a]&&e.push(a);else e.push(t.toString())}}return e.join(" ")}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(t=function(){return classNames}.apply(n,[]))||(e.exports=t)}()}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6276.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6276],{66276:(n,e,o)=>{"use strict";o.r(e),o.d(e,{default:()=>S});var t=o(13587),r=o(23170),i=o(72919),a=o.n(i),s=o(5219),d=o(970),l=(o(41594),o(14488)),c=o(25835),u=o.n(c),v=o(69120),x=o.n(v),h=o(91148),f=o.n(h),g=o(73035),p=o.n(g),b=o(24959),m=o.n(b),w=o(15004),k=o.n(w),y=o(53558),O={};O.styleTagTransform=k(),O.setAttributes=p(),O.insert=f().bind(null,"head"),O.domAPI=x(),O.insertStyleElement=m();u()(y.Ay,O);y.Ay&&y.Ay.locals&&y.Ay.locals;var j=o(82246),C=["className","showBackButtonText","backOverwrite","forthOverwrite","showNextButtonIcon"];function ownKeys(n,e){var o=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(o),!0).forEach((function(e){(0,t.A)(n,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(o,e))}))}return n}const S=(0,d.PA)((function ActionNavigation(n){var e=n.className,o=n.showBackButtonText,t=n.backOverwrite,i=n.forthOverwrite,d=n.showNextButtonIcon,c=(0,r.A)(n,C),u=(0,s.hV)(),v=(0,l.useTranslation)().t;return(0,j.jsx)(j.Fragment,{children:!u.uiState.configSettingsIsHidden&&(0,j.jsx)("div",_objectSpread(_objectSpread({},c),{},{className:a()(e,y.Ig,u.actionButtonState.isOnFirstStep?y.sR:void 0,u.actionButtonState.isOnFirstStepDisabled?y.WY:void 0,u.actionButtonState.isOnLastStep?y.in:void 0,"vertical"==u.tabGroupState.curTabGroupType?y.Vd:void 0,u.uiState.isMobilePortrait?y.o4:void 0,u.uiState.isMobileLandscape?y.eJ:void 0),children:(0,j.jsxs)("div",{className:y.kL,children:[(0,j.jsxs)("div",{className:a()(y.x6,y.aX,t),onClick:u.actionButtonState.onClickConfiguratorSettingsBack,children:[!o&&(0,j.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,j.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateBack, var(--secondaryColor))",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),o&&v("configurator.Back")]}),(0,j.jsxs)("div",{className:a()(y.x6,y._,i),onClick:u.actionButtonState.onClickConfiguratorSettingsForth,id:"wcConfigurator-action-next",children:[v("configurator.Next"),d&&(0,j.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,j.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateForthFontColor, #ffffff)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]})]})}))})}))},53558:(n,e,o)=>{"use strict";o.d(e,{Ay:()=>b,Ig:()=>s,Vd:()=>l,WY:()=>x,_:()=>v,aX:()=>u,eJ:()=>g,in:()=>h,kL:()=>d,o4:()=>p,sR:()=>f,x6:()=>c});var t=o(38634),r=o.n(t),i=o(92083),a=o.n(i)()(r());a.push([n.id,"/*Navigaton Buttons*/\n.index-module--HMX4z {\n  transition: width 0.2s ease-in-out;\n}\n\n.index-module--TOsUT {\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}\n.index-module--niaJb .index-module--TOsUT {\n  line-height: var(--configuratorActionHeight);\n}\n\n.index-module--Okvzq {\n  border-radius: var(--globalBorderRadius);\n  height: calc(100% - 2px);\n  text-align: center;\n}\n\n.index-module--tOnkG {\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--lCVS1 {\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: var(--configuratorActionForthWidth);\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.index-module--tOnkG:hover,\n.index-module--lCVS1:hover {\n  cursor: pointer;\n  box-shadow: var(--boxShadowHover);\n}\n.index-module--lCVS1 svg {\n  transform: rotate(180deg);\n  position: absolute;\n  right: 16px;\n}\n\n.index-module--LcJub .index-module--lCVS1 {\n  pointer-events: none;\n  background-color: #707070;\n  background-color: var(--navigateForth, #707070);\n  border-color: #707070;\n}\n\n.index-module--IUlD4 .index-module--tOnkG {\n  width: 100%;\n}\n\n.index-module--IUlD4 .index-module--lCVS1 {\n  display: none;\n}\n\n.index-module--fb8wF .index-module--tOnkG {\n  display: none;\n}\n\n.index-module--fb8wF .index-module--lCVS1 {\n  width: calc(100%);\n}\n\n.index-module--CCKjJ .index-module--Okvzq,\n.index-module--GT39Y .index-module--Okvzq {\n  line-height: calc(var(--configuratorActionHeight) - 5px);\n  border-radius: var(--globalBorderRadius);\n}\n",""]);var s="index-module--HMX4z",d="index-module--TOsUT",l="index-module--niaJb",c="index-module--Okvzq",u="index-module--tOnkG",v="index-module--lCVS1",x="index-module--LcJub",h="index-module--IUlD4",f="index-module--fb8wF",g="index-module--CCKjJ",p="index-module--GT39Y";const b=a},72919:(n,e)=>{var o;!function(){"use strict";var t={}.hasOwnProperty;function classNames(){for(var n=[],e=0;e<arguments.length;e++){var o=arguments[e];if(o){var r=typeof o;if("string"===r||"number"===r)n.push(o);else if(Array.isArray(o)){if(o.length){var i=classNames.apply(null,o);i&&n.push(i)}}else if("object"===r)if(o.toString===Object.prototype.toString)for(var a in o)t.call(o,a)&&o[a]&&n.push(a);else n.push(o.toString())}}return n.join(" ")}n.exports?(classNames.default=classNames,n.exports=classNames):void 0===(o=function(){return classNames}.apply(e,[]))||(n.exports=o)}()}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6276],{66276:(n,e,o)=>{"use strict";o.r(e),o.d(e,{default:()=>S});var t=o(13587),r=o(23170),i=o(72919),a=o.n(i),s=o(5219),d=o(970),l=(o(41594),o(14488)),c=o(25835),u=o.n(c),v=o(69120),x=o.n(v),h=o(91148),f=o.n(h),g=o(73035),p=o.n(g),b=o(24959),m=o.n(b),w=o(15004),k=o.n(w),y=o(53558),O={};O.styleTagTransform=k(),O.setAttributes=p(),O.insert=f().bind(null,"head"),O.domAPI=x(),O.insertStyleElement=m();u()(y.Ay,O);y.Ay&&y.Ay.locals&&y.Ay.locals;var j=o(82246),C=["className","showBackButtonText","backOverwrite","forthOverwrite","showNextButtonIcon"];function ownKeys(n,e){var o=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(o),!0).forEach((function(e){(0,t.A)(n,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(o,e))}))}return n}const S=(0,d.PA)((function ActionNavigation(n){var e=n.className,o=n.showBackButtonText,t=n.backOverwrite,i=n.forthOverwrite,d=n.showNextButtonIcon,c=(0,r.A)(n,C),u=(0,s.hV)(),v=(0,l.useTranslation)().t;return(0,j.jsx)(j.Fragment,{children:!u.uiState.configSettingsIsHidden&&(0,j.jsx)("div",_objectSpread(_objectSpread({},c),{},{className:a()(e,y.Ig,u.actionButtonState.isOnFirstStep?y.sR:void 0,u.actionButtonState.isOnFirstStepDisabled?y.WY:void 0,u.actionButtonState.isOnLastStep?y.in:void 0,"vertical"==u.tabGroupState.curTabGroupType?y.Vd:void 0,u.uiState.isMobilePortrait?y.o4:void 0,u.uiState.isMobileLandscape?y.eJ:void 0),children:(0,j.jsxs)("div",{className:y.kL,children:[(0,j.jsxs)("div",{className:a()(y.x6,y.aX,t),onClick:u.actionButtonState.onClickConfiguratorSettingsBack,children:[!o&&(0,j.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,j.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateBack, var(--secondaryColor))",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),o&&v("configurator.Back")]}),(0,j.jsxs)("div",{className:a()(y.x6,y._,i),onClick:u.actionButtonState.onClickConfiguratorSettingsForth,id:"wcConfigurator-action-next",children:[v("configurator.Next"),d&&(0,j.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,j.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateForthFontColor, #ffffff)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]})]})}))})}))},53558:(n,e,o)=>{"use strict";o.d(e,{Ay:()=>b,Ig:()=>s,Vd:()=>l,WY:()=>x,_:()=>v,aX:()=>u,eJ:()=>g,in:()=>h,kL:()=>d,o4:()=>p,sR:()=>f,x6:()=>c});var t=o(38634),r=o.n(t),i=o(92083),a=o.n(i)()(r());a.push([n.id,"/*Navigaton Buttons*/\n.index-module--HMX4z {\n  transition: width 0.2s ease-in-out;\n}\n\n.index-module--TOsUT {\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}\n.index-module--niaJb .index-module--TOsUT {\n  line-height: var(--configuratorActionHeight);\n}\n\n.index-module--Okvzq {\n  border-radius: var(--globalBorderRadius);\n  height: calc(100% - 2px);\n  text-align: center;\n}\n\n.index-module--tOnkG {\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--lCVS1 {\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: var(--configuratorActionForthWidth);\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.index-module--tOnkG:hover,\n.index-module--lCVS1:hover {\n  cursor: pointer;\n  box-shadow: var(--boxShadowHover);\n}\n.index-module--lCVS1 svg {\n  transform: rotate(180deg);\n  position: absolute;\n  right: 16px;\n}\n\n.index-module--LcJub .index-module--lCVS1 {\n  pointer-events: none;\n  background-color: #707070;\n  background-color: var(--navigateForth, #707070);\n  border-color: #707070;\n}\n\n.index-module--IUlD4 .index-module--tOnkG {\n  width: 100%;\n}\n\n.index-module--IUlD4 .index-module--lCVS1 {\n  display: none;\n}\n\n.index-module--fb8wF .index-module--tOnkG {\n  display: none;\n}\n\n.index-module--fb8wF .index-module--lCVS1 {\n  width: 100%;\n}\n\n.index-module--CCKjJ .index-module--Okvzq,\n.index-module--GT39Y .index-module--Okvzq {\n  line-height: calc(var(--configuratorActionHeight) - 5px);\n  border-radius: var(--globalBorderRadius);\n}\n",""]);var s="index-module--HMX4z",d="index-module--TOsUT",l="index-module--niaJb",c="index-module--Okvzq",u="index-module--tOnkG",v="index-module--lCVS1",x="index-module--LcJub",h="index-module--IUlD4",f="index-module--fb8wF",g="index-module--CCKjJ",p="index-module--GT39Y";const b=a},72919:(n,e)=>{var o;!function(){"use strict";var t={}.hasOwnProperty;function classNames(){for(var n=[],e=0;e<arguments.length;e++){var o=arguments[e];if(o){var r=typeof o;if("string"===r||"number"===r)n.push(o);else if(Array.isArray(o)){if(o.length){var i=classNames.apply(null,o);i&&n.push(i)}}else if("object"===r)if(o.toString===Object.prototype.toString)for(var a in o)t.call(o,a)&&o[a]&&n.push(a);else n.push(o.toString())}}return n.join(" ")}n.exports?(classNames.default=classNames,n.exports=classNames):void 0===(o=function(){return classNames}.apply(e,[]))||(n.exports=o)}()}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6472.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6472,6276],{16472:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>s});var o=t(13587),r=t(970),i=(t(41594),t(66276)),a=t(82246);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.A)(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 s=(0,r.PA)((function ActionNavigationGold(e){return(0,a.jsx)(i.default,_objectSpread(_objectSpread({},e),{},{showBackButtonText:!0}))}))},66276:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>C});var o=t(13587),r=t(23170),i=t(72919),a=t.n(i),s=t(5219),d=t(970),c=(t(41594),t(14488)),l=t(25835),u=t.n(l),f=t(69120),v=t.n(f),p=t(91148),g=t.n(p),h=t(73035),x=t.n(h),b=t(24959),m=t.n(b),y=t(15004),w=t.n(y),O=t(53558),j={};j.styleTagTransform=w(),j.setAttributes=x(),j.insert=g().bind(null,"head"),j.domAPI=v(),j.insertStyleElement=m();u()(O.Ay,j);O.Ay&&O.Ay.locals&&O.Ay.locals;var k=t(82246),S=["className","showBackButtonText","backOverwrite","forthOverwrite","showNextButtonIcon"];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.A)(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 C=(0,d.PA)((function ActionNavigation(e){var n=e.className,t=e.showBackButtonText,o=e.backOverwrite,i=e.forthOverwrite,d=e.showNextButtonIcon,l=(0,r.A)(e,S),u=(0,s.hV)(),f=(0,c.useTranslation)().t;return(0,k.jsx)(k.Fragment,{children:!u.uiState.configSettingsIsHidden&&(0,k.jsx)("div",_objectSpread(_objectSpread({},l),{},{className:a()(n,O.Ig,u.actionButtonState.isOnFirstStep?O.sR:void 0,u.actionButtonState.isOnFirstStepDisabled?O.WY:void 0,u.actionButtonState.isOnLastStep?O.in:void 0,"vertical"==u.tabGroupState.curTabGroupType?O.Vd:void 0,u.uiState.isMobilePortrait?O.o4:void 0,u.uiState.isMobileLandscape?O.eJ:void 0),children:(0,k.jsxs)("div",{className:O.kL,children:[(0,k.jsxs)("div",{className:a()(O.x6,O.aX,o),onClick:u.actionButtonState.onClickConfiguratorSettingsBack,children:[!t&&(0,k.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,k.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateBack, var(--secondaryColor))",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),t&&f("configurator.Back")]}),(0,k.jsxs)("div",{className:a()(O.x6,O._,i),onClick:u.actionButtonState.onClickConfiguratorSettingsForth,id:"wcConfigurator-action-next",children:[f("configurator.Next"),d&&(0,k.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,k.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateForthFontColor, #ffffff)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]})]})}))})}))},53558:(e,n,t)=>{"use strict";t.d(n,{Ay:()=>b,Ig:()=>s,Vd:()=>c,WY:()=>v,_:()=>f,aX:()=>u,eJ:()=>h,in:()=>p,kL:()=>d,o4:()=>x,sR:()=>g,x6:()=>l});var o=t(38634),r=t.n(o),i=t(92083),a=t.n(i)()(r());a.push([e.id,"/*Navigaton Buttons*/\n.index-module--HMX4z {\n  transition: width 0.2s ease-in-out;\n}\n\n.index-module--TOsUT {\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}\n.index-module--niaJb .index-module--TOsUT {\n  line-height: var(--configuratorActionHeight);\n}\n\n.index-module--Okvzq {\n  border-radius: var(--globalBorderRadius);\n  height: calc(100% - 2px);\n  text-align: center;\n}\n\n.index-module--tOnkG {\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--lCVS1 {\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: var(--configuratorActionForthWidth);\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.index-module--tOnkG:hover,\n.index-module--lCVS1:hover {\n  cursor: pointer;\n  box-shadow: var(--boxShadowHover);\n}\n.index-module--lCVS1 svg {\n  transform: rotate(180deg);\n  position: absolute;\n  right: 16px;\n}\n\n.index-module--LcJub .index-module--lCVS1 {\n  pointer-events: none;\n  background-color: #707070;\n  background-color: var(--navigateForth, #707070);\n  border-color: #707070;\n}\n\n.index-module--IUlD4 .index-module--tOnkG {\n  width: 100%;\n}\n\n.index-module--IUlD4 .index-module--lCVS1 {\n  display: none;\n}\n\n.index-module--fb8wF .index-module--tOnkG {\n  display: none;\n}\n\n.index-module--fb8wF .index-module--lCVS1 {\n  width: calc(100%);\n}\n\n.index-module--CCKjJ .index-module--Okvzq,\n.index-module--GT39Y .index-module--Okvzq {\n  line-height: calc(var(--configuratorActionHeight) - 5px);\n  border-radius: var(--globalBorderRadius);\n}\n",""]);var s="index-module--HMX4z",d="index-module--TOsUT",c="index-module--niaJb",l="index-module--Okvzq",u="index-module--tOnkG",f="index-module--lCVS1",v="index-module--LcJub",p="index-module--IUlD4",g="index-module--fb8wF",h="index-module--CCKjJ",x="index-module--GT39Y";const b=a},72919:(e,n)=>{var t;!function(){"use strict";var o={}.hasOwnProperty;function classNames(){for(var e=[],n=0;n<arguments.length;n++){var t=arguments[n];if(t){var r=typeof t;if("string"===r||"number"===r)e.push(t);else if(Array.isArray(t)){if(t.length){var i=classNames.apply(null,t);i&&e.push(i)}}else if("object"===r)if(t.toString===Object.prototype.toString)for(var a in t)o.call(t,a)&&t[a]&&e.push(a);else e.push(t.toString())}}return e.join(" ")}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(t=function(){return classNames}.apply(n,[]))||(e.exports=t)}()}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6472,6276],{16472:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>s});var o=t(13587),r=t(970),i=(t(41594),t(66276)),a=t(82246);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.A)(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 s=(0,r.PA)((function ActionNavigationGold(e){return(0,a.jsx)(i.default,_objectSpread(_objectSpread({},e),{},{showBackButtonText:!0}))}))},66276:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>C});var o=t(13587),r=t(23170),i=t(72919),a=t.n(i),s=t(5219),d=t(970),l=(t(41594),t(14488)),c=t(25835),u=t.n(c),f=t(69120),v=t.n(f),p=t(91148),g=t.n(p),h=t(73035),x=t.n(h),b=t(24959),m=t.n(b),y=t(15004),w=t.n(y),O=t(53558),j={};j.styleTagTransform=w(),j.setAttributes=x(),j.insert=g().bind(null,"head"),j.domAPI=v(),j.insertStyleElement=m();u()(O.Ay,j);O.Ay&&O.Ay.locals&&O.Ay.locals;var k=t(82246),S=["className","showBackButtonText","backOverwrite","forthOverwrite","showNextButtonIcon"];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.A)(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 C=(0,d.PA)((function ActionNavigation(e){var n=e.className,t=e.showBackButtonText,o=e.backOverwrite,i=e.forthOverwrite,d=e.showNextButtonIcon,c=(0,r.A)(e,S),u=(0,s.hV)(),f=(0,l.useTranslation)().t;return(0,k.jsx)(k.Fragment,{children:!u.uiState.configSettingsIsHidden&&(0,k.jsx)("div",_objectSpread(_objectSpread({},c),{},{className:a()(n,O.Ig,u.actionButtonState.isOnFirstStep?O.sR:void 0,u.actionButtonState.isOnFirstStepDisabled?O.WY:void 0,u.actionButtonState.isOnLastStep?O.in:void 0,"vertical"==u.tabGroupState.curTabGroupType?O.Vd:void 0,u.uiState.isMobilePortrait?O.o4:void 0,u.uiState.isMobileLandscape?O.eJ:void 0),children:(0,k.jsxs)("div",{className:O.kL,children:[(0,k.jsxs)("div",{className:a()(O.x6,O.aX,o),onClick:u.actionButtonState.onClickConfiguratorSettingsBack,children:[!t&&(0,k.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,k.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateBack, var(--secondaryColor))",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),t&&f("configurator.Back")]}),(0,k.jsxs)("div",{className:a()(O.x6,O._,i),onClick:u.actionButtonState.onClickConfiguratorSettingsForth,id:"wcConfigurator-action-next",children:[f("configurator.Next"),d&&(0,k.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,k.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateForthFontColor, #ffffff)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]})]})}))})}))},53558:(e,n,t)=>{"use strict";t.d(n,{Ay:()=>b,Ig:()=>s,Vd:()=>l,WY:()=>v,_:()=>f,aX:()=>u,eJ:()=>h,in:()=>p,kL:()=>d,o4:()=>x,sR:()=>g,x6:()=>c});var o=t(38634),r=t.n(o),i=t(92083),a=t.n(i)()(r());a.push([e.id,"/*Navigaton Buttons*/\n.index-module--HMX4z {\n  transition: width 0.2s ease-in-out;\n}\n\n.index-module--TOsUT {\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}\n.index-module--niaJb .index-module--TOsUT {\n  line-height: var(--configuratorActionHeight);\n}\n\n.index-module--Okvzq {\n  border-radius: var(--globalBorderRadius);\n  height: calc(100% - 2px);\n  text-align: center;\n}\n\n.index-module--tOnkG {\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--lCVS1 {\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: var(--configuratorActionForthWidth);\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.index-module--tOnkG:hover,\n.index-module--lCVS1:hover {\n  cursor: pointer;\n  box-shadow: var(--boxShadowHover);\n}\n.index-module--lCVS1 svg {\n  transform: rotate(180deg);\n  position: absolute;\n  right: 16px;\n}\n\n.index-module--LcJub .index-module--lCVS1 {\n  pointer-events: none;\n  background-color: #707070;\n  background-color: var(--navigateForth, #707070);\n  border-color: #707070;\n}\n\n.index-module--IUlD4 .index-module--tOnkG {\n  width: 100%;\n}\n\n.index-module--IUlD4 .index-module--lCVS1 {\n  display: none;\n}\n\n.index-module--fb8wF .index-module--tOnkG {\n  display: none;\n}\n\n.index-module--fb8wF .index-module--lCVS1 {\n  width: 100%;\n}\n\n.index-module--CCKjJ .index-module--Okvzq,\n.index-module--GT39Y .index-module--Okvzq {\n  line-height: calc(var(--configuratorActionHeight) - 5px);\n  border-radius: var(--globalBorderRadius);\n}\n",""]);var s="index-module--HMX4z",d="index-module--TOsUT",l="index-module--niaJb",c="index-module--Okvzq",u="index-module--tOnkG",f="index-module--lCVS1",v="index-module--LcJub",p="index-module--IUlD4",g="index-module--fb8wF",h="index-module--CCKjJ",x="index-module--GT39Y";const b=a},72919:(e,n)=>{var t;!function(){"use strict";var o={}.hasOwnProperty;function classNames(){for(var e=[],n=0;n<arguments.length;n++){var t=arguments[n];if(t){var r=typeof t;if("string"===r||"number"===r)e.push(t);else if(Array.isArray(t)){if(t.length){var i=classNames.apply(null,t);i&&e.push(i)}}else if("object"===r)if(t.toString===Object.prototype.toString)for(var a in t)o.call(t,a)&&t[a]&&e.push(a);else e.push(t.toString())}}return e.join(" ")}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(t=function(){return classNames}.apply(n,[]))||(e.exports=t)}()}}]);