@crystaldesign/diva-web-planner-react 25.11.0-rc.12 → 25.11.0-rc.14

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

@@ -1,2 +1,2 @@
 /*! For license information please see 2157.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2157,9001,4190,7853],{68063:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var o=t(80248),i=t(88291),r=(t(87363),t(88130)),a=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const d=function BasketMobile(n){var e=Object.assign({},((0,i.Z)(n),n)),t=(0,r.NP)();return(0,a.jsx)("div",_objectSpread(_objectSpread({},e),{},{onClick:function onClick(){return t.actionButtonState.onClickAddToBasket(t)}}))}},69001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function NavigationButtons(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},39141:(n,e,t)=>{t.r(e),t.d(e,{default:()=>k});var o=t(84658),i=t(88291),r=t(50747),a=t.n(r),d=t(88130),s=t(87363),l=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),b=t(90569),g=t.n(b),m=t(3565),f=t.n(m),h=t(19216),v=t.n(h),S=t(44589),w=t.n(S),y=t(39545),P={};P.styleTagTransform=w(),P.setAttributes=f(),P.insert=g().bind(null,"head"),P.domAPI=x(),P.insertStyleElement=v();c()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var j=t(47514);const k=(0,l.Pi)((function Inputbox(n){(0,i.Z)(n);var e=(0,d.NP)(),t=(0,s.useRef)(null);if((0,s.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,s.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,j.jsx)(j.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var l=function(){var n=(0,o.Z)(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,j.jsx)("div",{children:(0,j.jsxs)("div",{className:y.Q_,children:[(0,j.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,j.jsxs)("div",{style:{width:"100%"},children:[(0,j.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,j.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(l(),n.stopPropagation())}(n)},className:y.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,j.jsx)("button",{className:y.vX,onClick:l})]})]})})}))},22157:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Z});var o=t(65515),i=t.n(o),r=t(88130),a=t(87363),d=t(93379),s=t.n(d),l=t(7795),u=t.n(l),c=t(90569),p=t.n(c),x=t(3565),b=t.n(x),g=t(19216),m=t.n(g),f=t(44589),h=t.n(f),v=t(86454),S={};S.styleTagTransform=h(),S.setAttributes=b(),S.insert=p().bind(null,"head"),S.domAPI=u(),S.insertStyleElement=m();s()(v.ZP,S);v.ZP&&v.ZP.locals&&v.ZP.locals;var w=t(39141),y=t(34190),P=t(97853),j=t(69001),k=t(78697),O=t(7474),B=t(9420),C=t(68063),I=t(88683),M=t(25322),T=t(47514),N={"--settingsBackgroundColor":"rgba(248, 248, 248, 0.98)","--tabGroupBackground":"rgba(248, 248, 248, 0.98)","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"10px","--settingsScrollerPaddingLeft":"10px","--primaryColor":"#a81e1e","--secondaryColor":"#4a4a4a","--thirdColor":"#dfdfdf","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--galleryItemRadius":"3px","--galleryItemRowCount":"4","--galleryItemMargin":"1%","--galleryItemRowCountSmall":"3","--galleryItemMarginSmall":"0.5%","--galleryItemBorderColor":"#e8e9ed83","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorder":"1px","--configuratorActionHeight":"40px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)","--globalBorderRadius":"3px","--mobile-tabgroup-drawer-border-radius":"12px","--buttons-border-radius":"8px"};const Z=(0,B.Pi)((function Gold(n){var e=(0,r.NP)(),t=(0,I.useDivaCore)().state.isFullscreenComponent;return(0,a.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(N)}),[]),(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)("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()(v.xn,e.uiState.configSettingsIsExpanded?v.zh:void 0,e.uiState.isMobileLandscape?v.rK:void 0,e.uiState.isMobilePortrait?v.tW:void 0,e.uiState.isTablet?v.Mq:void 0),children:e.uiState.isInMobileView?(0,T.jsxs)("div",{id:"wcConfigurator-mobile-wrapper",className:v.Ly,children:[(0,T.jsx)(y.default,{className:v.kL}),(0,T.jsx)(P.default,{tabgroupElement:(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(O.default,{className:v.x6,showCloseButtonInMobile:t?"left":void 0}),(0,T.jsx)(C.default,{className:v.Bg}),(0,T.jsx)(M.default,{})]})})]}):(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(O.default,{className:v.x6,showCloseButtonInMobile:"none"}),(0,T.jsx)(y.default,{className:v.kL}),(0,T.jsx)(P.default,{className:v.vt}),(0,T.jsx)(j.default,{className:v.jl,showCheckoutButtons:e.uiState.isMobilePortrait}),(0,T.jsx)(k.default,{containerClassName:v.tM,showCheckoutButtons:!0})]})}),e.settingsState.inputBoxVisible&&(0,T.jsx)(w.default,{})]})}))},34190:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function Product(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/Product"}))}},59343:(n,e,t)=>{t.r(e),t.d(e,{default:()=>O});var o=t(34988),i=t(87363),r=t(92404),a=t(9420),d=t(88130),s=t(93379),l=t.n(s),u=t(7795),c=t.n(u),p=t(90569),x=t.n(p),b=t(3565),g=t.n(b),m=t(19216),f=t.n(m),h=t(44589),v=t.n(h),S=t(41060),w={};w.styleTagTransform=v(),w.setAttributes=g(),w.insert=x().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=f();l()(S.ZP,w);S.ZP&&S.ZP.locals&&S.ZP.locals;var y=t(82956),P=t(65515),j=t.n(P);var k=t(47514);const O=(0,a.Pi)((function SettingsBottomDrawer(n){var e=n.draggerElement,t=n.children,a=(0,d.NP)(),s=(0,i.useState)(a.uiState.isMobilePortrait),l=(0,o.Z)(s,2),u=l[0],c=l[1],p=function useDrawerHook(){var n=(0,i.useState)(0),e=(0,o.Z)(n,2),t=e[0],r=e[1],a=(0,i.useState)(0),d=(0,o.Z)(a,2),s=d[0],l=d[1],u=(0,i.useMemo)((function(){return function(n){return n.preventDefault()}}),[]);return{handleTouchStart:function handleTouchStart(n){r(n.touches[0].clientY),l(n.touches[0].pageX)},handleTouchMove:function handleTouchMove(n){var e=n.touches[0].clientY,o=n.touches[0].pageX,i=Math.abs(e-t),r=Math.abs(o-s);i>=1&&i>2*r&&window.addEventListener("touchmove",u,{passive:!1})},handleTouchEnd:function handleTouchEnd(){window.removeEventListener("touchmove",u)}}}(),x=p.handleTouchStart,b=p.handleTouchMove,g=p.handleTouchEnd;return(0,i.useEffect)((function(){c(a.uiState.isMobilePortrait)}),[a.uiState.isInMobileView,a.uiState.isMobileLandscape,a.uiState.isTablet]),(0,k.jsx)(r.dy.Root,{open:u,modal:!1,autoFocus:!0,handleOnly:!0,dismissible:!0,defaultOpen:!1,repositionInputs:!1,snapPoints:a.settingsState.snapPoints,container:document.getElementById("wcConfigurator"),onClose:function onClose(){return a.settingsState.setActiveSnapPointIndex(2)},closeThreshold:0==a.settingsState.activeSnapPointIndex?.1:1,activeSnapPoint:a.settingsState.snapPoints[a.settingsState.activeSnapPointIndex],setActiveSnapPoint:function setActiveSnapPoint(n){return a.settingsState.setActiveSnapPointIndex(a.settingsState.snapPoints.indexOf(n))},children:(0,k.jsx)(r.dy.Portal,{children:(0,k.jsxs)(r.dy.Content,{className:S.kh,children:[(0,k.jsxs)(r.dy.Handle,{className:j()(S.aq),onTouchStart:x,onTouchMove:b,onTouchEnd:g,children:[(0,k.jsx)("div",{className:S.Rx,children:(0,k.jsx)("div",{className:S.uQ})}),(0,k.jsx)("div",{className:S.ad,children:e})]}),a.uiState.isInMobileView&&(0,k.jsx)("div",{className:j()(y.Iz,S.J7),children:t})]})})})}))},51451:(n,e,t)=>{t.r(e),t.d(e,{default:()=>l});var o=t(9420),i=(t(87363),t(88130)),r=t(82956),a=t(65515),d=t.n(a),s=t(47514);const l=(0,o.Pi)((function SettingsExpanderButtons(n){var e=(0,i.NP)(),t=e.settingsState.contentItemId&&e.settingsState.contentItemVisible;return(0,s.jsxs)(s.Fragment,{children:[e.uiState.doShowConfSettingsExpander&&!e.uiState.isInMobileView&&(0,s.jsx)("div",{className:d()(r.AH,t?r.al:void 0),onClick:e.uiState.onClickExpandConfigSettings}),!e.uiState.isInMobileView&&e.uiState.doShowConfSettingsMaxMinExpander&&(0,s.jsxs)(s.Fragment,{children:[!e.uiState.configSettingsIsMaxExpanded&&(0,s.jsx)("div",{className:d()(r.EN,t?r.al:void 0),onClick:e.uiState.onClickExpandMaxConfigSettings}),!e.uiState.configSettingsIsMinExpanded&&(0,s.jsx)("div",{className:r.nW,onClick:e.uiState.onClickExpandMinConfigSettings})]})]})}))},97853:(n,e,t)=>{t.r(e),t.d(e,{default:()=>f});var o=t(80248),i=t(72874),r=(t(87363),t(88130)),a=t(80509),d=t(90395),s=t(9420),l=t(82956),u=t(65515),c=t.n(u),p=t(99676),x=t(51451),b=t(59343),g=t(47514),m=["className","tabgroupElement"];function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const f=(0,s.Pi)((function Settings(n){var e,t,o=n.className,s=n.tabgroupElement,u=(0,i.Z)(n,m),f=(0,r.NP)(),h=f.getIsInMobileView()&&f.getViewConfig().navigateMobileSwiper,v=(0,g.jsx)(g.Fragment,{children:h?(0,g.jsx)(p.default,{}):(0,g.jsxs)(g.Fragment,{children:[!f.uiState.isInMobileView&&!f.settingsState.forceSettingsHeaderInScrollContainer&&(0,g.jsx)(a.default,{},null!==(e=null===(t=f.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==e?e:0),(0,g.jsx)(d.default,{}),(0,g.jsx)(x.default,{})]})});return(0,g.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(o,l.vt,"horizontal"==f.tabGroupState.curTabGroupType?l.s1:void 0,f.uiState.configSettingsIsExpanded?l.zh:void 0),children:[(0,g.jsx)(b.default,{draggerElement:s,children:v}),!f.uiState.isInMobileView&&v]}))}))},25322:(n,e,t)=>{t.r(e),t.d(e,{default:()=>w});var o=t(88291),i=t(88130),r=(t(87363),t(9420)),a=t(93379),d=t.n(a),s=t(7795),l=t.n(s),u=t(90569),c=t.n(u),p=t(3565),x=t.n(p),b=t(19216),g=t.n(b),m=t(44589),f=t.n(m),h=t(29390),v={};v.styleTagTransform=f(),v.setAttributes=x(),v.insert=c().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=g();d()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var S=t(47514);const w=(0,r.Pi)((function ProgressBar(n){(0,o.Z)(n);var e=(0,i.NP)(),t=e.configuratorStructureHandler.lastConfigStep,r=e.tabGroupState.curConfigStep;if(!t||!r)return(0,S.jsx)(S.Fragment,{});var a=r.posNr,d=t.posNr,s=1==d?0:Math.round(a/d*100),l=100-s;return(0,S.jsxs)("div",{className:h.YS,children:[(0,S.jsx)("div",{className:h.L3,style:{width:s+"%"}}),(0,S.jsx)("div",{className:h.LM,style:{width:l+"%"}})]})}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>p,Jg:()=>b,Q_:()=>x,ZP:()=>m,vX:()=>g});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),s=t.n(d),l=new URL(t(38403),t.b),u=a()(i()),c=s()(l);u.push([n.id,".index-module--nrbS_ {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var p="index-module--nrbS_",x="index-module--lGJqa",b="index-module--OZydS",g="index-module--FQDBA";const m=u},86454:(n,e,t)=>{t.d(e,{Bg:()=>w,Ly:()=>P,Mq:()=>y,ZP:()=>j,jl:()=>h,kL:()=>g,rK:()=>x,tM:()=>v,tW:()=>b,vt:()=>m,x6:()=>f,xn:()=>p,zh:()=>S});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),s=t.n(d),l=new URL(t(2431),t.b),u=a()(i()),c=s()(l);u.push([n.id,".index-module--jUUzB {\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  overscroll-behavior-y: contain;\n}\n\n.index-module--jUUzB *,\n.index-module--jUUzB *::before,\n.index-module--jUUzB *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--jUUzB.index-module--ka5TW {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n.index-module--jUUzB.index-module--rXcyI {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n/******************************************Product*******************************************/\n\n.index-module--fH3d_ {\n  position: absolute;\n  width: 69%;\n  top: calc(56px + 20px);\n  height: calc(100% - 56px - 20px);\n}\n\n/**************************************ConfigPalette***************************************/\n.index-module--PRLOe {\n  position: absolute;\n  width: 31%;\n  overflow: visible;\n  z-index: 600;\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--zOzPb {\n  position: absolute;\n  z-index: 600;\n  height: 56px;\n  width: 100%;\n  transition: width 0.2s ease-in-out;\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.index-module--_vKBL {\n  position: absolute;\n  width: 31%;\n  height: 40px;\n  right: 0px;\n  bottom: calc(40px + 20px);\n  padding-top: 10px;\n  z-index: 600;\n  transition: width 0.2s ease-in-out;\n  background-color: var(--settingsBackgroundColor);\n}\n\n/*************************************Basket Button****************************************/\n.index-module--mZSQ5 {\n  position: absolute;\n  width: 31%;\n  height: 40px;\n  right: 0px;\n  bottom: 0px;\n  padding-top: 20px;\n  z-index: 600;\n\n  transition: width 0.2s ease-in-out;\n}\n\n/****************************************Settings- Expanded *******************************/\n.index-module--g6b2d .index-module--PRLOe,\n.index-module--g6b2d .index-module--mZSQ5,\n.index-module--g6b2d .index-module--_vKBL {\n  width: 62%;\n}\n\n.index-module--jUUzB.index-module--rXcyI,\n.index-module--ka5TW.index-module--jUUzB {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n}\n/*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.index-module--ka5TW .index-module--fH3d_ {\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--ka5TW .index-module--PRLOe {\n  display: none;\n}\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.index-module--ka5TW .index-module--zOzPb {\n  display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.index-module--ka5TW .index-module--_vKBL {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.index-module--ka5TW .index-module--mZSQ5 {\n  display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.index-module--rXcyI .index-module--fH3d_ {\n  top: 0px;\n  left: 0px;\n  height: var(--configuratorProductHeight);\n  transition: height 0.2s ease-out;\n  width: 100%;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.index-module--rXcyI .index-module--PRLOe {\n  left: 0px;\n  top: auto;\n  top: initial;\n  transition: height 0.2s ease-out;\n  bottom: 0px;\n  width: 100%;\n  z-index: 1000;\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.index-module--rXcyI .index-module--zOzPb {\n  position: relative;\n  right: auto;\n  right: initial;\n  top: auto;\n  top: initial;\n  transition: none 0s ease 0s;\n  transition: initial;\n  flex-grow: 10;\n  height: var(--configuratorTabGroupHeight);\n  width: 100%;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.index-module--rXcyI .index-module--_vKBL {\n  display: none;\n  bottom: 0px;\n  width: calc(100% - 10px);\n\n  height: calc(var(--configuratorActionHeight) - 5px);\n  margin: 0 5px 5px 5px;\n  padding-top: 0px;\n  right: 0px;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.index-module--rXcyI .index-module--mZSQ5,\n.index-module--rXcyI.index-module--HZdfU .index-module--mZSQ5 {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Portrait onTop *********************************/\n\n.index-module--GKXer {\n  position: relative;\n  transition: bottom 0.2s ease-out;\n  width: 50px;\n  height: var(--configuratorTabGroupHeight);\n  background: no-repeat url("+c+") center center var(--primaryColor);\n  background-size: 37%;\n  z-index: 300;\n}\n\n.index-module--ka5TW,\n.index-module--rXcyI {\n  --configuratorActionHeight: 50px;\n  --configuratorTabGroupHeight: 38px;\n}\n\n.index-module--FYopM {\n  --configuratorTabGroupHeight: 50px;\n  --mobile-tabgroup-drawer-border-radius: 16px;\n}\n\n.index-module--l4Hrm {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\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 p="index-module--jUUzB",x="index-module--ka5TW",b="index-module--rXcyI",g="index-module--fH3d_",m="index-module--PRLOe",f="index-module--zOzPb",h="index-module--_vKBL",v="index-module--mZSQ5",S="index-module--g6b2d",w="index-module--GKXer",y="index-module--FYopM",P="index-module--l4Hrm";const j=u},41060:(n,e,t)=>{t.d(e,{J7:()=>l,Rx:()=>u,ZP:()=>x,ad:()=>p,aq:()=>s,kh:()=>d,uQ:()=>c});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([n.id,".index-module--qmbFa {\n  outline: medium none invert;\n  outline: initial;\n  position: absolute;\n  z-index: 1000;\n  width: 100%;\n}\ndiv.index-module--Lklbq {\n  width: 100%;\n  opacity: 1;\n  height: var(--configuratorTabGroupHeight);\n  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;\n  background: initial;\n  border-radius: 0px;\n  box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.1);\n  border-top-right-radius: 8px;\n  border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  border-top-left-radius: 8px;\n  border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--A4coW {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background-color: var(--settingsBackgroundColor);\n}\n\n.index-module--Lklbq > span {\n  transform: none;\n  transform: initial;\n  left: auto;\n  left: initial;\n  top: auto;\n  top: initial;\n}\n\n.index-module--WO2oD {\n  position: absolute;\n  left: 50%;\n  transform: translate(-50%, -32px);\n  width: 40px;\n  height: 40px;\n  touch-action: inherit;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-top-right-radius: 8px;\n  border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  border-top-left-radius: 8px;\n  border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--BVoP4 {\n  width: var(--configuratorTabGroupHeight);\n  height: 4px;\n  background-color: rgba(234, 234, 234, 0.9);\n  border-radius: 2px;\n}\n\n.index-module--yfZrB {\n  position: relative;\n  height: var(--configuratorTabGroupHeight);\n  width: 100%;\n  display: flex;\n  border-top-right-radius: 8px;\n  border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  border-top-left-radius: 8px;\n  border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  overflow: hidden;\n}\n\n/* to be removed after new vaul release https://github.com/emilkowalski/vaul/pull/580 */\nbody {\n  pointer-events: all !important;\n}\n",""]);var d="index-module--qmbFa",s="index-module--Lklbq",l="index-module--A4coW",u="index-module--WO2oD",c="index-module--BVoP4",p="index-module--yfZrB";const x=a},29390:(n,e,t)=>{t.d(e,{L3:()=>s,LM:()=>l,YS:()=>d,ZP:()=>u});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([n.id,".index-module--rHd3V {\n  position: absolute;\n  width: 100%;\n  height: 3px;\n  bottom: 0;\n  left: 0;\n  z-index: 2000;\n}\n\n.index-module--_zSo1 {\n  background: #ccc;\n  border-radius: 0 1px 1px 0;\n  transition: width 0.35s ease-in-out;\n  height: 100%;\n}\n\n.index-module--tkNQ6 {\n  background: #eee;\n  transition: width 0.35s ease-in-out;\n  height: 100%;\n}\n",""]);var d="index-module--rHd3V",s="index-module--_zSo1",l="index-module--tkNQ6";const u=a}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2157,9001,4190,7853],{68063:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var o=t(80248),i=t(88291),r=(t(87363),t(88130)),a=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const d=function BasketMobile(n){var e=Object.assign({},((0,i.Z)(n),n)),t=(0,r.NP)();return(0,a.jsx)("div",_objectSpread(_objectSpread({},e),{},{onClick:function onClick(){return t.actionButtonState.onClickAddToBasket(t)}}))}},69001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function NavigationButtons(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},39141:(n,e,t)=>{t.r(e),t.d(e,{default:()=>k});var o=t(84658),i=t(88291),r=t(50747),a=t.n(r),d=t(88130),s=t(87363),l=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),g=t(90569),b=t.n(g),m=t(3565),f=t.n(m),h=t(19216),v=t.n(h),S=t(44589),w=t.n(S),y=t(39545),P={};P.styleTagTransform=w(),P.setAttributes=f(),P.insert=b().bind(null,"head"),P.domAPI=x(),P.insertStyleElement=v();c()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var j=t(47514);const k=(0,l.Pi)((function Inputbox(n){(0,i.Z)(n);var e=(0,d.NP)(),t=(0,s.useRef)(null);if((0,s.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,s.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,j.jsx)(j.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var l=function(){var n=(0,o.Z)(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,j.jsx)("div",{children:(0,j.jsxs)("div",{className:y.Q_,children:[(0,j.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,j.jsxs)("div",{style:{width:"100%"},children:[(0,j.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,j.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(l(),n.stopPropagation())}(n)},className:y.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,j.jsx)("button",{className:y.vX,onClick:l})]})]})})}))},22157:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Z});var o=t(65515),i=t.n(o),r=t(88130),a=t(87363),d=t(93379),s=t.n(d),l=t(7795),u=t.n(l),c=t(90569),p=t.n(c),x=t(3565),g=t.n(x),b=t(19216),m=t.n(b),f=t(44589),h=t.n(f),v=t(86454),S={};S.styleTagTransform=h(),S.setAttributes=g(),S.insert=p().bind(null,"head"),S.domAPI=u(),S.insertStyleElement=m();s()(v.ZP,S);v.ZP&&v.ZP.locals&&v.ZP.locals;var w=t(39141),y=t(34190),P=t(97853),j=t(69001),k=t(78697),O=t(7474),B=t(9420),C=t(68063),I=t(88683),M=t(25322),T=t(47514),N={"--settingsBackgroundColor":"rgba(248, 248, 248, 0.98)","--tabGroupBackground":"rgba(248, 248, 248, 0.98)","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"10px","--settingsScrollerPaddingLeft":"10px","--primaryColor":"#a81e1e","--secondaryColor":"#4a4a4a","--thirdColor":"#dfdfdf","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--galleryItemRadius":"3px","--galleryItemRowCount":"4","--galleryItemMargin":"1%","--galleryItemRowCountSmall":"3","--galleryItemMarginSmall":"0.5%","--galleryItemBorderColor":"#e8e9ed83","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorder":"1px","--configuratorActionHeight":"40px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)","--globalBorderRadius":"3px","--mobile-tabgroup-drawer-border-radius":"12px","--buttons-border-radius":"8px"};const Z=(0,B.Pi)((function Gold(n){var e=(0,r.NP)(),t=(0,I.useDivaCore)().state.isFullscreenComponent;return(0,a.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(N)}),[]),(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)("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()(v.xn,e.uiState.configSettingsIsExpanded?v.zh:void 0,e.uiState.isMobileLandscape?v.rK:void 0,e.uiState.isMobilePortrait?v.tW:void 0,e.uiState.isTablet?v.Mq:void 0),children:e.uiState.isInMobileView?(0,T.jsxs)("div",{id:"wcConfigurator-mobile-wrapper",className:v.Ly,children:[(0,T.jsx)(y.default,{className:v.kL}),(0,T.jsx)(P.default,{tabgroupElement:(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(O.default,{className:v.x6,showCloseButtonInMobile:t?"left":void 0}),(0,T.jsx)(C.default,{className:v.Bg}),(0,T.jsx)(M.default,{})]})})]}):(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(O.default,{className:v.x6,showCloseButtonInMobile:"none"}),(0,T.jsx)(y.default,{className:v.kL}),(0,T.jsx)(P.default,{className:v.vt}),(0,T.jsx)(j.default,{className:v.jl,showCheckoutButtons:e.uiState.isMobilePortrait}),(0,T.jsx)(k.default,{containerClassName:v.tM,showCheckoutButtons:!0})]})}),e.settingsState.inputBoxVisible&&(0,T.jsx)(w.default,{})]})}))},34190:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function Product(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/Product"}))}},59343:(n,e,t)=>{t.r(e),t.d(e,{default:()=>O});var o=t(34988),i=t(87363),r=t(92404),a=t(9420),d=t(88130),s=t(93379),l=t.n(s),u=t(7795),c=t.n(u),p=t(90569),x=t.n(p),g=t(3565),b=t.n(g),m=t(19216),f=t.n(m),h=t(44589),v=t.n(h),S=t(41060),w={};w.styleTagTransform=v(),w.setAttributes=b(),w.insert=x().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=f();l()(S.ZP,w);S.ZP&&S.ZP.locals&&S.ZP.locals;var y=t(82956),P=t(65515),j=t.n(P);var k=t(47514);const O=(0,a.Pi)((function SettingsBottomDrawer(n){var e=n.draggerElement,t=n.children,a=(0,d.NP)(),s=(0,i.useState)(a.uiState.isMobilePortrait),l=(0,o.Z)(s,2),u=l[0],c=l[1],p=function useDrawerHook(){var n=(0,i.useState)(0),e=(0,o.Z)(n,2),t=e[0],r=e[1],a=(0,i.useState)(0),d=(0,o.Z)(a,2),s=d[0],l=d[1],u=(0,i.useMemo)((function(){return function(n){return n.preventDefault()}}),[]);return{handleTouchStart:function handleTouchStart(n){r(n.touches[0].clientY),l(n.touches[0].pageX)},handleTouchMove:function handleTouchMove(n){var e=n.touches[0].clientY,o=n.touches[0].pageX,i=Math.abs(e-t),r=Math.abs(o-s);i>=1&&i>2*r&&window.addEventListener("touchmove",u,{passive:!1})},handleTouchEnd:function handleTouchEnd(){window.removeEventListener("touchmove",u)}}}(),x=p.handleTouchStart,g=p.handleTouchMove,b=p.handleTouchEnd;return(0,i.useEffect)((function(){c(a.uiState.isMobilePortrait)}),[a.uiState.isInMobileView,a.uiState.isMobileLandscape,a.uiState.isTablet]),(0,k.jsx)(r.dy.Root,{open:u,modal:!1,autoFocus:!0,handleOnly:!0,dismissible:!0,defaultOpen:!1,repositionInputs:!1,snapPoints:a.settingsState.snapPoints,container:document.getElementById("wcConfigurator"),onClose:function onClose(){return a.settingsState.setActiveSnapPointIndex(2)},closeThreshold:0==a.settingsState.activeSnapPointIndex?.1:1,activeSnapPoint:a.settingsState.snapPoints[a.settingsState.activeSnapPointIndex],setActiveSnapPoint:function setActiveSnapPoint(n){return a.settingsState.setActiveSnapPointIndex(a.settingsState.snapPoints.indexOf(n))},children:(0,k.jsx)(r.dy.Portal,{children:(0,k.jsxs)(r.dy.Content,{title:"Settings",className:S.kh,children:[(0,k.jsxs)(r.dy.Handle,{title:"SettingsHandle",className:j()(S.aq),onTouchStart:x,onTouchMove:g,onTouchEnd:b,children:[(0,k.jsx)("div",{className:S.Rx,children:(0,k.jsx)("div",{className:S.uQ})}),(0,k.jsx)("div",{className:S.ad,children:e})]}),a.uiState.isInMobileView&&(0,k.jsx)("div",{className:j()(y.Iz,S.J7),children:t})]})})})}))},51451:(n,e,t)=>{t.r(e),t.d(e,{default:()=>l});var o=t(9420),i=(t(87363),t(88130)),r=t(82956),a=t(65515),d=t.n(a),s=t(47514);const l=(0,o.Pi)((function SettingsExpanderButtons(n){var e=(0,i.NP)(),t=e.settingsState.contentItemId&&e.settingsState.contentItemVisible;return(0,s.jsxs)(s.Fragment,{children:[e.uiState.doShowConfSettingsExpander&&!e.uiState.isInMobileView&&(0,s.jsx)("div",{className:d()(r.AH,t?r.al:void 0),onClick:e.uiState.onClickExpandConfigSettings}),!e.uiState.isInMobileView&&e.uiState.doShowConfSettingsMaxMinExpander&&(0,s.jsxs)(s.Fragment,{children:[!e.uiState.configSettingsIsMaxExpanded&&(0,s.jsx)("div",{className:d()(r.EN,t?r.al:void 0),onClick:e.uiState.onClickExpandMaxConfigSettings}),!e.uiState.configSettingsIsMinExpanded&&(0,s.jsx)("div",{className:r.nW,onClick:e.uiState.onClickExpandMinConfigSettings})]})]})}))},97853:(n,e,t)=>{t.r(e),t.d(e,{default:()=>f});var o=t(80248),i=t(72874),r=(t(87363),t(88130)),a=t(80509),d=t(90395),s=t(9420),l=t(82956),u=t(65515),c=t.n(u),p=t(99676),x=t(51451),g=t(59343),b=t(47514),m=["className","tabgroupElement"];function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const f=(0,s.Pi)((function Settings(n){var e,t,o=n.className,s=n.tabgroupElement,u=(0,i.Z)(n,m),f=(0,r.NP)(),h=f.getIsInMobileView()&&f.getViewConfig().navigateMobileSwiper,v=(0,b.jsx)(b.Fragment,{children:h?(0,b.jsx)(p.default,{}):(0,b.jsxs)(b.Fragment,{children:[!f.uiState.isInMobileView&&!f.settingsState.forceSettingsHeaderInScrollContainer&&(0,b.jsx)(a.default,{},null!==(e=null===(t=f.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==e?e:0),(0,b.jsx)(d.default,{}),(0,b.jsx)(x.default,{})]})});return(0,b.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(o,l.vt,"horizontal"==f.tabGroupState.curTabGroupType?l.s1:void 0,f.uiState.configSettingsIsExpanded?l.zh:void 0),children:[(0,b.jsx)(g.default,{draggerElement:s,children:v}),!f.uiState.isInMobileView&&v]}))}))},25322:(n,e,t)=>{t.r(e),t.d(e,{default:()=>w});var o=t(88291),i=t(88130),r=(t(87363),t(9420)),a=t(93379),d=t.n(a),s=t(7795),l=t.n(s),u=t(90569),c=t.n(u),p=t(3565),x=t.n(p),g=t(19216),b=t.n(g),m=t(44589),f=t.n(m),h=t(29390),v={};v.styleTagTransform=f(),v.setAttributes=x(),v.insert=c().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=b();d()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var S=t(47514);const w=(0,r.Pi)((function ProgressBar(n){(0,o.Z)(n);var e=(0,i.NP)(),t=e.configuratorStructureHandler.lastConfigStep,r=e.tabGroupState.curConfigStep;if(!t||!r)return(0,S.jsx)(S.Fragment,{});var a=r.posNr,d=t.posNr,s=1==d?0:Math.round(a/d*100),l=100-s;return(0,S.jsxs)("div",{className:h.YS,children:[(0,S.jsx)("div",{className:h.L3,style:{width:s+"%"}}),(0,S.jsx)("div",{className:h.LM,style:{width:l+"%"}})]})}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>p,Jg:()=>g,Q_:()=>x,ZP:()=>m,vX:()=>b});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),s=t.n(d),l=new URL(t(38403),t.b),u=a()(i()),c=s()(l);u.push([n.id,".index-module--nrbS_ {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var p="index-module--nrbS_",x="index-module--lGJqa",g="index-module--OZydS",b="index-module--FQDBA";const m=u},86454:(n,e,t)=>{t.d(e,{Bg:()=>w,Ly:()=>P,Mq:()=>y,ZP:()=>j,jl:()=>h,kL:()=>b,rK:()=>x,tM:()=>v,tW:()=>g,vt:()=>m,x6:()=>f,xn:()=>p,zh:()=>S});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),s=t.n(d),l=new URL(t(2431),t.b),u=a()(i()),c=s()(l);u.push([n.id,".index-module--jUUzB {\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  overscroll-behavior-y: contain;\n}\n\n.index-module--jUUzB *,\n.index-module--jUUzB *::before,\n.index-module--jUUzB *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--jUUzB.index-module--ka5TW {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n.index-module--jUUzB.index-module--rXcyI {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n/******************************************Product*******************************************/\n\n.index-module--fH3d_ {\n  position: absolute;\n  width: 69%;\n  top: calc(56px + 20px);\n  height: calc(100% - 56px - 20px);\n}\n\n/**************************************ConfigPalette***************************************/\n.index-module--PRLOe {\n  position: absolute;\n  width: 31%;\n  overflow: visible;\n  z-index: 600;\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--zOzPb {\n  position: absolute;\n  z-index: 600;\n  height: 56px;\n  width: 100%;\n  transition: width 0.2s ease-in-out;\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.index-module--_vKBL {\n  position: absolute;\n  width: 31%;\n  height: 40px;\n  right: 0px;\n  bottom: calc(40px + 20px);\n  padding-top: 10px;\n  z-index: 600;\n  transition: width 0.2s ease-in-out;\n  background-color: var(--settingsBackgroundColor);\n}\n\n/*************************************Basket Button****************************************/\n.index-module--mZSQ5 {\n  position: absolute;\n  width: 31%;\n  height: 40px;\n  right: 0px;\n  bottom: 0px;\n  padding-top: 20px;\n  z-index: 600;\n\n  transition: width 0.2s ease-in-out;\n}\n\n/****************************************Settings- Expanded *******************************/\n.index-module--g6b2d .index-module--PRLOe,\n.index-module--g6b2d .index-module--mZSQ5,\n.index-module--g6b2d .index-module--_vKBL {\n  width: 62%;\n}\n\n.index-module--jUUzB.index-module--rXcyI,\n.index-module--ka5TW.index-module--jUUzB {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n}\n/*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.index-module--ka5TW .index-module--fH3d_ {\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--ka5TW .index-module--PRLOe {\n  display: none;\n}\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.index-module--ka5TW .index-module--zOzPb {\n  display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.index-module--ka5TW .index-module--_vKBL {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.index-module--ka5TW .index-module--mZSQ5 {\n  display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.index-module--rXcyI .index-module--fH3d_ {\n  top: 0px;\n  left: 0px;\n  height: var(--configuratorProductHeight);\n  transition: height 0.2s ease-out;\n  width: 100%;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.index-module--rXcyI .index-module--PRLOe {\n  left: 0px;\n  top: auto;\n  top: initial;\n  transition: height 0.2s ease-out;\n  bottom: 0px;\n  width: 100%;\n  z-index: 1000;\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.index-module--rXcyI .index-module--zOzPb {\n  position: relative;\n  right: auto;\n  right: initial;\n  top: auto;\n  top: initial;\n  transition: none 0s ease 0s;\n  transition: initial;\n  flex-grow: 10;\n  height: var(--configuratorTabGroupHeight);\n  width: 100%;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.index-module--rXcyI .index-module--_vKBL {\n  display: none;\n  bottom: 0px;\n  width: calc(100% - 10px);\n\n  height: calc(var(--configuratorActionHeight) - 5px);\n  margin: 0 5px 5px 5px;\n  padding-top: 0px;\n  right: 0px;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.index-module--rXcyI .index-module--mZSQ5,\n.index-module--rXcyI.index-module--HZdfU .index-module--mZSQ5 {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Portrait onTop *********************************/\n\n.index-module--GKXer {\n  position: relative;\n  transition: bottom 0.2s ease-out;\n  width: 50px;\n  height: var(--configuratorTabGroupHeight);\n  background: no-repeat url("+c+") center center var(--primaryColor);\n  background-size: 37%;\n  z-index: 300;\n}\n\n.index-module--ka5TW,\n.index-module--rXcyI {\n  --configuratorActionHeight: 50px;\n  --configuratorTabGroupHeight: 38px;\n}\n\n.index-module--FYopM {\n  --configuratorTabGroupHeight: 50px;\n  --mobile-tabgroup-drawer-border-radius: 16px;\n}\n\n.index-module--l4Hrm {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\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 p="index-module--jUUzB",x="index-module--ka5TW",g="index-module--rXcyI",b="index-module--fH3d_",m="index-module--PRLOe",f="index-module--zOzPb",h="index-module--_vKBL",v="index-module--mZSQ5",S="index-module--g6b2d",w="index-module--GKXer",y="index-module--FYopM",P="index-module--l4Hrm";const j=u},41060:(n,e,t)=>{t.d(e,{J7:()=>l,Rx:()=>u,ZP:()=>x,ad:()=>p,aq:()=>s,kh:()=>d,uQ:()=>c});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([n.id,".index-module--qmbFa {\n  outline: medium none invert;\n  outline: initial;\n  position: absolute;\n  z-index: 1000;\n  width: 100%;\n}\ndiv.index-module--Lklbq {\n  width: 100%;\n  opacity: 1;\n  height: var(--configuratorTabGroupHeight);\n  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;\n  background: initial;\n  border-radius: 0px;\n  box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.1);\n  border-top-right-radius: 8px;\n  border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  border-top-left-radius: 8px;\n  border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--A4coW {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background-color: var(--settingsBackgroundColor);\n}\n\n.index-module--Lklbq > span {\n  transform: none;\n  transform: initial;\n  left: auto;\n  left: initial;\n  top: auto;\n  top: initial;\n}\n\n.index-module--WO2oD {\n  position: absolute;\n  left: 50%;\n  transform: translate(-50%, -32px);\n  width: 40px;\n  height: 40px;\n  touch-action: inherit;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-top-right-radius: 8px;\n  border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  border-top-left-radius: 8px;\n  border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--BVoP4 {\n  width: var(--configuratorTabGroupHeight);\n  height: 4px;\n  background-color: rgba(234, 234, 234, 0.9);\n  border-radius: 2px;\n}\n\n.index-module--yfZrB {\n  position: relative;\n  height: var(--configuratorTabGroupHeight);\n  width: 100%;\n  display: flex;\n  border-top-right-radius: 8px;\n  border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  border-top-left-radius: 8px;\n  border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  overflow: hidden;\n}\n\n/* to be removed after new vaul release https://github.com/emilkowalski/vaul/pull/580 */\nbody {\n  pointer-events: all !important;\n}\n",""]);var d="index-module--qmbFa",s="index-module--Lklbq",l="index-module--A4coW",u="index-module--WO2oD",c="index-module--BVoP4",p="index-module--yfZrB";const x=a},29390:(n,e,t)=>{t.d(e,{L3:()=>s,LM:()=>l,YS:()=>d,ZP:()=>u});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([n.id,".index-module--rHd3V {\n  position: absolute;\n  width: 100%;\n  height: 3px;\n  bottom: 0;\n  left: 0;\n  z-index: 2000;\n}\n\n.index-module--_zSo1 {\n  background: #ccc;\n  border-radius: 0 1px 1px 0;\n  transition: width 0.35s ease-in-out;\n  height: 100%;\n}\n\n.index-module--tkNQ6 {\n  background: #eee;\n  transition: width 0.35s ease-in-out;\n  height: 100%;\n}\n",""]);var d="index-module--rHd3V",s="index-module--_zSo1",l="index-module--tkNQ6";const u=a}}]);

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

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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 2398.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2398,6340,6135,1051],{56340:(e,n,t)=>{t.r(n),t.d(n,{default:()=>d});var r=t(34988),i=t(35907),a=t(87363),o=t(7501),s=t(88130),c=t(9420),u=t(47514);const d=(0,c.Pi)((function PriceCounter(e){var n,t,c=e.price,d=e.formattingFn,l=e.duration,p=void 0===l?.5:l,f=(0,a.useState)(0),P=(0,r.Z)(f,2),m=P[0],v=P[1],x=(0,a.useState)(0),g=(0,r.Z)(x,2),b=g[0],h=g[1],y=(0,s.NP)();return(0,a.useEffect)((function(){v(c)}),[c]),(0,u.jsx)(o.ZP,{end:m,duration:p,decimals:null!==(n=null===(t=m.toString().split(".")[1])||void 0===t?void 0:t.length)&&void 0!==n?n:0,start:b,formattingFn:function formattingFn(e){return d?d(e):i.ZP.formatPrice(e,y.productState.getPriceFormatForCounter(m))},onEnd:function onEnd(){h(m)}})}))},2398:(e,n,t)=>{t.r(n),t.d(n,{default:()=>C});var r=t(80248),i=t(34988),a=t(87363),o=t(93379),s=t.n(o),c=t(7795),u=t.n(c),d=t(90569),l=t.n(d),p=t(3565),f=t.n(p),P=t(19216),m=t.n(P),v=t(44589),x=t.n(v),g=t(8907),b={};b.styleTagTransform=x(),b.setAttributes=f(),b.insert=l().bind(null,"head"),b.domAPI=u(),b.insertStyleElement=m();s()(g.ZP,b);g.ZP&&g.ZP.locals&&g.ZP.locals;var h=t(88683),y=t(88130),j=t(65515),w=t.n(j),F=t(56340),S=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}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,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var O=function AsyncRender1(e){var n=e.asyncPricePreview,t=e.children;return use(n)?t:(0,S.jsx)(S.Fragment,{})},D=function AsyncRender2(e){var n,t,r=e.asyncPricePreview,i=e.dontAnimatePrice,a=use(r),o=(0,y.NP)();switch(o.productState.pricePreview){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":t=a.price-a.origPrice;break;case"fromBasePrice":t=a.price-a.firstPrice}return(0,S.jsxs)(S.Fragment,{children:[(null===(n=window)||void 0===n||n.DIVA_LOGGER,""),(0,S.jsx)(F.default,{price:t,duration:i?0:.45,formattingFn:function formattingFn(e){return(e<0?"-":"+")+h.DivaUtils.formatPrice(Math.abs(e),o.productState.getPriceFormatForCounter(e))}})]})};function use(e){if("fulfilled"===e.status)return e.value;throw"rejected"===e.status?e.reason:("pending"===e.status||(e.status="pending",e.then((function(n){e.status="fulfilled",e.value=n}),(function(n){e.status="rejected",e.reason=n}))),e)}const C=function PricePreview(e){var n=e.asyncPricePreview,t=e.pos,r=void 0===t?"right":t,o=e.style,s=e.price,c=e.sel,u=e.dontAnimatePrice,d=(0,h.useDivaCore)().state,l=d.hidePrices,p=d.hideConfigPricePreview,f=(0,y.NP)(),P=(0,a.useState)(u),m=(0,i.Z)(P,2),v=m[0],x=m[1];if(l||"off"==f.productState.pricePreview)return(0,S.jsx)(S.Fragment,{});if(s)return(0,S.jsx)("div",{className:w()(g.aH,"left"==r?g.t$:g.F2),style:o,children:h.DivaUtils.formatPrice(Math.abs(s),_objectSpread(_objectSpread({},h.DivaUtils.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))});var b=p||"fromCurrentPriceHideCurrent"==f.productState.pricePreview&&c;return n?(n.promise.then((function(){v||x(!0)})),(0,S.jsx)(a.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(O,{asyncPricePreview:n.isVisible,children:(0,S.jsx)("div",{className:w()(g.aH,v&&!b?g.pn:void 0,f.getIsInMobileView()?g.ai:void 0,"left"==r?g.t$:g.F2),style:o,children:(0,S.jsx)(a.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(D,{asyncPricePreview:n.promise,dontAnimatePrice:u})})})})})):(0,S.jsx)(S.Fragment,{})}},8907:(e,n,t)=>{t.d(n,{F2:()=>d,ZP:()=>p,aH:()=>s,ai:()=>c,pn:()=>l,t$:()=>u});var r=t(8081),i=t.n(r),a=t(23645),o=t.n(a)()(i());o.push([e.id,".index-module--bVDuL {\n  background-color: rgba(234,234,234,0.66667);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 14px;\n  line-height: 14px;\n  top: 0;\n  opacity: 0;\n  transition: opacity 0.35s ease-in-out;\n  white-space: nowrap;\n}\n\n.index-module--FqlZz.index-module--bVDuL {\n  font-size: 10px;\n  height: 12px;\n  line-height: 13px;\n}\n\n.index-module--zI2ES {\n  left: 0;\n  border-radius: 0px 0px 5px 0px;\n}\n\n.index-module--kN6Sz {\n  right: 0;\n  border-radius: 0px 0px 0px 5px;\n}\n\n.index-module--bd6dC {\n  opacity: 1;\n}\n\n@keyframes index-module--rw2Jt {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var s="index-module--bVDuL",c="index-module--FqlZz",u="index-module--zI2ES",d="index-module--kN6Sz",l="index-module--bd6dC";const p=o}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2398,6340,6135,1051],{56340:(e,n,t)=>{t.r(n),t.d(n,{default:()=>d});var r=t(34988),i=t(88683),a=t(87363),o=t(7501),s=t(88130),c=t(9420),u=t(47514);const d=(0,c.Pi)((function PriceCounter(e){var n,t,c=e.price,d=e.formattingFn,l=e.duration,p=void 0===l?.5:l,f=(0,a.useState)(0),P=(0,r.Z)(f,2),m=P[0],v=P[1],x=(0,a.useState)(0),g=(0,r.Z)(x,2),b=g[0],h=g[1],y=(0,s.NP)();return(0,a.useEffect)((function(){v(c)}),[c]),(0,u.jsx)(o.ZP,{end:m,duration:p,decimals:null!==(n=null===(t=m.toString().split(".")[1])||void 0===t?void 0:t.length)&&void 0!==n?n:0,start:b,formattingFn:function formattingFn(e){return d?d(e):i.DivaUtils.formatPrice(e,y.productState.getPriceFormatForCounter(m))},onEnd:function onEnd(){h(m)}})}))},2398:(e,n,t)=>{t.r(n),t.d(n,{default:()=>C});var r=t(80248),i=t(34988),a=t(87363),o=t(93379),s=t.n(o),c=t(7795),u=t.n(c),d=t(90569),l=t.n(d),p=t(3565),f=t.n(p),P=t(19216),m=t.n(P),v=t(44589),x=t.n(v),g=t(8907),b={};b.styleTagTransform=x(),b.setAttributes=f(),b.insert=l().bind(null,"head"),b.domAPI=u(),b.insertStyleElement=m();s()(g.ZP,b);g.ZP&&g.ZP.locals&&g.ZP.locals;var h=t(88683),y=t(88130),j=t(65515),w=t.n(j),F=t(56340),S=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}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,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var D=function AsyncRender1(e){var n=e.asyncPricePreview,t=e.children;return use(n)?t:(0,S.jsx)(S.Fragment,{})},O=function AsyncRender2(e){var n,t,r=e.asyncPricePreview,i=e.dontAnimatePrice,a=use(r),o=(0,y.NP)();switch(o.productState.pricePreview){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":t=a.price-a.origPrice;break;case"fromBasePrice":t=a.price-a.firstPrice}return(0,S.jsxs)(S.Fragment,{children:[(null===(n=window)||void 0===n||n.DIVA_LOGGER,""),(0,S.jsx)(F.default,{price:t,duration:i?0:.45,formattingFn:function formattingFn(e){return(e<0?"-":"+")+h.DivaUtils.formatPrice(Math.abs(e),o.productState.getPriceFormatForCounter(e))}})]})};function use(e){if("fulfilled"===e.status)return e.value;throw"rejected"===e.status?e.reason:("pending"===e.status||(e.status="pending",e.then((function(n){e.status="fulfilled",e.value=n}),(function(n){e.status="rejected",e.reason=n}))),e)}const C=function PricePreview(e){var n=e.asyncPricePreview,t=e.pos,r=void 0===t?"right":t,o=e.style,s=e.price,c=e.sel,u=e.dontAnimatePrice,d=(0,h.useDivaCore)().state,l=d.hidePrices,p=d.hideConfigPricePreview,f=(0,y.NP)(),P=(0,a.useState)(u),m=(0,i.Z)(P,2),v=m[0],x=m[1];if(l||"off"==f.productState.pricePreview)return(0,S.jsx)(S.Fragment,{});if(s)return(0,S.jsx)("div",{className:w()(g.aH,"left"==r?g.t$:g.F2),style:o,children:h.DivaUtils.formatPrice(Math.abs(s),_objectSpread(_objectSpread({},h.DivaUtils.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))});var b=p||"fromCurrentPriceHideCurrent"==f.productState.pricePreview&&c;return n?(n.promise.then((function(){v||x(!0)})),(0,S.jsx)(a.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(D,{asyncPricePreview:n.isVisible,children:(0,S.jsx)("div",{className:w()(g.aH,v&&!b?g.pn:void 0,f.getIsInMobileView()?g.ai:void 0,"left"==r?g.t$:g.F2),style:o,children:(0,S.jsx)(a.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(O,{asyncPricePreview:n.promise,dontAnimatePrice:u})})})})})):(0,S.jsx)(S.Fragment,{})}},8907:(e,n,t)=>{t.d(n,{F2:()=>d,ZP:()=>p,aH:()=>s,ai:()=>c,pn:()=>l,t$:()=>u});var r=t(8081),i=t.n(r),a=t(23645),o=t.n(a)()(i());o.push([e.id,".index-module--bVDuL {\n  background-color: rgba(234,234,234,0.93333);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 14px;\n  line-height: 14px;\n  top: 0;\n  opacity: 0;\n  transition: opacity 0.35s ease-in-out;\n  white-space: nowrap;\n}\n\n.index-module--FqlZz.index-module--bVDuL {\n  font-size: 10px;\n  height: 12px;\n  line-height: 13px;\n}\n\n.index-module--zI2ES {\n  left: 0;\n  border-radius: 0px 0px 5px 0px;\n}\n\n.index-module--kN6Sz {\n  right: 0;\n  border-radius: 0px 0px 0px 5px;\n}\n\n.index-module--bd6dC {\n  opacity: 1;\n}\n\n@keyframes index-module--rw2Jt {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var s="index-module--bVDuL",c="index-module--FqlZz",u="index-module--zI2ES",d="index-module--kN6Sz",l="index-module--bd6dC";const p=o}}]);

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

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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 2833.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2833,6340,6135,1051],{48133:(n,t,i)=>{i.d(t,{Z:()=>m});var s=i(87363),d=i(61533),e=function(){return e=Object.assign||function(n){for(var t,i=1,s=arguments.length;i<s;i++)for(var d in t=arguments[i])Object.prototype.hasOwnProperty.call(t,d)&&(n[d]=t[d]);return n},e.apply(this,arguments)};"function"==typeof SuppressedError&&SuppressedError;var o=function(n,t,i,s,d){return(n-t)*(d-s)/(i-t)+s},a=function(n,t){var i=n+t;return i>360?i-360:i},r=function(){return Math.random()>.5},c=function(n,t){return void 0===t&&(t=2),Math.round(n*Math.pow(10,t))/Math.pow(10,t)},f=[0,0,1],h=[[1,1,0],[1,0,1],[0,1,1],[1,0,0],[0,1,0],f],l=function(n,t,i,s,d,v){var g=Math.round(600*Math.random()+200),y=Math.round(Math.random()*(h.length-1)),b=i-Math.round(1e3*Math.random()),C=Math.random()<.1,M=function(n){return!h[n].every((function(n,t){return n===f[t]}))&&r()}(y),w=C?c(.25*Math.random(),2):0,x=-1*w,E=w,S=c(Math.abs(o(Math.abs(a(t.degree,90)-180),0,180,-1,1)),4),P=c(.5*Math.random(),4),j=c(Math.random()*s*(r()?1:-1),4),O=c(Math.max(o(Math.abs(t.degree-180),0,180,s,-s),0),4),k="confetti-particle-".concat(v);return{className:k,style:"\n      .".concat(n," .").concat(k," {\n        animation: x-axis-").concat(v," ").concat(b,"ms forwards cubic-bezier(").concat(w,", ").concat(x,", ").concat(E,", ").concat(S,");\n      }\n      .").concat(n," .").concat(k," > div {\n        width: ").concat(M?d:Math.round(4*Math.random())+d/2,"px;\n        height: ").concat(M?d:Math.round(2*Math.random())+d,"px;\n        animation: y-axis ").concat(b,"ms forwards cubic-bezier(").concat(P,", ").concat(j,", ").concat(.5,", ").concat(O,");\n      }\n      .").concat(n," .").concat(k," > div::after {\n        background-color: ").concat(t.color,";\n        animation: rotation-").concat(y," ").concat(g,"ms infinite linear;\n        ").concat(M?"border-radius: 50%;":"","\n      }\n    ")}},u=function(n){var t=n.particles,i=n.duration,s=n.height,d=n.width,f=n.force,v=n.particleSize,g=Math.random().toString(36).substring(2,8),y="confetti-".concat(g,"-container"),b="confetti-".concat(g,"-screen"),C="\n    .".concat(y," {\n      width: 0;\n      height: 0;\n      position: relative;\n    }\n    .").concat(b," {\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      overflow: hidden;\n      pointer-events: none;\n    }\n    .").concat(b,' [class*="confetti-particle"] > div {\n      position: absolute;\n      left: 0;\n      top: 0;\n    }\n    .').concat(b," [class*=\"confetti-particle\"] > div::after {\n      content: '';\n      display: block;\n      width: 100%;\n      height: 100%;\n    }\n  "),M=h.map((function(n,t){return"\n    @keyframes rotation-".concat(t," {\n      50% {\n        transform: rotate3d(").concat(n.map((function(n){return n/2})).join(),", 180deg);\n      }\n      100% {\n        transform: rotate3d(").concat(n.join(),", 360deg);\n      }\n    }\n  ")})).join("\n"),w=function(n,t,i){var s="string"==typeof t?t:"".concat(t,"px"),d=n.map((function(n,t){var s=o(Math.abs(a(n,90)-180),0,180,-i/2,i/2);return"\n      @keyframes x-axis-".concat(t," {\n        to {\n          transform: translateX(").concat(s,"px);\n        }\n      }\n    ")})).join("\n");return"\n    @keyframes y-axis {\n      to {\n        transform: translateY(".concat(s,");\n      }\n    }\n    ").concat(d,"\n  ")}(t.map((function(n){return n.degree})),s,d),x=t.map((function(n,t){return l(b,n,i,f,v,t)})),E="\n    ".concat(C,"\n    ").concat(M,"\n    ").concat(w,"\n    ").concat(x.map((function(n){return n.style})).join("\n"),"\n  ");return{containerClass:y,screenClass:b,particleClasses:x.map((function(n){return n.className})),styles:E}},v=["#FFC700","#FF0000","#2E3191","#41BBC7"],p=function(n){var t,i,f=n.particleCount,h=void 0===f?100:f,g=n.duration,y=void 0===g?2200:g,b=n.colors,C=void 0===b?v:b,M=n.particleSize,w=void 0===M?12:M,x=n.force,E=void 0===x?.5:x,S=n.height,P=void 0===S?"120vh":S,j=n.width,O=void 0===j?1e3:j,k=n.portal,F=void 0===k||k,z=n.zIndex,N=n.onComplete,I=function(n,t){var i={};for(var s in n)Object.prototype.hasOwnProperty.call(n,s)&&t.indexOf(s)<0&&(i[s]=n[s]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var d=0;for(s=Object.getOwnPropertySymbols(n);d<s.length;d++)t.indexOf(s[d])<0&&Object.prototype.propertyIsEnumerable.call(n,s[d])&&(i[s[d]]=n[s[d]])}return i}(n,["particleCount","duration","colors","particleSize","force","height","width","portal","zIndex","onComplete"]),Z=s.useState(),B=Z[0],R=Z[1],T=function(n,t){var i,s=360/n;return(i=n,Array.from({length:i},(function(n,t){return t}))).map((function(n){return{color:t[n%t.length],degree:s*n}}))}(h,C),D={containerClass:(i=u({particles:T,duration:y,height:P,width:O,force:E,particleSize:w})).containerClass,screenClass:i.screenClass,particleClasses:i.particleClasses,styles:i.styles},W=D.containerClass,_=D.screenClass,A=D.particleClasses,H=D.styles,L=s.useCallback((function(n){if(n){var t=n.getBoundingClientRect(),i=t.top,s=t.left;R({top:i,left:s})}}),[]);return s.useEffect((function(){if("function"==typeof N){var n=setTimeout(N,y);return function(){return clearTimeout(n)}}}),[y,N]),s.createElement("div",e({ref:L,className:W},I),s.createElement("style",{dangerouslySetInnerHTML:{__html:H}}),B&&s.createElement(s.Fragment,null,(t=s.createElement("div",e({"data-slot":"confetti-explosion-screen",className:_},z?{style:{zIndex:z}}:null),s.createElement("div",{style:{position:"absolute",top:B.top,left:B.left}},T.map((function(n,t){return s.createElement("div",{className:A[t],key:n.degree},s.createElement("div",null))})))),F?(0,d.createPortal)(t,document.body):t)))},m=function(n){return"undefined"==typeof window||void 0===window.location?null:s.createElement(p,e({},n))}},56340:(n,t,i)=>{i.r(t),i.d(t,{default:()=>b});var s=i(34988),d=i(35907),f=i(87363),h=i(7501),v=i(88130),g=i(9420),y=i(47514);const b=(0,g.Pi)((function PriceCounter(n){var t,i,g=n.price,b=n.formattingFn,C=n.duration,M=void 0===C?.5:C,w=(0,f.useState)(0),x=(0,s.Z)(w,2),E=x[0],S=x[1],P=(0,f.useState)(0),j=(0,s.Z)(P,2),O=j[0],k=j[1],F=(0,v.NP)();return(0,f.useEffect)((function(){S(g)}),[g]),(0,y.jsx)(h.ZP,{end:E,duration:M,decimals:null!==(t=null===(i=E.toString().split(".")[1])||void 0===i?void 0:i.length)&&void 0!==t?t:0,start:O,formattingFn:function formattingFn(n){return b?b(n):d.ZP.formatPrice(n,F.productState.getPriceFormatForCounter(E))},onEnd:function onEnd(){k(E)}})}))}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2833,6340,6135,1051],{48133:(n,t,i)=>{i.d(t,{Z:()=>m});var s=i(87363),d=i(61533),e=function(){return e=Object.assign||function(n){for(var t,i=1,s=arguments.length;i<s;i++)for(var d in t=arguments[i])Object.prototype.hasOwnProperty.call(t,d)&&(n[d]=t[d]);return n},e.apply(this,arguments)};"function"==typeof SuppressedError&&SuppressedError;var o=function(n,t,i,s,d){return(n-t)*(d-s)/(i-t)+s},a=function(n,t){var i=n+t;return i>360?i-360:i},r=function(){return Math.random()>.5},c=function(n,t){return void 0===t&&(t=2),Math.round(n*Math.pow(10,t))/Math.pow(10,t)},f=[0,0,1],h=[[1,1,0],[1,0,1],[0,1,1],[1,0,0],[0,1,0],f],l=function(n,t,i,s,d,v){var g=Math.round(600*Math.random()+200),y=Math.round(Math.random()*(h.length-1)),b=i-Math.round(1e3*Math.random()),C=Math.random()<.1,M=function(n){return!h[n].every((function(n,t){return n===f[t]}))&&r()}(y),w=C?c(.25*Math.random(),2):0,x=-1*w,E=w,S=c(Math.abs(o(Math.abs(a(t.degree,90)-180),0,180,-1,1)),4),P=c(.5*Math.random(),4),j=c(Math.random()*s*(r()?1:-1),4),O=c(Math.max(o(Math.abs(t.degree-180),0,180,s,-s),0),4),k="confetti-particle-".concat(v);return{className:k,style:"\n      .".concat(n," .").concat(k," {\n        animation: x-axis-").concat(v," ").concat(b,"ms forwards cubic-bezier(").concat(w,", ").concat(x,", ").concat(E,", ").concat(S,");\n      }\n      .").concat(n," .").concat(k," > div {\n        width: ").concat(M?d:Math.round(4*Math.random())+d/2,"px;\n        height: ").concat(M?d:Math.round(2*Math.random())+d,"px;\n        animation: y-axis ").concat(b,"ms forwards cubic-bezier(").concat(P,", ").concat(j,", ").concat(.5,", ").concat(O,");\n      }\n      .").concat(n," .").concat(k," > div::after {\n        background-color: ").concat(t.color,";\n        animation: rotation-").concat(y," ").concat(g,"ms infinite linear;\n        ").concat(M?"border-radius: 50%;":"","\n      }\n    ")}},u=function(n){var t=n.particles,i=n.duration,s=n.height,d=n.width,f=n.force,v=n.particleSize,g=Math.random().toString(36).substring(2,8),y="confetti-".concat(g,"-container"),b="confetti-".concat(g,"-screen"),C="\n    .".concat(y," {\n      width: 0;\n      height: 0;\n      position: relative;\n    }\n    .").concat(b," {\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      overflow: hidden;\n      pointer-events: none;\n    }\n    .").concat(b,' [class*="confetti-particle"] > div {\n      position: absolute;\n      left: 0;\n      top: 0;\n    }\n    .').concat(b," [class*=\"confetti-particle\"] > div::after {\n      content: '';\n      display: block;\n      width: 100%;\n      height: 100%;\n    }\n  "),M=h.map((function(n,t){return"\n    @keyframes rotation-".concat(t," {\n      50% {\n        transform: rotate3d(").concat(n.map((function(n){return n/2})).join(),", 180deg);\n      }\n      100% {\n        transform: rotate3d(").concat(n.join(),", 360deg);\n      }\n    }\n  ")})).join("\n"),w=function(n,t,i){var s="string"==typeof t?t:"".concat(t,"px"),d=n.map((function(n,t){var s=o(Math.abs(a(n,90)-180),0,180,-i/2,i/2);return"\n      @keyframes x-axis-".concat(t," {\n        to {\n          transform: translateX(").concat(s,"px);\n        }\n      }\n    ")})).join("\n");return"\n    @keyframes y-axis {\n      to {\n        transform: translateY(".concat(s,");\n      }\n    }\n    ").concat(d,"\n  ")}(t.map((function(n){return n.degree})),s,d),x=t.map((function(n,t){return l(b,n,i,f,v,t)})),E="\n    ".concat(C,"\n    ").concat(M,"\n    ").concat(w,"\n    ").concat(x.map((function(n){return n.style})).join("\n"),"\n  ");return{containerClass:y,screenClass:b,particleClasses:x.map((function(n){return n.className})),styles:E}},v=["#FFC700","#FF0000","#2E3191","#41BBC7"],p=function(n){var t,i,f=n.particleCount,h=void 0===f?100:f,g=n.duration,y=void 0===g?2200:g,b=n.colors,C=void 0===b?v:b,M=n.particleSize,w=void 0===M?12:M,x=n.force,E=void 0===x?.5:x,S=n.height,P=void 0===S?"120vh":S,j=n.width,O=void 0===j?1e3:j,k=n.portal,F=void 0===k||k,z=n.zIndex,N=n.onComplete,I=function(n,t){var i={};for(var s in n)Object.prototype.hasOwnProperty.call(n,s)&&t.indexOf(s)<0&&(i[s]=n[s]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var d=0;for(s=Object.getOwnPropertySymbols(n);d<s.length;d++)t.indexOf(s[d])<0&&Object.prototype.propertyIsEnumerable.call(n,s[d])&&(i[s[d]]=n[s[d]])}return i}(n,["particleCount","duration","colors","particleSize","force","height","width","portal","zIndex","onComplete"]),Z=s.useState(),B=Z[0],D=Z[1],R=function(n,t){var i,s=360/n;return(i=n,Array.from({length:i},(function(n,t){return t}))).map((function(n){return{color:t[n%t.length],degree:s*n}}))}(h,C),T={containerClass:(i=u({particles:R,duration:y,height:P,width:O,force:E,particleSize:w})).containerClass,screenClass:i.screenClass,particleClasses:i.particleClasses,styles:i.styles},W=T.containerClass,_=T.screenClass,A=T.particleClasses,H=T.styles,L=s.useCallback((function(n){if(n){var t=n.getBoundingClientRect(),i=t.top,s=t.left;D({top:i,left:s})}}),[]);return s.useEffect((function(){if("function"==typeof N){var n=setTimeout(N,y);return function(){return clearTimeout(n)}}}),[y,N]),s.createElement("div",e({ref:L,className:W},I),s.createElement("style",{dangerouslySetInnerHTML:{__html:H}}),B&&s.createElement(s.Fragment,null,(t=s.createElement("div",e({"data-slot":"confetti-explosion-screen",className:_},z?{style:{zIndex:z}}:null),s.createElement("div",{style:{position:"absolute",top:B.top,left:B.left}},R.map((function(n,t){return s.createElement("div",{className:A[t],key:n.degree},s.createElement("div",null))})))),F?(0,d.createPortal)(t,document.body):t)))},m=function(n){return"undefined"==typeof window||void 0===window.location?null:s.createElement(p,e({},n))}},56340:(n,t,i)=>{i.r(t),i.d(t,{default:()=>b});var s=i(34988),d=i(88683),f=i(87363),h=i(7501),v=i(88130),g=i(9420),y=i(47514);const b=(0,g.Pi)((function PriceCounter(n){var t,i,g=n.price,b=n.formattingFn,C=n.duration,M=void 0===C?.5:C,w=(0,f.useState)(0),x=(0,s.Z)(w,2),E=x[0],S=x[1],P=(0,f.useState)(0),j=(0,s.Z)(P,2),O=j[0],k=j[1],F=(0,v.NP)();return(0,f.useEffect)((function(){S(g)}),[g]),(0,y.jsx)(h.ZP,{end:E,duration:M,decimals:null!==(t=null===(i=E.toString().split(".")[1])||void 0===i?void 0:i.length)&&void 0!==t?t:0,start:O,formattingFn:function formattingFn(n){return b?b(n):d.DivaUtils.formatPrice(n,F.productState.getPriceFormatForCounter(E))},onEnd:function onEnd(){k(E)}})}))}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3082.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3082,1280],{23082:(n,e,o)=>{o.r(e),o.d(e,{default:()=>k});var t=o(80248),r=o(9420),i=(o(87363),o(41280)),a=o(93379),d=o.n(a),l=o(7795),c=o.n(l),s=o(90569),u=o.n(s),v=o(3565),x=o.n(v),f=o(19216),g=o.n(f),h=o(44589),p=o.n(h),b=o(77815),m={};m.styleTagTransform=p(),m.setAttributes=x(),m.insert=u().bind(null,"head"),m.domAPI=c(),m.insertStyleElement=g();d()(b.Z,m);b.Z&&b.Z.locals&&b.Z.locals;var w=o(65515),y=o.n(w),j=o(47514);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.Z)(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 k=(0,r.Pi)((function ActionNavigationBlue(n){return(0,j.jsx)(i.default,_objectSpread(_objectSpread({},n),{},{showNextButtonIcon:!0,className:y()(b.L,n.className)}))}))},41280:(n,e,o)=>{o.r(e),o.d(e,{default:()=>g});var t=o(80248),r=o(72874),i=o(65515),a=o.n(i),d=o(88130),l=o(9420),c=(o(87363),o(88683)),s=o(40976),u=o(39667),v=o(19047),x=o(47514),f=["className","showBackButtonText","backOverwrite","forthOverwrite","showNextButtonIcon","showCheckoutButtons"];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.Z)(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 g=(0,l.Pi)((function ActionNavigation(n){var e,o=n.className,t=n.showBackButtonText,i=n.backOverwrite,l=n.forthOverwrite,g=n.showNextButtonIcon,h=n.showCheckoutButtons,p=(0,r.Z)(n,f),b=(0,d.NP)(),m=(0,c.useTranslation)().t;return(0,x.jsx)("div",_objectSpread(_objectSpread({},p),{},{className:a()(o,s.jl,b.actionButtonState.isOnFirstStep?s.FN:void 0,b.actionButtonState.isOnFirstStepDisabled?s.$t:void 0,b.actionButtonState.isOnLastStep?s.Is:void 0,"vertical"==b.tabGroupState.curTabGroupType?s.KR:void 0,b.uiState.isMobilePortrait?s.tW:void 0,b.uiState.isMobileLandscape?s.Qv:void 0),children:(0,x.jsxs)("div",{className:s.nC,children:[(0,x.jsxs)("div",{className:a()(s.LI,s.op,i),onClick:function onClick(){window.lastNavigationType="NAVIGATION_STANDARD_BACK_BUTTON",b.actionButtonState.onClickConfiguratorSettingsBack()},children:[!t&&(0,x.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,x.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateBack, var(--secondaryColor))",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),t&&m("configurator.Back")]}),h&&(null===(e=b.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.map((function(n,e){return(0,v.evalVisible)(n,b,"navigator")?(0,x.jsx)("div",{className:s.rK,onClick:function onClick(){return(0,v.onClickCheckout)(n,b,e,m)},children:(0,x.jsx)(u.default,{checkoutButton:n,size:40})},e):(0,x.jsx)(x.Fragment,{})}))),(0,x.jsxs)("div",{className:a()(s.LI,s.ox,l),onClick:function onClick(){window.lastNavigationType="NAVIGATION_STANDARD_FORWARD_BUTTON",b.actionButtonState.onClickConfiguratorSettingsForth()},id:"wcConfigurator-action-next",children:[m("configurator.Next"),g&&(0,x.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,x.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateForthFontColor, #ffffff)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]})]})}))}))},77815:(n,e,o)=>{o.d(e,{L:()=>d,Z:()=>l});var t=o(8081),r=o.n(t),i=o(23645),a=o.n(i)()(r());a.push([n.id,".index-module--Mmrxa {\n  font-weight: 300;\n}\n",""]);var d="index-module--Mmrxa";const l=a},28717:(n,e,o)=>{o.d(e,{$t:()=>f,FN:()=>h,Is:()=>g,KR:()=>c,LI:()=>s,Qv:()=>p,ZP:()=>m,jl:()=>d,nC:()=>l,op:()=>v,ox:()=>x,rK:()=>u,tW:()=>b});var t=o(8081),r=o.n(t),i=o(23645),a=o.n(i)()(r());a.push([n.id,"/*Navigaton Buttons*/\n.index-module--Ug06K {\n  transition: width 0.2s ease-in-out;\n}\n\n.index-module--uMdxf {\n  height: 100%;\n  font-weight: 300;\n  font-size: 14px;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  width: 100%;\n  display: flex;\n  gap: 3px;\n}\n.index-module--j2X1m .index-module--uMdxf {\n  line-height: var(--configuratorActionHeight);\n}\n\n.index-module--NUblS {\n  border-radius: var(--globalBorderRadius);\n  height: 100%;\n  text-align: center;\n}\n\n.index-module--mfwxp {\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--vWg5_ {\n  border: 1px var(--secondaryColor) solid;\n  border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n  background-color: white;\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--IneQR {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  background-color: var(--navigateForth, var(--secondaryColor));\n  color: #ffffff;\n  color: var(--navigateForthFontColor, #ffffff);\n  float: right;\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-grow: 3;\n}\n\n.index-module--vWg5_:hover,\n.index-module--IneQR:hover {\n  cursor: pointer;\n  box-shadow: var(--boxShadowHover);\n}\n.index-module--IneQR svg {\n  transform: rotate(180deg);\n  position: absolute;\n  right: 16px;\n}\n\n.index-module--n4fFc .index-module--IneQR {\n  pointer-events: none;\n  background-color: #707070;\n  background-color: var(--navigateForth, #707070);\n  border-color: #707070;\n}\n\n.index-module--YJM3e .index-module--vWg5_ {\n  width: 100%;\n}\n\n.index-module--YJM3e .index-module--IneQR {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--vWg5_ {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--IneQR {\n  width: 100%;\n}\n\n.index-module--CVPGS .index-module--NUblS,\n.index-module--KE5Qn .index-module--NUblS {\n  line-height: calc(var(--configuratorActionHeight) - 5px);\n  border-radius: var(--globalBorderRadius);\n}\n",""]);var d="index-module--Ug06K",l="index-module--uMdxf",c="index-module--j2X1m",s="index-module--NUblS",u="index-module--mfwxp",v="index-module--vWg5_",x="index-module--IneQR",f="index-module--n4fFc",g="index-module--YJM3e",h="index-module--X2uG9",p="index-module--CVPGS",b="index-module--KE5Qn";const m=a},40976:(n,e,o)=>{o.d(e,{$t:()=>g.$t,FN:()=>g.FN,Is:()=>g.Is,KR:()=>g.KR,LI:()=>g.LI,Qv:()=>g.Qv,jl:()=>g.jl,nC:()=>g.nC,op:()=>g.op,ox:()=>g.ox,rK:()=>g.rK,tW:()=>g.tW});var t=o(93379),r=o.n(t),i=o(7795),a=o.n(i),d=o(90569),l=o.n(d),c=o(3565),s=o.n(c),u=o(19216),v=o.n(u),x=o(44589),f=o.n(x),g=o(28717),h={};h.styleTagTransform=f(),h.setAttributes=s(),h.insert=l().bind(null,"head"),h.domAPI=a(),h.insertStyleElement=v();r()(g.ZP,h),g.ZP&&g.ZP.locals&&g.ZP.locals}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3082,1280],{23082:(n,e,o)=>{o.r(e),o.d(e,{default:()=>k});var t=o(80248),r=o(9420),i=(o(87363),o(41280)),a=o(93379),d=o.n(a),l=o(7795),c=o.n(l),s=o(90569),u=o.n(s),v=o(3565),f=o.n(v),x=o(19216),g=o.n(x),h=o(44589),p=o.n(h),b=o(77815),m={};m.styleTagTransform=p(),m.setAttributes=f(),m.insert=u().bind(null,"head"),m.domAPI=c(),m.insertStyleElement=g();d()(b.Z,m);b.Z&&b.Z.locals&&b.Z.locals;var w=o(65515),y=o.n(w),j=o(47514);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.Z)(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 k=(0,r.Pi)((function ActionNavigationBlue(n){return(0,j.jsx)(i.default,_objectSpread(_objectSpread({},n),{},{showNextButtonIcon:!0,className:y()(b.L,n.className)}))}))},41280:(n,e,o)=>{o.r(e),o.d(e,{default:()=>g});var t=o(80248),r=o(72874),i=o(65515),a=o.n(i),d=o(88130),l=o(9420),c=(o(87363),o(88683)),s=o(40976),u=o(39667),v=o(19047),f=o(47514),x=["className","showBackButtonText","backOverwrite","forthOverwrite","showNextButtonIcon","showCheckoutButtons"];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.Z)(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 g=(0,l.Pi)((function ActionNavigation(n){var e,o=n.className,t=n.showBackButtonText,i=n.backOverwrite,l=n.forthOverwrite,g=n.showNextButtonIcon,h=n.showCheckoutButtons,p=(0,r.Z)(n,x),b=(0,d.NP)(),m=(0,c.useTranslation)().t;return(0,f.jsx)("div",_objectSpread(_objectSpread({},p),{},{className:a()(o,s.jl,b.actionButtonState.isOnFirstStep?s.FN:void 0,b.actionButtonState.isOnFirstStepDisabled?s.$t:void 0,b.actionButtonState.isOnLastStep?s.Is:void 0,"vertical"==b.tabGroupState.curTabGroupType?s.KR:void 0,b.uiState.isMobilePortrait?s.tW:void 0,b.uiState.isMobileLandscape?s.Qv:void 0),children:(0,f.jsxs)("div",{className:s.nC,children:[(0,f.jsxs)("div",{className:a()(s.LI,s.op,i),onClick:function onClick(){window.lastNavigationType="NAVIGATION_STANDARD_BACK_BUTTON",b.actionButtonState.onClickConfiguratorSettingsBack()},children:[!t&&(0,f.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,f.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateBack, var(--secondaryColor))",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),t&&m("configurator.Back")]}),h&&(null===(e=b.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.filter((function(n){return(0,v.evalVisible)(n,b,"navigator")})).map((function(n,e){return(0,f.jsx)("div",{className:s.rK,onClick:function onClick(){return(0,v.onClickCheckout)(n,b,e,m)},children:(0,f.jsx)(u.default,{checkoutButton:n,size:40})},e)}))),(0,f.jsxs)("div",{className:a()(s.LI,s.ox,l),onClick:function onClick(){window.lastNavigationType="NAVIGATION_STANDARD_FORWARD_BUTTON",b.actionButtonState.onClickConfiguratorSettingsForth()},id:"wcConfigurator-action-next",children:[m("configurator.Next"),g&&(0,f.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,f.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateForthFontColor, #ffffff)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]})]})}))}))},77815:(n,e,o)=>{o.d(e,{L:()=>d,Z:()=>l});var t=o(8081),r=o.n(t),i=o(23645),a=o.n(i)()(r());a.push([n.id,".index-module--Mmrxa {\n  font-weight: 300;\n}\n",""]);var d="index-module--Mmrxa";const l=a},28717:(n,e,o)=>{o.d(e,{$t:()=>x,FN:()=>h,Is:()=>g,KR:()=>c,LI:()=>s,Qv:()=>p,ZP:()=>m,jl:()=>d,nC:()=>l,op:()=>v,ox:()=>f,rK:()=>u,tW:()=>b});var t=o(8081),r=o.n(t),i=o(23645),a=o.n(i)()(r());a.push([n.id,"/*Navigaton Buttons*/\n.index-module--Ug06K {\n  transition: width 0.2s ease-in-out;\n}\n\n.index-module--uMdxf {\n  height: 100%;\n  font-weight: 300;\n  font-size: 14px;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  width: 100%;\n  display: flex;\n  gap: 3px;\n}\n.index-module--j2X1m .index-module--uMdxf {\n  line-height: var(--configuratorActionHeight);\n}\n\n.index-module--NUblS {\n  border-radius: var(--globalBorderRadius);\n  height: 100%;\n  text-align: center;\n}\n\n.index-module--mfwxp {\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--vWg5_ {\n  border: 1px var(--secondaryColor) solid;\n  border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n  background-color: white;\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--IneQR {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  background-color: var(--navigateForth, var(--secondaryColor));\n  color: #ffffff;\n  color: var(--navigateForthFontColor, #ffffff);\n  float: right;\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-grow: 3;\n}\n\n.index-module--vWg5_:hover,\n.index-module--IneQR:hover {\n  cursor: pointer;\n  box-shadow: var(--boxShadowHover);\n}\n.index-module--IneQR svg {\n  transform: rotate(180deg);\n  position: absolute;\n  right: 16px;\n}\n\n.index-module--n4fFc .index-module--IneQR {\n  pointer-events: none;\n  background-color: #707070;\n  background-color: var(--navigateForth, #707070);\n  border-color: #707070;\n}\n\n.index-module--YJM3e .index-module--vWg5_ {\n  width: 100%;\n}\n\n.index-module--YJM3e .index-module--IneQR {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--vWg5_ {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--IneQR {\n  width: 100%;\n}\n\n.index-module--CVPGS .index-module--NUblS,\n.index-module--KE5Qn .index-module--NUblS {\n  line-height: calc(var(--configuratorActionHeight) - 5px);\n  border-radius: var(--globalBorderRadius);\n}\n",""]);var d="index-module--Ug06K",l="index-module--uMdxf",c="index-module--j2X1m",s="index-module--NUblS",u="index-module--mfwxp",v="index-module--vWg5_",f="index-module--IneQR",x="index-module--n4fFc",g="index-module--YJM3e",h="index-module--X2uG9",p="index-module--CVPGS",b="index-module--KE5Qn";const m=a},40976:(n,e,o)=>{o.d(e,{$t:()=>g.$t,FN:()=>g.FN,Is:()=>g.Is,KR:()=>g.KR,LI:()=>g.LI,Qv:()=>g.Qv,jl:()=>g.jl,nC:()=>g.nC,op:()=>g.op,ox:()=>g.ox,rK:()=>g.rK,tW:()=>g.tW});var t=o(93379),r=o.n(t),i=o(7795),a=o.n(i),d=o(90569),l=o.n(d),c=o(3565),s=o.n(c),u=o(19216),v=o.n(u),f=o(44589),x=o.n(f),g=o(28717),h={};h.styleTagTransform=x(),h.setAttributes=s(),h.insert=l().bind(null,"head"),h.domAPI=a(),h.insertStyleElement=v();r()(g.ZP,h),g.ZP&&g.ZP.locals&&g.ZP.locals}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3087.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3087,6340,6135,9510,7851,1051,2398,9078],{9510:(e,n,t)=>{t.r(n),t.d(n,{default:()=>j});var i=t(34988),r=t(93379),o=t.n(r),a=t(7795),s=t.n(a),d=t(90569),l=t.n(d),c=t(3565),u=t.n(c),p=t(19216),x=t.n(p),m=t(44589),f=t.n(m),C=t(23240),h={};h.styleTagTransform=f(),h.setAttributes=u(),h.insert=l().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=x();o()(C.ZP,h);C.ZP&&C.ZP.locals&&C.ZP.locals;var g=t(87363),v=t(88130),b=t(65515),y=t.n(b),P=t(9420),w=t(47514);const j=(0,P.Pi)((function InfoIcon(e){var n,t,r,o=e.item,a=e.style,s=(0,v.NP)(),d=o.contentItemId,l=null!==(n=null!==(t=null!==(r=o.codex)&&void 0!==r?r:o.articleCodex)&&void 0!==t?t:o.title)&&void 0!==n?n:o.key,c=(0,g.useState)(!1),u=(0,i.Z)(c,2),p=u[0],x=u[1],m=o.sel||p;if((0,g.useEffect)((function(){var e=s.settingsState.contentItemVisible&&s.settingsState.contentItemId==d&&l==s.settingsState.clickedFrom;!e&&p&&x(!1),e&&!p&&x(!0)}),[s.settingsState.contentItemVisible,s.settingsState.contentItemId,s.settingsState.clickedFrom]),!o)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!o.op||null===(e=s.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||m}()?(0,w.jsx)("div",{className:C.um,onClick:function onClick(e){s.settingsState.onClickContentItemId(d,l),x(s.settingsState.contentItemVisible&&s.settingsState.contentItemId==d),e.stopPropagation()},style:a,children:(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)("div",{className:y()(C.hv,m?void 0:C.al,p?C.FJ:void 0),children:(0,w.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,w.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,w.jsx)("path",{className:C.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,w.jsx)("path",{className:C.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,w.jsx)("div",{className:y()(C.dA,m?C.al:void 0),children:(0,w.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,w.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,w.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,w.jsx)(w.Fragment,{})}))},97851:(e,n,t)=>{t.r(n),t.d(n,{default:()=>y});var i=t(34988),r=t(88130),o=t(87363),a=t(93379),s=t.n(a),d=t(7795),l=t.n(d),c=t(90569),u=t.n(c),p=t(3565),x=t.n(p),m=t(19216),f=t.n(m),C=t(44589),h=t.n(C),g=t(84887),v={};v.styleTagTransform=h(),v.setAttributes=x(),v.insert=u().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=f();s()(g.Z,v);g.Z&&g.Z.locals&&g.Z.locals;var b=t(47514);const y=function MetaData(e){var n=e.style,t=e.metaData,a=e.visible,s=void 0===a?(0,o.useState)(""):a,d=(0,i.Z)(s,2),l=d[0],c=d[1],u=(0,r.NP)(),p=(0,o.useState)(""),x=(0,i.Z)(p,2),m=x[0],f=x[1],C=u.getViewConfig().displayMetaDatas,h=null==t?void 0:t.find((function(e){return null==C?void 0:C.includes(e.codex)}));return(0,o.useEffect)((function(){if(h){for(var e="",n=0;n<h.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var r=null==t?void 0:t.find((function(e){return e.codex===C[i]}));if(!r)return 1;""!==e&&(e+=" "),e=e+(r.name?r.name+": ":"")+r.values[n]},r=0;r<C.length;r++)i(r)}f(e),c(e)}}),[]),l?(0,b.jsx)("div",{style:n,className:g.B,children:m}):(0,b.jsx)(b.Fragment,{})}},56340:(e,n,t)=>{t.r(n),t.d(n,{default:()=>c});var i=t(34988),r=t(35907),o=t(87363),a=t(7501),s=t(88130),d=t(9420),l=t(47514);const c=(0,d.Pi)((function PriceCounter(e){var n,t,d=e.price,c=e.formattingFn,u=e.duration,p=void 0===u?.5:u,x=(0,o.useState)(0),m=(0,i.Z)(x,2),f=m[0],C=m[1],h=(0,o.useState)(0),g=(0,i.Z)(h,2),v=g[0],b=g[1],y=(0,s.NP)();return(0,o.useEffect)((function(){C(d)}),[d]),(0,l.jsx)(a.ZP,{end:f,duration:p,decimals:null!==(n=null===(t=f.toString().split(".")[1])||void 0===t?void 0:t.length)&&void 0!==n?n:0,start:v,formattingFn:function formattingFn(e){return c?c(e):r.ZP.formatPrice(e,y.productState.getPriceFormatForCounter(f))},onEnd:function onEnd(){b(f)}})}))},2398:(e,n,t)=>{t.r(n),t.d(n,{default:()=>F});var i=t(80248),r=t(34988),o=t(87363),a=t(93379),s=t.n(a),d=t(7795),l=t.n(d),c=t(90569),u=t.n(c),p=t(3565),x=t.n(p),m=t(19216),f=t.n(m),C=t(44589),h=t.n(C),g=t(8907),v={};v.styleTagTransform=h(),v.setAttributes=x(),v.insert=u().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=f();s()(g.ZP,v);g.ZP&&g.ZP.locals&&g.ZP.locals;var b=t(88683),y=t(88130),P=t(65515),w=t.n(P),j=t(56340),S=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var O=function AsyncRender1(e){var n=e.asyncPricePreview,t=e.children;return use(n)?t:(0,S.jsx)(S.Fragment,{})},Z=function AsyncRender2(e){var n,t,i=e.asyncPricePreview,r=e.dontAnimatePrice,o=use(i),a=(0,y.NP)();switch(a.productState.pricePreview){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":t=o.price-o.origPrice;break;case"fromBasePrice":t=o.price-o.firstPrice}return(0,S.jsxs)(S.Fragment,{children:[(null===(n=window)||void 0===n||n.DIVA_LOGGER,""),(0,S.jsx)(j.default,{price:t,duration:r?0:.45,formattingFn:function formattingFn(e){return(e<0?"-":"+")+b.DivaUtils.formatPrice(Math.abs(e),a.productState.getPriceFormatForCounter(e))}})]})};function use(e){if("fulfilled"===e.status)return e.value;throw"rejected"===e.status?e.reason:("pending"===e.status||(e.status="pending",e.then((function(n){e.status="fulfilled",e.value=n}),(function(n){e.status="rejected",e.reason=n}))),e)}const F=function PricePreview(e){var n=e.asyncPricePreview,t=e.pos,i=void 0===t?"right":t,a=e.style,s=e.price,d=e.sel,l=e.dontAnimatePrice,c=(0,b.useDivaCore)().state,u=c.hidePrices,p=c.hideConfigPricePreview,x=(0,y.NP)(),m=(0,o.useState)(l),f=(0,r.Z)(m,2),C=f[0],h=f[1];if(u||"off"==x.productState.pricePreview)return(0,S.jsx)(S.Fragment,{});if(s)return(0,S.jsx)("div",{className:w()(g.aH,"left"==i?g.t$:g.F2),style:a,children:b.DivaUtils.formatPrice(Math.abs(s),_objectSpread(_objectSpread({},b.DivaUtils.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))});var v=p||"fromCurrentPriceHideCurrent"==x.productState.pricePreview&&d;return n?(n.promise.then((function(){C||h(!0)})),(0,S.jsx)(o.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(O,{asyncPricePreview:n.isVisible,children:(0,S.jsx)("div",{className:w()(g.aH,C&&!v?g.pn:void 0,x.getIsInMobileView()?g.ai:void 0,"left"==i?g.t$:g.F2),style:a,children:(0,S.jsx)(o.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(Z,{asyncPricePreview:n.promise,dontAnimatePrice:l})})})})})):(0,S.jsx)(S.Fragment,{})}},59078:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});var i=t(80248),r=t(34988),o=t(87363),a=t(93379),s=t.n(a),d=t(7795),l=t.n(d),c=t(90569),u=t.n(c),p=t(3565),x=t.n(p),m=t(19216),f=t.n(m),C=t(44589),h=t.n(C),g=t(23327),v={};v.styleTagTransform=h(),v.setAttributes=x(),v.insert=u().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=f();s()(g.ZP,v);g.ZP&&g.ZP.locals&&g.ZP.locals;var b=t(88683),y=t(2398),P=t(65515),w=t.n(P),j=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const S=function GenericToolTip(e){var n,t=e.image,i=e.text,a=e.desciption,s=e.codex,d=e.hexColor,l=e.layerProps,c=e.pricePreviewPromise,u=null==t?void 0:t.replace("_gal","").replace("_low",""),p=(0,b.useDivaCore)().state.theme,x=(0,o.useState)(!1),m=(0,r.Z)(x,2),f=m[0],C=m[1];return(0,o.useEffect)((function(){f||C(!0)}),[]),(0,j.jsxs)("div",_objectSpread(_objectSpread({className:w()(g.Cu,f?g.pn:void 0)},l),{},{style:_objectSpread(_objectSpread({},{fontFamily:null==p||null===(n=p.typography)||void 0===n?void 0:n.fontFamily}),l.style),children:[u?(0,j.jsx)("img",{src:u,alt:i}):d?(0,j.jsx)("div",{className:g.CO,style:{backgroundColor:"#"+d}}):(0,j.jsx)(j.Fragment,{}),(0,j.jsx)("div",{className:g.Y7,dangerouslySetInnerHTML:{__html:i}}),a&&(0,j.jsx)("div",{className:g._W,children:a}),s&&(0,j.jsx)("div",{className:g._W,children:s}),void 0!==c&&(0,j.jsx)(y.default,{asyncPricePreview:c,dontAnimatePrice:!0})]}))}},93087:(e,n,t)=>{t.r(n),t.d(n,{default:()=>D});var i=t(80248),r=t(34988),o=t(65515),a=t.n(o),s=t(88130),d=t(9420),l=t(87363),c=t(93379),u=t.n(c),p=t(7795),x=t.n(p),m=t(90569),f=t.n(m),C=t(3565),h=t.n(C),g=t(19216),v=t.n(g),b=t(44589),y=t.n(b),P=t(65655),w={};w.styleTagTransform=y(),w.setAttributes=h(),w.insert=f().bind(null,"head"),w.domAPI=x(),w.insertStyleElement=v();u()(P.ZP,w);P.ZP&&P.ZP.locals&&P.ZP.locals;var j=t(88683),S=t(46770),O=t(97851),Z=t(59078),F=t(2398),k=t(9510),I=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const D=(0,d.Pi)((function ShelfAccessoires(e){var n,t,i=e.item,o=(e.grids,e.sel),d=(0,s.NP)(),c=(0,j.useDivaCore)().state,u=c.hidePrices,p=c.dimensions,x=p.isMobile,m=p.isTablet,f=(0,l.useState)(""),C=(0,r.Z)(f,2),h=C[0],g=C[1],v={},b={},y=void 0,w=!1,D={},N=(0,S.XI)({delayEnter:2e3,hideOnScroll:!0}),E=(0,S.sJ)({isOpen:N[0],auto:!0,placement:d.getViewConfig().tooltipPosition||"left-center"});x||m||d.getViewConfig().hideTooltip||(w=N[0],D=N[1],v=E.triggerProps,b=E.layerProps,y=E.renderLayer);var _=i.name;return(0,I.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:i.articleCodex,className:a()(P.nC,o?P.pA:void 0),onClick:function onClick(){return d.paletteViewHandler.selectShelfAccessorie(i.articleCodex)}},v),D),{},{children:[(0,I.jsx)("img",{style:{maxHeight:d.settingsState.settingsWidth/3},src:i.image}),(0,I.jsxs)("div",{className:P.jW,children:[(0,I.jsx)("div",{className:a()(P.TN),dangerouslySetInnerHTML:{__html:_}}),(0,I.jsx)(O.default,{metaData:i.metaData,visible:[h,g]},i.articleCodex),!u&&!!i.price&&(0,I.jsx)(F.default,{price:i.price,style:{paddingTop:6}}),i.contentItemId&&(0,I.jsx)(k.default,{item:i,style:{top:6,right:6}},i.articleCodex)]}),w&&(null===(n=y)||void 0===n?void 0:n((0,I.jsx)(Z.default,{text:null!==(t=i.longDescription)&&void 0!==t?t:i.name,desciption:h,image:i.image,codex:i.articleCodex,layerProps:b},i.articleCodex)))]}))}))},23240:(e,n,t)=>{t.d(n,{FJ:()=>u,Oq:()=>c,ZP:()=>m,al:()=>x,dA:()=>l,fL:()=>p,hv:()=>d,um:()=>s});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n  transition:\n    0.3s width ease,\n    0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var s="index-module--CjCgr",d="index-module--C9QBx",l="index-module--a2wqn",c="index-module--fLFjU",u="index-module--nTN4r",p="index-module--FaRqp",x="index-module--oBSZj";const m=a},84887:(e,n,t)=>{t.d(n,{B:()=>s,Z:()=>d});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--hpPAb {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  width: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n",""]);var s="index-module--hpPAb";const d=a},8907:(e,n,t)=>{t.d(n,{F2:()=>c,ZP:()=>p,aH:()=>s,ai:()=>d,pn:()=>u,t$:()=>l});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--bVDuL {\n  background-color: rgba(234,234,234,0.66667);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 14px;\n  line-height: 14px;\n  top: 0;\n  opacity: 0;\n  transition: opacity 0.35s ease-in-out;\n  white-space: nowrap;\n}\n\n.index-module--FqlZz.index-module--bVDuL {\n  font-size: 10px;\n  height: 12px;\n  line-height: 13px;\n}\n\n.index-module--zI2ES {\n  left: 0;\n  border-radius: 0px 0px 5px 0px;\n}\n\n.index-module--kN6Sz {\n  right: 0;\n  border-radius: 0px 0px 0px 5px;\n}\n\n.index-module--bd6dC {\n  opacity: 1;\n}\n\n@keyframes index-module--rw2Jt {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var s="index-module--bVDuL",d="index-module--FqlZz",l="index-module--zI2ES",c="index-module--kN6Sz",u="index-module--bd6dC";const p=a},23327:(e,n,t)=>{t.d(n,{CO:()=>d,Cu:()=>s,Y7:()=>l,ZP:()=>p,_W:()=>c,pn:()=>u});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--gs4wQ {\n  display: block;\n  background-color: rgba(242, 242, 242, 0.9);\n  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.4);\n  border-radius: var(--globalBorderRadius);\n  height: -moz-fit-content;\n  height: fit-content;\n  width: 320px;\n  padding-bottom: 12px;\n  opacity: 0;\n  transition: opacity 0.25s ease-in-out;\n}\n.index-module--gs4wQ img,\n.index-module--wxTxh {\n  width: 90%;\n  max-height: 77%;\n  margin: 5% 5% 0 5%;\n  -o-object-fit: scale-down;\n     object-fit: scale-down;\n  -o-object-position: center center;\n     object-position: center center;\n}\n\n.index-module--wxTxh {\n  height: 260px;\n}\n\n.index-module--gs4wQ {\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  z-index: 2147483650;\n}\n\n.index-module--f37Xh {\n  padding: 5px 20px 2px 20px;\n}\n\n.index-module--dHh9T {\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  padding: 5px 20px 2px 20px;\n}\n\n.index-module--N7u4O {\n  opacity: 1;\n}\n",""]);var s="index-module--gs4wQ",d="index-module--wxTxh",l="index-module--f37Xh",c="index-module--dHh9T",u="index-module--N7u4O";const p=a},65655:(e,n,t)=>{t.d(n,{TN:()=>c,ZP:()=>u,jW:()=>l,nC:()=>s,pA:()=>d});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--E9hMP {\n  position: relative;\n  box-sizing: border-box;\n  border: 3px solid transparent;\n  border-radius: 6px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  transition:\n    box-shadow 0.2s ease-in-out,\n    border-color 0.2s ease-in-out;\n  background: #f2f2f2;\n  cursor: pointer;\n}\n\n.index-module--E9hMP.index-module--zq_sk {\n  border-color: var(--primaryColor);\n}\n\n.index-module--E9hMP:hover {\n  box-shadow: rgba(0, 0, 0,0.2) 0px 0px 16px 0px;\n}\n\n.index-module--E9hMP img {\n  width: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--ASP_j {\n  color: #4b4b4b;\n  display: flex;\n  justify-content: space-between;\n  flex-direction: column;\n  height: 100%;\n}\n.index-module--xrQ6L {\n  height: auto;\n  margin: 0 3px;\n}\n\n.index-module--xrQ6L {\n  font-weight: 600;\n  font-size: 13px;\n  line-height: 15px;\n}\n",""]);var s="index-module--E9hMP",d="index-module--zq_sk",l="index-module--ASP_j",c="index-module--xrQ6L";const u=a}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3087,6340,6135,9510,7851,1051,2398,9078],{9510:(e,n,t)=>{t.r(n),t.d(n,{default:()=>j});var i=t(34988),r=t(93379),o=t.n(r),a=t(7795),s=t.n(a),d=t(90569),l=t.n(d),c=t(3565),u=t.n(c),p=t(19216),x=t.n(p),m=t(44589),f=t.n(m),C=t(23240),h={};h.styleTagTransform=f(),h.setAttributes=u(),h.insert=l().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=x();o()(C.ZP,h);C.ZP&&C.ZP.locals&&C.ZP.locals;var g=t(87363),v=t(88130),b=t(65515),y=t.n(b),P=t(9420),w=t(47514);const j=(0,P.Pi)((function InfoIcon(e){var n,t,r,o=e.item,a=e.style,s=(0,v.NP)(),d=o.contentItemId,l=null!==(n=null!==(t=null!==(r=o.codex)&&void 0!==r?r:o.articleCodex)&&void 0!==t?t:o.title)&&void 0!==n?n:o.key,c=(0,g.useState)(!1),u=(0,i.Z)(c,2),p=u[0],x=u[1],m=o.sel||p;if((0,g.useEffect)((function(){var e=s.settingsState.contentItemVisible&&s.settingsState.contentItemId==d&&l==s.settingsState.clickedFrom;!e&&p&&x(!1),e&&!p&&x(!0)}),[s.settingsState.contentItemVisible,s.settingsState.contentItemId,s.settingsState.clickedFrom]),!o)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!o.op||null===(e=s.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||m}()?(0,w.jsx)("div",{className:C.um,onClick:function onClick(e){s.settingsState.onClickContentItemId(d,l),x(s.settingsState.contentItemVisible&&s.settingsState.contentItemId==d),e.stopPropagation()},style:a,children:(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)("div",{className:y()(C.hv,m?void 0:C.al,p?C.FJ:void 0),children:(0,w.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,w.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,w.jsx)("path",{className:C.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,w.jsx)("path",{className:C.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,w.jsx)("div",{className:y()(C.dA,m?C.al:void 0),children:(0,w.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,w.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,w.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,w.jsx)(w.Fragment,{})}))},97851:(e,n,t)=>{t.r(n),t.d(n,{default:()=>y});var i=t(34988),r=t(88130),o=t(87363),a=t(93379),s=t.n(a),d=t(7795),l=t.n(d),c=t(90569),u=t.n(c),p=t(3565),x=t.n(p),m=t(19216),f=t.n(m),C=t(44589),h=t.n(C),g=t(84887),v={};v.styleTagTransform=h(),v.setAttributes=x(),v.insert=u().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=f();s()(g.Z,v);g.Z&&g.Z.locals&&g.Z.locals;var b=t(47514);const y=function MetaData(e){var n=e.style,t=e.metaData,a=e.visible,s=void 0===a?(0,o.useState)(""):a,d=(0,i.Z)(s,2),l=d[0],c=d[1],u=(0,r.NP)(),p=(0,o.useState)(""),x=(0,i.Z)(p,2),m=x[0],f=x[1],C=u.getViewConfig().displayMetaDatas,h=null==t?void 0:t.find((function(e){return null==C?void 0:C.includes(e.codex)}));return(0,o.useEffect)((function(){if(h){for(var e="",n=0;n<h.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var r=null==t?void 0:t.find((function(e){return e.codex===C[i]}));if(!r)return 1;""!==e&&(e+=" "),e=e+(r.name?r.name+": ":"")+r.values[n]},r=0;r<C.length;r++)i(r)}f(e),c(e)}}),[]),l?(0,b.jsx)("div",{style:n,className:g.B,children:m}):(0,b.jsx)(b.Fragment,{})}},56340:(e,n,t)=>{t.r(n),t.d(n,{default:()=>c});var i=t(34988),r=t(88683),o=t(87363),a=t(7501),s=t(88130),d=t(9420),l=t(47514);const c=(0,d.Pi)((function PriceCounter(e){var n,t,d=e.price,c=e.formattingFn,u=e.duration,p=void 0===u?.5:u,x=(0,o.useState)(0),m=(0,i.Z)(x,2),f=m[0],C=m[1],h=(0,o.useState)(0),g=(0,i.Z)(h,2),v=g[0],b=g[1],y=(0,s.NP)();return(0,o.useEffect)((function(){C(d)}),[d]),(0,l.jsx)(a.ZP,{end:f,duration:p,decimals:null!==(n=null===(t=f.toString().split(".")[1])||void 0===t?void 0:t.length)&&void 0!==n?n:0,start:v,formattingFn:function formattingFn(e){return c?c(e):r.DivaUtils.formatPrice(e,y.productState.getPriceFormatForCounter(f))},onEnd:function onEnd(){b(f)}})}))},2398:(e,n,t)=>{t.r(n),t.d(n,{default:()=>F});var i=t(80248),r=t(34988),o=t(87363),a=t(93379),s=t.n(a),d=t(7795),l=t.n(d),c=t(90569),u=t.n(c),p=t(3565),x=t.n(p),m=t(19216),f=t.n(m),C=t(44589),h=t.n(C),g=t(8907),v={};v.styleTagTransform=h(),v.setAttributes=x(),v.insert=u().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=f();s()(g.ZP,v);g.ZP&&g.ZP.locals&&g.ZP.locals;var b=t(88683),y=t(88130),P=t(65515),w=t.n(P),j=t(56340),S=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var O=function AsyncRender1(e){var n=e.asyncPricePreview,t=e.children;return use(n)?t:(0,S.jsx)(S.Fragment,{})},Z=function AsyncRender2(e){var n,t,i=e.asyncPricePreview,r=e.dontAnimatePrice,o=use(i),a=(0,y.NP)();switch(a.productState.pricePreview){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":t=o.price-o.origPrice;break;case"fromBasePrice":t=o.price-o.firstPrice}return(0,S.jsxs)(S.Fragment,{children:[(null===(n=window)||void 0===n||n.DIVA_LOGGER,""),(0,S.jsx)(j.default,{price:t,duration:r?0:.45,formattingFn:function formattingFn(e){return(e<0?"-":"+")+b.DivaUtils.formatPrice(Math.abs(e),a.productState.getPriceFormatForCounter(e))}})]})};function use(e){if("fulfilled"===e.status)return e.value;throw"rejected"===e.status?e.reason:("pending"===e.status||(e.status="pending",e.then((function(n){e.status="fulfilled",e.value=n}),(function(n){e.status="rejected",e.reason=n}))),e)}const F=function PricePreview(e){var n=e.asyncPricePreview,t=e.pos,i=void 0===t?"right":t,a=e.style,s=e.price,d=e.sel,l=e.dontAnimatePrice,c=(0,b.useDivaCore)().state,u=c.hidePrices,p=c.hideConfigPricePreview,x=(0,y.NP)(),m=(0,o.useState)(l),f=(0,r.Z)(m,2),C=f[0],h=f[1];if(u||"off"==x.productState.pricePreview)return(0,S.jsx)(S.Fragment,{});if(s)return(0,S.jsx)("div",{className:w()(g.aH,"left"==i?g.t$:g.F2),style:a,children:b.DivaUtils.formatPrice(Math.abs(s),_objectSpread(_objectSpread({},b.DivaUtils.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))});var v=p||"fromCurrentPriceHideCurrent"==x.productState.pricePreview&&d;return n?(n.promise.then((function(){C||h(!0)})),(0,S.jsx)(o.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(O,{asyncPricePreview:n.isVisible,children:(0,S.jsx)("div",{className:w()(g.aH,C&&!v?g.pn:void 0,x.getIsInMobileView()?g.ai:void 0,"left"==i?g.t$:g.F2),style:a,children:(0,S.jsx)(o.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(Z,{asyncPricePreview:n.promise,dontAnimatePrice:l})})})})})):(0,S.jsx)(S.Fragment,{})}},59078:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});var i=t(80248),r=t(34988),o=t(87363),a=t(93379),s=t.n(a),d=t(7795),l=t.n(d),c=t(90569),u=t.n(c),p=t(3565),x=t.n(p),m=t(19216),f=t.n(m),C=t(44589),h=t.n(C),g=t(23327),v={};v.styleTagTransform=h(),v.setAttributes=x(),v.insert=u().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=f();s()(g.ZP,v);g.ZP&&g.ZP.locals&&g.ZP.locals;var b=t(88683),y=t(2398),P=t(65515),w=t.n(P),j=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const S=function GenericToolTip(e){var n,t=e.image,i=e.text,a=e.desciption,s=e.codex,d=e.hexColor,l=e.layerProps,c=e.pricePreviewPromise,u=null==t?void 0:t.replace("_gal","").replace("_low",""),p=(0,b.useDivaCore)().state.theme,x=(0,o.useState)(!1),m=(0,r.Z)(x,2),f=m[0],C=m[1];return(0,o.useEffect)((function(){f||C(!0)}),[]),(0,j.jsxs)("div",_objectSpread(_objectSpread({className:w()(g.Cu,f?g.pn:void 0)},l),{},{style:_objectSpread(_objectSpread({},{fontFamily:null==p||null===(n=p.typography)||void 0===n?void 0:n.fontFamily}),l.style),children:[u?(0,j.jsx)("img",{src:u,alt:i}):d?(0,j.jsx)("div",{className:g.CO,style:{backgroundColor:"#"+d}}):(0,j.jsx)(j.Fragment,{}),(0,j.jsx)("div",{className:g.Y7,dangerouslySetInnerHTML:{__html:i}}),a&&(0,j.jsx)("div",{className:g._W,children:a}),s&&(0,j.jsx)("div",{className:g._W,children:s}),void 0!==c&&(0,j.jsx)(y.default,{asyncPricePreview:c,dontAnimatePrice:!0})]}))}},93087:(e,n,t)=>{t.r(n),t.d(n,{default:()=>D});var i=t(80248),r=t(34988),o=t(65515),a=t.n(o),s=t(88130),d=t(9420),l=t(87363),c=t(93379),u=t.n(c),p=t(7795),x=t.n(p),m=t(90569),f=t.n(m),C=t(3565),h=t.n(C),g=t(19216),v=t.n(g),b=t(44589),y=t.n(b),P=t(65655),w={};w.styleTagTransform=y(),w.setAttributes=h(),w.insert=f().bind(null,"head"),w.domAPI=x(),w.insertStyleElement=v();u()(P.ZP,w);P.ZP&&P.ZP.locals&&P.ZP.locals;var j=t(88683),S=t(46770),O=t(97851),Z=t(59078),F=t(2398),k=t(9510),I=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const D=(0,d.Pi)((function ShelfAccessoires(e){var n,t,i=e.item,o=(e.grids,e.sel),d=(0,s.NP)(),c=(0,j.useDivaCore)().state,u=c.hidePrices,p=c.dimensions,x=p.isMobile,m=p.isTablet,f=(0,l.useState)(""),C=(0,r.Z)(f,2),h=C[0],g=C[1],v={},b={},y=void 0,w=!1,D={},N=(0,S.XI)({delayEnter:2e3,hideOnScroll:!0}),E=(0,S.sJ)({isOpen:N[0],auto:!0,placement:d.getViewConfig().tooltipPosition||"left-center"});x||m||d.getViewConfig().hideTooltip||(w=N[0],D=N[1],v=E.triggerProps,b=E.layerProps,y=E.renderLayer);var _=i.name;return(0,I.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:i.articleCodex,className:a()(P.nC,o?P.pA:void 0),onClick:function onClick(){return d.paletteViewHandler.selectShelfAccessorie(i.articleCodex)}},v),D),{},{children:[(0,I.jsx)("img",{style:{maxHeight:d.settingsState.settingsWidth/3},src:i.image}),(0,I.jsxs)("div",{className:P.jW,children:[(0,I.jsx)("div",{className:a()(P.TN),dangerouslySetInnerHTML:{__html:_}}),(0,I.jsx)(O.default,{metaData:i.metaData,visible:[h,g]},i.articleCodex),!u&&!!i.price&&(0,I.jsx)(F.default,{price:i.price,style:{paddingTop:6}}),i.contentItemId&&(0,I.jsx)(k.default,{item:i,style:{top:6,right:6}},i.articleCodex)]}),w&&(null===(n=y)||void 0===n?void 0:n((0,I.jsx)(Z.default,{text:null!==(t=i.longDescription)&&void 0!==t?t:i.name,desciption:h,image:i.image,codex:i.articleCodex,layerProps:b},i.articleCodex)))]}))}))},23240:(e,n,t)=>{t.d(n,{FJ:()=>u,Oq:()=>c,ZP:()=>m,al:()=>x,dA:()=>l,fL:()=>p,hv:()=>d,um:()=>s});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n  transition:\n    0.3s width ease,\n    0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var s="index-module--CjCgr",d="index-module--C9QBx",l="index-module--a2wqn",c="index-module--fLFjU",u="index-module--nTN4r",p="index-module--FaRqp",x="index-module--oBSZj";const m=a},84887:(e,n,t)=>{t.d(n,{B:()=>s,Z:()=>d});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--hpPAb {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  width: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n",""]);var s="index-module--hpPAb";const d=a},8907:(e,n,t)=>{t.d(n,{F2:()=>c,ZP:()=>p,aH:()=>s,ai:()=>d,pn:()=>u,t$:()=>l});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--bVDuL {\n  background-color: rgba(234,234,234,0.93333);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 14px;\n  line-height: 14px;\n  top: 0;\n  opacity: 0;\n  transition: opacity 0.35s ease-in-out;\n  white-space: nowrap;\n}\n\n.index-module--FqlZz.index-module--bVDuL {\n  font-size: 10px;\n  height: 12px;\n  line-height: 13px;\n}\n\n.index-module--zI2ES {\n  left: 0;\n  border-radius: 0px 0px 5px 0px;\n}\n\n.index-module--kN6Sz {\n  right: 0;\n  border-radius: 0px 0px 0px 5px;\n}\n\n.index-module--bd6dC {\n  opacity: 1;\n}\n\n@keyframes index-module--rw2Jt {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var s="index-module--bVDuL",d="index-module--FqlZz",l="index-module--zI2ES",c="index-module--kN6Sz",u="index-module--bd6dC";const p=a},23327:(e,n,t)=>{t.d(n,{CO:()=>d,Cu:()=>s,Y7:()=>l,ZP:()=>p,_W:()=>c,pn:()=>u});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--gs4wQ {\n  display: block;\n  background-color: rgba(242, 242, 242, 0.9);\n  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.4);\n  border-radius: var(--globalBorderRadius);\n  height: -moz-fit-content;\n  height: fit-content;\n  width: 320px;\n  padding-bottom: 12px;\n  opacity: 0;\n  transition: opacity 0.25s ease-in-out;\n}\n.index-module--gs4wQ img,\n.index-module--wxTxh {\n  width: 90%;\n  max-height: 77%;\n  margin: 5% 5% 0 5%;\n  -o-object-fit: scale-down;\n     object-fit: scale-down;\n  -o-object-position: center center;\n     object-position: center center;\n}\n\n.index-module--wxTxh {\n  height: 260px;\n}\n\n.index-module--gs4wQ {\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  z-index: 2147483650;\n}\n\n.index-module--f37Xh {\n  padding: 5px 20px 2px 20px;\n}\n\n.index-module--dHh9T {\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  padding: 5px 20px 2px 20px;\n}\n\n.index-module--N7u4O {\n  opacity: 1;\n}\n",""]);var s="index-module--gs4wQ",d="index-module--wxTxh",l="index-module--f37Xh",c="index-module--dHh9T",u="index-module--N7u4O";const p=a},65655:(e,n,t)=>{t.d(n,{TN:()=>c,ZP:()=>u,jW:()=>l,nC:()=>s,pA:()=>d});var i=t(8081),r=t.n(i),o=t(23645),a=t.n(o)()(r());a.push([e.id,".index-module--E9hMP {\n  position: relative;\n  box-sizing: border-box;\n  border: 3px solid transparent;\n  border-radius: 6px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  transition:\n    box-shadow 0.2s ease-in-out,\n    border-color 0.2s ease-in-out;\n  background: #f2f2f2;\n  cursor: pointer;\n}\n\n.index-module--E9hMP.index-module--zq_sk {\n  border-color: var(--primaryColor);\n}\n\n.index-module--E9hMP:hover {\n  box-shadow: rgba(0, 0, 0,0.2) 0px 0px 16px 0px;\n}\n\n.index-module--E9hMP img {\n  width: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--ASP_j {\n  color: #4b4b4b;\n  display: flex;\n  justify-content: space-between;\n  flex-direction: column;\n  height: 100%;\n}\n.index-module--xrQ6L {\n  height: auto;\n  margin: 0 3px;\n}\n\n.index-module--xrQ6L {\n  font-weight: 600;\n  font-size: 13px;\n  line-height: 15px;\n}\n",""]);var s="index-module--E9hMP",d="index-module--zq_sk",l="index-module--ASP_j",c="index-module--xrQ6L";const u=a}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3504.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3504,6340,283,6135,1280,1051],{90283:(n,e,o)=>{o.r(e),o.d(e,{default:()=>k});var t=o(65515),i=o.n(t),r=o(9420),d=(o(87363),o(93379)),a=o.n(d),l=o(7795),s=o.n(l),c=o(90569),u=o.n(c),x=o(3565),f=o.n(x),m=o(19216),p=o.n(m),v=o(44589),g=o.n(v),h=o(81906),b={};b.styleTagTransform=g(),b.setAttributes=f(),b.insert=u().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=p();a()(h.ZP,b);h.ZP&&h.ZP.locals&&h.ZP.locals;var w=o(88683),j=o(88130),y=o(56340),P=o(47514);const k=(0,r.Pi)((function PriceSumm(n){var e,o,t=(0,j.NP)(),r=(0,w.useDivaCore)().state.hidePrices,d=(0,w.useTranslation)().t;return(0,P.jsxs)("div",{className:i()(h.rh,t.getIsInMobileView()?h.tq:void 0),children:[(0,P.jsx)("div",{children:d("configurator.Sum","Summe")}),(0,P.jsx)("div",{className:h.wZ,children:!r&&(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("div",{className:i()(h.nt,t.productState.formatedBruttoPrice?h.kg:void 0),children:(0,P.jsx)(y.default,{price:null!==(e=t.productState.formatedCurSetPrice)&&void 0!==e?e:0})}),(0,P.jsxs)("div",{className:i()(h.nt,h.F0,t.productState.formatedBruttoPrice?void 0:h.al),children:[" ",(0,P.jsx)(y.default,{price:null!==(o=t.productState.formatedBruttoPrice)&&void 0!==o?o:0})]})]})})]})}))},13504:(n,e,o)=>{o.r(e),o.d(e,{default:()=>O});var t=o(80248),i=o(9420),r=o(88130),d=(o(87363),o(41280)),a=o(93379),l=o.n(a),s=o(7795),c=o.n(s),u=o(90569),x=o.n(u),f=o(3565),m=o.n(f),p=o(19216),v=o.n(p),g=o(44589),h=o.n(g),b=o(65923),w={};w.styleTagTransform=h(),w.setAttributes=m(),w.insert=x().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=v();l()(b.ZP,w);b.ZP&&b.ZP.locals&&b.ZP.locals;var j=o(90283),y=o(65515),P=o.n(y),k=o(47514);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.Z)(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 O=(0,i.Pi)((function ActionNavigationRalph(n){var e=(0,r.NP)();return(0,k.jsxs)("div",_objectSpread(_objectSpread({},n),{},{children:[!e.getIsInMobileView()&&(0,k.jsx)(j.default,{}),(0,k.jsx)(d.default,{className:P()(e.getIsInMobileView()?b.$5:void 0,b.nC),showBackButtonText:!0,forthOverwrite:b.ky,backOverwrite:b.g9})]}))}))},41280:(n,e,o)=>{o.r(e),o.d(e,{default:()=>p});var t=o(80248),i=o(72874),r=o(65515),d=o.n(r),a=o(88130),l=o(9420),s=(o(87363),o(88683)),c=o(40976),u=o(39667),x=o(19047),f=o(47514),m=["className","showBackButtonText","backOverwrite","forthOverwrite","showNextButtonIcon","showCheckoutButtons"];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.Z)(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 p=(0,l.Pi)((function ActionNavigation(n){var e,o=n.className,t=n.showBackButtonText,r=n.backOverwrite,l=n.forthOverwrite,p=n.showNextButtonIcon,v=n.showCheckoutButtons,g=(0,i.Z)(n,m),h=(0,a.NP)(),b=(0,s.useTranslation)().t;return(0,f.jsx)("div",_objectSpread(_objectSpread({},g),{},{className:d()(o,c.jl,h.actionButtonState.isOnFirstStep?c.FN:void 0,h.actionButtonState.isOnFirstStepDisabled?c.$t:void 0,h.actionButtonState.isOnLastStep?c.Is:void 0,"vertical"==h.tabGroupState.curTabGroupType?c.KR:void 0,h.uiState.isMobilePortrait?c.tW:void 0,h.uiState.isMobileLandscape?c.Qv:void 0),children:(0,f.jsxs)("div",{className:c.nC,children:[(0,f.jsxs)("div",{className:d()(c.LI,c.op,r),onClick:function onClick(){window.lastNavigationType="NAVIGATION_STANDARD_BACK_BUTTON",h.actionButtonState.onClickConfiguratorSettingsBack()},children:[!t&&(0,f.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,f.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateBack, var(--secondaryColor))",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),t&&b("configurator.Back")]}),v&&(null===(e=h.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.map((function(n,e){return(0,x.evalVisible)(n,h,"navigator")?(0,f.jsx)("div",{className:c.rK,onClick:function onClick(){return(0,x.onClickCheckout)(n,h,e,b)},children:(0,f.jsx)(u.default,{checkoutButton:n,size:40})},e):(0,f.jsx)(f.Fragment,{})}))),(0,f.jsxs)("div",{className:d()(c.LI,c.ox,l),onClick:function onClick(){window.lastNavigationType="NAVIGATION_STANDARD_FORWARD_BUTTON",h.actionButtonState.onClickConfiguratorSettingsForth()},id:"wcConfigurator-action-next",children:[b("configurator.Next"),p&&(0,f.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,f.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateForthFontColor, #ffffff)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]})]})}))}))},56340:(n,e,o)=>{o.r(e),o.d(e,{default:()=>c});var t=o(34988),i=o(35907),r=o(87363),d=o(7501),a=o(88130),l=o(9420),s=o(47514);const c=(0,l.Pi)((function PriceCounter(n){var e,o,l=n.price,c=n.formattingFn,u=n.duration,x=void 0===u?.5:u,f=(0,r.useState)(0),m=(0,t.Z)(f,2),p=m[0],v=m[1],g=(0,r.useState)(0),h=(0,t.Z)(g,2),b=h[0],w=h[1],j=(0,a.NP)();return(0,r.useEffect)((function(){v(l)}),[l]),(0,s.jsx)(d.ZP,{end:p,duration:x,decimals:null!==(e=null===(o=p.toString().split(".")[1])||void 0===o?void 0:o.length)&&void 0!==e?e:0,start:b,formattingFn:function formattingFn(n){return c?c(n):i.ZP.formatPrice(n,j.productState.getPriceFormatForCounter(p))},onEnd:function onEnd(){w(p)}})}))},81906:(n,e,o)=>{o.d(e,{F0:()=>x,ZP:()=>m,al:()=>f,kg:()=>u,nt:()=>c,rh:()=>a,tq:()=>l,wZ:()=>s});var t=o(8081),i=o.n(t),r=o(23645),d=o.n(r)()(i());d.push([n.id,".index-module--aaqir {\n  height: 40px;\n  line-height: 30px;\n  display: flex;\n  justify-content: space-between;\n  font-weight: 700;\n  font-size: 16px;\n  flex-grow: 1;\n}\n\n.index-module--KdwEi.index-module--aaqir {\n  line-height: 38px;\n  font-size: 18px;\n  justify-content: flex-end;\n  flex-wrap: nowrap;\n  gap: 12px;\n}\n\n.index-module--ckj80 {\n  display: flex;\n  justify-content: space-between;\n  flex-wrap: nowrap;\n}\n\n.index-module--IKzzi {\n  position: relative;\n  color: #262626;\n  text-wrap: nowrap;\n}\n\n.index-module--KdwEi .index-module--IKzzi {\n  font-size: 15px;\n}\n\n.index-module--Y17sU {\n  color: #b1223f;\n  margin-right: 12px;\n}\n\n.index-module--IKzzi.index-module--Xsp7Q {\n  color: #bfbfbf;\n  opacity: 1;\n  transition:\n    opacity 0.3s ease-in-out,\n    max-width 0.3s ease-in-out;\n  max-width: 110px;\n}\n.index-module--IKzzi.index-module--Xsp7Q.index-module--rNvqj {\n  opacity: 0;\n  max-width: 0px;\n}\n\n.index-module--IKzzi.index-module--Xsp7Q:before {\n  position: absolute;\n  content: '';\n  left: 0;\n  top: 42%;\n  right: 0;\n  border-top: 2px solid;\n  border-color: #b1223f;\n  transform: rotate(-7deg);\n}\n\n.index-module--KdwEi .index-module--IKzzi.index-module--Xsp7Q:before {\n  top: 45%;\n}\n",""]);var a="index-module--aaqir",l="index-module--KdwEi",s="index-module--ckj80",c="index-module--IKzzi",u="index-module--Y17sU",x="index-module--Xsp7Q",f="index-module--rNvqj";const m=d},65923:(n,e,o)=>{o.d(e,{$5:()=>c,ZP:()=>u,g9:()=>l,ky:()=>s,nC:()=>a});var t=o(8081),i=o.n(t),r=o(23645),d=o.n(r)()(i());d.push([n.id,".index-module--FPhE6 .index-module--JMki1,\n.index-module--FPhE6 .index-module--ufp_O {\n  border: 1px #262626 solid !important;\n  background-color: var(--thirdColor) !important;\n  color: #262626 !important;\n  font-weight: 700 !important;\n}\n\n.index-module--FPhE6 .index-module--JMki1,\n.index-module--FPhE6 .index-module--ufp_O {\n  cursor: pointer;\n  width: 50%;\n  flex-grow: 1;\n}\n\n.index-module--G6P2w {\n  height: 100%;\n}\n",""]);var a="index-module--FPhE6",l="index-module--JMki1",s="index-module--ufp_O",c="index-module--G6P2w";const u=d},28717:(n,e,o)=>{o.d(e,{$t:()=>m,FN:()=>v,Is:()=>p,KR:()=>s,LI:()=>c,Qv:()=>g,ZP:()=>b,jl:()=>a,nC:()=>l,op:()=>x,ox:()=>f,rK:()=>u,tW:()=>h});var t=o(8081),i=o.n(t),r=o(23645),d=o.n(r)()(i());d.push([n.id,"/*Navigaton Buttons*/\n.index-module--Ug06K {\n  transition: width 0.2s ease-in-out;\n}\n\n.index-module--uMdxf {\n  height: 100%;\n  font-weight: 300;\n  font-size: 14px;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  width: 100%;\n  display: flex;\n  gap: 3px;\n}\n.index-module--j2X1m .index-module--uMdxf {\n  line-height: var(--configuratorActionHeight);\n}\n\n.index-module--NUblS {\n  border-radius: var(--globalBorderRadius);\n  height: 100%;\n  text-align: center;\n}\n\n.index-module--mfwxp {\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--vWg5_ {\n  border: 1px var(--secondaryColor) solid;\n  border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n  background-color: white;\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--IneQR {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  background-color: var(--navigateForth, var(--secondaryColor));\n  color: #ffffff;\n  color: var(--navigateForthFontColor, #ffffff);\n  float: right;\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-grow: 3;\n}\n\n.index-module--vWg5_:hover,\n.index-module--IneQR:hover {\n  cursor: pointer;\n  box-shadow: var(--boxShadowHover);\n}\n.index-module--IneQR svg {\n  transform: rotate(180deg);\n  position: absolute;\n  right: 16px;\n}\n\n.index-module--n4fFc .index-module--IneQR {\n  pointer-events: none;\n  background-color: #707070;\n  background-color: var(--navigateForth, #707070);\n  border-color: #707070;\n}\n\n.index-module--YJM3e .index-module--vWg5_ {\n  width: 100%;\n}\n\n.index-module--YJM3e .index-module--IneQR {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--vWg5_ {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--IneQR {\n  width: 100%;\n}\n\n.index-module--CVPGS .index-module--NUblS,\n.index-module--KE5Qn .index-module--NUblS {\n  line-height: calc(var(--configuratorActionHeight) - 5px);\n  border-radius: var(--globalBorderRadius);\n}\n",""]);var a="index-module--Ug06K",l="index-module--uMdxf",s="index-module--j2X1m",c="index-module--NUblS",u="index-module--mfwxp",x="index-module--vWg5_",f="index-module--IneQR",m="index-module--n4fFc",p="index-module--YJM3e",v="index-module--X2uG9",g="index-module--CVPGS",h="index-module--KE5Qn";const b=d},40976:(n,e,o)=>{o.d(e,{$t:()=>p.$t,FN:()=>p.FN,Is:()=>p.Is,KR:()=>p.KR,LI:()=>p.LI,Qv:()=>p.Qv,jl:()=>p.jl,nC:()=>p.nC,op:()=>p.op,ox:()=>p.ox,rK:()=>p.rK,tW:()=>p.tW});var t=o(93379),i=o.n(t),r=o(7795),d=o.n(r),a=o(90569),l=o.n(a),s=o(3565),c=o.n(s),u=o(19216),x=o.n(u),f=o(44589),m=o.n(f),p=o(28717),v={};v.styleTagTransform=m(),v.setAttributes=c(),v.insert=l().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=x();i()(p.ZP,v),p.ZP&&p.ZP.locals&&p.ZP.locals}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3504,6340,283,6135,1280,1051],{90283:(n,e,o)=>{o.r(e),o.d(e,{default:()=>k});var t=o(65515),i=o.n(t),r=o(9420),d=(o(87363),o(93379)),a=o.n(d),l=o(7795),s=o.n(l),c=o(90569),u=o.n(c),x=o(3565),f=o.n(x),m=o(19216),p=o.n(m),v=o(44589),h=o.n(v),g=o(81906),b={};b.styleTagTransform=h(),b.setAttributes=f(),b.insert=u().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=p();a()(g.ZP,b);g.ZP&&g.ZP.locals&&g.ZP.locals;var w=o(88683),j=o(88130),y=o(56340),P=o(47514);const k=(0,r.Pi)((function PriceSumm(n){var e,o,t=(0,j.NP)(),r=(0,w.useDivaCore)().state.hidePrices,d=(0,w.useTranslation)().t;return(0,P.jsxs)("div",{className:i()(g.rh,t.getIsInMobileView()?g.tq:void 0),children:[(0,P.jsx)("div",{children:d("configurator.Sum","Summe")}),(0,P.jsx)("div",{className:g.wZ,children:!r&&(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("div",{className:i()(g.nt,t.productState.formatedBruttoPrice?g.kg:void 0),children:(0,P.jsx)(y.default,{price:null!==(e=t.productState.formatedCurSetPrice)&&void 0!==e?e:0})}),(0,P.jsxs)("div",{className:i()(g.nt,g.F0,t.productState.formatedBruttoPrice?void 0:g.al),children:[" ",(0,P.jsx)(y.default,{price:null!==(o=t.productState.formatedBruttoPrice)&&void 0!==o?o:0})]})]})})]})}))},13504:(n,e,o)=>{o.r(e),o.d(e,{default:()=>O});var t=o(80248),i=o(9420),r=o(88130),d=(o(87363),o(41280)),a=o(93379),l=o.n(a),s=o(7795),c=o.n(s),u=o(90569),x=o.n(u),f=o(3565),m=o.n(f),p=o(19216),v=o.n(p),h=o(44589),g=o.n(h),b=o(65923),w={};w.styleTagTransform=g(),w.setAttributes=m(),w.insert=x().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=v();l()(b.ZP,w);b.ZP&&b.ZP.locals&&b.ZP.locals;var j=o(90283),y=o(65515),P=o.n(y),k=o(47514);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.Z)(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 O=(0,i.Pi)((function ActionNavigationRalph(n){var e=(0,r.NP)();return(0,k.jsxs)("div",_objectSpread(_objectSpread({},n),{},{children:[!e.getIsInMobileView()&&(0,k.jsx)(j.default,{}),(0,k.jsx)(d.default,{className:P()(e.getIsInMobileView()?b.$5:void 0,b.nC),showBackButtonText:!0,forthOverwrite:b.ky,backOverwrite:b.g9})]}))}))},41280:(n,e,o)=>{o.r(e),o.d(e,{default:()=>p});var t=o(80248),i=o(72874),r=o(65515),d=o.n(r),a=o(88130),l=o(9420),s=(o(87363),o(88683)),c=o(40976),u=o(39667),x=o(19047),f=o(47514),m=["className","showBackButtonText","backOverwrite","forthOverwrite","showNextButtonIcon","showCheckoutButtons"];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.Z)(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 p=(0,l.Pi)((function ActionNavigation(n){var e,o=n.className,t=n.showBackButtonText,r=n.backOverwrite,l=n.forthOverwrite,p=n.showNextButtonIcon,v=n.showCheckoutButtons,h=(0,i.Z)(n,m),g=(0,a.NP)(),b=(0,s.useTranslation)().t;return(0,f.jsx)("div",_objectSpread(_objectSpread({},h),{},{className:d()(o,c.jl,g.actionButtonState.isOnFirstStep?c.FN:void 0,g.actionButtonState.isOnFirstStepDisabled?c.$t:void 0,g.actionButtonState.isOnLastStep?c.Is:void 0,"vertical"==g.tabGroupState.curTabGroupType?c.KR:void 0,g.uiState.isMobilePortrait?c.tW:void 0,g.uiState.isMobileLandscape?c.Qv:void 0),children:(0,f.jsxs)("div",{className:c.nC,children:[(0,f.jsxs)("div",{className:d()(c.LI,c.op,r),onClick:function onClick(){window.lastNavigationType="NAVIGATION_STANDARD_BACK_BUTTON",g.actionButtonState.onClickConfiguratorSettingsBack()},children:[!t&&(0,f.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,f.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateBack, var(--secondaryColor))",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),t&&b("configurator.Back")]}),v&&(null===(e=g.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.filter((function(n){return(0,x.evalVisible)(n,g,"navigator")})).map((function(n,e){return(0,f.jsx)("div",{className:c.rK,onClick:function onClick(){return(0,x.onClickCheckout)(n,g,e,b)},children:(0,f.jsx)(u.default,{checkoutButton:n,size:40})},e)}))),(0,f.jsxs)("div",{className:d()(c.LI,c.ox,l),onClick:function onClick(){window.lastNavigationType="NAVIGATION_STANDARD_FORWARD_BUTTON",g.actionButtonState.onClickConfiguratorSettingsForth()},id:"wcConfigurator-action-next",children:[b("configurator.Next"),p&&(0,f.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,f.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateForthFontColor, #ffffff)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]})]})}))}))},56340:(n,e,o)=>{o.r(e),o.d(e,{default:()=>c});var t=o(34988),i=o(88683),r=o(87363),d=o(7501),a=o(88130),l=o(9420),s=o(47514);const c=(0,l.Pi)((function PriceCounter(n){var e,o,l=n.price,c=n.formattingFn,u=n.duration,x=void 0===u?.5:u,f=(0,r.useState)(0),m=(0,t.Z)(f,2),p=m[0],v=m[1],h=(0,r.useState)(0),g=(0,t.Z)(h,2),b=g[0],w=g[1],j=(0,a.NP)();return(0,r.useEffect)((function(){v(l)}),[l]),(0,s.jsx)(d.ZP,{end:p,duration:x,decimals:null!==(e=null===(o=p.toString().split(".")[1])||void 0===o?void 0:o.length)&&void 0!==e?e:0,start:b,formattingFn:function formattingFn(n){return c?c(n):i.DivaUtils.formatPrice(n,j.productState.getPriceFormatForCounter(p))},onEnd:function onEnd(){w(p)}})}))},81906:(n,e,o)=>{o.d(e,{F0:()=>x,ZP:()=>m,al:()=>f,kg:()=>u,nt:()=>c,rh:()=>a,tq:()=>l,wZ:()=>s});var t=o(8081),i=o.n(t),r=o(23645),d=o.n(r)()(i());d.push([n.id,".index-module--aaqir {\n  height: 40px;\n  line-height: 30px;\n  display: flex;\n  justify-content: space-between;\n  font-weight: 700;\n  font-size: 16px;\n  flex-grow: 1;\n}\n\n.index-module--KdwEi.index-module--aaqir {\n  line-height: 38px;\n  font-size: 18px;\n  justify-content: flex-end;\n  flex-wrap: nowrap;\n  gap: 12px;\n}\n\n.index-module--ckj80 {\n  display: flex;\n  justify-content: space-between;\n  flex-wrap: nowrap;\n}\n\n.index-module--IKzzi {\n  position: relative;\n  color: #262626;\n  text-wrap: nowrap;\n}\n\n.index-module--KdwEi .index-module--IKzzi {\n  font-size: 15px;\n}\n\n.index-module--Y17sU {\n  color: #b1223f;\n  margin-right: 12px;\n}\n\n.index-module--IKzzi.index-module--Xsp7Q {\n  color: #bfbfbf;\n  opacity: 1;\n  transition:\n    opacity 0.3s ease-in-out,\n    max-width 0.3s ease-in-out;\n  max-width: 110px;\n}\n.index-module--IKzzi.index-module--Xsp7Q.index-module--rNvqj {\n  opacity: 0;\n  max-width: 0px;\n}\n\n.index-module--IKzzi.index-module--Xsp7Q:before {\n  position: absolute;\n  content: '';\n  left: 0;\n  top: 42%;\n  right: 0;\n  border-top: 2px solid;\n  border-color: #b1223f;\n  transform: rotate(-7deg);\n}\n\n.index-module--KdwEi .index-module--IKzzi.index-module--Xsp7Q:before {\n  top: 45%;\n}\n",""]);var a="index-module--aaqir",l="index-module--KdwEi",s="index-module--ckj80",c="index-module--IKzzi",u="index-module--Y17sU",x="index-module--Xsp7Q",f="index-module--rNvqj";const m=d},65923:(n,e,o)=>{o.d(e,{$5:()=>c,ZP:()=>u,g9:()=>l,ky:()=>s,nC:()=>a});var t=o(8081),i=o.n(t),r=o(23645),d=o.n(r)()(i());d.push([n.id,".index-module--FPhE6 .index-module--JMki1,\n.index-module--FPhE6 .index-module--ufp_O {\n  border: 1px #262626 solid !important;\n  background-color: var(--thirdColor) !important;\n  color: #262626 !important;\n  font-weight: 700 !important;\n}\n\n.index-module--FPhE6 .index-module--JMki1,\n.index-module--FPhE6 .index-module--ufp_O {\n  cursor: pointer;\n  width: 50%;\n  flex-grow: 1;\n}\n\n.index-module--G6P2w {\n  height: 100%;\n}\n",""]);var a="index-module--FPhE6",l="index-module--JMki1",s="index-module--ufp_O",c="index-module--G6P2w";const u=d},28717:(n,e,o)=>{o.d(e,{$t:()=>m,FN:()=>v,Is:()=>p,KR:()=>s,LI:()=>c,Qv:()=>h,ZP:()=>b,jl:()=>a,nC:()=>l,op:()=>x,ox:()=>f,rK:()=>u,tW:()=>g});var t=o(8081),i=o.n(t),r=o(23645),d=o.n(r)()(i());d.push([n.id,"/*Navigaton Buttons*/\n.index-module--Ug06K {\n  transition: width 0.2s ease-in-out;\n}\n\n.index-module--uMdxf {\n  height: 100%;\n  font-weight: 300;\n  font-size: 14px;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  width: 100%;\n  display: flex;\n  gap: 3px;\n}\n.index-module--j2X1m .index-module--uMdxf {\n  line-height: var(--configuratorActionHeight);\n}\n\n.index-module--NUblS {\n  border-radius: var(--globalBorderRadius);\n  height: 100%;\n  text-align: center;\n}\n\n.index-module--mfwxp {\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--vWg5_ {\n  border: 1px var(--secondaryColor) solid;\n  border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n  background-color: white;\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--IneQR {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  background-color: var(--navigateForth, var(--secondaryColor));\n  color: #ffffff;\n  color: var(--navigateForthFontColor, #ffffff);\n  float: right;\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-grow: 3;\n}\n\n.index-module--vWg5_:hover,\n.index-module--IneQR:hover {\n  cursor: pointer;\n  box-shadow: var(--boxShadowHover);\n}\n.index-module--IneQR svg {\n  transform: rotate(180deg);\n  position: absolute;\n  right: 16px;\n}\n\n.index-module--n4fFc .index-module--IneQR {\n  pointer-events: none;\n  background-color: #707070;\n  background-color: var(--navigateForth, #707070);\n  border-color: #707070;\n}\n\n.index-module--YJM3e .index-module--vWg5_ {\n  width: 100%;\n}\n\n.index-module--YJM3e .index-module--IneQR {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--vWg5_ {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--IneQR {\n  width: 100%;\n}\n\n.index-module--CVPGS .index-module--NUblS,\n.index-module--KE5Qn .index-module--NUblS {\n  line-height: calc(var(--configuratorActionHeight) - 5px);\n  border-radius: var(--globalBorderRadius);\n}\n",""]);var a="index-module--Ug06K",l="index-module--uMdxf",s="index-module--j2X1m",c="index-module--NUblS",u="index-module--mfwxp",x="index-module--vWg5_",f="index-module--IneQR",m="index-module--n4fFc",p="index-module--YJM3e",v="index-module--X2uG9",h="index-module--CVPGS",g="index-module--KE5Qn";const b=d},40976:(n,e,o)=>{o.d(e,{$t:()=>p.$t,FN:()=>p.FN,Is:()=>p.Is,KR:()=>p.KR,LI:()=>p.LI,Qv:()=>p.Qv,jl:()=>p.jl,nC:()=>p.nC,op:()=>p.op,ox:()=>p.ox,rK:()=>p.rK,tW:()=>p.tW});var t=o(93379),i=o.n(t),r=o(7795),d=o.n(r),a=o(90569),l=o.n(a),s=o(3565),c=o.n(s),u=o(19216),x=o.n(u),f=o(44589),m=o.n(f),p=o(28717),v={};v.styleTagTransform=m(),v.setAttributes=c(),v.insert=l().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=x();i()(p.ZP,v),p.ZP&&p.ZP.locals&&p.ZP.locals}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3519.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3519,9001,7853],{69001:(e,n,t)=>{t.r(n),t.d(n,{default:()=>a});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const a=function NavigationButtons(e){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Action/Navigation"}))}},39141:(e,n,t)=>{t.r(n),t.d(n,{default:()=>C});var o=t(84658),i=t(88291),r=t(50747),a=t.n(r),s=t(88130),l=t(87363),d=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),f=t(90569),g=t.n(f),b=t(3565),m=t.n(b),h=t(19216),v=t.n(h),S=t(44589),w=t.n(S),y=t(39545),P={};P.styleTagTransform=w(),P.setAttributes=m(),P.insert=g().bind(null,"head"),P.domAPI=x(),P.insertStyleElement=v();c()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var j=t(47514);const C=(0,d.Pi)((function Inputbox(e){(0,i.Z)(e);var n=(0,s.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var e,o,i;n.settingsState.setInputBoxValue(null!==(e=null===(o=n.settingsState.inputBoxItem)||void 0===o?void 0:o.freeText)&&void 0!==e?e:""),null===(i=t.current)||void 0===i||i.focus()}),[]),(0,l.useEffect)((function(){var e;null!==(e=n.settingsState.inputBoxItem)&&void 0!==e&&e.freeText&&n.settingsState.setInputBoxValue(n.settingsState.inputBoxItem.freeText)}),[n.settingsState.inputBoxItem]),!n.settingsState.inputBoxItem)return(0,j.jsx)(j.Fragment,{});var r=n.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var d=function(){var e=(0,o.Z)(a().mark((function _callee(){return a().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:if(!n.settingsState.inputBoxItem){e.next=6;break}return n.settingsState.inputBoxItem.freeText=n.settingsState.inputBoxValue,e.next=4,n.paletteViewHandler.clickedOnConfigPalette(n.settingsState.inputBoxItem,"inputbox");case 4:n.settingsState.updateInputBoxValues(!1,void 0),n.uiState.setConfiguratorDisabled(!1);case 6:n.settingsState.inputBoxVisible?n.uiState.setConfiguratorDisabled(!0):n.uiState.setConfiguratorDisabled(!1);case 7:case"end":return e.stop()}}),_callee)})));return function onSubmit(){return e.apply(this,arguments)}}(),u=!!n.settingsState.inputBoxItem.measureUnit;return(0,j.jsx)("div",{children:(0,j.jsxs)("div",{className:y.Q_,children:[(0,j.jsx)("span",{onClick:function onClick(){return n.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,j.jsxs)("div",{style:{width:"100%"},children:[(0,j.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,j.jsx)("input",{ref:t,onKeyDown:function onKeyDown(e){return function keyDownFunction(e){n&&"Enter"===e.key&&(d(),e.stopPropagation())}(e)},className:y.Ci,type:u?"number":"text",onChange:function onChange(e){return n.settingsState.setInputBoxValue(e.target.value)},value:n.settingsState.inputBoxValue}),(0,j.jsx)("button",{className:y.vX,onClick:d})]})]})})}))},12887:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});var o=t(87363),i=t(93379),r=t.n(i),a=t(7795),s=t.n(a),l=t(90569),d=t.n(l),u=t(3565),c=t.n(u),p=t(19216),x=t.n(p),f=t(44589),g=t.n(f),b=t(59318),m={};m.styleTagTransform=g(),m.setAttributes=c(),m.insert=d().bind(null,"head"),m.domAPI=s(),m.insertStyleElement=x();r()(b.ZP,m);b.ZP&&b.ZP.locals&&b.ZP.locals;var h=t(88130),v=t(9420),S=t(24925),w=t(88683),y=t(47514);const P=(0,v.Pi)((function Toolbar(e){var n,t,i,r=(0,h.NP)(),a=(0,w.useDivaCore)().state.organization.settings.wwsClient,s=function changeVal(e){var n=e===r.uiState.activeCatalogSection?"3D/2D":e;localStorage.setItem("lastWindow",n),r.uiState.setActiveCatalogSection(n)},l=!!Object.values(null!==(n=null===(t=r.divaWebPlanner.actSet())||void 0===t?void 0:t.CatalogData.allCatalogArticles)&&void 0!==n?n:{}).find((function(e){return e.partlistArticlesRules}));return(0,o.useEffect)((function(){("Pfister"!=a&&"ekText"==r.uiState.activeCatalogSection||!l&&"PartList"==r.uiState.activeCatalogSection||"3D/2D"!==r.uiState.activeCatalogSection)&&s("3D/2D")}),[]),(0,y.jsxs)(y.Fragment,{children:["3D/2D"!=r.uiState.activeCatalogSection&&(0,y.jsx)(S.default,{}),(0,y.jsxs)("div",{className:b.nC,children:[(0,y.jsx)("div",{className:b.wc,children:w.DivaUtils.formatPrice(null!==(i=r.productState.formatedTotalPrice)&&void 0!==i?i:0,r.productState.priceFormat)}),l&&(0,y.jsx)("div",{className:b.wc,onClick:function onClick(){return s("PartList")},children:"Stückliste"}),(0,y.jsx)("div",{className:b.wc,onClick:function onClick(){return s("PriceAnalyzer")},children:"Preise"}),(0,y.jsx)("div",{className:b.wc,onClick:function onClick(){return s("DecisionAnalyzer")},children:"Decisions"}),"Pfister"==a&&(0,y.jsx)("div",{className:b.wc,onClick:function onClick(){return s("ekText")},children:"Ek Text"})]})]})}))},73519:(e,n,t)=>{t.r(n),t.d(n,{cssVariables:()=>D,default:()=>E});var o=t(88130),i=t(87363),r=t(39141),a=t(93379),s=t.n(a),l=t(7795),d=t.n(l),u=t(90569),c=t.n(u),p=t(3565),x=t.n(p),f=t(19216),g=t.n(f),b=t(44589),m=t.n(b),h=t(53471),v={};v.styleTagTransform=m(),v.setAttributes=x(),v.insert=c().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=g();s()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var S=t(97853),w=t(7474),y=t(9420),P=t(65515),j=t.n(P),C=t(12887),I=t(69001),k=t(34384),O=t(47514),D={"--primaryColor":"#df2927","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--thirdColor)","--foldArrowMarginRight":"16px","--configuratorActionForthWidth":"calc(50% - 3px)","--configuratorActionBackWidth":"calc(50% - 3px)","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const E=(0,y.Pi)((function Wysiwyg(e){var n=(0,o.NP)();return(0,i.useEffect)((function(){n.layoutRendered=!0,n.initCSSVariablesObj(D)}),[]),(0,O.jsxs)(O.Fragment,{children:[(0,O.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:j()(h.xn,n.getIsInMobileView()?h.ai:void 0),children:[(0,O.jsx)(w.default,{className:h.x6}),(0,O.jsx)(S.default,{className:h.vt}),(0,O.jsx)(I.default,{className:h.jl,showBackButtonText:!0,showCheckoutButtons:!1}),(0,O.jsx)(C.default,{}),(0,O.jsx)(k.default,{direction:"right",mountElementId:"wcConfigurator",drawerStyle:{zIndex:3e3,boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"}})]}),n.settingsState.inputBoxVisible&&(0,O.jsx)(r.default,{})]})}))},34384:(e,n,t)=>{t.r(n),t.d(n,{default:()=>p});var o=t(80248),i=t(34988),r=t(9420),a=t(87363),s=t(29523),l=t(88130),d=t(88683),u=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var c=(0,d.getLogger)("Planner","InfoBox");const p=(0,r.Pi)((function ContentItemWrapper(e){var n=e.direction,t=e.mountElementId,o=e.drawerStyle,r=(0,l.NP)(),p=(0,a.useState)(!1),x=(0,i.Z)(p,2),f=x[0],g=x[1],b=(0,d.useDivaCore)().actions,m=b.openDrawerMenu,h=b.closeDrawerMenu;return(0,a.useEffect)((function(){if(r.settingsState.contentItemVisible&&r.settingsState.contentItemId){g(!0);var e=r.getIsInMobileView(),i=function onClose(){r.settingsState.setContentItemId()},a=(0,u.jsx)(s.Q,{onClose:function onClose(){i(),h("content-item")},contentItemId:r.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},onContentItemLoaded:function onContentItemLoaded(e){c.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:r.settingsState.contentItemId,title:null!=e?e:void 0})}});m(e?{id:"content-item",content:a,onClose:i,open:!0,hideCloseButton:!0,showOverlay:!0,noModal:!1,snapPoints:[.9],direction:"bottom",mountElementId:"wcConfigurator-mobile-wrapper",handleInternScroll:!0}:{id:"content-item",content:a,onClose:i,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:n,mountElementId:null!=t?t:"wcConfigurator-product",handleInternScroll:!0,drawerStyle:_objectSpread({position:"absolute",zIndex:550,maxHeight:600,top:0,bottom:"unset"},o)})}else f&&(h("content-item"),setTimeout((function(){g(!1)}),400))}),[r.settingsState.contentItemVisible,r.settingsState.contentItemId]),(0,u.jsx)(u.Fragment,{})}))},59343:(e,n,t)=>{t.r(n),t.d(n,{default:()=>I});var o=t(34988),i=t(87363),r=t(92404),a=t(9420),s=t(88130),l=t(93379),d=t.n(l),u=t(7795),c=t.n(u),p=t(90569),x=t.n(p),f=t(3565),g=t.n(f),b=t(19216),m=t.n(b),h=t(44589),v=t.n(h),S=t(41060),w={};w.styleTagTransform=v(),w.setAttributes=g(),w.insert=x().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=m();d()(S.ZP,w);S.ZP&&S.ZP.locals&&S.ZP.locals;var y=t(82956),P=t(65515),j=t.n(P);var C=t(47514);const I=(0,a.Pi)((function SettingsBottomDrawer(e){var n=e.draggerElement,t=e.children,a=(0,s.NP)(),l=(0,i.useState)(a.uiState.isMobilePortrait),d=(0,o.Z)(l,2),u=d[0],c=d[1],p=function useDrawerHook(){var e=(0,i.useState)(0),n=(0,o.Z)(e,2),t=n[0],r=n[1],a=(0,i.useState)(0),s=(0,o.Z)(a,2),l=s[0],d=s[1],u=(0,i.useMemo)((function(){return function(e){return e.preventDefault()}}),[]);return{handleTouchStart:function handleTouchStart(e){r(e.touches[0].clientY),d(e.touches[0].pageX)},handleTouchMove:function handleTouchMove(e){var n=e.touches[0].clientY,o=e.touches[0].pageX,i=Math.abs(n-t),r=Math.abs(o-l);i>=1&&i>2*r&&window.addEventListener("touchmove",u,{passive:!1})},handleTouchEnd:function handleTouchEnd(){window.removeEventListener("touchmove",u)}}}(),x=p.handleTouchStart,f=p.handleTouchMove,g=p.handleTouchEnd;return(0,i.useEffect)((function(){c(a.uiState.isMobilePortrait)}),[a.uiState.isInMobileView,a.uiState.isMobileLandscape,a.uiState.isTablet]),(0,C.jsx)(r.dy.Root,{open:u,modal:!1,autoFocus:!0,handleOnly:!0,dismissible:!0,defaultOpen:!1,repositionInputs:!1,snapPoints:a.settingsState.snapPoints,container:document.getElementById("wcConfigurator"),onClose:function onClose(){return a.settingsState.setActiveSnapPointIndex(2)},closeThreshold:0==a.settingsState.activeSnapPointIndex?.1:1,activeSnapPoint:a.settingsState.snapPoints[a.settingsState.activeSnapPointIndex],setActiveSnapPoint:function setActiveSnapPoint(e){return a.settingsState.setActiveSnapPointIndex(a.settingsState.snapPoints.indexOf(e))},children:(0,C.jsx)(r.dy.Portal,{children:(0,C.jsxs)(r.dy.Content,{className:S.kh,children:[(0,C.jsxs)(r.dy.Handle,{className:j()(S.aq),onTouchStart:x,onTouchMove:f,onTouchEnd:g,children:[(0,C.jsx)("div",{className:S.Rx,children:(0,C.jsx)("div",{className:S.uQ})}),(0,C.jsx)("div",{className:S.ad,children:n})]}),a.uiState.isInMobileView&&(0,C.jsx)("div",{className:j()(y.Iz,S.J7),children:t})]})})})}))},51451:(e,n,t)=>{t.r(n),t.d(n,{default:()=>d});var o=t(9420),i=(t(87363),t(88130)),r=t(82956),a=t(65515),s=t.n(a),l=t(47514);const d=(0,o.Pi)((function SettingsExpanderButtons(e){var n=(0,i.NP)(),t=n.settingsState.contentItemId&&n.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[n.uiState.doShowConfSettingsExpander&&!n.uiState.isInMobileView&&(0,l.jsx)("div",{className:s()(r.AH,t?r.al:void 0),onClick:n.uiState.onClickExpandConfigSettings}),!n.uiState.isInMobileView&&n.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!n.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:s()(r.EN,t?r.al:void 0),onClick:n.uiState.onClickExpandMaxConfigSettings}),!n.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:r.nW,onClick:n.uiState.onClickExpandMinConfigSettings})]})]})}))},97853:(e,n,t)=>{t.r(n),t.d(n,{default:()=>m});var o=t(80248),i=t(72874),r=(t(87363),t(88130)),a=t(80509),s=t(90395),l=t(9420),d=t(82956),u=t(65515),c=t.n(u),p=t(99676),x=t(51451),f=t(59343),g=t(47514),b=["className","tabgroupElement"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const m=(0,l.Pi)((function Settings(e){var n,t,o=e.className,l=e.tabgroupElement,u=(0,i.Z)(e,b),m=(0,r.NP)(),h=m.getIsInMobileView()&&m.getViewConfig().navigateMobileSwiper,v=(0,g.jsx)(g.Fragment,{children:h?(0,g.jsx)(p.default,{}):(0,g.jsxs)(g.Fragment,{children:[!m.uiState.isInMobileView&&!m.settingsState.forceSettingsHeaderInScrollContainer&&(0,g.jsx)(a.default,{},null!==(n=null===(t=m.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,g.jsx)(s.default,{}),(0,g.jsx)(x.default,{})]})});return(0,g.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(o,d.vt,"horizontal"==m.tabGroupState.curTabGroupType?d.s1:void 0,m.uiState.configSettingsIsExpanded?d.zh:void 0),children:[(0,g.jsx)(f.default,{draggerElement:l,children:v}),!m.uiState.isInMobileView&&v]}))}))},39545:(e,n,t)=>{t.d(n,{Ci:()=>p,Jg:()=>f,Q_:()=>x,ZP:()=>b,vX:()=>g});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),s=t(61667),l=t.n(s),d=new URL(t(38403),t.b),u=a()(i()),c=l()(d);u.push([e.id,".index-module--nrbS_ {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var p="index-module--nrbS_",x="index-module--lGJqa",f="index-module--OZydS",g="index-module--FQDBA";const b=u},59318:(e,n,t)=>{t.d(n,{ZP:()=>d,nC:()=>s,wc:()=>l});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([e.id,".index-module--lxloL {\n  display: flex;\n  height: 42px;\n  gap: 12px;\n  justify-content: space-around;\n  overflow: auto;\n  align-items: center;\n  background-color: #f3f3f3;\n}\n\n.index-module--CjTaL {\n  cursor: pointer;\n  min-width: 80px;\n  padding-left: 12px;\n  padding-right: 12px;\n  text-align: center;\n}\n",""]);var s="index-module--lxloL",l="index-module--CjTaL";const d=a},53471:(e,n,t)=>{t.d(n,{ZP:()=>p,ai:()=>d,jl:()=>c,vt:()=>u,x6:()=>l,xn:()=>s});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([e.id,".index-module--B_KPE {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.index-module--B_KPE *,\n.index-module--B_KPE *::before,\n.index-module--B_KPE *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--qDhz3 {\n  height: 56px;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  margin: 0 8px;\n}\n.index-module--aq01h .index-module--qDhz3 {\n  height: 40px;\n}\n\n.index-module--NDeij {\n  height: calc(100% - 56px - 42px - 40px);\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n.index-module--aq01h .index-module--NDeij {\n  height: calc(100% - 40px - 42px - 40px);\n}\n\n.index-module--Jh4qy {\n  height: 40px;\n  z-index: 1001;\n}\n",""]);var s="index-module--B_KPE",l="index-module--qDhz3",d="index-module--aq01h",u="index-module--NDeij",c="index-module--Jh4qy";const p=a},41060:(e,n,t)=>{t.d(n,{J7:()=>d,Rx:()=>u,ZP:()=>x,ad:()=>p,aq:()=>l,kh:()=>s,uQ:()=>c});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([e.id,".index-module--qmbFa {\n  outline: medium none invert;\n  outline: initial;\n  position: absolute;\n  z-index: 1000;\n  width: 100%;\n}\ndiv.index-module--Lklbq {\n  width: 100%;\n  opacity: 1;\n  height: var(--configuratorTabGroupHeight);\n  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;\n  background: initial;\n  border-radius: 0px;\n  box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.1);\n  border-top-right-radius: 8px;\n  border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  border-top-left-radius: 8px;\n  border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--A4coW {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background-color: var(--settingsBackgroundColor);\n}\n\n.index-module--Lklbq > span {\n  transform: none;\n  transform: initial;\n  left: auto;\n  left: initial;\n  top: auto;\n  top: initial;\n}\n\n.index-module--WO2oD {\n  position: absolute;\n  left: 50%;\n  transform: translate(-50%, -32px);\n  width: 40px;\n  height: 40px;\n  touch-action: inherit;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-top-right-radius: 8px;\n  border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  border-top-left-radius: 8px;\n  border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--BVoP4 {\n  width: var(--configuratorTabGroupHeight);\n  height: 4px;\n  background-color: rgba(234, 234, 234, 0.9);\n  border-radius: 2px;\n}\n\n.index-module--yfZrB {\n  position: relative;\n  height: var(--configuratorTabGroupHeight);\n  width: 100%;\n  display: flex;\n  border-top-right-radius: 8px;\n  border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  border-top-left-radius: 8px;\n  border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  overflow: hidden;\n}\n\n/* to be removed after new vaul release https://github.com/emilkowalski/vaul/pull/580 */\nbody {\n  pointer-events: all !important;\n}\n",""]);var s="index-module--qmbFa",l="index-module--Lklbq",d="index-module--A4coW",u="index-module--WO2oD",c="index-module--BVoP4",p="index-module--yfZrB";const x=a}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3519,9001,7853],{69001:(e,n,t)=>{t.r(n),t.d(n,{default:()=>a});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const a=function NavigationButtons(e){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Action/Navigation"}))}},39141:(e,n,t)=>{t.r(n),t.d(n,{default:()=>C});var o=t(84658),i=t(88291),r=t(50747),a=t.n(r),s=t(88130),l=t(87363),d=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),g=t(90569),f=t.n(g),b=t(3565),m=t.n(b),h=t(19216),v=t.n(h),S=t(44589),w=t.n(S),y=t(39545),P={};P.styleTagTransform=w(),P.setAttributes=m(),P.insert=f().bind(null,"head"),P.domAPI=x(),P.insertStyleElement=v();c()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var j=t(47514);const C=(0,d.Pi)((function Inputbox(e){(0,i.Z)(e);var n=(0,s.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var e,o,i;n.settingsState.setInputBoxValue(null!==(e=null===(o=n.settingsState.inputBoxItem)||void 0===o?void 0:o.freeText)&&void 0!==e?e:""),null===(i=t.current)||void 0===i||i.focus()}),[]),(0,l.useEffect)((function(){var e;null!==(e=n.settingsState.inputBoxItem)&&void 0!==e&&e.freeText&&n.settingsState.setInputBoxValue(n.settingsState.inputBoxItem.freeText)}),[n.settingsState.inputBoxItem]),!n.settingsState.inputBoxItem)return(0,j.jsx)(j.Fragment,{});var r=n.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var d=function(){var e=(0,o.Z)(a().mark((function _callee(){return a().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:if(!n.settingsState.inputBoxItem){e.next=6;break}return n.settingsState.inputBoxItem.freeText=n.settingsState.inputBoxValue,e.next=4,n.paletteViewHandler.clickedOnConfigPalette(n.settingsState.inputBoxItem,"inputbox");case 4:n.settingsState.updateInputBoxValues(!1,void 0),n.uiState.setConfiguratorDisabled(!1);case 6:n.settingsState.inputBoxVisible?n.uiState.setConfiguratorDisabled(!0):n.uiState.setConfiguratorDisabled(!1);case 7:case"end":return e.stop()}}),_callee)})));return function onSubmit(){return e.apply(this,arguments)}}(),u=!!n.settingsState.inputBoxItem.measureUnit;return(0,j.jsx)("div",{children:(0,j.jsxs)("div",{className:y.Q_,children:[(0,j.jsx)("span",{onClick:function onClick(){return n.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,j.jsxs)("div",{style:{width:"100%"},children:[(0,j.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,j.jsx)("input",{ref:t,onKeyDown:function onKeyDown(e){return function keyDownFunction(e){n&&"Enter"===e.key&&(d(),e.stopPropagation())}(e)},className:y.Ci,type:u?"number":"text",onChange:function onChange(e){return n.settingsState.setInputBoxValue(e.target.value)},value:n.settingsState.inputBoxValue}),(0,j.jsx)("button",{className:y.vX,onClick:d})]})]})})}))},12887:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});var o=t(87363),i=t(93379),r=t.n(i),a=t(7795),s=t.n(a),l=t(90569),d=t.n(l),u=t(3565),c=t.n(u),p=t(19216),x=t.n(p),g=t(44589),f=t.n(g),b=t(59318),m={};m.styleTagTransform=f(),m.setAttributes=c(),m.insert=d().bind(null,"head"),m.domAPI=s(),m.insertStyleElement=x();r()(b.ZP,m);b.ZP&&b.ZP.locals&&b.ZP.locals;var h=t(88130),v=t(9420),S=t(24925),w=t(88683),y=t(47514);const P=(0,v.Pi)((function Toolbar(e){var n,t,i,r=(0,h.NP)(),a=(0,w.useDivaCore)().state.organization.settings.wwsClient,s=function changeVal(e){var n=e===r.uiState.activeCatalogSection?"3D/2D":e;localStorage.setItem("lastWindow",n),r.uiState.setActiveCatalogSection(n)},l=!!Object.values(null!==(n=null===(t=r.divaWebPlanner.actSet())||void 0===t?void 0:t.CatalogData.allCatalogArticles)&&void 0!==n?n:{}).find((function(e){return e.partlistArticlesRules}));return(0,o.useEffect)((function(){("Pfister"!=a&&"ekText"==r.uiState.activeCatalogSection||!l&&"PartList"==r.uiState.activeCatalogSection||"3D/2D"!==r.uiState.activeCatalogSection)&&s("3D/2D")}),[]),(0,y.jsxs)(y.Fragment,{children:["3D/2D"!=r.uiState.activeCatalogSection&&(0,y.jsx)(S.default,{}),(0,y.jsxs)("div",{className:b.nC,children:[(0,y.jsx)("div",{className:b.wc,children:w.DivaUtils.formatPrice(null!==(i=r.productState.formatedTotalPrice)&&void 0!==i?i:0,r.productState.priceFormat)}),l&&(0,y.jsx)("div",{className:b.wc,onClick:function onClick(){return s("PartList")},children:"Stückliste"}),(0,y.jsx)("div",{className:b.wc,onClick:function onClick(){return s("PriceAnalyzer")},children:"Preise"}),(0,y.jsx)("div",{className:b.wc,onClick:function onClick(){return s("DecisionAnalyzer")},children:"Decisions"}),"Pfister"==a&&(0,y.jsx)("div",{className:b.wc,onClick:function onClick(){return s("ekText")},children:"Ek Text"})]})]})}))},73519:(e,n,t)=>{t.r(n),t.d(n,{cssVariables:()=>D,default:()=>E});var o=t(88130),i=t(87363),r=t(39141),a=t(93379),s=t.n(a),l=t(7795),d=t.n(l),u=t(90569),c=t.n(u),p=t(3565),x=t.n(p),g=t(19216),f=t.n(g),b=t(44589),m=t.n(b),h=t(53471),v={};v.styleTagTransform=m(),v.setAttributes=x(),v.insert=c().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=f();s()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var S=t(97853),w=t(7474),y=t(9420),P=t(65515),j=t.n(P),C=t(12887),I=t(69001),k=t(34384),O=t(47514),D={"--primaryColor":"#df2927","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--thirdColor)","--foldArrowMarginRight":"16px","--configuratorActionForthWidth":"calc(50% - 3px)","--configuratorActionBackWidth":"calc(50% - 3px)","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const E=(0,y.Pi)((function Wysiwyg(e){var n=(0,o.NP)();return(0,i.useEffect)((function(){n.layoutRendered=!0,n.initCSSVariablesObj(D)}),[]),(0,O.jsxs)(O.Fragment,{children:[(0,O.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:j()(h.xn,n.getIsInMobileView()?h.ai:void 0),children:[(0,O.jsx)(w.default,{className:h.x6}),(0,O.jsx)(S.default,{className:h.vt}),(0,O.jsx)(I.default,{className:h.jl,showBackButtonText:!0,showCheckoutButtons:!1}),(0,O.jsx)(C.default,{}),(0,O.jsx)(k.default,{direction:"right",mountElementId:"wcConfigurator",drawerStyle:{zIndex:3e3,boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"}})]}),n.settingsState.inputBoxVisible&&(0,O.jsx)(r.default,{})]})}))},34384:(e,n,t)=>{t.r(n),t.d(n,{default:()=>p});var o=t(80248),i=t(34988),r=t(9420),a=t(87363),s=t(29523),l=t(88130),d=t(88683),u=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var c=(0,d.getLogger)("Planner","InfoBox");const p=(0,r.Pi)((function ContentItemWrapper(e){var n=e.direction,t=e.mountElementId,o=e.drawerStyle,r=(0,l.NP)(),p=(0,a.useState)(!1),x=(0,i.Z)(p,2),g=x[0],f=x[1],b=(0,d.useDivaCore)().actions,m=b.openDrawerMenu,h=b.closeDrawerMenu;return(0,a.useEffect)((function(){if(r.settingsState.contentItemVisible&&r.settingsState.contentItemId){f(!0);var e=r.getIsInMobileView(),i=function onClose(){r.settingsState.setContentItemId()},a=(0,u.jsx)(s.Q,{onClose:function onClose(){i(),h("content-item")},contentItemId:r.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},onContentItemLoaded:function onContentItemLoaded(e){c.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:r.settingsState.contentItemId,title:null!=e?e:void 0})}});m(e?{id:"content-item",content:a,onClose:i,open:!0,hideCloseButton:!0,showOverlay:!0,noModal:!1,snapPoints:[.9],direction:"bottom",mountElementId:"wcConfigurator-mobile-wrapper",handleInternScroll:!0}:{id:"content-item",content:a,onClose:i,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:n,mountElementId:null!=t?t:"wcConfigurator-product",handleInternScroll:!0,drawerStyle:_objectSpread({position:"absolute",zIndex:550,maxHeight:600,top:0,bottom:"unset"},o)})}else g&&(h("content-item"),setTimeout((function(){f(!1)}),400))}),[r.settingsState.contentItemVisible,r.settingsState.contentItemId]),(0,u.jsx)(u.Fragment,{})}))},59343:(e,n,t)=>{t.r(n),t.d(n,{default:()=>I});var o=t(34988),i=t(87363),r=t(92404),a=t(9420),s=t(88130),l=t(93379),d=t.n(l),u=t(7795),c=t.n(u),p=t(90569),x=t.n(p),g=t(3565),f=t.n(g),b=t(19216),m=t.n(b),h=t(44589),v=t.n(h),S=t(41060),w={};w.styleTagTransform=v(),w.setAttributes=f(),w.insert=x().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=m();d()(S.ZP,w);S.ZP&&S.ZP.locals&&S.ZP.locals;var y=t(82956),P=t(65515),j=t.n(P);var C=t(47514);const I=(0,a.Pi)((function SettingsBottomDrawer(e){var n=e.draggerElement,t=e.children,a=(0,s.NP)(),l=(0,i.useState)(a.uiState.isMobilePortrait),d=(0,o.Z)(l,2),u=d[0],c=d[1],p=function useDrawerHook(){var e=(0,i.useState)(0),n=(0,o.Z)(e,2),t=n[0],r=n[1],a=(0,i.useState)(0),s=(0,o.Z)(a,2),l=s[0],d=s[1],u=(0,i.useMemo)((function(){return function(e){return e.preventDefault()}}),[]);return{handleTouchStart:function handleTouchStart(e){r(e.touches[0].clientY),d(e.touches[0].pageX)},handleTouchMove:function handleTouchMove(e){var n=e.touches[0].clientY,o=e.touches[0].pageX,i=Math.abs(n-t),r=Math.abs(o-l);i>=1&&i>2*r&&window.addEventListener("touchmove",u,{passive:!1})},handleTouchEnd:function handleTouchEnd(){window.removeEventListener("touchmove",u)}}}(),x=p.handleTouchStart,g=p.handleTouchMove,f=p.handleTouchEnd;return(0,i.useEffect)((function(){c(a.uiState.isMobilePortrait)}),[a.uiState.isInMobileView,a.uiState.isMobileLandscape,a.uiState.isTablet]),(0,C.jsx)(r.dy.Root,{open:u,modal:!1,autoFocus:!0,handleOnly:!0,dismissible:!0,defaultOpen:!1,repositionInputs:!1,snapPoints:a.settingsState.snapPoints,container:document.getElementById("wcConfigurator"),onClose:function onClose(){return a.settingsState.setActiveSnapPointIndex(2)},closeThreshold:0==a.settingsState.activeSnapPointIndex?.1:1,activeSnapPoint:a.settingsState.snapPoints[a.settingsState.activeSnapPointIndex],setActiveSnapPoint:function setActiveSnapPoint(e){return a.settingsState.setActiveSnapPointIndex(a.settingsState.snapPoints.indexOf(e))},children:(0,C.jsx)(r.dy.Portal,{children:(0,C.jsxs)(r.dy.Content,{title:"Settings",className:S.kh,children:[(0,C.jsxs)(r.dy.Handle,{title:"SettingsHandle",className:j()(S.aq),onTouchStart:x,onTouchMove:g,onTouchEnd:f,children:[(0,C.jsx)("div",{className:S.Rx,children:(0,C.jsx)("div",{className:S.uQ})}),(0,C.jsx)("div",{className:S.ad,children:n})]}),a.uiState.isInMobileView&&(0,C.jsx)("div",{className:j()(y.Iz,S.J7),children:t})]})})})}))},51451:(e,n,t)=>{t.r(n),t.d(n,{default:()=>d});var o=t(9420),i=(t(87363),t(88130)),r=t(82956),a=t(65515),s=t.n(a),l=t(47514);const d=(0,o.Pi)((function SettingsExpanderButtons(e){var n=(0,i.NP)(),t=n.settingsState.contentItemId&&n.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[n.uiState.doShowConfSettingsExpander&&!n.uiState.isInMobileView&&(0,l.jsx)("div",{className:s()(r.AH,t?r.al:void 0),onClick:n.uiState.onClickExpandConfigSettings}),!n.uiState.isInMobileView&&n.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!n.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:s()(r.EN,t?r.al:void 0),onClick:n.uiState.onClickExpandMaxConfigSettings}),!n.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:r.nW,onClick:n.uiState.onClickExpandMinConfigSettings})]})]})}))},97853:(e,n,t)=>{t.r(n),t.d(n,{default:()=>m});var o=t(80248),i=t(72874),r=(t(87363),t(88130)),a=t(80509),s=t(90395),l=t(9420),d=t(82956),u=t(65515),c=t.n(u),p=t(99676),x=t(51451),g=t(59343),f=t(47514),b=["className","tabgroupElement"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const m=(0,l.Pi)((function Settings(e){var n,t,o=e.className,l=e.tabgroupElement,u=(0,i.Z)(e,b),m=(0,r.NP)(),h=m.getIsInMobileView()&&m.getViewConfig().navigateMobileSwiper,v=(0,f.jsx)(f.Fragment,{children:h?(0,f.jsx)(p.default,{}):(0,f.jsxs)(f.Fragment,{children:[!m.uiState.isInMobileView&&!m.settingsState.forceSettingsHeaderInScrollContainer&&(0,f.jsx)(a.default,{},null!==(n=null===(t=m.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,f.jsx)(s.default,{}),(0,f.jsx)(x.default,{})]})});return(0,f.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(o,d.vt,"horizontal"==m.tabGroupState.curTabGroupType?d.s1:void 0,m.uiState.configSettingsIsExpanded?d.zh:void 0),children:[(0,f.jsx)(g.default,{draggerElement:l,children:v}),!m.uiState.isInMobileView&&v]}))}))},39545:(e,n,t)=>{t.d(n,{Ci:()=>p,Jg:()=>g,Q_:()=>x,ZP:()=>b,vX:()=>f});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),s=t(61667),l=t.n(s),d=new URL(t(38403),t.b),u=a()(i()),c=l()(d);u.push([e.id,".index-module--nrbS_ {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var p="index-module--nrbS_",x="index-module--lGJqa",g="index-module--OZydS",f="index-module--FQDBA";const b=u},59318:(e,n,t)=>{t.d(n,{ZP:()=>d,nC:()=>s,wc:()=>l});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([e.id,".index-module--lxloL {\n  display: flex;\n  height: 42px;\n  gap: 12px;\n  justify-content: space-around;\n  overflow: auto;\n  align-items: center;\n  background-color: #f3f3f3;\n}\n\n.index-module--CjTaL {\n  cursor: pointer;\n  min-width: 80px;\n  padding-left: 12px;\n  padding-right: 12px;\n  text-align: center;\n}\n",""]);var s="index-module--lxloL",l="index-module--CjTaL";const d=a},53471:(e,n,t)=>{t.d(n,{ZP:()=>p,ai:()=>d,jl:()=>c,vt:()=>u,x6:()=>l,xn:()=>s});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([e.id,".index-module--B_KPE {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.index-module--B_KPE *,\n.index-module--B_KPE *::before,\n.index-module--B_KPE *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--qDhz3 {\n  height: 56px;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  margin: 0 8px;\n}\n.index-module--aq01h .index-module--qDhz3 {\n  height: 40px;\n}\n\n.index-module--NDeij {\n  height: calc(100% - 56px - 42px - 40px);\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n.index-module--aq01h .index-module--NDeij {\n  height: calc(100% - 40px - 42px - 40px);\n}\n\n.index-module--Jh4qy {\n  height: 40px;\n  z-index: 1001;\n}\n",""]);var s="index-module--B_KPE",l="index-module--qDhz3",d="index-module--aq01h",u="index-module--NDeij",c="index-module--Jh4qy";const p=a},41060:(e,n,t)=>{t.d(n,{J7:()=>d,Rx:()=>u,ZP:()=>x,ad:()=>p,aq:()=>l,kh:()=>s,uQ:()=>c});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([e.id,".index-module--qmbFa {\n  outline: medium none invert;\n  outline: initial;\n  position: absolute;\n  z-index: 1000;\n  width: 100%;\n}\ndiv.index-module--Lklbq {\n  width: 100%;\n  opacity: 1;\n  height: var(--configuratorTabGroupHeight);\n  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;\n  background: initial;\n  border-radius: 0px;\n  box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.1);\n  border-top-right-radius: 8px;\n  border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  border-top-left-radius: 8px;\n  border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--A4coW {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background-color: var(--settingsBackgroundColor);\n}\n\n.index-module--Lklbq > span {\n  transform: none;\n  transform: initial;\n  left: auto;\n  left: initial;\n  top: auto;\n  top: initial;\n}\n\n.index-module--WO2oD {\n  position: absolute;\n  left: 50%;\n  transform: translate(-50%, -32px);\n  width: 40px;\n  height: 40px;\n  touch-action: inherit;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-top-right-radius: 8px;\n  border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  border-top-left-radius: 8px;\n  border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--BVoP4 {\n  width: var(--configuratorTabGroupHeight);\n  height: 4px;\n  background-color: rgba(234, 234, 234, 0.9);\n  border-radius: 2px;\n}\n\n.index-module--yfZrB {\n  position: relative;\n  height: var(--configuratorTabGroupHeight);\n  width: 100%;\n  display: flex;\n  border-top-right-radius: 8px;\n  border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  border-top-left-radius: 8px;\n  border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n  overflow: hidden;\n}\n\n/* to be removed after new vaul release https://github.com/emilkowalski/vaul/pull/580 */\nbody {\n  pointer-events: all !important;\n}\n",""]);var s="index-module--qmbFa",l="index-module--Lklbq",d="index-module--A4coW",u="index-module--WO2oD",c="index-module--BVoP4",p="index-module--yfZrB";const x=a}}]);