@crystaldesign/diva-web-planner-react 26.3.0-beta.30 → 26.3.0-beta.32

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

@@ -1,2 +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:()=>w});var o=t(34988),r=t(63762),a=t(87363),i=t(58590),d=t(93379),l=t.n(d),c=t(7795),s=t.n(c),u=t(90569),p=t.n(u),m=t(3565),f=t.n(m),b=t(19216),x=t.n(b),v=t(44589),h=t.n(v),g=t(73751),k={};k.styleTagTransform=h(),k.setAttributes=f(),k.insert=p().bind(null,"head"),k.domAPI=s(),k.insertStyleElement=x();l()(g.Z,k);g.Z&&g.Z.locals&&g.Z.locals;var y=t(9420),_=t(47514);const w=(0,y.Pi)((function ArticleSelector(e){var n,t=(0,o.Z)(e.articleState,2),d=t[0],l=t[1],c=e.rerender,s=e.filter,u=(0,r.NP)(),p=Object.values(null!==(n=u.divaWebPlanner.getDivaArticles(void 0,!0))&&void 0!==n?n:{});s&&(p=p.filter(s));var m=p.map((function(e){return{value:e.basketId,label:e.name+" "+e.posNr}}));return(0,a.useEffect)((function(){d||l(p[0])}),[c]),1==m.length||0==m.length?(0,_.jsx)(_.Fragment,{}):(0,_.jsx)(i.ZP,{value:m.find((function(e){return e.value===(null==d?void 0:d.basketId)})),options:m,onChange:function onChange(e){l(p.find((function(n){return n.basketId==e.value})))},className:g.Y,classNamePrefix:"article-select"})}))},99783:(e,n,t)=>{t.r(n),t.d(n,{default:()=>E});var o=t(80248),r=t(84658),a=t(34988),i=t(12952),d=t(50747),l=t.n(d),c=t(87363),s=t.n(c),u=t(65515),p=t.n(u),m=t(9420),f=t(63762),b=t(12793),x=t(78508),v=t(88648),h=t(93379),g=t.n(h),k=t(7795),y=t.n(k),_=t(90569),w=t.n(_),j=t(3565),P=t.n(j),N=t(19216),S=t.n(N),A=t(44589),D=t.n(A),C=t(72171),O={};O.styleTagTransform=D(),O.setAttributes=P(),O.insert=w().bind(null,"head"),O.domAPI=y(),O.insertStyleElement=S();g()(C.ZP,O);C.ZP&&C.ZP.locals&&C.ZP.locals;var 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}b.O3h.registerModules([b.ea9]);var I=0;function nextId(){return"pl-".concat(++I)}function flattenPartlistArticles(e,n,t){for(var o=[],r=0,a=Object.values(e);r<a.length;r++){var d,l,c=a[r];o.push({_id:nextId(),depth:t,loaded:!0,articleCodex:c.articleCodex,itemRefTypeNo:c.articleCodex,partlistGroup:"-",decisionNo:String(null!==(d=c.partlistDecisionNo)&&void 0!==d?d:"-"),quantity:null!==(l=c.quantity)&&void 0!==l?l:"-",reason:"Loaded (partlist child)",rowNotLoaded:!1,article:c}),c.partlistArticles&&Object.keys(c.partlistArticles).length>0&&o.push.apply(o,(0,i.Z)(flattenPartlistArticles(c.partlistArticles,n,t+1)))}return o}function flattenPartlistEntries(e,n,t,o){for(var r=[],a=function _loop(){var a,l,c,s,u=e[d],p=u.basketId?t[u.basketId]:void 0,m=!p&&u.loaded&&null!=n&&n.partlistArticles?Object.values(n.partlistArticles).find((function(e){return e.articleCodex===u.articleCodex})):void 0,f=null!=p?p:m,b=u.loaded&&(null==f?void 0:f.partlistArticles)&&Object.keys(f.partlistArticles).length>0;r.push({_id:nextId(),depth:o,loaded:u.loaded,articleCodex:u.articleCodex,itemRefTypeNo:null!==(a=u.itemRefTypeNo)&&void 0!==a?a:"",partlistGroup:null!==(l=u.partlistGroup)&&void 0!==l?l:"-",decisionNo:String(null!==(c=u.decisionNo)&&void 0!==c?c:"-"),quantity:null!==(s=u.quantity)&&void 0!==s?s:"-",reason:u.reason,rowNotLoaded:!u.loaded,article:u.loaded?f:void 0}),b&&f&&r.push.apply(r,(0,i.Z)(flattenPartlistArticles(f.partlistArticles,t,o+1)))},d=0;d<e.length;d++)a();return r}const E=(0,m.Pi)((function PartlistDebug(e){var n,t=(0,f.NP)(),o=t.settingsState.configChanged,d=t.tabGroupState.curConfigStep,u="undefined"!=typeof document&&document.body.classList.contains("darkmode"),m=(0,c.useMemo)((function(){return u?b.Jct.withPart(b.ir9):b.Jct}),[u]),h=(0,c.useMemo)((function(){var e=t.divaWebPlanner.getDivaArticles();return e?Object.values(e).filter((function(e){return e.hasPartlistArticle})):[]}),[o,d]),g=s().useState(!1),k=(0,a.Z)(g,2),y=k[0],_=k[1],w=s().useState(void 0),j=(0,a.Z)(w,2),P=j[0],N=j[1],S=s().useState(0),A=(0,a.Z)(S,2),D=A[0],O=A[1],E=(0,c.useRef)(null);(0,c.useEffect)((function(){var e=function(){var e=(0,r.Z)(l().mark((function _callee(){return l().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:_((function(e){return!e}));case 3:case"end":return e.stop()}}),_callee)})));return function asyncFunct(){return e.apply(this,arguments)}}();e()}),[t.tabGroupState.allTabGroups]),(0,c.useEffect)((function(){var e=t.divaWebPlanner.actSet();return e&&!e.logDecisions&&(e.logDecisions=!0),function(){var e=t.divaWebPlanner.actSet();e&&(e.logDecisions=!1)}}),[t.uiState.isLoading]),(0,c.useEffect)((function(){var e=t.divaWebPlanner.actSet();null!=P&&P.hasPartlistArticle&&null!=e&&e.logDecisions&&(P.engine.evalPartlist(P.VariantValues),O((function(e){return e+1})))}),[P,o,d,t.uiState.isLoading]);var Z=(0,c.useMemo)((function(){var e,n=null!==(e=null==P?void 0:P.partlistDebugEntries)&&void 0!==e?e:[];return(0,i.Z)(n).sort((function(e,n){var t,o,r,a;if(e.loaded!==n.loaded)return e.loaded?-1:1;var i=null!==(t=e.sequenceNo)&&void 0!==t?t:0,d=null!==(o=n.sequenceNo)&&void 0!==o?o:0;return i!==d?i-d:(null!==(r=e.itemRefTypeNo)&&void 0!==r?r:"").localeCompare(null!==(a=n.itemRefTypeNo)&&void 0!==a?a:"")}))}),[null==P?void 0:P.partlistDebugEntries,null==P?void 0:P.basketId,o,d,D]),T=null!==(n=t.divaWebPlanner.getDivaArticles(void 0,!0))&&void 0!==n?n:{},G=(0,c.useMemo)((function(){return I=0,P?flattenPartlistEntries(Z,P,T,0):[]}),[Z,P,T]),W=(0,c.useMemo)((function(){return[{field:"loaded",headerName:"Loaded",flex:0,width:70,cellRenderer:function cellRenderer(e){return e.data?(0,R.jsx)("span",{className:e.data.loaded?C.Pn:C.Lb,children:e.data.loaded?"y":"n"}):null}},{field:"articleCodex",headerName:"ArticleCodex",flex:1,minWidth:100,valueGetter:function valueGetter(e){var n,t,o,r;return"│ ".repeat(null!==(n=null===(t=e.data)||void 0===t?void 0:t.depth)&&void 0!==n?n:0)+(null!==(o=null===(r=e.data)||void 0===r?void 0:r.articleCodex)&&void 0!==o?o:"")},cellStyle:function cellStyle(e){var n,t;return{paddingLeft:8+12*(null!==(n=null===(t=e.data)||void 0===t?void 0:t.depth)&&void 0!==n?n:0)}}},{field:"itemRefTypeNo",headerName:"ItemRefTypeNo",flex:1,minWidth:100},{field:"partlistGroup",headerName:"PartlistGroup",flex:0,width:100},{field:"decisionNo",headerName:"DecisionNo",flex:0,width:90},{field:"quantity",headerName:"Quantity",flex:0,width:80},{field:"reason",headerName:"Reason",flex:1,minWidth:120}]}),[]);return(0,c.useEffect)((function(){var e=setTimeout((function(){var e;return null===(e=E.current)||void 0===e||null===(e=e.api)||void 0===e?void 0:e.redrawRows()}),0);return function(){return clearTimeout(e)}}),[null==P?void 0:P.basketId]),0===h.length?(0,R.jsxs)("div",_objectSpread(_objectSpread({},e),{},{className:p()(e.className,C.fm),style:{zIndex:800},children:[(0,R.jsx)("a",{className:C.Fs,children:"Stückliste Debug"}),(0,R.jsx)("p",{style:{padding:16},children:"No articles with partlist in this set."})]})):P?Z.length?(0,R.jsxs)("div",_objectSpread(_objectSpread({},e),{},{className:p()(e.className,C.fm),style:{zIndex:800},children:[(0,R.jsx)("a",{className:C.Fs,children:"Stückliste Debug"}),(0,R.jsx)(v.default,{articleState:[P,N],rerender:y,filter:function filter(e){return e.hasPartlistArticle}}),(0,R.jsx)("p",{className:C.Wy,children:"Partlist entries for the selected article. Nested partlist children are shown with indentation."}),(0,R.jsx)("div",{className:C.Uj,children:(0,R.jsx)(x.s,{ref:E,rowData:G,columnDefs:W,theme:m,getRowId:function getRowId(e){var n,t;return null!==(n=null===(t=e.data)||void 0===t?void 0:t._id)&&void 0!==n?n:""},getRowClass:function getRowClass(e){var n;if(e.data){var t=[];return e.data.rowNotLoaded&&t.push(C.IG),(null===(n=e.data.article)||void 0===n?void 0:n.basketId)===(null==P?void 0:P.basketId)&&t.push(C.Yp),t.join(" ")||void 0}},onRowClicked:function onRowClicked(e){var n;null!==(n=e.data)&&void 0!==n&&n.article&&N(e.data.article)},suppressCellFocus:!0,suppressRowClickSelection:!0,domLayout:"normal"})})]})):(0,R.jsxs)("div",_objectSpread(_objectSpread({},e),{},{className:p()(e.className,C.fm),style:{zIndex:800},children:[(0,R.jsx)("a",{className:C.Fs,children:"Stückliste Debug"}),(0,R.jsx)(v.default,{articleState:[P,N],rerender:y,filter:function filter(e){return e.hasPartlistArticle}}),(0,R.jsx)("p",{style:{padding:16},children:"No partlist positions in catalog for this article. Change config to refresh."})]})):(0,R.jsxs)("div",_objectSpread(_objectSpread({},e),{},{className:p()(e.className,C.fm),style:{zIndex:800},children:[(0,R.jsx)("a",{className:C.Fs,children:"Stückliste Debug"}),(0,R.jsx)(v.default,{articleState:[P,N],rerender:y,filter:function filter(e){return e.hasPartlistArticle}})]}))}))},73751:(e,n,t)=>{t.d(n,{Y:()=>d,Z:()=>l});var o=t(8081),r=t.n(o),a=t(23645),i=t.n(a)()(r());i.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\n/* Dark mode - article-select prefix scopes to this component (menu is portaled to body) */\n.darkmode .article-select__control,\nbody.darkmode .article-select__control {\n  background-color: rgba(30, 41, 59, 0.95) !important;\n  border-color: rgba(71, 85, 105, 0.8) !important;\n  box-shadow: none !important;\n}\n\n.darkmode .article-select__single-value,\nbody.darkmode .article-select__single-value {\n  color: #e2e8f0 !important;\n}\n\n.darkmode .article-select__input-container,\nbody.darkmode .article-select__input-container {\n  color: #e2e8f0 !important;\n}\n\n.darkmode .article-select__input,\nbody.darkmode .article-select__input {\n  color: #e2e8f0 !important;\n}\n\n.darkmode .article-select__placeholder,\nbody.darkmode .article-select__placeholder {\n  color: #94a3b8 !important;\n}\n\n.darkmode .article-select__menu,\nbody.darkmode .article-select__menu {\n  background-color: rgba(30, 41, 59, 0.98) !important;\n  border: 1px solid rgba(71, 85, 105, 0.8) !important;\n}\n\n.darkmode .article-select__menu-list,\nbody.darkmode .article-select__menu-list {\n  background-color: transparent !important;\n}\n\n.darkmode .article-select__option,\nbody.darkmode .article-select__option {\n  color: #e2e8f0 !important;\n}\n\n.darkmode .article-select__option--is-focused,\nbody.darkmode .article-select__option--is-focused {\n  background-color: rgba(51, 65, 85, 0.8) !important;\n}\n\n.darkmode .article-select__option--is-selected,\nbody.darkmode .article-select__option--is-selected {\n  background-color: rgba(59, 130, 246, 0.4) !important;\n  color: #93c5fd !important;\n}\n\n.darkmode .article-select__indicator-separator,\nbody.darkmode .article-select__indicator-separator {\n  background-color: rgba(71, 85, 105, 0.8) !important;\n}\n\n.darkmode .article-select__dropdown-indicator,\nbody.darkmode .article-select__dropdown-indicator {\n  color: #94a3b8 !important;\n}\n\n.darkmode .article-select__dropdown-indicator:hover,\nbody.darkmode .article-select__dropdown-indicator:hover {\n  color: #e2e8f0 !important;\n}\n",""]);var d="index-module--_Tl9c";const l=i},72171:(e,n,t)=>{t.d(n,{Fs:()=>u,IG:()=>p,Lb:()=>f,Pn:()=>m,Uj:()=>c,Wy:()=>l,Yp:()=>s,ZP:()=>b,fm:()=>d});var o=t(8081),r=t.n(o),a=t(23645),i=t.n(a)()(r());i.push([e.id,".index-module--C_djA {\n  overflow: auto;\n  width: 100%;\n  padding: 16px;\n  height: 100%;\n  position: relative;\n  box-sizing: border-box;\n}\n\n.index-module--Eqg2j {\n  margin: 8px 0 12px;\n  font-size: 13px;\n  color: #64748b;\n  line-height: 1.4;\n}\n\n.index-module--lYFZV {\n  width: 100%;\n  min-height: 150px;\n  height: calc(100% - 90px);\n  margin-top: 16px;\n}\n\n.index-module--D3ARk {\n  background-color: #dcfce7 !important;\n}\n\n.index-module--D3ARk:hover {\n  background-color: #bbf7d0 !important;\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\n/* Dark mode compatibility */\n.darkmode .index-module--Eqg2j,\nbody.darkmode .index-module--Eqg2j {\n  color: #94a3b8;\n}\n\n.darkmode .index-module--Jw9E7,\nbody.darkmode .index-module--Jw9E7 {\n  color: #68d391;\n}\n\n.darkmode .index-module--_KSSx,\nbody.darkmode .index-module--_KSSx {\n  color: #fc8181;\n}\n\n.darkmode .index-module--GcsdO,\nbody.darkmode .index-module--GcsdO {\n  background-color: rgba(51, 65, 85, 0.5) !important;\n}\n\n.darkmode .index-module--GcsdO:hover,\nbody.darkmode .index-module--GcsdO:hover {\n  background-color: rgba(71, 85, 105, 0.6) !important;\n}\n\n.darkmode .index-module--D3ARk,\nbody.darkmode .index-module--D3ARk {\n  background-color: rgba(34, 197, 94, 0.25) !important;\n}\n\n.darkmode .index-module--D3ARk:hover,\nbody.darkmode .index-module--D3ARk:hover {\n  background-color: rgba(34, 197, 94, 0.35) !important;\n}\n",""]);var d="index-module--C_djA",l="index-module--Eqg2j",c="index-module--lYFZV",s="index-module--D3ARk",u="index-module--PPbsy",p="index-module--GcsdO",m="index-module--Jw9E7",f="index-module--_KSSx";const b=i}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9783,8648],{87223:(e,n,t)=>{t.d(n,{M:()=>useAgGrid});var r=t(80248),o=t(34988),a=t(87363);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 i=Promise.all([Promise.all([t.e(2793),t.e(8508)]).then(t.bind(t,78508)),t.e(2793).then(t.bind(t,12793))]).then((function(e){var n=(0,o.Z)(e,2),t=n[0],r=n[1];return r.ModuleRegistry.registerModules([r.AllCommunityModule]),{AgGridReact:t.AgGridReact,themeQuartz:r.themeQuartz,colorSchemeDarkBlue:r.colorSchemeDarkBlue}})).catch((function(){return null})),d={AgGridReact:null,themeQuartz:void 0,colorSchemeDarkBlue:void 0,loaded:!1};function useAgGrid(){var e=(0,a.useState)(d),n=(0,o.Z)(e,2),t=n[0],r=n[1];return(0,a.useEffect)((function(){i.then((function(e){e&&r(_objectSpread(_objectSpread({},e),{},{loaded:!0}))}))}),[]),t}},88648:(e,n,t)=>{t.r(n),t.d(n,{default:()=>j});var r=t(34988),o=t(63762),a=t(87363),i=t(58590),d=t(93379),l=t.n(d),c=t(7795),s=t.n(c),u=t(90569),m=t.n(u),p=t(3565),f=t.n(p),b=t(19216),v=t.n(b),h=t(44589),x=t.n(h),g=t(73751),y={};y.styleTagTransform=x(),y.setAttributes=f(),y.insert=m().bind(null,"head"),y.domAPI=s(),y.insertStyleElement=v();l()(g.Z,y);g.Z&&g.Z.locals&&g.Z.locals;var k=t(9420),_=t(47514);const j=(0,k.Pi)((function ArticleSelector(e){var n,t=(0,r.Z)(e.articleState,2),d=t[0],l=t[1],c=e.rerender,s=e.filter,u=(0,o.NP)(),m=Object.values(null!==(n=u.divaWebPlanner.getDivaArticles(void 0,!0))&&void 0!==n?n:{});s&&(m=m.filter(s));var p=m.map((function(e){return{value:e.basketId,label:e.name+" "+e.posNr}}));return(0,a.useEffect)((function(){d||l(m[0])}),[c]),1==p.length||0==p.length?(0,_.jsx)(_.Fragment,{}):(0,_.jsx)(i.ZP,{value:p.find((function(e){return e.value===(null==d?void 0:d.basketId)})),options:p,onChange:function onChange(e){l(m.find((function(n){return n.basketId==e.value})))},className:g.Y,classNamePrefix:"article-select"})}))},99783:(e,n,t)=>{t.r(n),t.d(n,{default:()=>G});var r=t(80248),o=t(84658),a=t(34988),i=t(12952),d=t(50747),l=t.n(d),c=t(87363),s=t.n(c),u=t(65515),m=t.n(u),p=t(9420),f=t(63762),b=t(87223),v=t(88648),h=t(93379),x=t.n(h),g=t(7795),y=t.n(g),k=t(90569),_=t.n(k),j=t(3565),w=t.n(j),S=t(19216),P=t.n(S),N=t(44589),O=t.n(N),D=t(72171),A={};A.styleTagTransform=O(),A.setAttributes=w(),A.insert=_().bind(null,"head"),A.domAPI=y(),A.insertStyleElement=P();x()(D.ZP,A);D.ZP&&D.ZP.locals&&D.ZP.locals;var R=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 C=0;function nextId(){return"pl-".concat(++C)}function flattenPartlistArticles(e,n,t){for(var r=[],o=0,a=Object.values(e);o<a.length;o++){var d,l,c=a[o];r.push({_id:nextId(),depth:t,loaded:!0,articleCodex:c.articleCodex,itemRefTypeNo:c.articleCodex,partlistGroup:"-",decisionNo:String(null!==(d=c.partlistDecisionNo)&&void 0!==d?d:"-"),quantity:null!==(l=c.quantity)&&void 0!==l?l:"-",reason:"Loaded (partlist child)",rowNotLoaded:!1,article:c}),c.partlistArticles&&Object.keys(c.partlistArticles).length>0&&r.push.apply(r,(0,i.Z)(flattenPartlistArticles(c.partlistArticles,n,t+1)))}return r}function flattenPartlistEntries(e,n,t,r){for(var o=[],a=function _loop(){var a,l,c,s,u=e[d],m=u.basketId?t[u.basketId]:void 0,p=!m&&u.loaded&&null!=n&&n.partlistArticles?Object.values(n.partlistArticles).find((function(e){return e.articleCodex===u.articleCodex})):void 0,f=null!=m?m:p,b=u.loaded&&(null==f?void 0:f.partlistArticles)&&Object.keys(f.partlistArticles).length>0;o.push({_id:nextId(),depth:r,loaded:u.loaded,articleCodex:u.articleCodex,itemRefTypeNo:null!==(a=u.itemRefTypeNo)&&void 0!==a?a:"",partlistGroup:null!==(l=u.partlistGroup)&&void 0!==l?l:"-",decisionNo:String(null!==(c=u.decisionNo)&&void 0!==c?c:"-"),quantity:null!==(s=u.quantity)&&void 0!==s?s:"-",reason:u.reason,rowNotLoaded:!u.loaded,article:u.loaded?f:void 0}),b&&f&&o.push.apply(o,(0,i.Z)(flattenPartlistArticles(f.partlistArticles,t,r+1)))},d=0;d<e.length;d++)a();return o}const G=(0,p.Pi)((function PartlistDebug(e){var n,t=(0,f.NP)(),r=(0,b.M)(),d=t.settingsState.configChanged,u=t.tabGroupState.curConfigStep,p="undefined"!=typeof document&&document.body.classList.contains("darkmode"),h=(0,c.useMemo)((function(){return r.themeQuartz?p&&r.colorSchemeDarkBlue?r.themeQuartz.withPart(r.colorSchemeDarkBlue):r.themeQuartz:void 0}),[p,r.themeQuartz,r.colorSchemeDarkBlue]),x=(0,c.useMemo)((function(){var e=t.divaWebPlanner.getDivaArticles();return e?Object.values(e).filter((function(e){return e.hasPartlistArticle})):[]}),[d,u]),g=s().useState(!1),y=(0,a.Z)(g,2),k=y[0],_=y[1],j=s().useState(void 0),w=(0,a.Z)(j,2),S=w[0],P=w[1],N=s().useState(0),O=(0,a.Z)(N,2),A=O[0],G=O[1],E=(0,c.useRef)(null);(0,c.useEffect)((function(){var e=function(){var e=(0,o.Z)(l().mark((function _callee(){return l().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:_((function(e){return!e}));case 3:case"end":return e.stop()}}),_callee)})));return function asyncFunct(){return e.apply(this,arguments)}}();e()}),[t.tabGroupState.allTabGroups]),(0,c.useEffect)((function(){var e=t.divaWebPlanner.actSet();return e&&!e.logDecisions&&(e.logDecisions=!0),function(){var e=t.divaWebPlanner.actSet();e&&(e.logDecisions=!1)}}),[t.uiState.isLoading]),(0,c.useEffect)((function(){var e=t.divaWebPlanner.actSet();null!=S&&S.hasPartlistArticle&&null!=e&&e.logDecisions&&(S.engine.evalPartlist(S.VariantValues),G((function(e){return e+1})))}),[S,d,u,t.uiState.isLoading]);var Z=(0,c.useMemo)((function(){var e,n=null!==(e=null==S?void 0:S.partlistDebugEntries)&&void 0!==e?e:[];return(0,i.Z)(n).sort((function(e,n){var t,r,o,a;if(e.loaded!==n.loaded)return e.loaded?-1:1;var i=null!==(t=e.sequenceNo)&&void 0!==t?t:0,d=null!==(r=n.sequenceNo)&&void 0!==r?r:0;return i!==d?i-d:(null!==(o=e.itemRefTypeNo)&&void 0!==o?o:"").localeCompare(null!==(a=n.itemRefTypeNo)&&void 0!==a?a:"")}))}),[null==S?void 0:S.partlistDebugEntries,null==S?void 0:S.basketId,d,u,A]),I=null!==(n=t.divaWebPlanner.getDivaArticles(void 0,!0))&&void 0!==n?n:{},T=(0,c.useMemo)((function(){return C=0,S?flattenPartlistEntries(Z,S,I,0):[]}),[Z,S,I]),z=(0,c.useMemo)((function(){return[{field:"loaded",headerName:"Loaded",flex:0,width:70,cellRenderer:function cellRenderer(e){return e.data?(0,R.jsx)("span",{className:e.data.loaded?D.Pn:D.Lb,children:e.data.loaded?"y":"n"}):null}},{field:"articleCodex",headerName:"ArticleCodex",flex:1,minWidth:100,valueGetter:function valueGetter(e){var n,t,r,o;return"│ ".repeat(null!==(n=null===(t=e.data)||void 0===t?void 0:t.depth)&&void 0!==n?n:0)+(null!==(r=null===(o=e.data)||void 0===o?void 0:o.articleCodex)&&void 0!==r?r:"")},cellStyle:function cellStyle(e){var n,t;return{paddingLeft:8+12*(null!==(n=null===(t=e.data)||void 0===t?void 0:t.depth)&&void 0!==n?n:0)}}},{field:"itemRefTypeNo",headerName:"ItemRefTypeNo",flex:1,minWidth:100},{field:"partlistGroup",headerName:"PartlistGroup",flex:0,width:100},{field:"decisionNo",headerName:"DecisionNo",flex:0,width:90},{field:"quantity",headerName:"Quantity",flex:0,width:80},{field:"reason",headerName:"Reason",flex:1,minWidth:120}]}),[]);return(0,c.useEffect)((function(){var e=setTimeout((function(){var e;return null===(e=E.current)||void 0===e||null===(e=e.api)||void 0===e?void 0:e.redrawRows()}),0);return function(){return clearTimeout(e)}}),[null==S?void 0:S.basketId]),0===x.length?(0,R.jsxs)("div",_objectSpread(_objectSpread({},e),{},{className:m()(e.className,D.fm),style:{zIndex:800},children:[(0,R.jsx)("a",{className:D.Fs,children:"Stückliste Debug"}),(0,R.jsx)("p",{style:{padding:16},children:"No articles with partlist in this set."})]})):r.loaded&&r.AgGridReact?S?Z.length?(0,R.jsxs)("div",_objectSpread(_objectSpread({},e),{},{className:m()(e.className,D.fm),style:{zIndex:800},children:[(0,R.jsx)("a",{className:D.Fs,children:"Stückliste Debug"}),(0,R.jsx)(v.default,{articleState:[S,P],rerender:k,filter:function filter(e){return e.hasPartlistArticle}}),(0,R.jsx)("p",{className:D.Wy,children:"Partlist entries for the selected article. Nested partlist children are shown with indentation."}),(0,R.jsx)("div",{className:D.Uj,children:(0,R.jsx)(r.AgGridReact,{ref:E,rowData:T,columnDefs:z,theme:h,getRowId:function getRowId(e){var n,t;return null!==(n=null===(t=e.data)||void 0===t?void 0:t._id)&&void 0!==n?n:""},getRowClass:function getRowClass(e){var n;if(e.data){var t=[];return e.data.rowNotLoaded&&t.push(D.IG),(null===(n=e.data.article)||void 0===n?void 0:n.basketId)===(null==S?void 0:S.basketId)&&t.push(D.Yp),t.join(" ")||void 0}},onRowClicked:function onRowClicked(e){var n;null!==(n=e.data)&&void 0!==n&&n.article&&P(e.data.article)},suppressCellFocus:!0,suppressRowClickSelection:!0,domLayout:"normal"})})]})):(0,R.jsxs)("div",_objectSpread(_objectSpread({},e),{},{className:m()(e.className,D.fm),style:{zIndex:800},children:[(0,R.jsx)("a",{className:D.Fs,children:"Stückliste Debug"}),(0,R.jsx)(v.default,{articleState:[S,P],rerender:k,filter:function filter(e){return e.hasPartlistArticle}}),(0,R.jsx)("p",{style:{padding:16},children:"No partlist positions in catalog for this article. Change config to refresh."})]})):(0,R.jsxs)("div",_objectSpread(_objectSpread({},e),{},{className:m()(e.className,D.fm),style:{zIndex:800},children:[(0,R.jsx)("a",{className:D.Fs,children:"Stückliste Debug"}),(0,R.jsx)(v.default,{articleState:[S,P],rerender:k,filter:function filter(e){return e.hasPartlistArticle}})]})):(0,R.jsxs)("div",_objectSpread(_objectSpread({},e),{},{className:m()(e.className,D.fm),style:{zIndex:800},children:[(0,R.jsx)("a",{className:D.Fs,children:"Stückliste Debug"}),(0,R.jsx)("p",{className:D.Wy,children:"Tables require ag-grid (not loaded in this environment)."})]}))}))},73751:(e,n,t)=>{t.d(n,{Y:()=>d,Z:()=>l});var r=t(8081),o=t.n(r),a=t(23645),i=t.n(a)()(o());i.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\n/* Dark mode - article-select prefix scopes to this component (menu is portaled to body) */\n.darkmode .article-select__control,\nbody.darkmode .article-select__control {\n  background-color: rgba(30, 41, 59, 0.95) !important;\n  border-color: rgba(71, 85, 105, 0.8) !important;\n  box-shadow: none !important;\n}\n\n.darkmode .article-select__single-value,\nbody.darkmode .article-select__single-value {\n  color: #e2e8f0 !important;\n}\n\n.darkmode .article-select__input-container,\nbody.darkmode .article-select__input-container {\n  color: #e2e8f0 !important;\n}\n\n.darkmode .article-select__input,\nbody.darkmode .article-select__input {\n  color: #e2e8f0 !important;\n}\n\n.darkmode .article-select__placeholder,\nbody.darkmode .article-select__placeholder {\n  color: #94a3b8 !important;\n}\n\n.darkmode .article-select__menu,\nbody.darkmode .article-select__menu {\n  background-color: rgba(30, 41, 59, 0.98) !important;\n  border: 1px solid rgba(71, 85, 105, 0.8) !important;\n}\n\n.darkmode .article-select__menu-list,\nbody.darkmode .article-select__menu-list {\n  background-color: transparent !important;\n}\n\n.darkmode .article-select__option,\nbody.darkmode .article-select__option {\n  color: #e2e8f0 !important;\n}\n\n.darkmode .article-select__option--is-focused,\nbody.darkmode .article-select__option--is-focused {\n  background-color: rgba(51, 65, 85, 0.8) !important;\n}\n\n.darkmode .article-select__option--is-selected,\nbody.darkmode .article-select__option--is-selected {\n  background-color: rgba(59, 130, 246, 0.4) !important;\n  color: #93c5fd !important;\n}\n\n.darkmode .article-select__indicator-separator,\nbody.darkmode .article-select__indicator-separator {\n  background-color: rgba(71, 85, 105, 0.8) !important;\n}\n\n.darkmode .article-select__dropdown-indicator,\nbody.darkmode .article-select__dropdown-indicator {\n  color: #94a3b8 !important;\n}\n\n.darkmode .article-select__dropdown-indicator:hover,\nbody.darkmode .article-select__dropdown-indicator:hover {\n  color: #e2e8f0 !important;\n}\n",""]);var d="index-module--_Tl9c";const l=i},72171:(e,n,t)=>{t.d(n,{Fs:()=>u,IG:()=>m,Lb:()=>f,Pn:()=>p,Uj:()=>c,Wy:()=>l,Yp:()=>s,ZP:()=>b,fm:()=>d});var r=t(8081),o=t.n(r),a=t(23645),i=t.n(a)()(o());i.push([e.id,".index-module--C_djA {\n  overflow: auto;\n  width: 100%;\n  padding: 16px;\n  height: 100%;\n  position: relative;\n  box-sizing: border-box;\n}\n\n.index-module--Eqg2j {\n  margin: 8px 0 12px;\n  font-size: 13px;\n  color: #64748b;\n  line-height: 1.4;\n}\n\n.index-module--lYFZV {\n  width: 100%;\n  min-height: 150px;\n  height: calc(100% - 90px);\n  margin-top: 16px;\n}\n\n.index-module--D3ARk {\n  background-color: #dcfce7 !important;\n}\n\n.index-module--D3ARk:hover {\n  background-color: #bbf7d0 !important;\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\n/* Dark mode compatibility */\n.darkmode .index-module--Eqg2j,\nbody.darkmode .index-module--Eqg2j {\n  color: #94a3b8;\n}\n\n.darkmode .index-module--Jw9E7,\nbody.darkmode .index-module--Jw9E7 {\n  color: #68d391;\n}\n\n.darkmode .index-module--_KSSx,\nbody.darkmode .index-module--_KSSx {\n  color: #fc8181;\n}\n\n.darkmode .index-module--GcsdO,\nbody.darkmode .index-module--GcsdO {\n  background-color: rgba(51, 65, 85, 0.5) !important;\n}\n\n.darkmode .index-module--GcsdO:hover,\nbody.darkmode .index-module--GcsdO:hover {\n  background-color: rgba(71, 85, 105, 0.6) !important;\n}\n\n.darkmode .index-module--D3ARk,\nbody.darkmode .index-module--D3ARk {\n  background-color: rgba(34, 197, 94, 0.25) !important;\n}\n\n.darkmode .index-module--D3ARk:hover,\nbody.darkmode .index-module--D3ARk:hover {\n  background-color: rgba(34, 197, 94, 0.35) !important;\n}\n",""]);var d="index-module--C_djA",l="index-module--Eqg2j",c="index-module--lYFZV",s="index-module--D3ARk",u="index-module--PPbsy",m="index-module--GcsdO",p="index-module--Jw9E7",f="index-module--_KSSx";const b=i}}]);

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(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=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9788,6340,6135,1051],{69788:(n,e,o)=>{o.r(e),o.d(e,{default:()=>M});var t=o(80248),i=o(63762),r=o(9420),d=(o(87363),o(93379)),a=o.n(d),l=o(7795),u=o.n(l),c=o(90569),s=o.n(c),m=o(3565),x=o.n(m),g=o(19216),p=o.n(g),v=o(44589),b=o.n(v),f=o(38921),h={};h.styleTagTransform=b(),h.setAttributes=x(),h.insert=s().bind(null,"head"),h.domAPI=u(),h.insertStyleElement=p();a()(f.ZP,h);f.ZP&&f.ZP.locals&&f.ZP.locals;var y=o(65515),j=o.n(y),I=o(88683),k=o(19047),w=o(39667),C=o(40976),N=o(56340),S=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 M=(0,r.Pi)((function BasketActionStandard(n){var e,o,t,r,d=n.buttonTextClassName,a=void 0===d?f.UU:d,l=n.buttonPriceClassName,u=void 0===l?f.QD:l,c=n.containerClassName,s=n.price,m=n.showCheckoutButtons,x=(0,i.NP)(),g=(0,I.useDivaCore)().state.hidePrices,p=(0,I.useTranslation)().t,v=null===(e=x.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.find((function(n){return"ADD_TO_BASKET"===n.type}));return(0,S.jsxs)("div",{className:j()(f.tM,c),children:[m&&(null===(o=x.uiState.checkoutConfig)||void 0===o?void 0:o.buttons.filter((function(n){return(0,k.evalVisible)(n,x,"navigator")})).map((function(n){return(0,S.jsx)("div",{className:C.rK,onClick:function onClick(){return(0,k.onClickCheckout)(n,x,n.index,p)},children:(0,S.jsx)(w.default,{checkoutButton:_objectSpread(_objectSpread({},n),{},{isPrimary:!1}),size:32})},n.index)}))),(0,S.jsxs)("div",{className:f.m2,onClick:function onClick(){v?(0,k.onClickCheckout)(v,x,v.index,p):x.actionButtonState.onClickAddToBasket(x)},id:"wcConfigurator-action-tobasket",children:[v?(0,S.jsx)(w.default,{checkoutButton:_objectSpread({isPrimary:!0},v),size:40}):(0,S.jsx)("div",{className:a,children:p("configurator.ADD_TO_BASKET")}),!g&&void 0!==s&&"horizontal"==x.tabGroupState.curTabGroupType&&(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)("div",{className:j()(f.DC,f.F0,x.productState.formatedBruttoPrice?void 0:f.al),children:(0,S.jsx)(N.default,{price:null!==(t=x.productState.formatedBruttoPrice)&&void 0!==t?t:0})}),(0,S.jsx)("div",{className:u,children:(0,S.jsx)(N.default,{price:null!==(r=x.productState.formatedCurSetPrice)&&void 0!==r?r:0})})]})]})]})}))},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(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,m=void 0===s?.5:s,x=(0,r.useState)(0),g=(0,t.Z)(x,2),p=g[0],v=g[1],b=(0,r.useState)(0),f=(0,t.Z)(b,2),h=f[0],y=f[1],j=(0,a.NP)();return(0,r.useEffect)((function(){v(l)}),[l]),(0,u.jsx)(d.ZP,{end:p,duration:m,decimals:null!==(e=null===(o=p.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):i.DivaUtils.formatPrice(n,j.productState.getPriceFormatForCounter(p))},onEnd:function onEnd(){y(p)}})}))},38921:(n,e,o)=>{o.d(e,{DC:()=>v,F0:()=>b,QD:()=>g,UU:()=>p,ZP:()=>h,al:()=>f,m2:()=>x,tM:()=>m});var t=o(8081),i=o.n(t),r=o(23645),d=o.n(r),a=o(61667),l=o.n(a),u=new URL(o(2431),o.b),c=d()(i()),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  display: flex;\n  justify-content: center;\n  align-items: center;\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 m="index-module--NTXww",x="index-module--g_4ro",g="index-module--gle4T",p="index-module--CSmEc",v="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:()=>v,Is:()=>p,KR:()=>u,LI:()=>c,Qv:()=>b,ZP:()=>h,jl:()=>a,nC:()=>l,op:()=>m,ox:()=>x,rK:()=>s,tW:()=>f});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",u="index-module--j2X1m",c="index-module--NUblS",s="index-module--mfwxp",m="index-module--vWg5_",x="index-module--IneQR",g="index-module--n4fFc",p="index-module--YJM3e",v="index-module--X2uG9",b="index-module--CVPGS",f="index-module--KE5Qn";const h=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),u=o(3565),c=o.n(u),s=o(19216),m=o.n(s),x=o(44589),g=o.n(x),p=o(28717),v={};v.styleTagTransform=g(),v.setAttributes=c(),v.insert=l().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=m();i()(p.ZP,v),p.ZP&&p.ZP.locals&&p.ZP.locals},2431:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyNCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUgzLjcwNjQ3QzQuMTcxMjIgMSA0LjU3NDcxIDEuMzIwMTggNC42ODAzMSAxLjc3Mjc3TDUuNjY2NjcgNk01LjY2NjY3IDZMNy44MTk2OSAxNS4yMjcyQzcuOTI1MjkgMTUuNjc5OCA4LjMyODc4IDE2IDguNzkzNTMgMTZIMTkuNzE5MkMyMC4xNzgxIDE2IDIwLjU3ODEgMTUuNjg3NyAyMC42ODk0IDE1LjI0MjVMMjIuNjg5NCA3LjI0MjUzQzIyLjg0NzIgNi42MTEzOSAyMi4zNjk4IDYgMjEuNzE5MiA2SDUuNjY2NjdaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxjaXJjbGUgY3g9IjEwIiBjeT0iMjAiIHI9IjEuMjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPGNpcmNsZSBjeD0iMTgiIGN5PSIyMCIgcj0iMS4yNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4KCg=="}}]);