@crystaldesign/diva-web-planner-react 26.2.0-rc.8 → 26.3.0-beta.10

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

@@ -0,0 +1,2 @@
+/*! For license information please see 9783.diva-web-planner-react.umd.min.js.LICENSE.txt */
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9783,8648],{88648:(e,n,t)=>{t.r(n),t.d(n,{default:()=>N});var r=t(34988),l=t(63762),i=t(87363),a=t(58590),s=t(93379),d=t.n(s),o=t(7795),c=t.n(o),u=t(90569),x=t.n(u),h=t(3565),p=t.n(h),f=t(19216),b=t.n(f),m=t(44589),v=t.n(m),g=t(73751),j={};j.styleTagTransform=v(),j.setAttributes=p(),j.insert=x().bind(null,"head"),j.domAPI=c(),j.insertStyleElement=b();d()(g.Z,j);g.Z&&g.Z.locals&&g.Z.locals;var y=t(9420),P=t(47514);const N=(0,y.Pi)((function ArticleSelector(e){var n,t=(0,r.Z)(e.articleState,2),s=t[0],d=t[1],o=e.rerender,c=e.filter,u=(0,l.NP)(),x=Object.values(null!==(n=u.divaWebPlanner.getDivaArticles(void 0,!0))&&void 0!==n?n:{});c&&(x=x.filter(c));var h=x.map((function(e){return{value:e.basketId,label:e.name+" "+e.posNr}}));return(0,i.useEffect)((function(){s||d(x[0])}),[o]),1==h.length||0==h.length?(0,P.jsx)(P.Fragment,{}):(0,P.jsx)(a.ZP,{value:h.find((function(e){return e.value===(null==s?void 0:s.basketId)})),options:h,onChange:function onChange(e){d(x.find((function(n){return n.basketId==e.value})))},className:g.Y})}))},99783:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var r=t(80248),l=t(12952),i=t(84658),a=t(34988),s=t(50747),d=t.n(s),o=t(87363),c=t.n(o),u=t(65515),x=t.n(u),h=t(9420),p=t(63762),f=t(88648),b=t(93379),m=t.n(b),v=t(7795),g=t.n(v),j=t(90569),y=t.n(j),P=t(3565),N=t.n(P),S=t(19216),w=t.n(S),A=t(44589),D=t.n(A),_=t(72171),k={};k.styleTagTransform=D(),k.setAttributes=N(),k.insert=y().bind(null,"head"),k.domAPI=g(),k.insertStyleElement=w();m()(_.ZP,k);_.ZP&&_.ZP.locals&&_.ZP.locals;var C=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}function PartlistDebugNestedTable(e){var n=e.partlistArticles,t=e.allArticles,r=e.depth,l=Object.values(n);return 0===l.length?null:(0,C.jsxs)("table",{className:x()(_.Kz,_.gm),children:[(0,C.jsx)("thead",{children:(0,C.jsxs)("tr",{className:_.$Q,children:[(0,C.jsx)("th",{children:"Loaded"}),(0,C.jsx)("th",{children:"ArticleCodex"}),(0,C.jsx)("th",{children:"ItemRefTypeNo"}),(0,C.jsx)("th",{children:"PartlistGroup"}),(0,C.jsx)("th",{children:"DecisionNo"}),(0,C.jsx)("th",{children:"Quantity"}),(0,C.jsx)("th",{children:"Reason"})]})}),(0,C.jsx)("tbody",{children:l.map((function(e){return(0,C.jsx)(PartlistDebugNestedRow,{article:e,allArticles:t,depth:r},e.basketId)}))})]})}function PartlistDebugNestedRow(e){var n,t,r=e.article,l=e.allArticles,i=e.depth,a=null!==(n=r.partlistArticles)&&void 0!==n?n:{},s=Object.keys(a).length>0;return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsxs)("tr",{className:_.$Q,children:[(0,C.jsx)("td",{className:_.Pn,children:"y"}),(0,C.jsx)("td",{children:r.articleCodex}),(0,C.jsx)("td",{children:r.articleCodex}),(0,C.jsx)("td",{children:"-"}),(0,C.jsx)("td",{children:null!==(t=r.partlistDecisionNo)&&void 0!==t?t:"-"}),(0,C.jsx)("td",{children:r.quantity}),(0,C.jsx)("td",{children:"Loaded (partlist child)"})]}),s&&(0,C.jsx)("tr",{children:(0,C.jsx)("td",{colSpan:7,className:_.uV,children:(0,C.jsx)(PartlistDebugNestedTable,{partlistArticles:a,allArticles:l,depth:i+1})})})]})}const O=(0,h.Pi)((function PartlistDebug(e){var n=(0,p.NP)(),t=n.settingsState.configChanged,r=n.tabGroupState.curConfigStep,s=(0,o.useMemo)((function(){var e=n.divaWebPlanner.getDivaArticles();return e?Object.values(e).filter((function(e){return e.hasPartlistArticle})):[]}),[t,r]),u=(0,o.useState)(!1),h=(0,a.Z)(u,2),b=h[0],m=h[1],v=(0,o.useState)(void 0),g=(0,a.Z)(v,2),j=g[0],y=g[1],P=(0,o.useState)(0),N=(0,a.Z)(P,2),S=N[0],w=N[1];(0,o.useEffect)((function(){var e=function(){var e=(0,i.Z)(d().mark((function _callee(){return d().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,new Promise((function(e){return setTimeout(e,1e3)}));case 2:m((function(e){return!e}));case 3:case"end":return e.stop()}}),_callee)})));return function asyncFunct(){return e.apply(this,arguments)}}();e()}),[n.tabGroupState.allTabGroups]),(0,o.useEffect)((function(){var e=n.divaWebPlanner.actSet();return e&&!e.logDecisions&&(e.logDecisions=!0),function(){var e=n.divaWebPlanner.actSet();e&&(e.logDecisions=!1)}}),[n.uiState.isLoading]),(0,o.useEffect)((function(){var e=n.divaWebPlanner.actSet();null!=j&&j.hasPartlistArticle&&null!=e&&e.logDecisions&&(j.engine.evalPartlist(j.VariantValues),w((function(e){return e+1})))}),[j,t,r,n.uiState.isLoading]);var A=(0,o.useMemo)((function(){var e,n=null!==(e=null==j?void 0:j.partlistDebugEntries)&&void 0!==e?e:[];return(0,l.Z)(n).sort((function(e,n){var t,r,l,i;if(e.loaded!==n.loaded)return e.loaded?-1:1;var a=null!==(t=e.sequenceNo)&&void 0!==t?t:0,s=null!==(r=n.sequenceNo)&&void 0!==r?r:0;return a!==s?a-s:(null!==(l=e.itemRefTypeNo)&&void 0!==l?l:"").localeCompare(null!==(i=n.itemRefTypeNo)&&void 0!==i?i:"")}))}),[null==j?void 0:j.partlistDebugEntries,null==j?void 0:j.basketId,t,r,S]);return 0===s.length?(0,C.jsxs)("div",_objectSpread(_objectSpread({},e),{},{className:x()(e.className,_.fm),style:{zIndex:800},children:[(0,C.jsx)("a",{className:_.Fs,children:"Stückliste Debug"}),(0,C.jsx)("p",{style:{padding:16},children:"No articles with partlist in this set."})]})):j?A.length?(0,C.jsxs)("div",_objectSpread(_objectSpread({},e),{},{className:x()(e.className,_.fm),style:{zIndex:800},children:[(0,C.jsx)("a",{className:_.Fs,children:"Stückliste Debug"}),(0,C.jsx)(f.default,{articleState:[j,y],rerender:b,filter:function filter(e){return e.hasPartlistArticle}}),(0,C.jsxs)("table",{className:_.Kz,children:[(0,C.jsx)("thead",{children:(0,C.jsxs)("tr",{className:_.$Q,children:[(0,C.jsx)("th",{children:"Loaded"}),(0,C.jsx)("th",{children:"ArticleCodex"}),(0,C.jsx)("th",{children:"ItemRefTypeNo"}),(0,C.jsx)("th",{children:"PartlistGroup"}),(0,C.jsx)("th",{children:"DecisionNo"}),(0,C.jsx)("th",{children:"Quantity"}),(0,C.jsx)("th",{children:"Reason"})]})}),(0,C.jsx)("tbody",{children:A.map((function(e,t){var r,l,i,a,s,d=null!==(r=n.divaWebPlanner.getDivaArticles(void 0,!0))&&void 0!==r?r:{},o=e.basketId?d[e.basketId]:void 0;!o&&e.loaded&&null!=j&&j.partlistArticles&&(o=Object.values(j.partlistArticles).find((function(n){return n.articleCodex===e.articleCodex})));var u=e.loaded&&(null===(l=o)||void 0===l?void 0:l.partlistArticles)&&Object.keys(o.partlistArticles).length>0;return(0,C.jsxs)(c().Fragment,{children:[(0,C.jsxs)("tr",{className:x()(_.$Q,!e.loaded&&_.IG),children:[(0,C.jsx)("td",{className:e.loaded?_.Pn:_.Lb,children:e.loaded?"y":"n"}),(0,C.jsx)("td",{children:e.articleCodex}),(0,C.jsx)("td",{children:e.itemRefTypeNo}),(0,C.jsx)("td",{children:null!==(i=e.partlistGroup)&&void 0!==i?i:"-"}),(0,C.jsx)("td",{children:null!==(a=e.decisionNo)&&void 0!==a?a:"-"}),(0,C.jsx)("td",{children:null!==(s=e.quantity)&&void 0!==s?s:"-"}),(0,C.jsx)("td",{children:e.reason})]}),u&&(0,C.jsx)("tr",{children:(0,C.jsx)("td",{colSpan:7,className:_.uV,children:(0,C.jsx)(PartlistDebugNestedTable,{partlistArticles:o.partlistArticles,allArticles:d,depth:0})})})]},t)}))})]})]})):(0,C.jsxs)("div",_objectSpread(_objectSpread({},e),{},{className:x()(e.className,_.fm),style:{zIndex:800},children:[(0,C.jsx)("a",{className:_.Fs,children:"Stückliste Debug"}),(0,C.jsx)(f.default,{articleState:[j,y],rerender:b,filter:function filter(e){return e.hasPartlistArticle}}),(0,C.jsx)("p",{style:{padding:16},children:"No partlist positions in catalog for this article. Change config to refresh."})]})):(0,C.jsxs)("div",_objectSpread(_objectSpread({},e),{},{className:x()(e.className,_.fm),style:{zIndex:800},children:[(0,C.jsx)("a",{className:_.Fs,children:"Stückliste Debug"}),(0,C.jsx)(f.default,{articleState:[j,y],rerender:b,filter:function filter(e){return e.hasPartlistArticle}})]}))}))},73751:(e,n,t)=>{t.d(n,{Y:()=>s,Z:()=>d});var r=t(8081),l=t.n(r),i=t(23645),a=t.n(i)()(l());a.push([e.id,".index-module--_Tl9c {\n  width: 200px;\n  font-size: 12px;\n  position: absolute;\n  z-index: 100;\n  top: 16px;\n}\n.index-module--_Tl9c div {\n  border-color: grey !important;\n}\n.index-module--_Tl9c div {\n  box-shadow: none;\n  box-shadow: initial;\n}\n",""]);var s="index-module--_Tl9c";const d=a},72171:(e,n,t)=>{t.d(n,{$Q:()=>u,Fs:()=>d,IG:()=>c,Kz:()=>o,Lb:()=>h,Pn:()=>x,ZP:()=>b,fm:()=>s,gm:()=>f,uV:()=>p});var r=t(8081),l=t.n(r),i=t(23645),a=t.n(i)()(l());a.push([e.id,".index-module--C_djA {\n  /* Content flows to full height; parent scroll container (e.g. FloatingWindow) handles scrolling */\n  width: 100%;\n  padding: 16px;\n  position: relative;\n}\n\n.index-module--PPbsy {\n  padding: 8px 16px;\n  margin: 0 0 12px 0;\n  text-align: center;\n  background: linear-gradient(135deg, var(--primaryColor) 0%, color-mix(in srgb, var(--primaryColor) 90%, black) 100%);\n  font-size: 18px;\n  color: white;\n  font-weight: 600;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 12px;\n  border-radius: 8px;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\n}\n\n.index-module--_vh8d {\n  position: relative;\n  width: 100%;\n  border-collapse: collapse;\n  font-family: var(--diva-typography-font-family);\n  font-size: 13px;\n  background: #fff;\n  border-radius: 8px;\n  overflow: hidden;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);\n}\n\n.index-module--_vh8d thead {\n  background: linear-gradient(135deg, #2d3748 0%, #1a202c 100%);\n  color: #fff;\n  font-size: 12px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n}\n\n.index-module--_vh8d th,\n.index-module--_vh8d td {\n  padding: 10px 14px;\n  text-align: left;\n  border-bottom: 1px solid #e2e8f0;\n}\n\n.index-module--_vh8d tbody tr:hover {\n  background: #f7fafc;\n}\n\n.index-module--_vh8d tbody tr.index-module--GcsdO {\n  background: #e8eae8;\n}\n\n.index-module--_vh8d tbody tr.index-module--GcsdO:hover {\n  background: #e0e2e0;\n}\n\n.index-module--JtzWs {\n  text-align: left;\n}\n\n.index-module--Jw9E7 {\n  color: #38a169;\n  font-weight: 500;\n}\n\n.index-module--_KSSx {\n  color: #e53e3e;\n}\n\n.index-module--oTE2v {\n  padding: 0;\n  vertical-align: top;\n  border-bottom: 1px solid #e2e8f0;\n}\n\n.index-module--C3nRC {\n  margin: 8px 0 8px 24px;\n  width: calc(100% - 24px);\n}\n",""]);var s="index-module--C_djA",d="index-module--PPbsy",o="index-module--_vh8d",c="index-module--GcsdO",u="index-module--JtzWs",x="index-module--Jw9E7",h="index-module--_KSSx",p="index-module--oTE2v",f="index-module--C3nRC";const b=a}}]);

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

@@ -0,0 +1 @@
+/*! filename:9783 */

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

@@ -1,2 +1,2 @@
 /*! For license information please see 9788.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9788,6340,6135,1051],{69788:(n,e,o)=>{o.r(e),o.d(e,{default:()=>M});var i=o(8135),t=o(9420),d=(o(87363),o(93379)),r=o.n(d),a=o(7795),l=o.n(a),u=o(90569),c=o.n(u),s=o(3565),x=o.n(s),m=o(19216),g=o.n(m),v=o(44589),p=o.n(v),b=o(38921),f={};f.styleTagTransform=p(),f.setAttributes=x(),f.insert=c().bind(null,"head"),f.domAPI=l(),f.insertStyleElement=g();r()(b.ZP,f);b.ZP&&b.ZP.locals&&b.ZP.locals;var h=o(65515),I=o.n(h),j=o(88683),y=o(19047),N=o(39667),C=o(40976),k=o(56340),w=o(47514);const M=(0,t.Pi)((function BasketActionStandard(n){var e,o,t,d=n.buttonTextClassName,r=void 0===d?b.UU:d,a=n.buttonPriceClassName,l=void 0===a?b.QD:a,u=n.containerClassName,c=n.price,s=n.showCheckoutButtons,x=(0,i.NP)(),m=(0,j.useDivaCore)().state.hidePrices,g=(0,j.useTranslation)().t;return(0,w.jsxs)("div",{className:I()(b.tM,u),children:[s&&(null===(e=x.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.filter((function(n){return(0,y.evalVisible)(n,x,"navigator")})).map((function(n){return(0,w.jsx)("div",{className:C.rK,onClick:function onClick(){return(0,y.onClickCheckout)(n,x,n.index,g)},children:(0,w.jsx)(N.default,{checkoutButton:n,size:32})},n.index)}))),(0,w.jsxs)("div",{className:b.m2,onClick:function onClick(){return x.actionButtonState.onClickAddToBasket(x)},id:"wcConfigurator-action-tobasket",children:[(0,w.jsx)("div",{className:r,children:g("configurator.ADD_TO_BASKET")}),!m&&void 0!==c&&"horizontal"==x.tabGroupState.curTabGroupType&&(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)("div",{className:I()(b.DC,b.F0,x.productState.formatedBruttoPrice?void 0:b.al),children:(0,w.jsx)(k.default,{price:null!==(o=x.productState.formatedBruttoPrice)&&void 0!==o?o:0})}),(0,w.jsx)("div",{className:l,children:(0,w.jsx)(k.default,{price:null!==(t=x.productState.formatedCurSetPrice)&&void 0!==t?t:0})})]})]})]})}))},56340:(n,e,o)=>{o.r(e),o.d(e,{default:()=>c});var i=o(34988),t=o(88683),d=o(87363),r=o(7501),a=o(8135),l=o(9420),u=o(47514);const c=(0,l.Pi)((function PriceCounter(n){var e,o,l=n.price,c=n.formattingFn,s=n.duration,x=void 0===s?.5:s,m=(0,d.useState)(0),g=(0,i.Z)(m,2),v=g[0],p=g[1],b=(0,d.useState)(0),f=(0,i.Z)(b,2),h=f[0],I=f[1],j=(0,a.NP)();return(0,d.useEffect)((function(){p(l)}),[l]),(0,u.jsx)(r.ZP,{end:v,duration:x,decimals:null!==(e=null===(o=v.toString().split(".")[1])||void 0===o?void 0:o.length)&&void 0!==e?e:0,start:h,formattingFn:function formattingFn(n){return c?c(n):t.DivaUtils.formatPrice(n,j.productState.getPriceFormatForCounter(v))},onEnd:function onEnd(){I(v)}})}))},38921:(n,e,o)=>{o.d(e,{DC:()=>p,F0:()=>b,QD:()=>g,UU:()=>v,ZP:()=>h,al:()=>f,m2:()=>m,tM:()=>x});var i=o(8081),t=o.n(i),d=o(23645),r=o.n(d),a=o(61667),l=o.n(a),u=new URL(o(2431),o.b),c=r()(t()),s=l()(u);c.push([n.id,".index-module--NTXww {\n  background: rgba(242.2, 242.2, 242.2, 0.9);\n  transition: width 0.2s ease-in-out;\n  display: flex;\n}\n\n.index-module--g_4ro {\n  background-color: var(--primaryColor);\n  background-color: var(--saveButton, var(--primaryColor));\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--saveButton, var(--primaryColor)) solid;\n  border-radius: var(--globalBorderRadius);\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  line-height: 20.8px;\n  font-weight: var(--fontWeight1);\n  height: calc(100% - 2px);\n  font-size: 14px;\n  color: white;\n  flex-grow: 1;\n  -webkit-text-stroke: 0px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n}\n\n.index-module--HEZNE .index-module--g_4ro {\n  pointer-events: none;\n  background-color: #c25353;\n  border-color: #c25353;\n}\n\n.index-module--g_4ro:hover {\n  background-color: var(--diva-theme-palette-primary-dark);\n  border-color: var(--diva-theme-palette-primary-dark);\n  cursor: pointer;\n  transition:\n    box-shadow 0.3s ease,\n    background-color 0.3s ease,\n    border-color 0.3s ease;\n\n  box-shadow: 0px 1px 4px #707070;\n}\n\n.index-module--gle4T {\n  float: right;\n  margin-right: 10%;\n}\n.index-module--li8pV {\n  background-image: url("+s+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  width: 50%;\n  height: 50%;\n  transform: translate(-50%, -50%);\n  left: 50%;\n  top: 50%;\n  position: absolute;\n}\n\n.index-module--gDeD1 .index-module--NTXww {\n  /*auser In die Zusammenfassung wird ausgeblendet*/\n  display: none;\n}\n.index-module--gDeD1 .index-module--xOi7v.index-module--xjW3V .index-module--NTXww {\n  display: none;\n}\n\n.index-module--gDeD1 .index-module--NTXww .index-module--g_4ro {\n  line-height: var(--configuratorActionHeight);\n}\n.index-module--g_4ro .index-module--CSmEc {\n  margin-top: 0px;\n}\n\n.index-module--gDeD1 .index-module--g_4ro .index-module--CSmEc,\n.index-module--MQ04O .index-module--g_4ro .index-module--CSmEc {\n  margin-top: 0px;\n}\n\n.index-module--CSmEc {\n  float: left;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n\n.index-module--Odv_c {\n  float: right;\n  position: relative;\n  margin-right: 20px;\n  font-size: 14px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  min-width: 64px;\n  text-align: right;\n  font-weight: 300;\n}\n\n.index-module--Odv_c.index-module--mG83s {\n  color: #eee;\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--Odv_c.index-module--mG83s.index-module--H3WLd {\n  opacity: 0;\n  max-width: 0px;\n}\n\n.index-module--Odv_c.index-module--mG83s:before {\n  position: absolute;\n  content: '';\n  left: -6px;\n  top: 44%;\n  right: 0;\n  border-top: 2px solid;\n  border-color: grey;\n  transform: rotate(-7deg);\n}\n\n.index-module--zifQl .index-module--Odv_c.index-module--mG83s:before {\n  top: 45%;\n}\n",""]);var x="index-module--NTXww",m="index-module--g_4ro",g="index-module--gle4T",v="index-module--CSmEc",p="index-module--Odv_c",b="index-module--mG83s",f="index-module--H3WLd";const h=c},28717:(n,e,o)=>{o.d(e,{$t:()=>g,FN:()=>p,Is:()=>v,KR:()=>u,LI:()=>c,Qv:()=>b,ZP:()=>h,jl:()=>a,nC:()=>l,op:()=>x,ox:()=>m,rK:()=>s,tW:()=>f});var i=o(8081),t=o.n(i),d=o(23645),r=o.n(d)()(t());r.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",u="index-module--j2X1m",c="index-module--NUblS",s="index-module--mfwxp",x="index-module--vWg5_",m="index-module--IneQR",g="index-module--n4fFc",v="index-module--YJM3e",p="index-module--X2uG9",b="index-module--CVPGS",f="index-module--KE5Qn";const h=r},40976:(n,e,o)=>{o.d(e,{$t:()=>v.$t,FN:()=>v.FN,Is:()=>v.Is,KR:()=>v.KR,LI:()=>v.LI,Qv:()=>v.Qv,jl:()=>v.jl,nC:()=>v.nC,op:()=>v.op,ox:()=>v.ox,rK:()=>v.rK,tW:()=>v.tW});var i=o(93379),t=o.n(i),d=o(7795),r=o.n(d),a=o(90569),l=o.n(a),u=o(3565),c=o.n(u),s=o(19216),x=o.n(s),m=o(44589),g=o.n(m),v=o(28717),p={};p.styleTagTransform=g(),p.setAttributes=c(),p.insert=l().bind(null,"head"),p.domAPI=r(),p.insertStyleElement=x();t()(v.ZP,p),v.ZP&&v.ZP.locals&&v.ZP.locals},2431:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyNCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUgzLjcwNjQ3QzQuMTcxMjIgMSA0LjU3NDcxIDEuMzIwMTggNC42ODAzMSAxLjc3Mjc3TDUuNjY2NjcgNk01LjY2NjY3IDZMNy44MTk2OSAxNS4yMjcyQzcuOTI1MjkgMTUuNjc5OCA4LjMyODc4IDE2IDguNzkzNTMgMTZIMTkuNzE5MkMyMC4xNzgxIDE2IDIwLjU3ODEgMTUuNjg3NyAyMC42ODk0IDE1LjI0MjVMMjIuNjg5NCA3LjI0MjUzQzIyLjg0NzIgNi42MTEzOSAyMi4zNjk4IDYgMjEuNzE5MiA2SDUuNjY2NjdaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxjaXJjbGUgY3g9IjEwIiBjeT0iMjAiIHI9IjEuMjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPGNpcmNsZSBjeD0iMTgiIGN5PSIyMCIgcj0iMS4yNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4KCg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9788,6340,6135,1051],{69788:(n,e,o)=>{o.r(e),o.d(e,{default:()=>M});var i=o(63762),t=o(9420),d=(o(87363),o(93379)),r=o.n(d),a=o(7795),l=o.n(a),u=o(90569),c=o.n(u),s=o(3565),x=o.n(s),m=o(19216),g=o.n(m),v=o(44589),p=o.n(v),b=o(38921),f={};f.styleTagTransform=p(),f.setAttributes=x(),f.insert=c().bind(null,"head"),f.domAPI=l(),f.insertStyleElement=g();r()(b.ZP,f);b.ZP&&b.ZP.locals&&b.ZP.locals;var h=o(65515),I=o.n(h),j=o(88683),y=o(19047),N=o(39667),C=o(40976),k=o(56340),w=o(47514);const M=(0,t.Pi)((function BasketActionStandard(n){var e,o,t,d=n.buttonTextClassName,r=void 0===d?b.UU:d,a=n.buttonPriceClassName,l=void 0===a?b.QD:a,u=n.containerClassName,c=n.price,s=n.showCheckoutButtons,x=(0,i.NP)(),m=(0,j.useDivaCore)().state.hidePrices,g=(0,j.useTranslation)().t;return(0,w.jsxs)("div",{className:I()(b.tM,u),children:[s&&(null===(e=x.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.filter((function(n){return(0,y.evalVisible)(n,x,"navigator")})).map((function(n){return(0,w.jsx)("div",{className:C.rK,onClick:function onClick(){return(0,y.onClickCheckout)(n,x,n.index,g)},children:(0,w.jsx)(N.default,{checkoutButton:n,size:32})},n.index)}))),(0,w.jsxs)("div",{className:b.m2,onClick:function onClick(){return x.actionButtonState.onClickAddToBasket(x)},id:"wcConfigurator-action-tobasket",children:[(0,w.jsx)("div",{className:r,children:g("configurator.ADD_TO_BASKET")}),!m&&void 0!==c&&"horizontal"==x.tabGroupState.curTabGroupType&&(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)("div",{className:I()(b.DC,b.F0,x.productState.formatedBruttoPrice?void 0:b.al),children:(0,w.jsx)(k.default,{price:null!==(o=x.productState.formatedBruttoPrice)&&void 0!==o?o:0})}),(0,w.jsx)("div",{className:l,children:(0,w.jsx)(k.default,{price:null!==(t=x.productState.formatedCurSetPrice)&&void 0!==t?t:0})})]})]})]})}))},56340:(n,e,o)=>{o.r(e),o.d(e,{default:()=>c});var i=o(34988),t=o(88683),d=o(87363),r=o(7501),a=o(63762),l=o(9420),u=o(47514);const c=(0,l.Pi)((function PriceCounter(n){var e,o,l=n.price,c=n.formattingFn,s=n.duration,x=void 0===s?.5:s,m=(0,d.useState)(0),g=(0,i.Z)(m,2),v=g[0],p=g[1],b=(0,d.useState)(0),f=(0,i.Z)(b,2),h=f[0],I=f[1],j=(0,a.NP)();return(0,d.useEffect)((function(){p(l)}),[l]),(0,u.jsx)(r.ZP,{end:v,duration:x,decimals:null!==(e=null===(o=v.toString().split(".")[1])||void 0===o?void 0:o.length)&&void 0!==e?e:0,start:h,formattingFn:function formattingFn(n){return c?c(n):t.DivaUtils.formatPrice(n,j.productState.getPriceFormatForCounter(v))},onEnd:function onEnd(){I(v)}})}))},38921:(n,e,o)=>{o.d(e,{DC:()=>p,F0:()=>b,QD:()=>g,UU:()=>v,ZP:()=>h,al:()=>f,m2:()=>m,tM:()=>x});var i=o(8081),t=o.n(i),d=o(23645),r=o.n(d),a=o(61667),l=o.n(a),u=new URL(o(2431),o.b),c=r()(t()),s=l()(u);c.push([n.id,".index-module--NTXww {\n  background: rgba(242.2, 242.2, 242.2, 0.9);\n  transition: width 0.2s ease-in-out;\n  display: flex;\n}\n\n.index-module--g_4ro {\n  background-color: var(--primaryColor);\n  background-color: var(--saveButton, var(--primaryColor));\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--saveButton, var(--primaryColor)) solid;\n  border-radius: var(--globalBorderRadius);\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  line-height: 20.8px;\n  font-weight: var(--fontWeight1);\n  height: calc(100% - 2px);\n  font-size: 14px;\n  color: white;\n  flex-grow: 1;\n  -webkit-text-stroke: 0px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n}\n\n.index-module--HEZNE .index-module--g_4ro {\n  pointer-events: none;\n  background-color: #c25353;\n  border-color: #c25353;\n}\n\n.index-module--g_4ro:hover {\n  background-color: var(--diva-theme-palette-primary-dark);\n  border-color: var(--diva-theme-palette-primary-dark);\n  cursor: pointer;\n  transition:\n    box-shadow 0.3s ease,\n    background-color 0.3s ease,\n    border-color 0.3s ease;\n\n  box-shadow: 0px 1px 4px #707070;\n}\n\n.index-module--gle4T {\n  float: right;\n  margin-right: 10%;\n}\n.index-module--li8pV {\n  background-image: url("+s+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  width: 50%;\n  height: 50%;\n  transform: translate(-50%, -50%);\n  left: 50%;\n  top: 50%;\n  position: absolute;\n}\n\n.index-module--gDeD1 .index-module--NTXww {\n  /*auser In die Zusammenfassung wird ausgeblendet*/\n  display: none;\n}\n.index-module--gDeD1 .index-module--xOi7v.index-module--xjW3V .index-module--NTXww {\n  display: none;\n}\n\n.index-module--gDeD1 .index-module--NTXww .index-module--g_4ro {\n  line-height: var(--configuratorActionHeight);\n}\n.index-module--g_4ro .index-module--CSmEc {\n  margin-top: 0px;\n}\n\n.index-module--gDeD1 .index-module--g_4ro .index-module--CSmEc,\n.index-module--MQ04O .index-module--g_4ro .index-module--CSmEc {\n  margin-top: 0px;\n}\n\n.index-module--CSmEc {\n  float: left;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n\n.index-module--Odv_c {\n  float: right;\n  position: relative;\n  margin-right: 20px;\n  font-size: 14px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  min-width: 64px;\n  text-align: right;\n  font-weight: 300;\n}\n\n.index-module--Odv_c.index-module--mG83s {\n  color: #eee;\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--Odv_c.index-module--mG83s.index-module--H3WLd {\n  opacity: 0;\n  max-width: 0px;\n}\n\n.index-module--Odv_c.index-module--mG83s:before {\n  position: absolute;\n  content: '';\n  left: -6px;\n  top: 44%;\n  right: 0;\n  border-top: 2px solid;\n  border-color: grey;\n  transform: rotate(-7deg);\n}\n\n.index-module--zifQl .index-module--Odv_c.index-module--mG83s:before {\n  top: 45%;\n}\n",""]);var x="index-module--NTXww",m="index-module--g_4ro",g="index-module--gle4T",v="index-module--CSmEc",p="index-module--Odv_c",b="index-module--mG83s",f="index-module--H3WLd";const h=c},28717:(n,e,o)=>{o.d(e,{$t:()=>g,FN:()=>p,Is:()=>v,KR:()=>u,LI:()=>c,Qv:()=>b,ZP:()=>h,jl:()=>a,nC:()=>l,op:()=>x,ox:()=>m,rK:()=>s,tW:()=>f});var i=o(8081),t=o.n(i),d=o(23645),r=o.n(d)()(t());r.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",u="index-module--j2X1m",c="index-module--NUblS",s="index-module--mfwxp",x="index-module--vWg5_",m="index-module--IneQR",g="index-module--n4fFc",v="index-module--YJM3e",p="index-module--X2uG9",b="index-module--CVPGS",f="index-module--KE5Qn";const h=r},40976:(n,e,o)=>{o.d(e,{$t:()=>v.$t,FN:()=>v.FN,Is:()=>v.Is,KR:()=>v.KR,LI:()=>v.LI,Qv:()=>v.Qv,jl:()=>v.jl,nC:()=>v.nC,op:()=>v.op,ox:()=>v.ox,rK:()=>v.rK,tW:()=>v.tW});var i=o(93379),t=o.n(i),d=o(7795),r=o.n(d),a=o(90569),l=o.n(a),u=o(3565),c=o.n(u),s=o(19216),x=o.n(s),m=o(44589),g=o.n(m),v=o(28717),p={};p.styleTagTransform=g(),p.setAttributes=c(),p.insert=l().bind(null,"head"),p.domAPI=r(),p.insertStyleElement=x();t()(v.ZP,p),v.ZP&&v.ZP.locals&&v.ZP.locals},2431:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyNCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUgzLjcwNjQ3QzQuMTcxMjIgMSA0LjU3NDcxIDEuMzIwMTggNC42ODAzMSAxLjc3Mjc3TDUuNjY2NjcgNk01LjY2NjY3IDZMNy44MTk2OSAxNS4yMjcyQzcuOTI1MjkgMTUuNjc5OCA4LjMyODc4IDE2IDguNzkzNTMgMTZIMTkuNzE5MkMyMC4xNzgxIDE2IDIwLjU3ODEgMTUuNjg3NyAyMC42ODk0IDE1LjI0MjVMMjIuNjg5NCA3LjI0MjUzQzIyLjg0NzIgNi42MTEzOSAyMi4zNjk4IDYgMjEuNzE5MiA2SDUuNjY2NjdaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxjaXJjbGUgY3g9IjEwIiBjeT0iMjAiIHI9IjEuMjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPGNpcmNsZSBjeD0iMTgiIGN5PSIyMCIgcj0iMS4yNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4KCg=="}}]);