@crystaldesign/diva-web-planner-react 26.3.0-beta.33 → 26.3.0-beta.35

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

@@ -1,2 +1,2 @@
 /*! For license information please see 5249.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5249,9154,7880],{59698:(e,n,o)=>{o.d(n,{Z:()=>r});var t=o(96177),i=o(47514);const r=(0,t.Z)((0,i.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12m8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8"}),"Block")},45167:(e,n,o)=>{o.d(n,{Z:()=>r});var t=o(96177),i=o(47514);const r=(0,t.Z)((0,i.jsx)("path",{d:"M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"}),"Warning")},96177:(e,n,o)=>{o.d(n,{Z:()=>createSvgIcon});var t=o(87363),i=o(87726),r=o(39916),l=o(22791),d=o(97843),a=o(80518),s=o(19596),c=o(14685),m=o(65734);function getSvgIconUtilityClass(e){return(0,m.ZP)("MuiSvgIcon",e)}(0,c.Z)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var u=o(47514);const p=(0,d.ZP)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(e,n)=>{const{ownerState:o}=e;return[n.root,"inherit"!==o.color&&n[`color${(0,l.Z)(o.color)}`],n[`fontSize${(0,l.Z)(o.fontSize)}`]]}})((0,a.Z)((({theme:e})=>({userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:e.transitions?.create?.("fill",{duration:(e.vars??e).transitions?.duration?.shorter}),variants:[{props:e=>!e.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:e.typography?.pxToRem?.(20)||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:e.typography?.pxToRem?.(24)||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:e.typography?.pxToRem?.(35)||"2.1875rem"}},...Object.entries((e.vars??e).palette).filter((([,e])=>e&&e.main)).map((([n])=>({props:{color:n},style:{color:(e.vars??e).palette?.[n]?.main}}))),{props:{color:"action"},style:{color:(e.vars??e).palette?.action?.active}},{props:{color:"disabled"},style:{color:(e.vars??e).palette?.action?.disabled}},{props:{color:"inherit"},style:{color:void 0}}]})))),x=t.forwardRef((function SvgIcon(e,n){const o=(0,s.i)({props:e,name:"MuiSvgIcon"}),{children:d,className:a,color:c="inherit",component:m="svg",fontSize:x="medium",htmlColor:g,inheritViewBox:h=!1,titleAccess:v,viewBox:b="0 0 24 24",...y}=o,f=t.isValidElement(d)&&"svg"===d.type,j={...o,color:c,component:m,fontSize:x,instanceFontSize:e.fontSize,inheritViewBox:h,viewBox:b,hasSvgAsChild:f},I={};h||(I.viewBox=b);const M=(e=>{const{color:n,fontSize:o,classes:t}=e,i={root:["root","inherit"!==n&&`color${(0,l.Z)(n)}`,`fontSize${(0,l.Z)(o)}`]};return(0,r.Z)(i,getSvgIconUtilityClass,t)})(j);return(0,u.jsxs)(p,{as:m,className:(0,i.Z)(M.root,a),focusable:"false",color:g,"aria-hidden":!v||void 0,role:v?"img":void 0,ref:n,...I,...y,...f&&d.props,ownerState:j,children:[f?d.props.children:d,v?(0,u.jsx)("title",{children:v}):null]})}));x.muiName="SvgIcon";const g=x;function createSvgIcon(e,n){function Component(o,t){return(0,u.jsx)(g,{"data-testid":`${n}Icon`,ref:t,...o,children:e})}return Component.muiName=g.muiName,t.memo(t.forwardRef(Component))}},29154:(e,n,o)=>{o.r(n),o.d(n,{default:()=>j});var t=o(34988),i=o(63762),r=o(87363),l=o(93379),d=o.n(l),a=o(7795),s=o.n(a),c=o(90569),m=o.n(c),u=o(3565),p=o.n(u),x=o(19216),g=o.n(x),h=o(44589),v=o.n(h),b=o(84887),y={};y.styleTagTransform=v(),y.setAttributes=p(),y.insert=m().bind(null,"head"),y.domAPI=s(),y.insertStyleElement=g();d()(b.Z,y);b.Z&&b.Z.locals&&b.Z.locals;var f=o(47514);const j=function MetaData(e){var n=e.style,o=e.metaData,l=e.visible,d=void 0===l?(0,r.useState)(""):l,a=(0,t.Z)(d,2),s=a[0],c=a[1],m=(0,i.NP)(),u=(0,r.useState)(""),p=(0,t.Z)(u,2),x=p[0],g=p[1],h=m.getViewConfig().displayMetaDatas,v=null==o?void 0:o.find((function(e){return null==h?void 0:h.includes(e.codex)}));return(0,r.useEffect)((function(){if(v){for(var e="",n=0;n<v.values.length;n++){""!==e&&(e+=", ");for(var t=function _loop(t){var i=null==o?void 0:o.find((function(e){return e.codex===h[t]}));if(!i)return 1;""!==e&&(e+=" "),e=e+(i.name?i.name+": ":"")+i.values[n]},i=0;i<h.length;i++)t(i)}g(e),c(e)}}),[]),s?(0,f.jsx)("div",{style:n,className:b.B,children:x}):(0,f.jsx)(f.Fragment,{})}},13703:(e,n,o)=>{o.r(n),o.d(n,{default:()=>j});var t=o(80248),i=o(34988),r=o(65515),l=o.n(r),d=o(63762),a=o(9420),s=o(87363),c=o(94873),m=o(13838),u=o(88683),p=o(86587),x=o(46770),g=o(29154),h=o(7318),v=o(98544),b=o(48657),y=o(68101),f=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,t.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const j=(0,a.Pi)((function Option(e){var n,o=e.item,t=e.paletteId,r=e.hidePricePreview,a=e.namePostFix,j=o,I=(0,d.NP)(),M=(0,u.useTranslation)().t,w=(0,u.useDivaCore)().state.dimensions,S=w.isMobile,C=w.isTablet,z=(0,s.useState)(""),N=(0,i.Z)(z,2),A=N[0],P=N[1],Z={},O={},k=void 0,L=!1,T={},E=(0,x.XI)({delayEnter:1500,hideOnScroll:!0}),D=(0,x.sJ)({isOpen:E[0],auto:!0,placement:I.getViewConfig().tooltipPosition||"left-center"});return S||C||I.getViewConfig().hideTooltip||!j.image&&!j.hexColor||j.contentItemId||(L=E[0],T=E[1],Z=D.triggerProps,O=D.layerProps,k=D.renderLayer),(0,f.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:j.codex,"data-test-id":"plannerPaletteItem",className:l()(c.CA,j.sel?c.pA:void 0),onClick:function onClick(){j.doShowFav&&I.paletteViewHandler.clickedOnFavIcon(j),I.paletteViewHandler.clickedOnConfigPalette(j,void 0,t)}},Z),T),{},{children:[(0,f.jsxs)("div",{className:l()(c.iZ,c.NC),children:[j.sel&&(0,f.jsx)(p.default,{listenToOptionVariables:!0}),j.contentItemId&&(0,f.jsx)(v.default,{item:j,style:{bottom:8}},j.codex),"TEXT"==j.layout&&(0,f.jsx)("div",{className:c.$l}),!("TEXT"==j.layout)&&(0,f.jsx)("div",{className:c.K5,style:{backgroundImage:"url(".concat(j.image,")")}}),(0,f.jsxs)("div",{className:l()(c.AR,"TEXT"==j.layout?c.Eb:void 0),children:[(0,f.jsx)("div",{className:l()(c.db,""!==A?c.Bm:void 0),dangerouslySetInnerHTML:{__html:j.text+(a||"")}}),(0,f.jsx)(g.default,{style:{position:"relative",float:"left"},metaData:j.metaData,visible:[A,P]},j.codex)]}),L&&(null===(n=k)||void 0===n?void 0:n((0,f.jsx)(h.default,{text:j.text+(j.freeText?j.freeText:"")+(a||""),desciption:A,image:j.image,hexColor:j.hexColor,pricePreviewPromise:j.pricePreviewPromise,layerProps:O},j.codex))),j.doShowFav&&(0,f.jsx)("div",{className:j.isFav?m.Md:m.Hq})]}),!r&&void 0!==j.pricePreviewPromise&&(0,f.jsx)(b.default,{asyncPricePreview:j.pricePreviewPromise,sel:j.sel}),void 0!==j.checkForReversingChanges&&(0,f.jsx)(y.default,{item:j,paletteId:t}),j.disabledByConstructionRule&&(0,f.jsx)("div",{className:l()(c.ox),title:M("configurator."+j.disabledByConstructionRule)})]}))}))},86587:(e,n,o)=>{o.r(n),o.d(n,{default:()=>l});var t=o(80248),i=(o(87363),o(2765)),r=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,t.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const l=function IsActive(e){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive"}))}},84887:(e,n,o)=>{o.d(n,{B:()=>d,Z:()=>a});var t=o(8081),i=o.n(t),r=o(23645),l=o.n(r)()(i());l.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\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--hpPAb {\n  color: #fff;\n}\n",""]);var d="index-module--hpPAb";const a=l},6284:(e,n,o)=>{o.d(n,{$l:()=>v,AR:()=>y,Bm:()=>I,CA:()=>u,Eb:()=>f,K5:()=>b,NC:()=>h,ZP:()=>w,db:()=>j,iZ:()=>x,ox:()=>M,pA:()=>p,vc:()=>g});var t=o(8081),i=o.n(t),r=o(23645),l=o.n(r),d=o(61667),a=o.n(d),s=new URL(o(63173),o.b),c=l()(i()),m=a()(s);c.push([e.id,"/*ConfigPalette with Normal & Small */\n\n.index-module--FGg5H {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  flex-wrap: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  border: var(--optionItemBorder) solid transparent;\n  border: var(--optionItemBorder) solid var(--optionItemBorderColor, transparent);\n  white-space: pre-line;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--FGg5H {\n  background-color: #374c86;\n}\n\n.index-module--zZnWk {\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderSelColor, var(--primaryColor));\n}\n\n.index-module--FGg5H:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderHoverColor, var(--primaryColor));\n}\n.index-module--FGg5H:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--FGg5H .index-module--pQje2 {\n  width: 98%;\n  background: white;\n  position: relative;\n  /* border-radius: var(--globalBorderRadius);*/\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--FGg5H .index-module--pQje2 {\n  background-color: #374c86;\n}\n\n.index-module--FGg5H.index-module--OqFNz {\n  width: 48%;\n  float: left;\n  margin-left: 1%;\n  margin-right: 1%;\n}\n\n.index-module--FGg5H .index-module--pQje2.index-module--CcpMC {\n  height: 80px;\n}\n\n.index-module--FGg5H .index-module--pQje2.index-module--II_8j {\n  height: 64px;\n}\n\n.index-module--FGg5H .index-module--dUy8g {\n  width: 18px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--FGg5H .index-module--CcpMC .index-module--Z8KXz {\n  height: 80px;\n  width: 112px;\n}\n\n.index-module--FGg5H .index-module--II_8j .index-module--Z8KXz {\n  height: 64px;\n  width: 96px;\n}\n.index-module--FGg5H.index-module--OqFNz .index-module--Z8KXz {\n  height: 64px;\n  width: 64px;\n}\n\n.index-module--FGg5H .index-module--Z8KXz {\n  float: left;\n\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: left center;\n}\n\n.index-module--m9VzR {\n  float: left;\n  max-height: 64px;\n  margin-top: 11.2px;\n  margin-left: 11.2px;\n  max-width: calc(100% - 128px);\n}\n\n.index-module--Y5eRx {\n  max-width: calc(100% - 32px);\n}\n\n.index-module--FGg5H.index-module--OqFNz .index-module--m9VzR {\n  max-width: 50%;\n  margin-top: 17.6px;\n}\n\n.index-module--FGg5H .index-module--mZh26 {\n  display: -webkit-box;\n  min-height: 16px;\n  border-radius: var(--globalBorderRadius);\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n          hyphens: auto;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--FGg5H .index-module--mZh26 {\n  color: #fff;\n}\n\n.index-module--FGg5H .index-module--mZh26.index-module--NabGm {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--CcpMC .index-module--mZh26 {\n  -webkit-line-clamp: 3;\n}\n\n.index-module--II_8j .index-module--mZh26 {\n  -webkit-line-clamp: 2;\n}\n\n@media all and (max-width: 1100px) {\n  .index-module--FGg5H .index-module--CcpMC {\n    height: 80px;\n  }\n\n  .index-module--FGg5H .index-module--CcpMC img {\n    height: 80px;\n  }\n\n  .index-module--m9VzR {\n    -webkit-line-clamp: 2;\n    max-width: calc(100% - 128px);\n    margin-top: 11.2px;\n    /*Hier noch falls 2 spaltig wieder einspaltig machen*/\n  }\n}\n\n.index-module--iEJ0N {\n  float: right;\n  z-index: 900;\n}\n\n.index-module--MhR1_ .index-module--iEJ0N {\n  float: right;\n  margin-right: 11.2px;\n  width: auto;\n}\n\n.index-module--2NJnv {\n  display: block;\n  height: 30px;\n  background-image: url("+m+");\n  width: 30px;\n  background-repeat: no-repeat;\n  background-size: contain;\n  padding: 0;\n  position: absolute;\n  z-index: 888;\n  bottom: calc(50% - 15px);\n  right: 1rem;\n}\n",""]);var u="index-module--FGg5H",p="index-module--zZnWk",x="index-module--pQje2",g="index-module--CcpMC",h="index-module--II_8j",v="index-module--dUy8g",b="index-module--Z8KXz",y="index-module--m9VzR",f="index-module--Y5eRx",j="index-module--mZh26",I="index-module--NabGm",M="index-module--2NJnv";const w=c},94873:(e,n,o)=>{o.d(n,{$l:()=>g.$l,AR:()=>g.AR,Bm:()=>g.Bm,CA:()=>g.CA,Eb:()=>g.Eb,K5:()=>g.K5,NC:()=>g.NC,db:()=>g.db,iZ:()=>g.iZ,ox:()=>g.ox,pA:()=>g.pA,vc:()=>g.vc});var t=o(93379),i=o.n(t),r=o(7795),l=o.n(r),d=o(90569),a=o.n(d),s=o(3565),c=o.n(s),m=o(19216),u=o.n(m),p=o(44589),x=o.n(p),g=o(6284),h={};h.styleTagTransform=x(),h.setAttributes=c(),h.insert=a().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=u();i()(g.ZP,h),g.ZP&&g.ZP.locals&&g.ZP.locals},63173:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4zMTExNyAwIDAgMS4zMDIzOSA3MzcuMzkgMTU5LjkxKSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSIwIiB5Mj0iLS41OTkiIHgyPSIwIiB5MT0iNDUuNDciPjxzdG9wIHN0b3AtY29sb3I9IiNmZmM1MTUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmQ1NWIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyB0cmFuc2Zvcm09Im1hdHJpeCguODU3MTQgMCAwIC44NTcxNC02MjcuMDItMTMwLjgpIj48cGF0aCBkPSJtNzk3Ljk0IDIxMi4wMWwtMjUuNjA3LTQ4Yy0uNzM2LTEuMzMzLTIuMDY4LTIuMDc0LTMuNTUxLTIuMDc0LTEuNDgzIDAtMi44MjIuODg5LTMuNTY5IDIuMjIybC0yNS40MTcgNDhjLS41OTggMS4xODUtLjYwNSAyLjgxNS4xMzIgNCAuNzM3IDEuMTg1IDEuOTIxIDEuNzc4IDMuNDA0IDEuNzc4aDUxLjAyYzEuNDgzIDAgMi44MjEtLjc0MSAzLjQyLTEuOTI2Ljc0Ny0xLjE4NS43NTMtMi42NjcuMTY1LTQiIGZpbGw9InVybCgjMCkiLz48cGF0aCBkPSJtLTI2LjMwOSAxOC4wN2MtMS4xOCAwLTIuMTM1Ljk2OC0yLjEzNSAyLjEyOXYxMi44MmMwIDEuMTc2Ljk0OCAyLjEyOSAyLjEzNSAyLjEyOSAxLjE4MyAwIDIuMTM1LS45NjggMi4xMzUtMi4xMjl2LTEyLjgyYzAtMS4xNzYtLjk0Ni0yLjEyOS0yLjEzNS0yLjEyOXptMCAyMS4zNDhjLTEuMTggMC0yLjEzNS45NTQtMi4xMzUgMi4xMzUgMCAxLjE4Ljk1NCAyLjEzNSAyLjEzNSAyLjEzNSAxLjE4MSAwIDIuMTM1LS45NTQgMi4xMzUtMi4xMzUgMC0xLjE4LS45NTItMi4xMzUtMi4xMzUtMi4xMzV6IiB0cmFuc2Zvcm09Im1hdHJpeCgxLjA1MTk2IDAgMCAxLjA1MTk2IDc5Ni41MyAxNjEuODcpIiBmaWxsPSIjMDAwIiBzdHJva2U9IiM0MDMzMGQiIGZpbGwtb3BhY2l0eT0iLjc1Ii8+PC9nPjwvc3ZnPg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5249,9154,7880],{59698:(e,n,o)=>{o.d(n,{Z:()=>r});var t=o(96177),i=o(47514);const r=(0,t.Z)((0,i.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12m8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8"}),"Block")},45167:(e,n,o)=>{o.d(n,{Z:()=>r});var t=o(96177),i=o(47514);const r=(0,t.Z)((0,i.jsx)("path",{d:"M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"}),"Warning")},96177:(e,n,o)=>{o.d(n,{Z:()=>createSvgIcon});var t=o(87363),i=o(87726),r=o(39916),l=o(22791),d=o(97843),a=o(80518),s=o(19596),c=o(14685),m=o(65734);function getSvgIconUtilityClass(e){return(0,m.ZP)("MuiSvgIcon",e)}(0,c.Z)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var u=o(47514);const p=(0,d.ZP)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(e,n)=>{const{ownerState:o}=e;return[n.root,"inherit"!==o.color&&n[`color${(0,l.Z)(o.color)}`],n[`fontSize${(0,l.Z)(o.fontSize)}`]]}})((0,a.Z)((({theme:e})=>({userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:e.transitions?.create?.("fill",{duration:(e.vars??e).transitions?.duration?.shorter}),variants:[{props:e=>!e.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:e.typography?.pxToRem?.(20)||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:e.typography?.pxToRem?.(24)||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:e.typography?.pxToRem?.(35)||"2.1875rem"}},...Object.entries((e.vars??e).palette).filter((([,e])=>e&&e.main)).map((([n])=>({props:{color:n},style:{color:(e.vars??e).palette?.[n]?.main}}))),{props:{color:"action"},style:{color:(e.vars??e).palette?.action?.active}},{props:{color:"disabled"},style:{color:(e.vars??e).palette?.action?.disabled}},{props:{color:"inherit"},style:{color:void 0}}]})))),x=t.forwardRef((function SvgIcon(e,n){const o=(0,s.i)({props:e,name:"MuiSvgIcon"}),{children:d,className:a,color:c="inherit",component:m="svg",fontSize:x="medium",htmlColor:g,inheritViewBox:h=!1,titleAccess:v,viewBox:b="0 0 24 24",...y}=o,f=t.isValidElement(d)&&"svg"===d.type,j={...o,color:c,component:m,fontSize:x,instanceFontSize:e.fontSize,inheritViewBox:h,viewBox:b,hasSvgAsChild:f},I={};h||(I.viewBox=b);const M=(e=>{const{color:n,fontSize:o,classes:t}=e,i={root:["root","inherit"!==n&&`color${(0,l.Z)(n)}`,`fontSize${(0,l.Z)(o)}`]};return(0,r.Z)(i,getSvgIconUtilityClass,t)})(j);return(0,u.jsxs)(p,{as:m,className:(0,i.Z)(M.root,a),focusable:"false",color:g,"aria-hidden":!v||void 0,role:v?"img":void 0,ref:n,...I,...y,...f&&d.props,ownerState:j,children:[f?d.props.children:d,v?(0,u.jsx)("title",{children:v}):null]})}));x.muiName="SvgIcon";const g=x;function createSvgIcon(e,n){function Component(o,t){return(0,u.jsx)(g,{"data-testid":`${n}Icon`,ref:t,...o,children:e})}return Component.muiName=g.muiName,t.memo(t.forwardRef(Component))}},29154:(e,n,o)=>{o.r(n),o.d(n,{default:()=>j});var t=o(38946),i=o(63762),r=o(87363),l=o(93379),d=o.n(l),a=o(7795),s=o.n(a),c=o(90569),m=o.n(c),u=o(3565),p=o.n(u),x=o(19216),g=o.n(x),h=o(44589),v=o.n(h),b=o(84887),y={};y.styleTagTransform=v(),y.setAttributes=p(),y.insert=m().bind(null,"head"),y.domAPI=s(),y.insertStyleElement=g();d()(b.Z,y);b.Z&&b.Z.locals&&b.Z.locals;var f=o(47514);const j=function MetaData(e){var n=e.style,o=e.metaData,l=e.visible,d=void 0===l?(0,r.useState)(""):l,a=(0,t.Z)(d,2),s=a[0],c=a[1],m=(0,i.NP)(),u=(0,r.useState)(""),p=(0,t.Z)(u,2),x=p[0],g=p[1],h=m.getViewConfig().displayMetaDatas,v=null==o?void 0:o.find((function(e){return null==h?void 0:h.includes(e.codex)}));return(0,r.useEffect)((function(){if(v){for(var e="",n=0;n<v.values.length;n++){""!==e&&(e+=", ");for(var t=function _loop(t){var i=null==o?void 0:o.find((function(e){return e.codex===h[t]}));if(!i)return 1;""!==e&&(e+=" "),e=e+(i.name?i.name+": ":"")+i.values[n]},i=0;i<h.length;i++)t(i)}g(e),c(e)}}),[]),s?(0,f.jsx)("div",{style:n,className:b.B,children:x}):(0,f.jsx)(f.Fragment,{})}},13703:(e,n,o)=>{o.r(n),o.d(n,{default:()=>j});var t=o(80248),i=o(38946),r=o(65515),l=o.n(r),d=o(63762),a=o(9420),s=o(87363),c=o(94873),m=o(13838),u=o(88683),p=o(86587),x=o(46770),g=o(29154),h=o(7318),v=o(98544),b=o(48657),y=o(68101),f=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,t.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const j=(0,a.Pi)((function Option(e){var n,o=e.item,t=e.paletteId,r=e.hidePricePreview,a=e.namePostFix,j=o,I=(0,d.NP)(),M=(0,u.useTranslation)().t,w=(0,u.useDivaCore)().state.dimensions,S=w.isMobile,C=w.isTablet,z=(0,s.useState)(""),N=(0,i.Z)(z,2),A=N[0],P=N[1],Z={},O={},k=void 0,L=!1,T={},E=(0,x.XI)({delayEnter:1500,hideOnScroll:!0}),D=(0,x.sJ)({isOpen:E[0],auto:!0,placement:I.getViewConfig().tooltipPosition||"left-center"});return S||C||I.getViewConfig().hideTooltip||!j.image&&!j.hexColor||j.contentItemId||(L=E[0],T=E[1],Z=D.triggerProps,O=D.layerProps,k=D.renderLayer),(0,f.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:j.codex,"data-test-id":"plannerPaletteItem",className:l()(c.CA,j.sel?c.pA:void 0),onClick:function onClick(){j.doShowFav&&I.paletteViewHandler.clickedOnFavIcon(j),I.paletteViewHandler.clickedOnConfigPalette(j,void 0,t)}},Z),T),{},{children:[(0,f.jsxs)("div",{className:l()(c.iZ,c.NC),children:[j.sel&&(0,f.jsx)(p.default,{listenToOptionVariables:!0}),j.contentItemId&&(0,f.jsx)(v.default,{item:j,style:{bottom:8}},j.codex),"TEXT"==j.layout&&(0,f.jsx)("div",{className:c.$l}),!("TEXT"==j.layout)&&(0,f.jsx)("div",{className:c.K5,style:{backgroundImage:"url(".concat(j.image,")")}}),(0,f.jsxs)("div",{className:l()(c.AR,"TEXT"==j.layout?c.Eb:void 0),children:[(0,f.jsx)("div",{className:l()(c.db,""!==A?c.Bm:void 0),dangerouslySetInnerHTML:{__html:j.text+(a||"")}}),(0,f.jsx)(g.default,{style:{position:"relative",float:"left"},metaData:j.metaData,visible:[A,P]},j.codex)]}),L&&(null===(n=k)||void 0===n?void 0:n((0,f.jsx)(h.default,{text:j.text+(j.freeText?j.freeText:"")+(a||""),desciption:A,image:j.image,hexColor:j.hexColor,pricePreviewPromise:j.pricePreviewPromise,layerProps:O},j.codex))),j.doShowFav&&(0,f.jsx)("div",{className:j.isFav?m.Md:m.Hq})]}),!r&&void 0!==j.pricePreviewPromise&&(0,f.jsx)(b.default,{asyncPricePreview:j.pricePreviewPromise,sel:j.sel}),void 0!==j.checkForReversingChanges&&(0,f.jsx)(y.default,{item:j,paletteId:t}),j.disabledByConstructionRule&&(0,f.jsx)("div",{className:l()(c.ox),title:M("configurator."+j.disabledByConstructionRule)})]}))}))},86587:(e,n,o)=>{o.r(n),o.d(n,{default:()=>l});var t=o(80248),i=(o(87363),o(2765)),r=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,t.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const l=function IsActive(e){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive"}))}},84887:(e,n,o)=>{o.d(n,{B:()=>d,Z:()=>a});var t=o(8081),i=o.n(t),r=o(23645),l=o.n(r)()(i());l.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\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--hpPAb {\n  color: #fff;\n}\n",""]);var d="index-module--hpPAb";const a=l},6284:(e,n,o)=>{o.d(n,{$l:()=>v,AR:()=>y,Bm:()=>I,CA:()=>u,Eb:()=>f,K5:()=>b,NC:()=>h,ZP:()=>w,db:()=>j,iZ:()=>x,ox:()=>M,pA:()=>p,vc:()=>g});var t=o(8081),i=o.n(t),r=o(23645),l=o.n(r),d=o(61667),a=o.n(d),s=new URL(o(63173),o.b),c=l()(i()),m=a()(s);c.push([e.id,"/*ConfigPalette with Normal & Small */\n\n.index-module--FGg5H {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  flex-wrap: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  border: var(--optionItemBorder) solid transparent;\n  border: var(--optionItemBorder) solid var(--optionItemBorderColor, transparent);\n  white-space: pre-line;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--FGg5H {\n  background-color: #374c86;\n}\n\n.index-module--zZnWk {\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderSelColor, var(--primaryColor));\n}\n\n.index-module--FGg5H:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderHoverColor, var(--primaryColor));\n}\n.index-module--FGg5H:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--FGg5H .index-module--pQje2 {\n  width: 98%;\n  background: white;\n  position: relative;\n  /* border-radius: var(--globalBorderRadius);*/\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--FGg5H .index-module--pQje2 {\n  background-color: #374c86;\n}\n\n.index-module--FGg5H.index-module--OqFNz {\n  width: 48%;\n  float: left;\n  margin-left: 1%;\n  margin-right: 1%;\n}\n\n.index-module--FGg5H .index-module--pQje2.index-module--CcpMC {\n  height: 80px;\n}\n\n.index-module--FGg5H .index-module--pQje2.index-module--II_8j {\n  height: 64px;\n}\n\n.index-module--FGg5H .index-module--dUy8g {\n  width: 18px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--FGg5H .index-module--CcpMC .index-module--Z8KXz {\n  height: 80px;\n  width: 112px;\n}\n\n.index-module--FGg5H .index-module--II_8j .index-module--Z8KXz {\n  height: 64px;\n  width: 96px;\n}\n.index-module--FGg5H.index-module--OqFNz .index-module--Z8KXz {\n  height: 64px;\n  width: 64px;\n}\n\n.index-module--FGg5H .index-module--Z8KXz {\n  float: left;\n\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: left center;\n}\n\n.index-module--m9VzR {\n  float: left;\n  max-height: 64px;\n  margin-top: 11.2px;\n  margin-left: 11.2px;\n  max-width: calc(100% - 128px);\n}\n\n.index-module--Y5eRx {\n  max-width: calc(100% - 32px);\n}\n\n.index-module--FGg5H.index-module--OqFNz .index-module--m9VzR {\n  max-width: 50%;\n  margin-top: 17.6px;\n}\n\n.index-module--FGg5H .index-module--mZh26 {\n  display: -webkit-box;\n  min-height: 16px;\n  border-radius: var(--globalBorderRadius);\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n          hyphens: auto;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--FGg5H .index-module--mZh26 {\n  color: #fff;\n}\n\n.index-module--FGg5H .index-module--mZh26.index-module--NabGm {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--CcpMC .index-module--mZh26 {\n  -webkit-line-clamp: 3;\n}\n\n.index-module--II_8j .index-module--mZh26 {\n  -webkit-line-clamp: 2;\n}\n\n@media all and (max-width: 1100px) {\n  .index-module--FGg5H .index-module--CcpMC {\n    height: 80px;\n  }\n\n  .index-module--FGg5H .index-module--CcpMC img {\n    height: 80px;\n  }\n\n  .index-module--m9VzR {\n    -webkit-line-clamp: 2;\n    max-width: calc(100% - 128px);\n    margin-top: 11.2px;\n    /*Hier noch falls 2 spaltig wieder einspaltig machen*/\n  }\n}\n\n.index-module--iEJ0N {\n  float: right;\n  z-index: 900;\n}\n\n.index-module--MhR1_ .index-module--iEJ0N {\n  float: right;\n  margin-right: 11.2px;\n  width: auto;\n}\n\n.index-module--2NJnv {\n  display: block;\n  height: 30px;\n  background-image: url("+m+");\n  width: 30px;\n  background-repeat: no-repeat;\n  background-size: contain;\n  padding: 0;\n  position: absolute;\n  z-index: 888;\n  bottom: calc(50% - 15px);\n  right: 1rem;\n}\n",""]);var u="index-module--FGg5H",p="index-module--zZnWk",x="index-module--pQje2",g="index-module--CcpMC",h="index-module--II_8j",v="index-module--dUy8g",b="index-module--Z8KXz",y="index-module--m9VzR",f="index-module--Y5eRx",j="index-module--mZh26",I="index-module--NabGm",M="index-module--2NJnv";const w=c},94873:(e,n,o)=>{o.d(n,{$l:()=>g.$l,AR:()=>g.AR,Bm:()=>g.Bm,CA:()=>g.CA,Eb:()=>g.Eb,K5:()=>g.K5,NC:()=>g.NC,db:()=>g.db,iZ:()=>g.iZ,ox:()=>g.ox,pA:()=>g.pA,vc:()=>g.vc});var t=o(93379),i=o.n(t),r=o(7795),l=o.n(r),d=o(90569),a=o.n(d),s=o(3565),c=o.n(s),m=o(19216),u=o.n(m),p=o(44589),x=o.n(p),g=o(6284),h={};h.styleTagTransform=x(),h.setAttributes=c(),h.insert=a().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=u();i()(g.ZP,h),g.ZP&&g.ZP.locals&&g.ZP.locals},63173:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4zMTExNyAwIDAgMS4zMDIzOSA3MzcuMzkgMTU5LjkxKSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSIwIiB5Mj0iLS41OTkiIHgyPSIwIiB5MT0iNDUuNDciPjxzdG9wIHN0b3AtY29sb3I9IiNmZmM1MTUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmQ1NWIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyB0cmFuc2Zvcm09Im1hdHJpeCguODU3MTQgMCAwIC44NTcxNC02MjcuMDItMTMwLjgpIj48cGF0aCBkPSJtNzk3Ljk0IDIxMi4wMWwtMjUuNjA3LTQ4Yy0uNzM2LTEuMzMzLTIuMDY4LTIuMDc0LTMuNTUxLTIuMDc0LTEuNDgzIDAtMi44MjIuODg5LTMuNTY5IDIuMjIybC0yNS40MTcgNDhjLS41OTggMS4xODUtLjYwNSAyLjgxNS4xMzIgNCAuNzM3IDEuMTg1IDEuOTIxIDEuNzc4IDMuNDA0IDEuNzc4aDUxLjAyYzEuNDgzIDAgMi44MjEtLjc0MSAzLjQyLTEuOTI2Ljc0Ny0xLjE4NS43NTMtMi42NjcuMTY1LTQiIGZpbGw9InVybCgjMCkiLz48cGF0aCBkPSJtLTI2LjMwOSAxOC4wN2MtMS4xOCAwLTIuMTM1Ljk2OC0yLjEzNSAyLjEyOXYxMi44MmMwIDEuMTc2Ljk0OCAyLjEyOSAyLjEzNSAyLjEyOSAxLjE4MyAwIDIuMTM1LS45NjggMi4xMzUtMi4xMjl2LTEyLjgyYzAtMS4xNzYtLjk0Ni0yLjEyOS0yLjEzNS0yLjEyOXptMCAyMS4zNDhjLTEuMTggMC0yLjEzNS45NTQtMi4xMzUgMi4xMzUgMCAxLjE4Ljk1NCAyLjEzNSAyLjEzNSAyLjEzNSAxLjE4MSAwIDIuMTM1LS45NTQgMi4xMzUtMi4xMzUgMC0xLjE4LS45NTItMi4xMzUtMi4xMzUtMi4xMzV6IiB0cmFuc2Zvcm09Im1hdHJpeCgxLjA1MTk2IDAgMCAxLjA1MTk2IDc5Ni41MyAxNjEuODcpIiBmaWxsPSIjMDAwIiBzdHJva2U9IiM0MDMzMGQiIGZpbGwtb3BhY2l0eT0iLjc1Ii8+PC9nPjwvc3ZnPg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 5406.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5406],{34384:(A,e,t)=>{t.r(e),t.d(e,{default:()=>l});var n=t(80248),o=t(34988),r=t(9420),a=t(87363),i=t(8002),s=t(63762),c=t(88683),g=t(47514);function ownKeys(A,e){var t=Object.keys(A);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(A);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(A,e).enumerable}))),t.push.apply(t,n)}return t}function _objectSpread(A){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,n.Z)(A,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(A,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(A,e,Object.getOwnPropertyDescriptor(t,e))}))}return A}var d=(0,c.getLogger)("Planner","InfoBox");const l=(0,r.Pi)((function ContentItemWrapper(A){var e=A.direction,t=A.mountElement,n=A.drawerStyle,r=(0,s.NP)(),l=(0,a.useState)(!1),p=(0,o.Z)(l,2),u=p[0],B=p[1],f=(0,c.useDivaCore)().actions,Y=f.openDrawerMenu,b=f.closeDrawerMenu;return(0,a.useEffect)((function(){if(r.settingsState.contentItemVisible&&r.settingsState.contentItemId){B(!0);var A,a,s=r.getIsInMobileView(),c=function onClose(){b("content-item",!0),r.settingsState.setContentItemId()},l=r.settingsState.selectedArticles.map((function(A){return A.basketId})).flat(),p=r.divaWebPlanner.getVariantValues(l).map((function(A){return{featureCodex:A.OPT.startsWith("OPT")?A.OPT.substring(3):A.OPT,selectedOptions:[A.OPV]}})),f=(0,g.jsx)(i.Q,{onClose:c,contentItemId:r.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},headerWrapperStyle:{borderTopRightRadius:"8px",borderTopLeftRadius:"8px"},onContentItemLoaded:function onContentItemLoaded(A){d.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:r.settingsState.contentItemId,title:null!=A?A:void 0})},params:{initialContext:p},onEvent:function onEvent(A){if("applyResults"==A.type){var e,t=A.payload;!(null!==(e=r.divaWebPlanner.actSet())&&void 0!==e&&e.CatalogData.isIDMFormat)&&Object.entries(t).forEach((function(A){var e=(0,o.Z)(A,2),n=e[0],r=e[1];t["OPT".concat(n)]="OPV".concat(r)})),r.paletteViewHandler.changeOnCheckoutConfig(t,l)}else"onCancel"!=A.type&&"onClose"!=A.type||c()}},r.settingsState.contentItemId+r.settingsState.contentItemVisible);if(s)Y({id:"content-item",content:f,onClose:c,open:!0,hideCloseButton:!0,showOverlay:!0,noModal:!1,direction:"bottom",mountElement:null!==(A=r.uiState.wrapperRef)&&void 0!==A?A:void 0,handleInternScroll:!0});else Y({id:"content-item",content:f,onClose:c,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:e,mountElement:null!==(a=null!=t?t:r.productState.productElement)&&void 0!==a?a:void 0,handleInternScroll:!0,drawerStyle:_objectSpread(_objectSpread({position:"absolute",zIndex:550,maxWidth:500,maxHeight:600,top:0,bottom:"unset",boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===e?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"}),n),wrapperStyle:_objectSpread({zIndex:550,boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===e?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"})})}else u&&(b("content-item",!0),setTimeout((function(){B(!1)}),400))}),[r.settingsState.contentItemVisible,r.settingsState.contentItemId]),(0,g.jsx)(g.Fragment,{})}))},64197:A=>{A.exports="data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5406],{34384:(A,e,t)=>{t.r(e),t.d(e,{default:()=>l});var n=t(80248),o=t(38946),r=t(9420),a=t(87363),i=t(8002),s=t(63762),c=t(88683),g=t(47514);function ownKeys(A,e){var t=Object.keys(A);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(A);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(A,e).enumerable}))),t.push.apply(t,n)}return t}function _objectSpread(A){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,n.Z)(A,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(A,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(A,e,Object.getOwnPropertyDescriptor(t,e))}))}return A}var d=(0,c.getLogger)("Planner","InfoBox");const l=(0,r.Pi)((function ContentItemWrapper(A){var e=A.direction,t=A.mountElement,n=A.drawerStyle,r=(0,s.NP)(),l=(0,a.useState)(!1),p=(0,o.Z)(l,2),u=p[0],B=p[1],f=(0,c.useDivaCore)().actions,Y=f.openDrawerMenu,b=f.closeDrawerMenu;return(0,a.useEffect)((function(){if(r.settingsState.contentItemVisible&&r.settingsState.contentItemId){B(!0);var A,a,s=r.getIsInMobileView(),c=function onClose(){b("content-item",!0),r.settingsState.setContentItemId()},l=r.settingsState.selectedArticles.map((function(A){return A.basketId})).flat(),p=r.divaWebPlanner.getVariantValues(l).map((function(A){return{featureCodex:A.OPT.startsWith("OPT")?A.OPT.substring(3):A.OPT,selectedOptions:[A.OPV]}})),f=(0,g.jsx)(i.Q,{onClose:c,contentItemId:r.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},headerWrapperStyle:{borderTopRightRadius:"8px",borderTopLeftRadius:"8px"},onContentItemLoaded:function onContentItemLoaded(A){d.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:r.settingsState.contentItemId,title:null!=A?A:void 0})},params:{initialContext:p},onEvent:function onEvent(A){if("applyResults"==A.type){var e,t=A.payload;!(null!==(e=r.divaWebPlanner.actSet())&&void 0!==e&&e.CatalogData.isIDMFormat)&&Object.entries(t).forEach((function(A){var e=(0,o.Z)(A,2),n=e[0],r=e[1];t["OPT".concat(n)]="OPV".concat(r)})),r.paletteViewHandler.changeOnCheckoutConfig(t,l)}else"onCancel"!=A.type&&"onClose"!=A.type||c()}},r.settingsState.contentItemId+r.settingsState.contentItemVisible);if(s)Y({id:"content-item",content:f,onClose:c,open:!0,hideCloseButton:!0,showOverlay:!0,noModal:!1,direction:"bottom",mountElement:null!==(A=r.uiState.wrapperRef)&&void 0!==A?A:void 0,handleInternScroll:!0});else Y({id:"content-item",content:f,onClose:c,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:e,mountElement:null!==(a=null!=t?t:r.productState.productElement)&&void 0!==a?a:void 0,handleInternScroll:!0,drawerStyle:_objectSpread(_objectSpread({position:"absolute",zIndex:550,maxWidth:500,maxHeight:600,top:0,bottom:"unset",boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===e?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"}),n),wrapperStyle:_objectSpread({zIndex:550,boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===e?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"})})}else u&&(b("content-item",!0),setTimeout((function(){B(!1)}),400))}),[r.settingsState.contentItemVisible,r.settingsState.contentItemId]),(0,g.jsx)(g.Fragment,{})}))},64197:A=>{A.exports="data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 5414.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5414,8291,58],{95414:(e,t,r)=>{r.r(t),r.d(t,{default:()=>b});var n=r(80248),o=r(34988),a=r(88291),u=r(9420),c=r(63762),i=r(87363),s=r(88683),p=r(47514);function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const b=(0,u.Pi)((function TabSearch(e){var t=Object.assign({},((0,a.Z)(e),e)),r=(0,i.useState)(""),n=(0,o.Z)(r,2),u=n[0],b=n[1],l=(0,s.useTranslation)().t,f=(0,c.NP)();return(0,i.useEffect)((function(){var e=!!f.tabGroupState.filterTabgroup&&!u;f.tabGroupState.setFilterTabgroup(u&&""!==u?u:void 0),e&&setTimeout((function(){return f.tabGroupState.scrollToCurTabgroup()}),200)}),[u]),(0,i.useEffect)((function(){void 0===f.tabGroupState.filterTabgroup&&u&&b("")}),[f.tabGroupState.filterTabgroup]),(0,p.jsxs)("div",_objectSpread(_objectSpread({},t),{},{children:[(0,p.jsx)("input",{value:u,type:"text",onChange:function onChange(e){return b(e.target.value)},placeholder:l("filter.global")}),!!u&&(0,p.jsx)("div",{onClick:function onClick(){return b("")}})]}))}))},88291:(e,t,r)=>{function _objectDestructuringEmpty(e){if(null==e)throw new TypeError("Cannot destructure "+e)}r.d(t,{Z:()=>_objectDestructuringEmpty})}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5414,8291,58],{95414:(e,t,r)=>{r.r(t),r.d(t,{default:()=>b});var n=r(80248),o=r(38946),a=r(88291),u=r(9420),c=r(63762),i=r(87363),s=r(88683),p=r(47514);function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const b=(0,u.Pi)((function TabSearch(e){var t=Object.assign({},((0,a.Z)(e),e)),r=(0,i.useState)(""),n=(0,o.Z)(r,2),u=n[0],b=n[1],l=(0,s.useTranslation)().t,f=(0,c.NP)();return(0,i.useEffect)((function(){var e=!!f.tabGroupState.filterTabgroup&&!u;f.tabGroupState.setFilterTabgroup(u&&""!==u?u:void 0),e&&setTimeout((function(){return f.tabGroupState.scrollToCurTabgroup()}),200)}),[u]),(0,i.useEffect)((function(){void 0===f.tabGroupState.filterTabgroup&&u&&b("")}),[f.tabGroupState.filterTabgroup]),(0,p.jsxs)("div",_objectSpread(_objectSpread({},t),{},{children:[(0,p.jsx)("input",{value:u,type:"text",onChange:function onChange(e){return b(e.target.value)},placeholder:l("filter.global")}),!!u&&(0,p.jsx)("div",{onClick:function onClick(){return b("")}})]}))}))},88291:(e,t,r)=>{function _objectDestructuringEmpty(e){if(null==e)throw new TypeError("Cannot destructure "+e)}r.d(t,{Z:()=>_objectDestructuringEmpty})}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 5631.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5631,9501,2072],{57446:function(r,m,x){var y;r.exports=(y=x(87363),function(r){var m={};function n(x){if(m[x])return m[x].exports;var y=m[x]={i:x,l:!1,exports:{}};return r[x].call(y.exports,y,y.exports,n),y.l=!0,y.exports}return n.m=r,n.c=m,n.d=function(r,m,x){n.o(r,m)||Object.defineProperty(r,m,{enumerable:!0,get:x})},n.r=function(r){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})},n.t=function(r,m){if(1&m&&(r=n(r)),8&m)return r;if(4&m&&"object"==typeof r&&r&&r.__esModule)return r;var x=Object.create(null);if(n.r(x),Object.defineProperty(x,"default",{enumerable:!0,value:r}),2&m&&"string"!=typeof r)for(var y in r)n.d(x,y,function(m){return r[m]}.bind(null,y));return x},n.n=function(r){var m=r&&r.__esModule?function(){return r.default}:function(){return r};return n.d(m,"a",m),m},n.o=function(r,m){return Object.prototype.hasOwnProperty.call(r,m)},n.p="",n(n.s=4)}([function(r,m,x){r.exports=x(2)()},function(r,m){r.exports=y},function(r,m,x){"use strict";var y=x(3);function o(){}function i(){}i.resetWarningCache=o,r.exports=function(){function e(r,m,x,v,O,w){if(w!==y){var C=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw C.name="Invariant Violation",C}}function t(){return e}e.isRequired=e;var r={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:o};return r.PropTypes=r,r}},function(r,m,x){"use strict";r.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(r,m,x){"use strict";x.r(m);var y=x(1),v=x.n(y),O=x(0),w=x.n(O),a=function(r){return 0!==r};function l(){return(l=Object.assign?Object.assign.bind():function(r){for(var m=1;m<arguments.length;m++){var x=arguments[m];for(var y in x)Object.prototype.hasOwnProperty.call(x,y)&&(r[y]=x[y])}return r}).apply(this,arguments)}function c(r){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r})(r)}function p(r,m){for(var x=0;x<m.length;x++){var y=m[x];y.enumerable=y.enumerable||!1,y.configurable=!0,"value"in y&&(y.writable=!0),Object.defineProperty(r,y.key,y)}}function u(r,m){return(u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,m){return r.__proto__=m,r})(r,m)}function g(r){var m=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(r){return!1}}();return function(){var x,y=d(r);if(m){var v=d(this).constructor;x=Reflect.construct(y,arguments,v)}else x=y.apply(this,arguments);return f(this,x)}}function f(r,m){if(m&&("object"===c(m)||"function"==typeof m))return m;if(void 0!==m)throw new TypeError("Derived constructors may only return object or undefined");return h(r)}function h(r){if(void 0===r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function d(r){return(d=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(r){return r.__proto__||Object.getPrototypeOf(r)})(r)}function b(r,m,x){return m in r?Object.defineProperty(r,m,{value:x,enumerable:!0,configurable:!0,writable:!0}):r[m]=x,r}var C=function(r){!function(r,m){if("function"!=typeof m&&null!==m)throw new TypeError("Super expression must either be null or a function");r.prototype=Object.create(m&&m.prototype,{constructor:{value:r,writable:!0,configurable:!0}}),Object.defineProperty(r,"prototype",{writable:!1}),m&&u(r,m)}(s,r);var m,x,y,O=g(s);function s(r){var m;return function(r,m){if(!(r instanceof m))throw new TypeError("Cannot call a class as a function")}(this,s),b(h(m=O.call(this,r)),"continueOpenCollapsible",(function(){var r=h(m).innerRef;m.setState({height:r.scrollHeight,transition:"height ".concat(m.props.transitionTime,"ms ").concat(m.props.easing),isClosed:!1,hasBeenOpened:!0,inTransition:a(r.scrollHeight),shouldOpenOnNextCycle:!1})})),b(h(m),"handleTriggerClick",(function(r){m.props.triggerDisabled||m.state.inTransition||(r.preventDefault(),m.props.handleTriggerClick?m.props.handleTriggerClick(m.props.accordionPosition):!0===m.state.isClosed?(m.openCollapsible(),m.props.onOpening(),m.props.onTriggerOpening()):(m.closeCollapsible(),m.props.onClosing(),m.props.onTriggerClosing()))})),b(h(m),"handleTransitionEnd",(function(r){r.target===m.innerRef&&(m.state.isClosed?(m.setState({inTransition:!1}),m.props.onClose()):(m.setState({height:"auto",overflow:m.props.overflowWhenOpen,inTransition:!1}),m.props.onOpen()))})),b(h(m),"setInnerRef",(function(r){return m.innerRef=r})),m.timeout=void 0,m.contentId=r.contentElementId||"collapsible-content-".concat(Date.now()),m.triggerId=r.triggerElementProps.id||"collapsible-trigger-".concat(Date.now()),r.open?m.state={isClosed:!1,shouldSwitchAutoOnNextCycle:!1,height:"auto",transition:"none",hasBeenOpened:!0,overflow:r.overflowWhenOpen,inTransition:!1}:m.state={isClosed:!0,shouldSwitchAutoOnNextCycle:!1,height:0,transition:"height ".concat(r.transitionTime,"ms ").concat(r.easing),hasBeenOpened:!1,overflow:"hidden",inTransition:!1},m}return m=s,(x=[{key:"componentDidUpdate",value:function(r,m){var x=this;this.state.shouldOpenOnNextCycle&&this.continueOpenCollapsible(),"auto"!==m.height&&0!==m.height||!0!==this.state.shouldSwitchAutoOnNextCycle||(window.clearTimeout(this.timeout),this.timeout=window.setTimeout((function(){x.setState({height:0,overflow:"hidden",isClosed:!0,shouldSwitchAutoOnNextCycle:!1})}),50)),r.open!==this.props.open&&(!0===this.props.open?(this.openCollapsible(),this.props.onOpening()):(this.closeCollapsible(),this.props.onClosing()))}},{key:"componentWillUnmount",value:function(){window.clearTimeout(this.timeout)}},{key:"closeCollapsible",value:function(){var r=this.innerRef;this.setState({shouldSwitchAutoOnNextCycle:!0,height:r.scrollHeight,transition:"height ".concat(this.props.transitionCloseTime?this.props.transitionCloseTime:this.props.transitionTime,"ms ").concat(this.props.easing),inTransition:a(r.scrollHeight)})}},{key:"openCollapsible",value:function(){this.setState({inTransition:a(this.innerRef.scrollHeight),shouldOpenOnNextCycle:!0})}},{key:"renderNonClickableTriggerElement",value:function(){var r=this.props,m=r.triggerSibling,x=r.classParentString;if(!m)return null;switch(c(m)){case"string":return v.a.createElement("span",{className:"".concat(x,"__trigger-sibling")},m);case"function":return m();case"object":return m;default:return null}}},{key:"render",value:function(){var r=this,m={height:this.state.height,WebkitTransition:this.state.transition,msTransition:this.state.transition,transition:this.state.transition,overflow:this.state.overflow},x=this.state.isClosed?"is-closed":"is-open",y=this.props.triggerDisabled?"is-disabled":"",O=!1===this.state.isClosed&&void 0!==this.props.triggerWhenOpen?this.props.triggerWhenOpen:this.props.trigger,w=this.props.contentContainerTagName,C=this.props.triggerTagName,j=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,P=this.props,S=P.classParentString,N=P.contentOuterClassName,T=P.contentInnerClassName,k="".concat(S,"__trigger ").concat(x," ").concat(y," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),I="".concat(S," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),E="".concat(S,"__contentOuter ").concat(N),A="".concat(S,"__contentInner ").concat(T);return v.a.createElement(w,l({className:I.trim()},this.props.containerElementProps),v.a.createElement(C,l({id:this.triggerId,className:k.trim(),onClick:this.handleTriggerClick,style:this.props.triggerStyle&&this.props.triggerStyle,onKeyPress:function(m){var x=m.key;(" "===x&&"button"!==r.props.triggerTagName.toLowerCase()||"Enter"===x)&&r.handleTriggerClick(m)},tabIndex:this.props.tabIndex&&this.props.tabIndex,"aria-expanded":!this.state.isClosed,"aria-disabled":this.props.triggerDisabled,"aria-controls":this.contentId,role:"button"},this.props.triggerElementProps),O),this.renderNonClickableTriggerElement(),v.a.createElement("div",{id:this.contentId,className:E.trim(),style:m,onTransitionEnd:this.handleTransitionEnd,ref:this.setInnerRef,hidden:this.props.contentHiddenWhenClosed&&this.state.isClosed&&!this.state.inTransition,role:"region","aria-labelledby":this.triggerId},v.a.createElement("div",{className:A.trim()},j)))}}])&&p(m.prototype,x),y&&p(m,y),Object.defineProperty(m,"prototype",{writable:!1}),s}(y.Component);C.propTypes={transitionTime:w.a.number,transitionCloseTime:w.a.number,triggerTagName:w.a.string,easing:w.a.string,open:w.a.bool,containerElementProps:w.a.object,triggerElementProps:w.a.object,contentElementId:w.a.string,classParentString:w.a.string,className:w.a.string,openedClassName:w.a.string,triggerStyle:w.a.object,triggerClassName:w.a.string,triggerOpenedClassName:w.a.string,contentOuterClassName:w.a.string,contentInnerClassName:w.a.string,accordionPosition:w.a.oneOfType([w.a.string,w.a.number]),handleTriggerClick:w.a.func,onOpen:w.a.func,onClose:w.a.func,onOpening:w.a.func,onClosing:w.a.func,onTriggerOpening:w.a.func,onTriggerClosing:w.a.func,trigger:w.a.oneOfType([w.a.string,w.a.element]),triggerWhenOpen:w.a.oneOfType([w.a.string,w.a.element]),triggerDisabled:w.a.bool,lazyRender:w.a.bool,overflowWhenOpen:w.a.oneOf(["hidden","visible","auto","scroll","inherit","initial","unset"]),contentHiddenWhenClosed:w.a.bool,triggerSibling:w.a.oneOfType([w.a.string,w.a.element,w.a.func]),tabIndex:w.a.number,contentContainerTagName:w.a.string,children:w.a.oneOfType([w.a.string,w.a.element])},C.defaultProps={transitionTime:400,transitionCloseTime:null,triggerTagName:"span",easing:"linear",open:!1,classParentString:"Collapsible",triggerDisabled:!1,lazyRender:!1,overflowWhenOpen:"hidden",contentHiddenWhenClosed:!1,openedClassName:"",triggerStyle:null,triggerClassName:"",triggerOpenedClassName:"",contentOuterClassName:"",contentInnerClassName:"",className:"",triggerSibling:null,onOpen:function(){},onClose:function(){},onOpening:function(){},onClosing:function(){},onTriggerOpening:function(){},onTriggerClosing:function(){},tabIndex:null,contentContainerTagName:"div",triggerElementProps:{}},m.default=C}]))},59501:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>F});var y=x(84658),v=x(34988),O=x(50747),w=x.n(O),C=x(87363),j=x(9420),P=x(63762),S=x(1463),N=x.n(S),T=x(93379),k=x.n(T),I=x(7795),E=x.n(I),A=x(90569),D=x.n(A),_=x(3565),Z=x.n(_),R=x(19216),M=x.n(R),W=x(44589),J=x.n(W),z=x(89144),G={};G.styleTagTransform=J(),G.setAttributes=Z(),G.insert=D().bind(null,"head"),G.domAPI=E(),G.insertStyleElement=M();k()(z.ZP,G);z.ZP&&z.ZP.locals&&z.ZP.locals;var B=x(88683),H=x(47514);const F=(0,j.Pi)((function JsonEditor(r){var m=r.json,x=(r.plannerArticles,r.curBox),O=r.divaArticles,j=(0,P.NP)(),S=(0,C.useRef)(null),T=(0,C.useRef)(null),k=(0,C.useState)(null!=m?m:{}),I=(0,v.Z)(k,2),E=I[0],A=I[1],D=(0,C.useState)(!0),_=(0,v.Z)(D,2),Z=_[0],R=_[1],M=(0,C.useState)([]),W=(0,v.Z)(M,2),J=W[0],G=W[1],F=O[x],L={mode:"code",onChange:function onChange(){try{var r=T.current,m=(r.get(),r.validate());R(m)}catch(r){return void R(!1)}}};(0,C.useEffect)((function(){A(m)})),(0,C.useEffect)((function(){S.current&&(T.current||(T.current=new(N())(S.current,L)),T.current&&T.current.set(E))}),[E]);var U=function(){var r=(0,y.Z)(w().mark((function _callee(){var r;return w().wrap((function _callee$(m){for(;;)switch(m.prev=m.next){case 0:if((r=T.current).get()&&0!==Object.keys(r.get()).length){m.next=4;break}return alert("Cannot save empty value"),m.abrupt("return");case 4:return F.catalogArticle.modifiedJ3D=r.get(),F.resetShelfPlanner(),m.next=8,F.updateShelfPlannerState({});case 8:j.paletteViewHandler.updateCurPaletteData(!1),setModifiedInfo(),alert("Saved");case 11:case"end":return m.stop()}}),_callee)})));return function onClickSave(){return r.apply(this,arguments)}}();function setModifiedInfo(){var r,m=null===(r=j.divaWebPlanner.getCatalogData())||void 0===r?void 0:r.allCatalogArticles,x=[];for(var y in m)m[y].catalogArticle.modifiedJ3D&&x.push({articleCodex:y,j3d:JSON.stringify(m[y].catalogArticle.modifiedJ3D)});G(x)}return(0,H.jsxs)("div",{className:z.YS,children:[(0,H.jsx)("div",{ref:S,id:"jsoneditor",style:{width:"90%",height:"100%"}}),(0,H.jsxs)("div",{className:z.IU,children:[(0,H.jsx)("button",{className:z.LI,disabled:!Z,onClick:function onClick(){return U()},children:"Save"}),(0,H.jsx)("button",{className:z.LI,onClick:function onClick(){return function onClickExport(){if(J&&0!==J.length)for(var r=0;r<J.length;r++)B.DivaUtils.downloadStringAsTxtFile(J[r].j3d,"text/plain",J[r].articleCodex+".txt");else alert("No modified Article found")}()},children:"Export modified J3D"}),(0,H.jsxs)("div",{children:[(0,H.jsx)("h5",{children:"Modified Articles"}),J.map((function(r,m){return(0,H.jsx)("p",{className:z.lI,children:r.articleCodex},m)}))]})]})]})}))},72072:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>R});var y=x(80248),v=x(34988),O=x(72874),w=x(88623),C=x(87363),j=x(63762),P=x(93476),S=x(92349),N=x(9420),T=x(65515),k=x.n(T),I=x(51203),E=x(57446),A=x.n(E),D=x(85108),_=x(47514),Z=["settings","title","ChildComponent"];function ownKeys(r,m){var x=Object.keys(r);if(Object.getOwnPropertySymbols){var y=Object.getOwnPropertySymbols(r);m&&(y=y.filter((function(m){return Object.getOwnPropertyDescriptor(r,m).enumerable}))),x.push.apply(x,y)}return x}function _objectSpread(r){for(var m=1;m<arguments.length;m++){var x=null!=arguments[m]?arguments[m]:{};m%2?ownKeys(Object(x),!0).forEach((function(m){(0,y.Z)(r,m,x[m])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(x)):ownKeys(Object(x)).forEach((function(m){Object.defineProperty(r,m,Object.getOwnPropertyDescriptor(x,m))}))}return r}const R=(0,N.Pi)((function ArticleOverview(r){var m,x=r.settings,y=r.title,N=r.ChildComponent,T=(0,O.Z)(r,Z),E=(0,j.NP)();E.tabGroupState.allTabGroups;var R=(0,C.useState)(!0),M=(0,v.Z)(R,2),W=M[0],J=M[1],z=(0,C.useState)(0),G=(0,v.Z)(z,2),B=G[0],H=G[1],F=(0,C.useState)(x[0].key),L=(0,v.Z)(F,2),U=L[0],Q=L[1],Y=E.divaWebPlanner.getDivaArticles();null===(m=E.divaWebPlanner.actSet())||void 0===m||m.configTree;if(!Y)return(0,_.jsx)(_.Fragment,{});var K,q,X=Object.values(Y),V=X.filter((function(r){return r.hasCatalogPlannerArticle})).map((function(r){return r.catalogArticle.catalogPlannerArticle})),$={};"OPTIONSTATES"===U&&($=X.map((function(r){return r.VariantValues}))[B]);("DECISIONS"===U&&($=JSON.parse(JSON.stringify((0,w.ZN)(X.map((function(r){return r.decisions})))))),"CONFIGTREE"===U&&($={}),"J3D"===U)&&($=null!=X&&null!==(K=X[B])&&void 0!==K&&K.j3D?JSON.parse(JSON.stringify(null==X||null===(q=X[B])||void 0===q?void 0:q.j3D)):{});return(0,_.jsx)(_.Fragment,{children:(0,_.jsxs)("div",_objectSpread(_objectSpread({},T),{},{className:k()(T.className,E.uiState.configSettingsIsExpanded?I.NF:void 0),style:{zIndex:700},children:[(0,_.jsx)("a",{className:P.Fs,children:y}),(0,_.jsx)(A(),_objectSpread(_objectSpread({trigger:(0,_.jsx)("div",{className:S.Ux,children:(0,_.jsx)("img",{src:D,className:S.Jf})}),onClose:function onClose(){return J(!W)},onOpen:function onOpen(){return J(!W)},triggerWhenOpen:(0,_.jsxs)("div",{className:S.Ux,children:[" ",(0,_.jsx)("img",{src:D,className:S.l1})]})},{open:!0,easing:"ease-in",transitionTime:200}),{},{children:(0,_.jsx)("div",{className:S.qk,children:X.map((function(r,m){return(0,_.jsxs)("div",{className:k()(S.BZ,m===B?S.Od:void 0),onClick:function onClick(){H(m)},children:[(0,_.jsx)("img",{src:r.imageUrl,className:S.tX}),(0,_.jsx)("p",{children:r.posNr}),(0,_.jsx)("p",{children:r.name}),(0,_.jsx)("p",{children:r.basketId})]},r.basketId)}))})})),(0,_.jsx)("div",{className:S.Uj,children:x.map((function(r,m){return(0,_.jsx)("button",{onClick:function onClick(){return Q(r.key)},className:U===r.key?S._D:void 0,children:r.name},r.key)}))}),(0,_.jsx)(N,_objectSpread(_objectSpread({},T),{},{json:$,selectedJson:U,isExpanded:W,plannerArticles:V,curBox:B,divaArticles:X}))]}))})}))},35631:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>j});var y=x(80248),v=x(9420),O=(x(87363),x(72072)),w=x(59501),C=x(47514);function ownKeys(r,m){var x=Object.keys(r);if(Object.getOwnPropertySymbols){var y=Object.getOwnPropertySymbols(r);m&&(y=y.filter((function(m){return Object.getOwnPropertyDescriptor(r,m).enumerable}))),x.push.apply(x,y)}return x}function _objectSpread(r){for(var m=1;m<arguments.length;m++){var x=null!=arguments[m]?arguments[m]:{};m%2?ownKeys(Object(x),!0).forEach((function(m){(0,y.Z)(r,m,x[m])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(x)):ownKeys(Object(x)).forEach((function(m){Object.defineProperty(r,m,Object.getOwnPropertyDescriptor(x,m))}))}return r}const j=(0,v.Pi)((function J3DEditor(r){return(0,C.jsx)(O.default,_objectSpread(_objectSpread({},r),{},{className:r.className,style:{userSelect:"text"},ChildComponent:w.default,settings:[{key:"J3D",name:"J3D Editor"}],title:"Artikel Übersicht"}))}))},89144:(r,m,x)=>{"use strict";x.d(m,{IU:()=>P,LI:()=>j,YS:()=>C,ZP:()=>N,lI:()=>S});var y=x(8081),v=x.n(y),O=x(23645),w=x.n(O)()(v());w.push([r.id,".index-module--B2E8Y {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  /* width: 80%; */\n  height: 750px;\n  margin-left: 51px;\n  margin-right: 10px;\n  gap: 10px;\n}\n\n.index-module--Qe3Dm {\n  min-height: 45px;\n  min-width: 45px;\n  max-width: 60px;\n  width: auto;\n  margin-bottom: 20px;\n}\n.index-module--AG2M4 {\n  display: flex;\n  flex-direction: column;\n}\n\n.index-module--QweAA {\n  font-size: 10px;\n}\n",""]);var C="index-module--B2E8Y",j="index-module--Qe3Dm",P="index-module--AG2M4",S="index-module--QweAA";const N=w},62860:(r,m,x)=>{"use strict";x.d(m,{BZ:()=>C,Jf:()=>T,Od:()=>j,Uj:()=>A,Ux:()=>N,YS:()=>I,ZP:()=>_,_D:()=>D,l1:()=>k,qk:()=>P,rp:()=>E,tX:()=>S});var y=x(8081),v=x.n(y),O=x(23645),w=x.n(O)()(v());w.push([r.id,".index-module--d56lH {\n  width: 25%;\n  border: 1px solid;\n  border-radius: var(--globalBorderRadius);\n  background-color: white;\n  max-width: 90px;\n  box-shadow: none;\n  transition: box-shadow 0.5s;\n}\n.index-module--d56lH p {\n  line-break: anywhere;\n}\n.index-module--TipV7 {\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--d56lH:hover {\n  box-shadow: inset 5px 5px 100px 5px rgba(0,0,0,0.24706);\n  cursor: pointer;\n  transition: box-shadow 0.5s;\n}\n.index-module--F8fkE {\n  display: flex;\n  padding-left: 60px;\n  padding-bottom: 10px;\n  padding-top: 10px;\n  gap: 2.5%;\n  min-height: 135px;\n  overflow: auto;\n  background-color: #31383d;\n}\n.index-module--_cMQA {\n  width: auto;\n  height: auto;\n  max-width: 95%;\n  max-height: 90px;\n  margin-left: 2.5%;\n  margin-right: 2.5%;\n}\n.index-module--LpnAj {\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  text-align: center;\n  background-color: rgb(28, 32, 35);\n  color: black;\n  margin: 5% 0% 0% 1%;\n  cursor: pointer;\n}\n.index-module--Sj8he {\n  margin-top: 1%;\n  transform: rotate(270deg);\n  transition: transform 0.3s;\n}\n.index-module--FqwmN {\n  margin-top: 1%;\n  transform: rotate(90deg);\n  transition: transform 0.3s;\n}\n.index-module--cGqPx {\n  position: relative;\n  margin-left: 50px;\n  height: 78.6vh;\n  width: 96%;\n  overflow: auto;\n  background-color: rgb(28, 32, 35);\n  transition: height 0.5s;\n}\n.index-module--HI_ql {\n  height: 53.8vh;\n  transition: height 0.5s;\n}\n.index-module--kIX5J {\n  margin-left: 50px;\n  display: flex;\n  flex-basis: 100%;\n}\n.index-module--kIX5J * {\n  width: 100%;\n  background-color: #11101d;\n  border: 0px;\n  color: white;\n}\n.index-module--x1F61 {\n  background-color: rgba(96, 245, 96, 0.377);\n  color: black;\n  border: 2px solid white;\n}\n",""]);var C="index-module--d56lH",j="index-module--TipV7",P="index-module--F8fkE",S="index-module--_cMQA",N="index-module--LpnAj",T="index-module--Sj8he",k="index-module--FqwmN",I="index-module--cGqPx",E="index-module--HI_ql",A="index-module--kIX5J",D="index-module--x1F61";const _=w},98793:(r,m,x)=>{"use strict";x.d(m,{$Q:()=>j,EM:()=>T,Fs:()=>S,Kz:()=>C,US:()=>N,ZP:()=>k,fm:()=>P});var y=x(8081),v=x.n(y),O=x(23645),w=x.n(O)()(v());w.push([r.id,".index-module--LmG2a {\n  position: relative;\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  background-color: #ffffff;\n  border-collapse: collapse;\n  border-width: 0px;\n  border-color: #e7eaf8;\n  border-style: solid;\n  color: #000000;\n  font-weight: normal;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  overflow-y: auto;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n.index-module--LmG2a thead {\n  font-weight: bold !important;\n}\n.index-module--LmG2a thead {\n  border-bottom: 1px solid;\n  /* min-width: 20px; */\n  background-color: var(--thirdColor);\n  font-size: 16px;\n  padding-top: 1%;\n  color: white;\n}\n.index-module--A0hQw {\n  text-align: left;\n  height: 20px;\n}\n.index-module--A0hQw th:nth-child(1) {\n  width: 40%;\n  border-bottom: 1px solid;\n}\n.index-module--A0hQw th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.index-module--A0hQw th:last-child {\n  font-size: 12px;\n}\n.index-module--PcNw4 {\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n  z-index: 1700;\n}\n.index-module--Gh5Gk {\n  height: 46px;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\n  cursor: ns-resize;\n  padding-bottom: 20px;\n}\n.index-module--Biof7 {\n  font-size: 16px;\n  padding-left: 20px;\n  display: flex;\n  gap: 16px;\n  background-color: grey;\n}\n\n.index-module--DLRJp {\n  display: flex;\n  flex-direction: column;\n  padding-top: 20px;\n  background: #fff;\n}\n",""]);var C="index-module--LmG2a",j="index-module--A0hQw",P="index-module--PcNw4",S="index-module--Gh5Gk",N="index-module--Biof7",T="index-module--DLRJp";const k=w},89965:(r,m,x)=>{"use strict";x.d(m,{NF:()=>j,ZP:()=>S,ec:()=>C,pb:()=>P});var y=x(8081),v=x.n(y),O=x(23645),w=x.n(O)()(v());w.push([r.id,".index-module--NA4Nc {\n  position: absolute;\n  margin-left: 50px;\n  height: 92%;\n  background-color: var(--settingsBackgroundColor);\n  padding-left: 5px;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  box-shadow: inset 0px 4px 40px 1px rgba(0, 0, 0, 0.1);\n  border-right: 2px solid;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n.index-module--zxgl3 {\n  width: calc(25.5%) !important;\n}\n.index-module--zxgl3 {\n  background-color: white;\n}\n.index-module--WGNyK {\n  width: calc(63% - 50px) !important;\n}\n.index-module--WGNyK {\n  z-index: 590;\n  background-color: rgba(250, 250, 250, 0.5);\n  margin-left: 50px;\n  /*width: calc(69% - 50px); pfister*/\n}\n",""]);var C="index-module--NA4Nc",j="index-module--zxgl3",P="index-module--WGNyK";const S=w},92349:(r,m,x)=>{"use strict";x.d(m,{BZ:()=>E.BZ,Jf:()=>E.Jf,Od:()=>E.Od,Uj:()=>E.Uj,Ux:()=>E.Ux,YS:()=>E.YS,_D:()=>E._D,l1:()=>E.l1,qk:()=>E.qk,rp:()=>E.rp,tX:()=>E.tX});var y=x(93379),v=x.n(y),O=x(7795),w=x.n(O),C=x(90569),j=x.n(C),P=x(3565),S=x.n(P),N=x(19216),T=x.n(N),k=x(44589),I=x.n(k),E=x(62860),A={};A.styleTagTransform=I(),A.setAttributes=S(),A.insert=j().bind(null,"head"),A.domAPI=w(),A.insertStyleElement=T();v()(E.ZP,A),E.ZP&&E.ZP.locals&&E.ZP.locals},93476:(r,m,x)=>{"use strict";x.d(m,{$Q:()=>E.$Q,EM:()=>E.EM,Fs:()=>E.Fs,Kz:()=>E.Kz,US:()=>E.US,fm:()=>E.fm});var y=x(93379),v=x.n(y),O=x(7795),w=x.n(O),C=x(90569),j=x.n(C),P=x(3565),S=x.n(P),N=x(19216),T=x.n(N),k=x(44589),I=x.n(k),E=x(98793),A={};A.styleTagTransform=I(),A.setAttributes=S(),A.insert=j().bind(null,"head"),A.domAPI=w(),A.insertStyleElement=T();v()(E.ZP,A),E.ZP&&E.ZP.locals&&E.ZP.locals},51203:(r,m,x)=>{"use strict";x.d(m,{NF:()=>E.NF,ec:()=>E.ec,pb:()=>E.pb});var y=x(93379),v=x.n(y),O=x(7795),w=x.n(O),C=x(90569),j=x.n(C),P=x(3565),S=x.n(P),N=x(19216),T=x.n(N),k=x(44589),I=x.n(k),E=x(89965),A={};A.styleTagTransform=I(),A.setAttributes=S(),A.insert=j().bind(null,"head"),A.domAPI=w(),A.insertStyleElement=T();v()(E.ZP,A),E.ZP&&E.ZP.locals&&E.ZP.locals},85108:r=>{"use strict";r.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0cHgiIGZpbGw9IiNGRkZGRkYiPjxnPjxwYXRoIGQ9Ik0wLDBoMjR2MjRIMFYweiIgZmlsbD0ibm9uZSIvPjwvZz48Zz48cG9seWdvbiBwb2ludHM9IjYuMjMsMjAuMjMgOCwyMiAxOCwxMiA4LDIgNi4yMywzLjc3IDE0LjQ2LDEyIi8+PC9nPjwvc3ZnPg=="}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5631,9501,2072],{57446:function(r,m,x){var y;r.exports=(y=x(87363),function(r){var m={};function n(x){if(m[x])return m[x].exports;var y=m[x]={i:x,l:!1,exports:{}};return r[x].call(y.exports,y,y.exports,n),y.l=!0,y.exports}return n.m=r,n.c=m,n.d=function(r,m,x){n.o(r,m)||Object.defineProperty(r,m,{enumerable:!0,get:x})},n.r=function(r){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})},n.t=function(r,m){if(1&m&&(r=n(r)),8&m)return r;if(4&m&&"object"==typeof r&&r&&r.__esModule)return r;var x=Object.create(null);if(n.r(x),Object.defineProperty(x,"default",{enumerable:!0,value:r}),2&m&&"string"!=typeof r)for(var y in r)n.d(x,y,function(m){return r[m]}.bind(null,y));return x},n.n=function(r){var m=r&&r.__esModule?function(){return r.default}:function(){return r};return n.d(m,"a",m),m},n.o=function(r,m){return Object.prototype.hasOwnProperty.call(r,m)},n.p="",n(n.s=4)}([function(r,m,x){r.exports=x(2)()},function(r,m){r.exports=y},function(r,m,x){"use strict";var y=x(3);function o(){}function i(){}i.resetWarningCache=o,r.exports=function(){function e(r,m,x,v,O,w){if(w!==y){var C=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw C.name="Invariant Violation",C}}function t(){return e}e.isRequired=e;var r={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:o};return r.PropTypes=r,r}},function(r,m,x){"use strict";r.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(r,m,x){"use strict";x.r(m);var y=x(1),v=x.n(y),O=x(0),w=x.n(O),a=function(r){return 0!==r};function l(){return(l=Object.assign?Object.assign.bind():function(r){for(var m=1;m<arguments.length;m++){var x=arguments[m];for(var y in x)Object.prototype.hasOwnProperty.call(x,y)&&(r[y]=x[y])}return r}).apply(this,arguments)}function c(r){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r})(r)}function p(r,m){for(var x=0;x<m.length;x++){var y=m[x];y.enumerable=y.enumerable||!1,y.configurable=!0,"value"in y&&(y.writable=!0),Object.defineProperty(r,y.key,y)}}function u(r,m){return(u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,m){return r.__proto__=m,r})(r,m)}function g(r){var m=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(r){return!1}}();return function(){var x,y=d(r);if(m){var v=d(this).constructor;x=Reflect.construct(y,arguments,v)}else x=y.apply(this,arguments);return f(this,x)}}function f(r,m){if(m&&("object"===c(m)||"function"==typeof m))return m;if(void 0!==m)throw new TypeError("Derived constructors may only return object or undefined");return h(r)}function h(r){if(void 0===r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function d(r){return(d=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(r){return r.__proto__||Object.getPrototypeOf(r)})(r)}function b(r,m,x){return m in r?Object.defineProperty(r,m,{value:x,enumerable:!0,configurable:!0,writable:!0}):r[m]=x,r}var C=function(r){!function(r,m){if("function"!=typeof m&&null!==m)throw new TypeError("Super expression must either be null or a function");r.prototype=Object.create(m&&m.prototype,{constructor:{value:r,writable:!0,configurable:!0}}),Object.defineProperty(r,"prototype",{writable:!1}),m&&u(r,m)}(s,r);var m,x,y,O=g(s);function s(r){var m;return function(r,m){if(!(r instanceof m))throw new TypeError("Cannot call a class as a function")}(this,s),b(h(m=O.call(this,r)),"continueOpenCollapsible",(function(){var r=h(m).innerRef;m.setState({height:r.scrollHeight,transition:"height ".concat(m.props.transitionTime,"ms ").concat(m.props.easing),isClosed:!1,hasBeenOpened:!0,inTransition:a(r.scrollHeight),shouldOpenOnNextCycle:!1})})),b(h(m),"handleTriggerClick",(function(r){m.props.triggerDisabled||m.state.inTransition||(r.preventDefault(),m.props.handleTriggerClick?m.props.handleTriggerClick(m.props.accordionPosition):!0===m.state.isClosed?(m.openCollapsible(),m.props.onOpening(),m.props.onTriggerOpening()):(m.closeCollapsible(),m.props.onClosing(),m.props.onTriggerClosing()))})),b(h(m),"handleTransitionEnd",(function(r){r.target===m.innerRef&&(m.state.isClosed?(m.setState({inTransition:!1}),m.props.onClose()):(m.setState({height:"auto",overflow:m.props.overflowWhenOpen,inTransition:!1}),m.props.onOpen()))})),b(h(m),"setInnerRef",(function(r){return m.innerRef=r})),m.timeout=void 0,m.contentId=r.contentElementId||"collapsible-content-".concat(Date.now()),m.triggerId=r.triggerElementProps.id||"collapsible-trigger-".concat(Date.now()),r.open?m.state={isClosed:!1,shouldSwitchAutoOnNextCycle:!1,height:"auto",transition:"none",hasBeenOpened:!0,overflow:r.overflowWhenOpen,inTransition:!1}:m.state={isClosed:!0,shouldSwitchAutoOnNextCycle:!1,height:0,transition:"height ".concat(r.transitionTime,"ms ").concat(r.easing),hasBeenOpened:!1,overflow:"hidden",inTransition:!1},m}return m=s,(x=[{key:"componentDidUpdate",value:function(r,m){var x=this;this.state.shouldOpenOnNextCycle&&this.continueOpenCollapsible(),"auto"!==m.height&&0!==m.height||!0!==this.state.shouldSwitchAutoOnNextCycle||(window.clearTimeout(this.timeout),this.timeout=window.setTimeout((function(){x.setState({height:0,overflow:"hidden",isClosed:!0,shouldSwitchAutoOnNextCycle:!1})}),50)),r.open!==this.props.open&&(!0===this.props.open?(this.openCollapsible(),this.props.onOpening()):(this.closeCollapsible(),this.props.onClosing()))}},{key:"componentWillUnmount",value:function(){window.clearTimeout(this.timeout)}},{key:"closeCollapsible",value:function(){var r=this.innerRef;this.setState({shouldSwitchAutoOnNextCycle:!0,height:r.scrollHeight,transition:"height ".concat(this.props.transitionCloseTime?this.props.transitionCloseTime:this.props.transitionTime,"ms ").concat(this.props.easing),inTransition:a(r.scrollHeight)})}},{key:"openCollapsible",value:function(){this.setState({inTransition:a(this.innerRef.scrollHeight),shouldOpenOnNextCycle:!0})}},{key:"renderNonClickableTriggerElement",value:function(){var r=this.props,m=r.triggerSibling,x=r.classParentString;if(!m)return null;switch(c(m)){case"string":return v.a.createElement("span",{className:"".concat(x,"__trigger-sibling")},m);case"function":return m();case"object":return m;default:return null}}},{key:"render",value:function(){var r=this,m={height:this.state.height,WebkitTransition:this.state.transition,msTransition:this.state.transition,transition:this.state.transition,overflow:this.state.overflow},x=this.state.isClosed?"is-closed":"is-open",y=this.props.triggerDisabled?"is-disabled":"",O=!1===this.state.isClosed&&void 0!==this.props.triggerWhenOpen?this.props.triggerWhenOpen:this.props.trigger,w=this.props.contentContainerTagName,C=this.props.triggerTagName,j=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,P=this.props,S=P.classParentString,N=P.contentOuterClassName,T=P.contentInnerClassName,k="".concat(S,"__trigger ").concat(x," ").concat(y," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),I="".concat(S," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),E="".concat(S,"__contentOuter ").concat(N),A="".concat(S,"__contentInner ").concat(T);return v.a.createElement(w,l({className:I.trim()},this.props.containerElementProps),v.a.createElement(C,l({id:this.triggerId,className:k.trim(),onClick:this.handleTriggerClick,style:this.props.triggerStyle&&this.props.triggerStyle,onKeyPress:function(m){var x=m.key;(" "===x&&"button"!==r.props.triggerTagName.toLowerCase()||"Enter"===x)&&r.handleTriggerClick(m)},tabIndex:this.props.tabIndex&&this.props.tabIndex,"aria-expanded":!this.state.isClosed,"aria-disabled":this.props.triggerDisabled,"aria-controls":this.contentId,role:"button"},this.props.triggerElementProps),O),this.renderNonClickableTriggerElement(),v.a.createElement("div",{id:this.contentId,className:E.trim(),style:m,onTransitionEnd:this.handleTransitionEnd,ref:this.setInnerRef,hidden:this.props.contentHiddenWhenClosed&&this.state.isClosed&&!this.state.inTransition,role:"region","aria-labelledby":this.triggerId},v.a.createElement("div",{className:A.trim()},j)))}}])&&p(m.prototype,x),y&&p(m,y),Object.defineProperty(m,"prototype",{writable:!1}),s}(y.Component);C.propTypes={transitionTime:w.a.number,transitionCloseTime:w.a.number,triggerTagName:w.a.string,easing:w.a.string,open:w.a.bool,containerElementProps:w.a.object,triggerElementProps:w.a.object,contentElementId:w.a.string,classParentString:w.a.string,className:w.a.string,openedClassName:w.a.string,triggerStyle:w.a.object,triggerClassName:w.a.string,triggerOpenedClassName:w.a.string,contentOuterClassName:w.a.string,contentInnerClassName:w.a.string,accordionPosition:w.a.oneOfType([w.a.string,w.a.number]),handleTriggerClick:w.a.func,onOpen:w.a.func,onClose:w.a.func,onOpening:w.a.func,onClosing:w.a.func,onTriggerOpening:w.a.func,onTriggerClosing:w.a.func,trigger:w.a.oneOfType([w.a.string,w.a.element]),triggerWhenOpen:w.a.oneOfType([w.a.string,w.a.element]),triggerDisabled:w.a.bool,lazyRender:w.a.bool,overflowWhenOpen:w.a.oneOf(["hidden","visible","auto","scroll","inherit","initial","unset"]),contentHiddenWhenClosed:w.a.bool,triggerSibling:w.a.oneOfType([w.a.string,w.a.element,w.a.func]),tabIndex:w.a.number,contentContainerTagName:w.a.string,children:w.a.oneOfType([w.a.string,w.a.element])},C.defaultProps={transitionTime:400,transitionCloseTime:null,triggerTagName:"span",easing:"linear",open:!1,classParentString:"Collapsible",triggerDisabled:!1,lazyRender:!1,overflowWhenOpen:"hidden",contentHiddenWhenClosed:!1,openedClassName:"",triggerStyle:null,triggerClassName:"",triggerOpenedClassName:"",contentOuterClassName:"",contentInnerClassName:"",className:"",triggerSibling:null,onOpen:function(){},onClose:function(){},onOpening:function(){},onClosing:function(){},onTriggerOpening:function(){},onTriggerClosing:function(){},tabIndex:null,contentContainerTagName:"div",triggerElementProps:{}},m.default=C}]))},59501:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>F});var y=x(84658),v=x(38946),O=x(50747),w=x.n(O),C=x(87363),j=x(9420),P=x(63762),S=x(1463),N=x.n(S),T=x(93379),k=x.n(T),I=x(7795),E=x.n(I),A=x(90569),D=x.n(A),_=x(3565),Z=x.n(_),R=x(19216),M=x.n(R),W=x(44589),J=x.n(W),z=x(89144),G={};G.styleTagTransform=J(),G.setAttributes=Z(),G.insert=D().bind(null,"head"),G.domAPI=E(),G.insertStyleElement=M();k()(z.ZP,G);z.ZP&&z.ZP.locals&&z.ZP.locals;var B=x(88683),H=x(47514);const F=(0,j.Pi)((function JsonEditor(r){var m=r.json,x=(r.plannerArticles,r.curBox),O=r.divaArticles,j=(0,P.NP)(),S=(0,C.useRef)(null),T=(0,C.useRef)(null),k=(0,C.useState)(null!=m?m:{}),I=(0,v.Z)(k,2),E=I[0],A=I[1],D=(0,C.useState)(!0),_=(0,v.Z)(D,2),Z=_[0],R=_[1],M=(0,C.useState)([]),W=(0,v.Z)(M,2),J=W[0],G=W[1],F=O[x],L={mode:"code",onChange:function onChange(){try{var r=T.current,m=(r.get(),r.validate());R(m)}catch(r){return void R(!1)}}};(0,C.useEffect)((function(){A(m)})),(0,C.useEffect)((function(){S.current&&(T.current||(T.current=new(N())(S.current,L)),T.current&&T.current.set(E))}),[E]);var U=function(){var r=(0,y.Z)(w().mark((function _callee(){var r;return w().wrap((function _callee$(m){for(;;)switch(m.prev=m.next){case 0:if((r=T.current).get()&&0!==Object.keys(r.get()).length){m.next=4;break}return alert("Cannot save empty value"),m.abrupt("return");case 4:return F.catalogArticle.modifiedJ3D=r.get(),F.resetShelfPlanner(),m.next=8,F.updateShelfPlannerState({});case 8:j.paletteViewHandler.updateCurPaletteData(!1),setModifiedInfo(),alert("Saved");case 11:case"end":return m.stop()}}),_callee)})));return function onClickSave(){return r.apply(this,arguments)}}();function setModifiedInfo(){var r,m=null===(r=j.divaWebPlanner.getCatalogData())||void 0===r?void 0:r.allCatalogArticles,x=[];for(var y in m)m[y].catalogArticle.modifiedJ3D&&x.push({articleCodex:y,j3d:JSON.stringify(m[y].catalogArticle.modifiedJ3D)});G(x)}return(0,H.jsxs)("div",{className:z.YS,children:[(0,H.jsx)("div",{ref:S,id:"jsoneditor",style:{width:"90%",height:"100%"}}),(0,H.jsxs)("div",{className:z.IU,children:[(0,H.jsx)("button",{className:z.LI,disabled:!Z,onClick:function onClick(){return U()},children:"Save"}),(0,H.jsx)("button",{className:z.LI,onClick:function onClick(){return function onClickExport(){if(J&&0!==J.length)for(var r=0;r<J.length;r++)B.DivaUtils.downloadStringAsTxtFile(J[r].j3d,"text/plain",J[r].articleCodex+".txt");else alert("No modified Article found")}()},children:"Export modified J3D"}),(0,H.jsxs)("div",{children:[(0,H.jsx)("h5",{children:"Modified Articles"}),J.map((function(r,m){return(0,H.jsx)("p",{className:z.lI,children:r.articleCodex},m)}))]})]})]})}))},72072:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>R});var y=x(80248),v=x(38946),O=x(72874),w=x(88623),C=x(87363),j=x(63762),P=x(93476),S=x(92349),N=x(9420),T=x(65515),k=x.n(T),I=x(51203),E=x(57446),A=x.n(E),D=x(85108),_=x(47514),Z=["settings","title","ChildComponent"];function ownKeys(r,m){var x=Object.keys(r);if(Object.getOwnPropertySymbols){var y=Object.getOwnPropertySymbols(r);m&&(y=y.filter((function(m){return Object.getOwnPropertyDescriptor(r,m).enumerable}))),x.push.apply(x,y)}return x}function _objectSpread(r){for(var m=1;m<arguments.length;m++){var x=null!=arguments[m]?arguments[m]:{};m%2?ownKeys(Object(x),!0).forEach((function(m){(0,y.Z)(r,m,x[m])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(x)):ownKeys(Object(x)).forEach((function(m){Object.defineProperty(r,m,Object.getOwnPropertyDescriptor(x,m))}))}return r}const R=(0,N.Pi)((function ArticleOverview(r){var m,x=r.settings,y=r.title,N=r.ChildComponent,T=(0,O.Z)(r,Z),E=(0,j.NP)();E.tabGroupState.allTabGroups;var R=(0,C.useState)(!0),M=(0,v.Z)(R,2),W=M[0],J=M[1],z=(0,C.useState)(0),G=(0,v.Z)(z,2),B=G[0],H=G[1],F=(0,C.useState)(x[0].key),L=(0,v.Z)(F,2),U=L[0],Q=L[1],Y=E.divaWebPlanner.getDivaArticles();null===(m=E.divaWebPlanner.actSet())||void 0===m||m.configTree;if(!Y)return(0,_.jsx)(_.Fragment,{});var K,q,X=Object.values(Y),V=X.filter((function(r){return r.hasCatalogPlannerArticle})).map((function(r){return r.catalogArticle.catalogPlannerArticle})),$={};"OPTIONSTATES"===U&&($=X.map((function(r){return r.VariantValues}))[B]);("DECISIONS"===U&&($=JSON.parse(JSON.stringify((0,w.ZN)(X.map((function(r){return r.decisions})))))),"CONFIGTREE"===U&&($={}),"J3D"===U)&&($=null!=X&&null!==(K=X[B])&&void 0!==K&&K.j3D?JSON.parse(JSON.stringify(null==X||null===(q=X[B])||void 0===q?void 0:q.j3D)):{});return(0,_.jsx)(_.Fragment,{children:(0,_.jsxs)("div",_objectSpread(_objectSpread({},T),{},{className:k()(T.className,E.uiState.configSettingsIsExpanded?I.NF:void 0),style:{zIndex:700},children:[(0,_.jsx)("a",{className:P.Fs,children:y}),(0,_.jsx)(A(),_objectSpread(_objectSpread({trigger:(0,_.jsx)("div",{className:S.Ux,children:(0,_.jsx)("img",{src:D,className:S.Jf})}),onClose:function onClose(){return J(!W)},onOpen:function onOpen(){return J(!W)},triggerWhenOpen:(0,_.jsxs)("div",{className:S.Ux,children:[" ",(0,_.jsx)("img",{src:D,className:S.l1})]})},{open:!0,easing:"ease-in",transitionTime:200}),{},{children:(0,_.jsx)("div",{className:S.qk,children:X.map((function(r,m){return(0,_.jsxs)("div",{className:k()(S.BZ,m===B?S.Od:void 0),onClick:function onClick(){H(m)},children:[(0,_.jsx)("img",{src:r.imageUrl,className:S.tX}),(0,_.jsx)("p",{children:r.posNr}),(0,_.jsx)("p",{children:r.name}),(0,_.jsx)("p",{children:r.basketId})]},r.basketId)}))})})),(0,_.jsx)("div",{className:S.Uj,children:x.map((function(r,m){return(0,_.jsx)("button",{onClick:function onClick(){return Q(r.key)},className:U===r.key?S._D:void 0,children:r.name},r.key)}))}),(0,_.jsx)(N,_objectSpread(_objectSpread({},T),{},{json:$,selectedJson:U,isExpanded:W,plannerArticles:V,curBox:B,divaArticles:X}))]}))})}))},35631:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>j});var y=x(80248),v=x(9420),O=(x(87363),x(72072)),w=x(59501),C=x(47514);function ownKeys(r,m){var x=Object.keys(r);if(Object.getOwnPropertySymbols){var y=Object.getOwnPropertySymbols(r);m&&(y=y.filter((function(m){return Object.getOwnPropertyDescriptor(r,m).enumerable}))),x.push.apply(x,y)}return x}function _objectSpread(r){for(var m=1;m<arguments.length;m++){var x=null!=arguments[m]?arguments[m]:{};m%2?ownKeys(Object(x),!0).forEach((function(m){(0,y.Z)(r,m,x[m])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(x)):ownKeys(Object(x)).forEach((function(m){Object.defineProperty(r,m,Object.getOwnPropertyDescriptor(x,m))}))}return r}const j=(0,v.Pi)((function J3DEditor(r){return(0,C.jsx)(O.default,_objectSpread(_objectSpread({},r),{},{className:r.className,style:{userSelect:"text"},ChildComponent:w.default,settings:[{key:"J3D",name:"J3D Editor"}],title:"Artikel Übersicht"}))}))},89144:(r,m,x)=>{"use strict";x.d(m,{IU:()=>P,LI:()=>j,YS:()=>C,ZP:()=>N,lI:()=>S});var y=x(8081),v=x.n(y),O=x(23645),w=x.n(O)()(v());w.push([r.id,".index-module--B2E8Y {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  /* width: 80%; */\n  height: 750px;\n  margin-left: 51px;\n  margin-right: 10px;\n  gap: 10px;\n}\n\n.index-module--Qe3Dm {\n  min-height: 45px;\n  min-width: 45px;\n  max-width: 60px;\n  width: auto;\n  margin-bottom: 20px;\n}\n.index-module--AG2M4 {\n  display: flex;\n  flex-direction: column;\n}\n\n.index-module--QweAA {\n  font-size: 10px;\n}\n",""]);var C="index-module--B2E8Y",j="index-module--Qe3Dm",P="index-module--AG2M4",S="index-module--QweAA";const N=w},62860:(r,m,x)=>{"use strict";x.d(m,{BZ:()=>C,Jf:()=>T,Od:()=>j,Uj:()=>A,Ux:()=>N,YS:()=>I,ZP:()=>_,_D:()=>D,l1:()=>k,qk:()=>P,rp:()=>E,tX:()=>S});var y=x(8081),v=x.n(y),O=x(23645),w=x.n(O)()(v());w.push([r.id,".index-module--d56lH {\n  width: 25%;\n  border: 1px solid;\n  border-radius: var(--globalBorderRadius);\n  background-color: white;\n  max-width: 90px;\n  box-shadow: none;\n  transition: box-shadow 0.5s;\n}\n.index-module--d56lH p {\n  line-break: anywhere;\n}\n.index-module--TipV7 {\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--d56lH:hover {\n  box-shadow: inset 5px 5px 100px 5px rgba(0,0,0,0.24706);\n  cursor: pointer;\n  transition: box-shadow 0.5s;\n}\n.index-module--F8fkE {\n  display: flex;\n  padding-left: 60px;\n  padding-bottom: 10px;\n  padding-top: 10px;\n  gap: 2.5%;\n  min-height: 135px;\n  overflow: auto;\n  background-color: #31383d;\n}\n.index-module--_cMQA {\n  width: auto;\n  height: auto;\n  max-width: 95%;\n  max-height: 90px;\n  margin-left: 2.5%;\n  margin-right: 2.5%;\n}\n.index-module--LpnAj {\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  text-align: center;\n  background-color: rgb(28, 32, 35);\n  color: black;\n  margin: 5% 0% 0% 1%;\n  cursor: pointer;\n}\n.index-module--Sj8he {\n  margin-top: 1%;\n  transform: rotate(270deg);\n  transition: transform 0.3s;\n}\n.index-module--FqwmN {\n  margin-top: 1%;\n  transform: rotate(90deg);\n  transition: transform 0.3s;\n}\n.index-module--cGqPx {\n  position: relative;\n  margin-left: 50px;\n  height: 78.6vh;\n  width: 96%;\n  overflow: auto;\n  background-color: rgb(28, 32, 35);\n  transition: height 0.5s;\n}\n.index-module--HI_ql {\n  height: 53.8vh;\n  transition: height 0.5s;\n}\n.index-module--kIX5J {\n  margin-left: 50px;\n  display: flex;\n  flex-basis: 100%;\n}\n.index-module--kIX5J * {\n  width: 100%;\n  background-color: #11101d;\n  border: 0px;\n  color: white;\n}\n.index-module--x1F61 {\n  background-color: rgba(96, 245, 96, 0.377);\n  color: black;\n  border: 2px solid white;\n}\n",""]);var C="index-module--d56lH",j="index-module--TipV7",P="index-module--F8fkE",S="index-module--_cMQA",N="index-module--LpnAj",T="index-module--Sj8he",k="index-module--FqwmN",I="index-module--cGqPx",E="index-module--HI_ql",A="index-module--kIX5J",D="index-module--x1F61";const _=w},98793:(r,m,x)=>{"use strict";x.d(m,{$Q:()=>j,EM:()=>T,Fs:()=>S,Kz:()=>C,US:()=>N,ZP:()=>k,fm:()=>P});var y=x(8081),v=x.n(y),O=x(23645),w=x.n(O)()(v());w.push([r.id,".index-module--LmG2a {\n  position: relative;\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  background-color: #ffffff;\n  border-collapse: collapse;\n  border-width: 0px;\n  border-color: #e7eaf8;\n  border-style: solid;\n  color: #000000;\n  font-weight: normal;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  overflow-y: auto;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n.index-module--LmG2a thead {\n  font-weight: bold !important;\n}\n.index-module--LmG2a thead {\n  border-bottom: 1px solid;\n  /* min-width: 20px; */\n  background-color: var(--thirdColor);\n  font-size: 16px;\n  padding-top: 1%;\n  color: white;\n}\n.index-module--A0hQw {\n  text-align: left;\n  height: 20px;\n}\n.index-module--A0hQw th:nth-child(1) {\n  width: 40%;\n  border-bottom: 1px solid;\n}\n.index-module--A0hQw th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.index-module--A0hQw th:last-child {\n  font-size: 12px;\n}\n.index-module--PcNw4 {\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n  z-index: 1700;\n}\n.index-module--Gh5Gk {\n  height: 46px;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\n  cursor: ns-resize;\n  padding-bottom: 20px;\n}\n.index-module--Biof7 {\n  font-size: 16px;\n  padding-left: 20px;\n  display: flex;\n  gap: 16px;\n  background-color: grey;\n}\n\n.index-module--DLRJp {\n  display: flex;\n  flex-direction: column;\n  padding-top: 20px;\n  background: #fff;\n}\n",""]);var C="index-module--LmG2a",j="index-module--A0hQw",P="index-module--PcNw4",S="index-module--Gh5Gk",N="index-module--Biof7",T="index-module--DLRJp";const k=w},89965:(r,m,x)=>{"use strict";x.d(m,{NF:()=>j,ZP:()=>S,ec:()=>C,pb:()=>P});var y=x(8081),v=x.n(y),O=x(23645),w=x.n(O)()(v());w.push([r.id,".index-module--NA4Nc {\n  position: absolute;\n  margin-left: 50px;\n  height: 92%;\n  background-color: var(--settingsBackgroundColor);\n  padding-left: 5px;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  box-shadow: inset 0px 4px 40px 1px rgba(0, 0, 0, 0.1);\n  border-right: 2px solid;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n.index-module--zxgl3 {\n  width: calc(25.5%) !important;\n}\n.index-module--zxgl3 {\n  background-color: white;\n}\n.index-module--WGNyK {\n  width: calc(63% - 50px) !important;\n}\n.index-module--WGNyK {\n  z-index: 590;\n  background-color: rgba(250, 250, 250, 0.5);\n  margin-left: 50px;\n  /*width: calc(69% - 50px); pfister*/\n}\n",""]);var C="index-module--NA4Nc",j="index-module--zxgl3",P="index-module--WGNyK";const S=w},92349:(r,m,x)=>{"use strict";x.d(m,{BZ:()=>E.BZ,Jf:()=>E.Jf,Od:()=>E.Od,Uj:()=>E.Uj,Ux:()=>E.Ux,YS:()=>E.YS,_D:()=>E._D,l1:()=>E.l1,qk:()=>E.qk,rp:()=>E.rp,tX:()=>E.tX});var y=x(93379),v=x.n(y),O=x(7795),w=x.n(O),C=x(90569),j=x.n(C),P=x(3565),S=x.n(P),N=x(19216),T=x.n(N),k=x(44589),I=x.n(k),E=x(62860),A={};A.styleTagTransform=I(),A.setAttributes=S(),A.insert=j().bind(null,"head"),A.domAPI=w(),A.insertStyleElement=T();v()(E.ZP,A),E.ZP&&E.ZP.locals&&E.ZP.locals},93476:(r,m,x)=>{"use strict";x.d(m,{$Q:()=>E.$Q,EM:()=>E.EM,Fs:()=>E.Fs,Kz:()=>E.Kz,US:()=>E.US,fm:()=>E.fm});var y=x(93379),v=x.n(y),O=x(7795),w=x.n(O),C=x(90569),j=x.n(C),P=x(3565),S=x.n(P),N=x(19216),T=x.n(N),k=x(44589),I=x.n(k),E=x(98793),A={};A.styleTagTransform=I(),A.setAttributes=S(),A.insert=j().bind(null,"head"),A.domAPI=w(),A.insertStyleElement=T();v()(E.ZP,A),E.ZP&&E.ZP.locals&&E.ZP.locals},51203:(r,m,x)=>{"use strict";x.d(m,{NF:()=>E.NF,ec:()=>E.ec,pb:()=>E.pb});var y=x(93379),v=x.n(y),O=x(7795),w=x.n(O),C=x(90569),j=x.n(C),P=x(3565),S=x.n(P),N=x(19216),T=x.n(N),k=x(44589),I=x.n(k),E=x(89965),A={};A.styleTagTransform=I(),A.setAttributes=S(),A.insert=j().bind(null,"head"),A.domAPI=w(),A.insertStyleElement=T();v()(E.ZP,A),E.ZP&&E.ZP.locals&&E.ZP.locals},85108:r=>{"use strict";r.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0cHgiIGZpbGw9IiNGRkZGRkYiPjxnPjxwYXRoIGQ9Ik0wLDBoMjR2MjRIMFYweiIgZmlsbD0ibm9uZSIvPjwvZz48Zz48cG9seWdvbiBwb2ludHM9IjYuMjMsMjAuMjMgOCwyMiAxOCwxMiA4LDIgNi4yMywzLjc3IDE0LjQ2LDEyIi8+PC9nPjwvc3ZnPg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 5740.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5740,9990,9967,6937,8515],{57446:function(r,m,x){var v;r.exports=(v=x(87363),function(r){var m={};function n(x){if(m[x])return m[x].exports;var v=m[x]={i:x,l:!1,exports:{}};return r[x].call(v.exports,v,v.exports,n),v.l=!0,v.exports}return n.m=r,n.c=m,n.d=function(r,m,x){n.o(r,m)||Object.defineProperty(r,m,{enumerable:!0,get:x})},n.r=function(r){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})},n.t=function(r,m){if(1&m&&(r=n(r)),8&m)return r;if(4&m&&"object"==typeof r&&r&&r.__esModule)return r;var x=Object.create(null);if(n.r(x),Object.defineProperty(x,"default",{enumerable:!0,value:r}),2&m&&"string"!=typeof r)for(var v in r)n.d(x,v,function(m){return r[m]}.bind(null,v));return x},n.n=function(r){var m=r&&r.__esModule?function(){return r.default}:function(){return r};return n.d(m,"a",m),m},n.o=function(r,m){return Object.prototype.hasOwnProperty.call(r,m)},n.p="",n(n.s=4)}([function(r,m,x){r.exports=x(2)()},function(r,m){r.exports=v},function(r,m,x){"use strict";var v=x(3);function o(){}function i(){}i.resetWarningCache=o,r.exports=function(){function e(r,m,x,y,T,C){if(C!==v){var O=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw O.name="Invariant Violation",O}}function t(){return e}e.isRequired=e;var r={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:o};return r.PropTypes=r,r}},function(r,m,x){"use strict";r.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(r,m,x){"use strict";x.r(m);var v=x(1),y=x.n(v),T=x(0),C=x.n(T),a=function(r){return 0!==r};function l(){return(l=Object.assign?Object.assign.bind():function(r){for(var m=1;m<arguments.length;m++){var x=arguments[m];for(var v in x)Object.prototype.hasOwnProperty.call(x,v)&&(r[v]=x[v])}return r}).apply(this,arguments)}function c(r){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r})(r)}function p(r,m){for(var x=0;x<m.length;x++){var v=m[x];v.enumerable=v.enumerable||!1,v.configurable=!0,"value"in v&&(v.writable=!0),Object.defineProperty(r,v.key,v)}}function u(r,m){return(u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,m){return r.__proto__=m,r})(r,m)}function g(r){var m=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(r){return!1}}();return function(){var x,v=d(r);if(m){var y=d(this).constructor;x=Reflect.construct(v,arguments,y)}else x=v.apply(this,arguments);return f(this,x)}}function f(r,m){if(m&&("object"===c(m)||"function"==typeof m))return m;if(void 0!==m)throw new TypeError("Derived constructors may only return object or undefined");return h(r)}function h(r){if(void 0===r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function d(r){return(d=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(r){return r.__proto__||Object.getPrototypeOf(r)})(r)}function b(r,m,x){return m in r?Object.defineProperty(r,m,{value:x,enumerable:!0,configurable:!0,writable:!0}):r[m]=x,r}var O=function(r){!function(r,m){if("function"!=typeof m&&null!==m)throw new TypeError("Super expression must either be null or a function");r.prototype=Object.create(m&&m.prototype,{constructor:{value:r,writable:!0,configurable:!0}}),Object.defineProperty(r,"prototype",{writable:!1}),m&&u(r,m)}(s,r);var m,x,v,T=g(s);function s(r){var m;return function(r,m){if(!(r instanceof m))throw new TypeError("Cannot call a class as a function")}(this,s),b(h(m=T.call(this,r)),"continueOpenCollapsible",(function(){var r=h(m).innerRef;m.setState({height:r.scrollHeight,transition:"height ".concat(m.props.transitionTime,"ms ").concat(m.props.easing),isClosed:!1,hasBeenOpened:!0,inTransition:a(r.scrollHeight),shouldOpenOnNextCycle:!1})})),b(h(m),"handleTriggerClick",(function(r){m.props.triggerDisabled||m.state.inTransition||(r.preventDefault(),m.props.handleTriggerClick?m.props.handleTriggerClick(m.props.accordionPosition):!0===m.state.isClosed?(m.openCollapsible(),m.props.onOpening(),m.props.onTriggerOpening()):(m.closeCollapsible(),m.props.onClosing(),m.props.onTriggerClosing()))})),b(h(m),"handleTransitionEnd",(function(r){r.target===m.innerRef&&(m.state.isClosed?(m.setState({inTransition:!1}),m.props.onClose()):(m.setState({height:"auto",overflow:m.props.overflowWhenOpen,inTransition:!1}),m.props.onOpen()))})),b(h(m),"setInnerRef",(function(r){return m.innerRef=r})),m.timeout=void 0,m.contentId=r.contentElementId||"collapsible-content-".concat(Date.now()),m.triggerId=r.triggerElementProps.id||"collapsible-trigger-".concat(Date.now()),r.open?m.state={isClosed:!1,shouldSwitchAutoOnNextCycle:!1,height:"auto",transition:"none",hasBeenOpened:!0,overflow:r.overflowWhenOpen,inTransition:!1}:m.state={isClosed:!0,shouldSwitchAutoOnNextCycle:!1,height:0,transition:"height ".concat(r.transitionTime,"ms ").concat(r.easing),hasBeenOpened:!1,overflow:"hidden",inTransition:!1},m}return m=s,(x=[{key:"componentDidUpdate",value:function(r,m){var x=this;this.state.shouldOpenOnNextCycle&&this.continueOpenCollapsible(),"auto"!==m.height&&0!==m.height||!0!==this.state.shouldSwitchAutoOnNextCycle||(window.clearTimeout(this.timeout),this.timeout=window.setTimeout((function(){x.setState({height:0,overflow:"hidden",isClosed:!0,shouldSwitchAutoOnNextCycle:!1})}),50)),r.open!==this.props.open&&(!0===this.props.open?(this.openCollapsible(),this.props.onOpening()):(this.closeCollapsible(),this.props.onClosing()))}},{key:"componentWillUnmount",value:function(){window.clearTimeout(this.timeout)}},{key:"closeCollapsible",value:function(){var r=this.innerRef;this.setState({shouldSwitchAutoOnNextCycle:!0,height:r.scrollHeight,transition:"height ".concat(this.props.transitionCloseTime?this.props.transitionCloseTime:this.props.transitionTime,"ms ").concat(this.props.easing),inTransition:a(r.scrollHeight)})}},{key:"openCollapsible",value:function(){this.setState({inTransition:a(this.innerRef.scrollHeight),shouldOpenOnNextCycle:!0})}},{key:"renderNonClickableTriggerElement",value:function(){var r=this.props,m=r.triggerSibling,x=r.classParentString;if(!m)return null;switch(c(m)){case"string":return y.a.createElement("span",{className:"".concat(x,"__trigger-sibling")},m);case"function":return m();case"object":return m;default:return null}}},{key:"render",value:function(){var r=this,m={height:this.state.height,WebkitTransition:this.state.transition,msTransition:this.state.transition,transition:this.state.transition,overflow:this.state.overflow},x=this.state.isClosed?"is-closed":"is-open",v=this.props.triggerDisabled?"is-disabled":"",T=!1===this.state.isClosed&&void 0!==this.props.triggerWhenOpen?this.props.triggerWhenOpen:this.props.trigger,C=this.props.contentContainerTagName,O=this.props.triggerTagName,N=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,j=this.props,w=j.classParentString,S=j.contentOuterClassName,P=j.contentInnerClassName,I="".concat(w,"__trigger ").concat(x," ").concat(v," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),M="".concat(w," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),k="".concat(w,"__contentOuter ").concat(S),L="".concat(w,"__contentInner ").concat(P);return y.a.createElement(C,l({className:M.trim()},this.props.containerElementProps),y.a.createElement(O,l({id:this.triggerId,className:I.trim(),onClick:this.handleTriggerClick,style:this.props.triggerStyle&&this.props.triggerStyle,onKeyPress:function(m){var x=m.key;(" "===x&&"button"!==r.props.triggerTagName.toLowerCase()||"Enter"===x)&&r.handleTriggerClick(m)},tabIndex:this.props.tabIndex&&this.props.tabIndex,"aria-expanded":!this.state.isClosed,"aria-disabled":this.props.triggerDisabled,"aria-controls":this.contentId,role:"button"},this.props.triggerElementProps),T),this.renderNonClickableTriggerElement(),y.a.createElement("div",{id:this.contentId,className:k.trim(),style:m,onTransitionEnd:this.handleTransitionEnd,ref:this.setInnerRef,hidden:this.props.contentHiddenWhenClosed&&this.state.isClosed&&!this.state.inTransition,role:"region","aria-labelledby":this.triggerId},y.a.createElement("div",{className:L.trim()},N)))}}])&&p(m.prototype,x),v&&p(m,v),Object.defineProperty(m,"prototype",{writable:!1}),s}(v.Component);O.propTypes={transitionTime:C.a.number,transitionCloseTime:C.a.number,triggerTagName:C.a.string,easing:C.a.string,open:C.a.bool,containerElementProps:C.a.object,triggerElementProps:C.a.object,contentElementId:C.a.string,classParentString:C.a.string,className:C.a.string,openedClassName:C.a.string,triggerStyle:C.a.object,triggerClassName:C.a.string,triggerOpenedClassName:C.a.string,contentOuterClassName:C.a.string,contentInnerClassName:C.a.string,accordionPosition:C.a.oneOfType([C.a.string,C.a.number]),handleTriggerClick:C.a.func,onOpen:C.a.func,onClose:C.a.func,onOpening:C.a.func,onClosing:C.a.func,onTriggerOpening:C.a.func,onTriggerClosing:C.a.func,trigger:C.a.oneOfType([C.a.string,C.a.element]),triggerWhenOpen:C.a.oneOfType([C.a.string,C.a.element]),triggerDisabled:C.a.bool,lazyRender:C.a.bool,overflowWhenOpen:C.a.oneOf(["hidden","visible","auto","scroll","inherit","initial","unset"]),contentHiddenWhenClosed:C.a.bool,triggerSibling:C.a.oneOfType([C.a.string,C.a.element,C.a.func]),tabIndex:C.a.number,contentContainerTagName:C.a.string,children:C.a.oneOfType([C.a.string,C.a.element])},O.defaultProps={transitionTime:400,transitionCloseTime:null,triggerTagName:"span",easing:"linear",open:!1,classParentString:"Collapsible",triggerDisabled:!1,lazyRender:!1,overflowWhenOpen:"hidden",contentHiddenWhenClosed:!1,openedClassName:"",triggerStyle:null,triggerClassName:"",triggerOpenedClassName:"",contentOuterClassName:"",contentInnerClassName:"",className:"",triggerSibling:null,onOpen:function(){},onClose:function(){},onOpening:function(){},onClosing:function(){},onTriggerOpening:function(){},onTriggerClosing:function(){},tabIndex:null,contentContainerTagName:"div",triggerElementProps:{}},m.default=O}]))},89990:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>z});x(87363);var v=x(9420),y=x(93379),T=x.n(y),C=x(7795),O=x.n(C),N=x(90569),j=x.n(N),w=x(3565),S=x.n(w),P=x(19216),I=x.n(P),M=x(44589),k=x.n(M),L=x(91605),Z={};Z.styleTagTransform=k(),Z.setAttributes=S(),Z.insert=j().bind(null,"head"),Z.domAPI=O(),Z.insertStyleElement=I();T()(L.ZP,Z);L.ZP&&L.ZP.locals&&L.ZP.locals;var A=x(63762),E=x(47514);const z=(0,v.Pi)((function ContentItemTeaser(r){var m=r.item,x=(0,A.NP)();return(0,E.jsxs)("div",{className:L.bz,children:[m.emoji&&(0,E.jsx)("div",{className:L.rP,children:m.emoji}),(0,E.jsx)("div",{className:L.TN,children:m.title}),(0,E.jsx)("div",{className:L.WL,children:m.description}),(0,E.jsxs)("button",{className:L.LI,onClick:function onClick(){return x.settingsState.onClickContentItemId(m.id)},children:[(0,E.jsx)("span",{className:L.q5,children:m.buttonText}),(0,E.jsx)("div",{className:L.x7,children:(0,E.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,E.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},89967:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>R});x(87363);var v=x(79182),y=x(63762),T=x(93379),C=x.n(T),O=x(7795),N=x.n(O),j=x(90569),w=x.n(j),S=x(3565),P=x.n(S),I=x(19216),M=x.n(I),k=x(44589),L=x.n(k),Z=x(9668),A={};A.styleTagTransform=L(),A.setAttributes=P(),A.insert=w().bind(null,"head"),A.domAPI=N(),A.insertStyleElement=M();C()(Z.ZP,A);Z.ZP&&Z.ZP.locals&&Z.ZP.locals;var E=x(89990),z=x(47514);const R=function SettingsItemsGroup(r){var m=r.group;(0,y.NP)();return(0,z.jsxs)("div",{className:Z.YS,children:[(0,z.jsx)("div",{className:Z.t$,children:m.left.map((function(r){var x,y,T,C=m.palettes.find((function(m){return m.id===r}));return(0,z.jsxs)(z.Fragment,{children:["TOP"===(null===(x=C.contentItemTeaser)||void 0===x?void 0:x.position)?(0,z.jsx)(E.default,{item:C.contentItemTeaser}):(0,z.jsx)(z.Fragment,{}),(0,z.jsx)(v.default,{item:C,id:Number(C.id)},null!==(y=C.optionCodex)&&void 0!==y?y:C.configStepKey+C.id),"BOTTOM"===(null===(T=C.contentItemTeaser)||void 0===T?void 0:T.position)?(0,z.jsx)(E.default,{item:C.contentItemTeaser}):(0,z.jsx)(z.Fragment,{})]})}))}),(0,z.jsx)("div",{className:Z.eX}),(0,z.jsx)("div",{className:Z.F2,children:m.right.map((function(r){var x,y,T,C=m.palettes.find((function(m){return m.id===r}));return(0,z.jsxs)(z.Fragment,{children:["TOP"===(null===(x=C.contentItemTeaser)||void 0===x?void 0:x.position)?(0,z.jsx)(E.default,{item:C.contentItemTeaser}):(0,z.jsx)(z.Fragment,{}),(0,z.jsx)(v.default,{item:C,id:Number(C.id)},null!==(y=C.optionCodex)&&void 0!==y?y:C.configStepKey+C.id),"BOTTOM"===(null===(T=C.contentItemTeaser)||void 0===T?void 0:T.position)?(0,z.jsx)(E.default,{item:C.contentItemTeaser}):(0,z.jsx)(z.Fragment,{})]})}))})]})}},26937:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>S});var v=x(34988),y=x(87363),T=x(9420),C=x(79182),O=x(63762),N=x(89967),j=x(89990),w=x(47514);const S=(0,T.Pi)((function SettingsItemsWrapper(r){var m=r.itemPalettesArr,x=(0,O.NP)(),T=(0,y.useState)([]),S=(0,v.Z)(T,2),P=S[0],I=S[1];return(0,y.useEffect)((function(){for(var r=[],v=function _loop(){var v=m[y],T=x.configuratorStructureHandler.getOptionStepByCodex(v.optionCodex),C=null==T?void 0:T.partOfGroup,O=r.find((function(r){var m;return(null!==(m=null==C?void 0:C.groupName)&&void 0!==m?m:v.configStepKey+v.id)===r.groupName}));if(O)O.palettes.push(v);else{var N,j={groupName:null!==(N=null==C?void 0:C.groupName)&&void 0!==N?N:v.configStepKey+v.id,palettes:[v],left:[],right:[]};r.push(j),O=j}"l"===(null==C?void 0:C.position)?O.left.push(v.id):"r"===(null==C?void 0:C.position)&&O.right.push(v.id)},y=0;y<m.length;y++)v();I(r)}),[m]),(0,w.jsx)(w.Fragment,{children:P.map((function(r){var m;if(r.palettes.length>1)return(0,w.jsx)(N.default,{group:r});var x=r.palettes[0].contentItemTeaser;return(0,w.jsxs)(w.Fragment,{children:["TOP"==(null==x?void 0:x.position)&&(0,w.jsx)(j.default,{item:x}),(0,w.jsx)(C.default,{item:r.palettes[0],id:Number(r.palettes[0].id)},(null!==(m=r.palettes[0].optionCodex)&&void 0!==m?m:r.palettes[0].configStepKey)+r.palettes[0].id),"BOTTOM"==(null==x?void 0:x.position)&&(0,w.jsx)(j.default,{item:x})]})}))})}))},38515:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>_});var v=x(65515),y=x.n(v),T=x(9420),C=(x(87363),x(63762)),O=x(93379),N=x.n(O),j=x(7795),w=x.n(j),S=x(90569),P=x.n(S),I=x(3565),M=x.n(I),k=x(19216),L=x.n(k),Z=x(44589),A=x.n(Z),E=x(95055),z={};z.styleTagTransform=A(),z.setAttributes=M(),z.insert=P().bind(null,"head"),z.domAPI=w(),z.insertStyleElement=L();N()(E.ZP,z);E.ZP&&E.ZP.locals&&E.ZP.locals;var R=x(88683),D=x(47514);const _=(0,T.Pi)((function SubTabGroupHeader(r){var m=r.openState,x=r.curState,v=r.tabs,T=(0,C.NP)(),O=(0,R.useTranslation)().t;return(0,D.jsxs)("div",{onClick:function onClick(){return m[1](!m[0])},className:y()(E.Fs,m[0]?E.bA:void 0,T.uiState.isInMobileView?E.ai:void 0),children:[(0,D.jsx)("div",{className:E.YS,children:v.map((function(r,T){return(0,D.jsxs)("div",{className:y()(E.TN,x[0]===r&&m[0]?E.pA:void 0),onClick:function onClick(v){x[1](r),m[0]||m[1](!0),v.stopPropagation()},children:["ALL"===r&&1!==v.length&&O("configurator.config_all"),1===v.length&&O("configurator.config_accessoire"),v.length>1&&"ALL"!==r&&T+"."]},r)}))}),(0,D.jsx)("div",{className:y()(E.y6)})]})}))},35740:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>Y});var v=x(12952),y=x(34988),T=x(87363),C=x(57446),O=x.n(C),N=x(38515),j=x(9420),w=x(93379),S=x.n(w),P=x(7795),I=x.n(P),M=x(90569),k=x.n(M),L=x(3565),Z=x.n(L),A=x(19216),E=x.n(A),z=x(44589),R=x.n(z),D=x(27558),_={};_.styleTagTransform=R(),_.setAttributes=Z(),_.insert=k().bind(null,"head"),_.domAPI=I(),_.insertStyleElement=E();S()(D.Z,_);D.Z&&D.Z.locals&&D.Z.locals;var H=x(63762),W=x(26937),U=x(47514);const Y=(0,j.Pi)((function SubTabgroup(r){var m,x,C=r.itemPalettesOfArticle,j=(0,H.NP)(),w=(0,T.useState)(!(null===(m=j.getViewConfig())||void 0===m||!m.selectAccessoiresWithToggle)),S=(0,y.Z)(w,2),P=S[0],I=S[1],M=Object.keys(C),k=(0,T.useState)("ALL"),L=(0,y.Z)(k,2),Z=L[0],A=L[1],E=(0,T.useState)([]),z=(0,y.Z)(E,2),R=z[0],_=z[1],Y=(0,T.useState)(C[M[0]]),V=(0,y.Z)(Y,2),B=V[0],J=V[1];return(0,T.useEffect)((function(){var r,m=null!==(r=C["ALL"==Z?M[0]:Z])&&void 0!==r?r:{};Object.values(m).map((function(r){return r.configAllMode="ALL"==Z?M:void 0})),J(m),_(["ALL"].concat((0,v.Z)(M.length>1?M:[]))),R.includes(Z)||A(R[0])}),[C,Z]),(0,U.jsx)(O(),{trigger:null!==(x=j.getViewConfig())&&void 0!==x&&x.selectAccessoiresWithToggle?(0,U.jsx)(U.Fragment,{}):(0,U.jsx)(N.default,{tabs:R,openState:[P,I],curState:[Z,A]}),contentOuterClassName:P?D.n:void 0,easing:"ease",open:P,triggerDisabled:P,children:(0,U.jsx)(W.default,{itemPalettesArr:Object.values(B)})})}))},91605:(r,m,x)=>{"use strict";x.d(m,{LI:()=>S,TN:()=>j,WL:()=>w,ZP:()=>M,bz:()=>O,q5:()=>P,rP:()=>N,x7:()=>I});var v=x(8081),y=x.n(v),T=x(23645),C=x.n(T)()(y());C.push([r.id,".index-module--YvhoM {\n  background-color: #e6f0fa;\n  background-color: var(--diva-theme-palette-primary-light, #e6f0fa);\n  padding: 12px 16px;\n  border-radius: 8px;\n  text-align: center;\n  margin: 8px 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  font-family: inherit;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.index-module--xRF8A {\n  font-size: 28px;\n  margin-bottom: 2px;\n}\n\n.index-module--AkzgH {\n  font-weight: 700;\n  font-size: 16px;\n  color: #000;\n  margin: 0;\n  line-height: 1.2;\n}\n\n.index-module--YcLKe {\n  font-size: 15px;\n  color: #333;\n  margin: 0;\n  line-height: 1.4;\n}\n.mobile .index-module--YcLKe {\n  font-size: 13px;\n}\n\n.index-module--tZsne {\n  margin-top: 10px;\n  border: 2px solid #ff6b00;\n  border: 2px solid var(--primaryColor, #ff6b00);\n  color: #ff6b00;\n  color: var(--primaryColor, #ff6b00);\n  background: #fff;\n  padding: 6px 16px;\n  border-radius: 6px;\n  font-weight: 700;\n  font-size: 15px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  transition: all 0.2s ease;\n  width: 100%;\n  max-width: 280px;\n  box-sizing: border-box;\n  min-height: 40px;\n}\n\n.index-module--tZsne:hover {\n  background-color: #ff6b00;\n  background-color: var(--primaryColor, #ff6b00);\n  color: #fff;\n}\n\n.index-module--KlW5i {\n  flex: 1;\n  text-align: center;\n  padding: 0 24px;\n}\n\n.index-module--MViR0 {\n  position: absolute;\n  right: 12px;\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--MViR0 svg {\n  width: 100%;\n  height: 100%;\n}\n",""]);var O="index-module--YvhoM",N="index-module--xRF8A",j="index-module--AkzgH",w="index-module--YcLKe",S="index-module--tZsne",P="index-module--KlW5i",I="index-module--MViR0";const M=C},9668:(r,m,x)=>{"use strict";x.d(m,{F2:()=>j,YS:()=>O,ZP:()=>S,eX:()=>w,t$:()=>N});var v=x(8081),y=x.n(v),T=x(23645),C=x.n(T)()(y());C.push([r.id,".index-module--h2rQ7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  gap: 24px;\n}\n\n.mobile .index-module--h2rQ7 {\n  gap: 8px;\n}\n\n.index-module--vn75Y {\n  flex: 1;\n}\n\n.index-module--gupRY {\n  flex: 1;\n}\n\n.index-module--lvlA1 {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}",""]);var O="index-module--h2rQ7",N="index-module--vn75Y",j="index-module--gupRY",w="index-module--lvlA1";const S=C},95055:(r,m,x)=>{"use strict";x.d(m,{Fs:()=>P,TN:()=>M,YS:()=>I,ZP:()=>E,ai:()=>A,bA:()=>Z,pA:()=>k,y6:()=>L});var v=x(8081),y=x.n(v),T=x(23645),C=x.n(T),O=x(61667),N=x.n(O),j=new URL(x(37766),x.b),w=C()(y()),S=N()(j);w.push([r.id,".index-module--bSSUt {\n  height: 48px;\n  position: relative;\n  background-color: var(--diva-theme-palette-primary-light);\n  border-bottom: 2px solid var(--diva-theme-palette-primary-main);\n}\n\n.index-module--wbRxH {\n  margin-left: 16px;\n  margin-right: 16px;\n  display: flex;\n}\n.index-module--Jw9JV {\n  padding: 11px;\n  font-weight: 100;\n  font-size: 18px;\n  position: relative;\n}\n\n.index-module--Jw9JV:hover,\n.index-module--CAkCY {\n  border: none;\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--Jw9JV::after {\n  content: '';\n  position: absolute;\n  width: 0px;\n  height: 3px;\n  left: 50%;\n  bottom: 0;\n  background-color: var(--diva-theme-palette-primary-main);\n  transition: all ease-in-out 0.2s;\n}\n.index-module--Jw9JV:hover::after,\n.index-module--CAkCY::after {\n  width: 100%;\n  left: 0;\n}\n\n.index-module--IR2e_ {\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  background-image: url("+S+");\n  transform: rotate(90deg);\n  transition: all 0.35s ease;\n  width: 40px;\n  height: 40px;\n  position: absolute;\n  right: 8px;\n  top: 5px;\n}\n.index-module--jWjLA .index-module--IR2e_ {\n  transform: rotate(0deg);\n}\n\n.index-module--bSSUt.index-module--PzZv7 {\n  height: 38px;\n}\n\n.index-module--PzZv7 .index-module--Jw9JV {\n  padding: 8px;\n  font-weight: 300;\n  font-size: 14px;\n}\n\n.index-module--PzZv7 .index-module--IR2e_ {\n  width: 34px;\n  height: 34px;\n  position: absolute;\n  right: 8px;\n  top: 0px;\n}\n",""]);var P="index-module--bSSUt",I="index-module--wbRxH",M="index-module--Jw9JV",k="index-module--CAkCY",L="index-module--IR2e_",Z="index-module--jWjLA",A="index-module--PzZv7";const E=w},27558:(r,m,x)=>{"use strict";x.d(m,{Z:()=>N,n:()=>O});var v=x(8081),y=x.n(v),T=x(23645),C=x.n(T)()(y());C.push([r.id,".index-module--ardHn {\n  overflow: visible !important;\n}\n.index-module--ardHn {\n  height: auto;\n  transition: none 0s ease 0s;\n}\n",""]);var O="index-module--ardHn";const N=C},37766:r=>{"use strict";r.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9Ijk2MHB4IiBoZWlnaHQ9IjU2MHB4IiB2aWV3Qm94PSIwIDAgOTYwIDU2MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOTYwIDU2MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJSb3VuZGVkX1JlY3RhbmdsZV8zM19jb3B5XzRfMV8iPgoJPHBhdGggZD0iTTQ4MCwzNDQuMTgxTDI2OC44NjksMTMxLjg4OWMtMTUuNzU2LTE1Ljg1OS00MS4zLTE1Ljg1OS01Ny4wNTQsMGMtMTUuNzU0LDE1Ljg1Ny0xNS43NTQsNDEuNTcsMCw1Ny40MzFsMjM3LjYzMiwyMzguOTM3CgkJYzguMzk1LDguNDUxLDE5LjU2MiwxMi4yNTQsMzAuNTUzLDExLjY5OGMxMC45OTMsMC41NTYsMjIuMTU5LTMuMjQ3LDMwLjU1NS0xMS42OThsMjM3LjYzMS0yMzguOTM3CgkJYzE1Ljc1Ni0xNS44NiwxNS43NTYtNDEuNTcxLDAtNTcuNDMxcy00MS4yOTktMTUuODU5LTU3LjA1MSwwTDQ4MCwzNDQuMTgxeiIvPgo8L2c+Cjwvc3ZnPgo="}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5740,9990,9967,6937,8515],{57446:function(r,m,x){var v;r.exports=(v=x(87363),function(r){var m={};function n(x){if(m[x])return m[x].exports;var v=m[x]={i:x,l:!1,exports:{}};return r[x].call(v.exports,v,v.exports,n),v.l=!0,v.exports}return n.m=r,n.c=m,n.d=function(r,m,x){n.o(r,m)||Object.defineProperty(r,m,{enumerable:!0,get:x})},n.r=function(r){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})},n.t=function(r,m){if(1&m&&(r=n(r)),8&m)return r;if(4&m&&"object"==typeof r&&r&&r.__esModule)return r;var x=Object.create(null);if(n.r(x),Object.defineProperty(x,"default",{enumerable:!0,value:r}),2&m&&"string"!=typeof r)for(var v in r)n.d(x,v,function(m){return r[m]}.bind(null,v));return x},n.n=function(r){var m=r&&r.__esModule?function(){return r.default}:function(){return r};return n.d(m,"a",m),m},n.o=function(r,m){return Object.prototype.hasOwnProperty.call(r,m)},n.p="",n(n.s=4)}([function(r,m,x){r.exports=x(2)()},function(r,m){r.exports=v},function(r,m,x){"use strict";var v=x(3);function o(){}function i(){}i.resetWarningCache=o,r.exports=function(){function e(r,m,x,y,T,C){if(C!==v){var O=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw O.name="Invariant Violation",O}}function t(){return e}e.isRequired=e;var r={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:o};return r.PropTypes=r,r}},function(r,m,x){"use strict";r.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(r,m,x){"use strict";x.r(m);var v=x(1),y=x.n(v),T=x(0),C=x.n(T),a=function(r){return 0!==r};function l(){return(l=Object.assign?Object.assign.bind():function(r){for(var m=1;m<arguments.length;m++){var x=arguments[m];for(var v in x)Object.prototype.hasOwnProperty.call(x,v)&&(r[v]=x[v])}return r}).apply(this,arguments)}function c(r){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r})(r)}function p(r,m){for(var x=0;x<m.length;x++){var v=m[x];v.enumerable=v.enumerable||!1,v.configurable=!0,"value"in v&&(v.writable=!0),Object.defineProperty(r,v.key,v)}}function u(r,m){return(u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,m){return r.__proto__=m,r})(r,m)}function g(r){var m=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(r){return!1}}();return function(){var x,v=d(r);if(m){var y=d(this).constructor;x=Reflect.construct(v,arguments,y)}else x=v.apply(this,arguments);return f(this,x)}}function f(r,m){if(m&&("object"===c(m)||"function"==typeof m))return m;if(void 0!==m)throw new TypeError("Derived constructors may only return object or undefined");return h(r)}function h(r){if(void 0===r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function d(r){return(d=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(r){return r.__proto__||Object.getPrototypeOf(r)})(r)}function b(r,m,x){return m in r?Object.defineProperty(r,m,{value:x,enumerable:!0,configurable:!0,writable:!0}):r[m]=x,r}var O=function(r){!function(r,m){if("function"!=typeof m&&null!==m)throw new TypeError("Super expression must either be null or a function");r.prototype=Object.create(m&&m.prototype,{constructor:{value:r,writable:!0,configurable:!0}}),Object.defineProperty(r,"prototype",{writable:!1}),m&&u(r,m)}(s,r);var m,x,v,T=g(s);function s(r){var m;return function(r,m){if(!(r instanceof m))throw new TypeError("Cannot call a class as a function")}(this,s),b(h(m=T.call(this,r)),"continueOpenCollapsible",(function(){var r=h(m).innerRef;m.setState({height:r.scrollHeight,transition:"height ".concat(m.props.transitionTime,"ms ").concat(m.props.easing),isClosed:!1,hasBeenOpened:!0,inTransition:a(r.scrollHeight),shouldOpenOnNextCycle:!1})})),b(h(m),"handleTriggerClick",(function(r){m.props.triggerDisabled||m.state.inTransition||(r.preventDefault(),m.props.handleTriggerClick?m.props.handleTriggerClick(m.props.accordionPosition):!0===m.state.isClosed?(m.openCollapsible(),m.props.onOpening(),m.props.onTriggerOpening()):(m.closeCollapsible(),m.props.onClosing(),m.props.onTriggerClosing()))})),b(h(m),"handleTransitionEnd",(function(r){r.target===m.innerRef&&(m.state.isClosed?(m.setState({inTransition:!1}),m.props.onClose()):(m.setState({height:"auto",overflow:m.props.overflowWhenOpen,inTransition:!1}),m.props.onOpen()))})),b(h(m),"setInnerRef",(function(r){return m.innerRef=r})),m.timeout=void 0,m.contentId=r.contentElementId||"collapsible-content-".concat(Date.now()),m.triggerId=r.triggerElementProps.id||"collapsible-trigger-".concat(Date.now()),r.open?m.state={isClosed:!1,shouldSwitchAutoOnNextCycle:!1,height:"auto",transition:"none",hasBeenOpened:!0,overflow:r.overflowWhenOpen,inTransition:!1}:m.state={isClosed:!0,shouldSwitchAutoOnNextCycle:!1,height:0,transition:"height ".concat(r.transitionTime,"ms ").concat(r.easing),hasBeenOpened:!1,overflow:"hidden",inTransition:!1},m}return m=s,(x=[{key:"componentDidUpdate",value:function(r,m){var x=this;this.state.shouldOpenOnNextCycle&&this.continueOpenCollapsible(),"auto"!==m.height&&0!==m.height||!0!==this.state.shouldSwitchAutoOnNextCycle||(window.clearTimeout(this.timeout),this.timeout=window.setTimeout((function(){x.setState({height:0,overflow:"hidden",isClosed:!0,shouldSwitchAutoOnNextCycle:!1})}),50)),r.open!==this.props.open&&(!0===this.props.open?(this.openCollapsible(),this.props.onOpening()):(this.closeCollapsible(),this.props.onClosing()))}},{key:"componentWillUnmount",value:function(){window.clearTimeout(this.timeout)}},{key:"closeCollapsible",value:function(){var r=this.innerRef;this.setState({shouldSwitchAutoOnNextCycle:!0,height:r.scrollHeight,transition:"height ".concat(this.props.transitionCloseTime?this.props.transitionCloseTime:this.props.transitionTime,"ms ").concat(this.props.easing),inTransition:a(r.scrollHeight)})}},{key:"openCollapsible",value:function(){this.setState({inTransition:a(this.innerRef.scrollHeight),shouldOpenOnNextCycle:!0})}},{key:"renderNonClickableTriggerElement",value:function(){var r=this.props,m=r.triggerSibling,x=r.classParentString;if(!m)return null;switch(c(m)){case"string":return y.a.createElement("span",{className:"".concat(x,"__trigger-sibling")},m);case"function":return m();case"object":return m;default:return null}}},{key:"render",value:function(){var r=this,m={height:this.state.height,WebkitTransition:this.state.transition,msTransition:this.state.transition,transition:this.state.transition,overflow:this.state.overflow},x=this.state.isClosed?"is-closed":"is-open",v=this.props.triggerDisabled?"is-disabled":"",T=!1===this.state.isClosed&&void 0!==this.props.triggerWhenOpen?this.props.triggerWhenOpen:this.props.trigger,C=this.props.contentContainerTagName,O=this.props.triggerTagName,N=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,j=this.props,w=j.classParentString,S=j.contentOuterClassName,P=j.contentInnerClassName,I="".concat(w,"__trigger ").concat(x," ").concat(v," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),M="".concat(w," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),k="".concat(w,"__contentOuter ").concat(S),L="".concat(w,"__contentInner ").concat(P);return y.a.createElement(C,l({className:M.trim()},this.props.containerElementProps),y.a.createElement(O,l({id:this.triggerId,className:I.trim(),onClick:this.handleTriggerClick,style:this.props.triggerStyle&&this.props.triggerStyle,onKeyPress:function(m){var x=m.key;(" "===x&&"button"!==r.props.triggerTagName.toLowerCase()||"Enter"===x)&&r.handleTriggerClick(m)},tabIndex:this.props.tabIndex&&this.props.tabIndex,"aria-expanded":!this.state.isClosed,"aria-disabled":this.props.triggerDisabled,"aria-controls":this.contentId,role:"button"},this.props.triggerElementProps),T),this.renderNonClickableTriggerElement(),y.a.createElement("div",{id:this.contentId,className:k.trim(),style:m,onTransitionEnd:this.handleTransitionEnd,ref:this.setInnerRef,hidden:this.props.contentHiddenWhenClosed&&this.state.isClosed&&!this.state.inTransition,role:"region","aria-labelledby":this.triggerId},y.a.createElement("div",{className:L.trim()},N)))}}])&&p(m.prototype,x),v&&p(m,v),Object.defineProperty(m,"prototype",{writable:!1}),s}(v.Component);O.propTypes={transitionTime:C.a.number,transitionCloseTime:C.a.number,triggerTagName:C.a.string,easing:C.a.string,open:C.a.bool,containerElementProps:C.a.object,triggerElementProps:C.a.object,contentElementId:C.a.string,classParentString:C.a.string,className:C.a.string,openedClassName:C.a.string,triggerStyle:C.a.object,triggerClassName:C.a.string,triggerOpenedClassName:C.a.string,contentOuterClassName:C.a.string,contentInnerClassName:C.a.string,accordionPosition:C.a.oneOfType([C.a.string,C.a.number]),handleTriggerClick:C.a.func,onOpen:C.a.func,onClose:C.a.func,onOpening:C.a.func,onClosing:C.a.func,onTriggerOpening:C.a.func,onTriggerClosing:C.a.func,trigger:C.a.oneOfType([C.a.string,C.a.element]),triggerWhenOpen:C.a.oneOfType([C.a.string,C.a.element]),triggerDisabled:C.a.bool,lazyRender:C.a.bool,overflowWhenOpen:C.a.oneOf(["hidden","visible","auto","scroll","inherit","initial","unset"]),contentHiddenWhenClosed:C.a.bool,triggerSibling:C.a.oneOfType([C.a.string,C.a.element,C.a.func]),tabIndex:C.a.number,contentContainerTagName:C.a.string,children:C.a.oneOfType([C.a.string,C.a.element])},O.defaultProps={transitionTime:400,transitionCloseTime:null,triggerTagName:"span",easing:"linear",open:!1,classParentString:"Collapsible",triggerDisabled:!1,lazyRender:!1,overflowWhenOpen:"hidden",contentHiddenWhenClosed:!1,openedClassName:"",triggerStyle:null,triggerClassName:"",triggerOpenedClassName:"",contentOuterClassName:"",contentInnerClassName:"",className:"",triggerSibling:null,onOpen:function(){},onClose:function(){},onOpening:function(){},onClosing:function(){},onTriggerOpening:function(){},onTriggerClosing:function(){},tabIndex:null,contentContainerTagName:"div",triggerElementProps:{}},m.default=O}]))},89990:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>z});x(87363);var v=x(9420),y=x(93379),T=x.n(y),C=x(7795),O=x.n(C),N=x(90569),j=x.n(N),w=x(3565),S=x.n(w),P=x(19216),I=x.n(P),M=x(44589),k=x.n(M),L=x(91605),Z={};Z.styleTagTransform=k(),Z.setAttributes=S(),Z.insert=j().bind(null,"head"),Z.domAPI=O(),Z.insertStyleElement=I();T()(L.ZP,Z);L.ZP&&L.ZP.locals&&L.ZP.locals;var A=x(63762),E=x(47514);const z=(0,v.Pi)((function ContentItemTeaser(r){var m=r.item,x=(0,A.NP)();return(0,E.jsxs)("div",{className:L.bz,children:[m.emoji&&(0,E.jsx)("div",{className:L.rP,children:m.emoji}),(0,E.jsx)("div",{className:L.TN,children:m.title}),(0,E.jsx)("div",{className:L.WL,children:m.description}),(0,E.jsxs)("button",{className:L.LI,onClick:function onClick(){return x.settingsState.onClickContentItemId(m.id)},children:[(0,E.jsx)("span",{className:L.q5,children:m.buttonText}),(0,E.jsx)("div",{className:L.x7,children:(0,E.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,E.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},89967:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>R});x(87363);var v=x(79182),y=x(63762),T=x(93379),C=x.n(T),O=x(7795),N=x.n(O),j=x(90569),w=x.n(j),S=x(3565),P=x.n(S),I=x(19216),M=x.n(I),k=x(44589),L=x.n(k),Z=x(9668),A={};A.styleTagTransform=L(),A.setAttributes=P(),A.insert=w().bind(null,"head"),A.domAPI=N(),A.insertStyleElement=M();C()(Z.ZP,A);Z.ZP&&Z.ZP.locals&&Z.ZP.locals;var E=x(89990),z=x(47514);const R=function SettingsItemsGroup(r){var m=r.group;(0,y.NP)();return(0,z.jsxs)("div",{className:Z.YS,children:[(0,z.jsx)("div",{className:Z.t$,children:m.left.map((function(r){var x,y,T,C=m.palettes.find((function(m){return m.id===r}));return(0,z.jsxs)(z.Fragment,{children:["TOP"===(null===(x=C.contentItemTeaser)||void 0===x?void 0:x.position)?(0,z.jsx)(E.default,{item:C.contentItemTeaser}):(0,z.jsx)(z.Fragment,{}),(0,z.jsx)(v.default,{item:C,id:Number(C.id)},null!==(y=C.optionCodex)&&void 0!==y?y:C.configStepKey+C.id),"BOTTOM"===(null===(T=C.contentItemTeaser)||void 0===T?void 0:T.position)?(0,z.jsx)(E.default,{item:C.contentItemTeaser}):(0,z.jsx)(z.Fragment,{})]})}))}),(0,z.jsx)("div",{className:Z.eX}),(0,z.jsx)("div",{className:Z.F2,children:m.right.map((function(r){var x,y,T,C=m.palettes.find((function(m){return m.id===r}));return(0,z.jsxs)(z.Fragment,{children:["TOP"===(null===(x=C.contentItemTeaser)||void 0===x?void 0:x.position)?(0,z.jsx)(E.default,{item:C.contentItemTeaser}):(0,z.jsx)(z.Fragment,{}),(0,z.jsx)(v.default,{item:C,id:Number(C.id)},null!==(y=C.optionCodex)&&void 0!==y?y:C.configStepKey+C.id),"BOTTOM"===(null===(T=C.contentItemTeaser)||void 0===T?void 0:T.position)?(0,z.jsx)(E.default,{item:C.contentItemTeaser}):(0,z.jsx)(z.Fragment,{})]})}))})]})}},26937:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>S});var v=x(38946),y=x(87363),T=x(9420),C=x(79182),O=x(63762),N=x(89967),j=x(89990),w=x(47514);const S=(0,T.Pi)((function SettingsItemsWrapper(r){var m=r.itemPalettesArr,x=(0,O.NP)(),T=(0,y.useState)([]),S=(0,v.Z)(T,2),P=S[0],I=S[1];return(0,y.useEffect)((function(){for(var r=[],v=function _loop(){var v=m[y],T=x.configuratorStructureHandler.getOptionStepByCodex(v.optionCodex),C=null==T?void 0:T.partOfGroup,O=r.find((function(r){var m;return(null!==(m=null==C?void 0:C.groupName)&&void 0!==m?m:v.configStepKey+v.id)===r.groupName}));if(O)O.palettes.push(v);else{var N,j={groupName:null!==(N=null==C?void 0:C.groupName)&&void 0!==N?N:v.configStepKey+v.id,palettes:[v],left:[],right:[]};r.push(j),O=j}"l"===(null==C?void 0:C.position)?O.left.push(v.id):"r"===(null==C?void 0:C.position)&&O.right.push(v.id)},y=0;y<m.length;y++)v();I(r)}),[m]),(0,w.jsx)(w.Fragment,{children:P.map((function(r){var m;if(r.palettes.length>1)return(0,w.jsx)(N.default,{group:r});var x=r.palettes[0].contentItemTeaser;return(0,w.jsxs)(w.Fragment,{children:["TOP"==(null==x?void 0:x.position)&&(0,w.jsx)(j.default,{item:x}),(0,w.jsx)(C.default,{item:r.palettes[0],id:Number(r.palettes[0].id)},(null!==(m=r.palettes[0].optionCodex)&&void 0!==m?m:r.palettes[0].configStepKey)+r.palettes[0].id),"BOTTOM"==(null==x?void 0:x.position)&&(0,w.jsx)(j.default,{item:x})]})}))})}))},38515:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>_});var v=x(65515),y=x.n(v),T=x(9420),C=(x(87363),x(63762)),O=x(93379),N=x.n(O),j=x(7795),w=x.n(j),S=x(90569),P=x.n(S),I=x(3565),M=x.n(I),k=x(19216),L=x.n(k),Z=x(44589),A=x.n(Z),E=x(95055),z={};z.styleTagTransform=A(),z.setAttributes=M(),z.insert=P().bind(null,"head"),z.domAPI=w(),z.insertStyleElement=L();N()(E.ZP,z);E.ZP&&E.ZP.locals&&E.ZP.locals;var R=x(88683),D=x(47514);const _=(0,T.Pi)((function SubTabGroupHeader(r){var m=r.openState,x=r.curState,v=r.tabs,T=(0,C.NP)(),O=(0,R.useTranslation)().t;return(0,D.jsxs)("div",{onClick:function onClick(){return m[1](!m[0])},className:y()(E.Fs,m[0]?E.bA:void 0,T.uiState.isInMobileView?E.ai:void 0),children:[(0,D.jsx)("div",{className:E.YS,children:v.map((function(r,T){return(0,D.jsxs)("div",{className:y()(E.TN,x[0]===r&&m[0]?E.pA:void 0),onClick:function onClick(v){x[1](r),m[0]||m[1](!0),v.stopPropagation()},children:["ALL"===r&&1!==v.length&&O("configurator.config_all"),1===v.length&&O("configurator.config_accessoire"),v.length>1&&"ALL"!==r&&T+"."]},r)}))}),(0,D.jsx)("div",{className:y()(E.y6)})]})}))},35740:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>Y});var v=x(61965),y=x(38946),T=x(87363),C=x(57446),O=x.n(C),N=x(38515),j=x(9420),w=x(93379),S=x.n(w),P=x(7795),I=x.n(P),M=x(90569),k=x.n(M),L=x(3565),Z=x.n(L),A=x(19216),E=x.n(A),z=x(44589),R=x.n(z),D=x(27558),_={};_.styleTagTransform=R(),_.setAttributes=Z(),_.insert=k().bind(null,"head"),_.domAPI=I(),_.insertStyleElement=E();S()(D.Z,_);D.Z&&D.Z.locals&&D.Z.locals;var H=x(63762),W=x(26937),U=x(47514);const Y=(0,j.Pi)((function SubTabgroup(r){var m,x,C=r.itemPalettesOfArticle,j=(0,H.NP)(),w=(0,T.useState)(!(null===(m=j.getViewConfig())||void 0===m||!m.selectAccessoiresWithToggle)),S=(0,y.Z)(w,2),P=S[0],I=S[1],M=Object.keys(C),k=(0,T.useState)("ALL"),L=(0,y.Z)(k,2),Z=L[0],A=L[1],E=(0,T.useState)([]),z=(0,y.Z)(E,2),R=z[0],_=z[1],Y=(0,T.useState)(C[M[0]]),V=(0,y.Z)(Y,2),B=V[0],J=V[1];return(0,T.useEffect)((function(){var r,m=null!==(r=C["ALL"==Z?M[0]:Z])&&void 0!==r?r:{};Object.values(m).map((function(r){return r.configAllMode="ALL"==Z?M:void 0})),J(m),_(["ALL"].concat((0,v.Z)(M.length>1?M:[]))),R.includes(Z)||A(R[0])}),[C,Z]),(0,U.jsx)(O(),{trigger:null!==(x=j.getViewConfig())&&void 0!==x&&x.selectAccessoiresWithToggle?(0,U.jsx)(U.Fragment,{}):(0,U.jsx)(N.default,{tabs:R,openState:[P,I],curState:[Z,A]}),contentOuterClassName:P?D.n:void 0,easing:"ease",open:P,triggerDisabled:P,children:(0,U.jsx)(W.default,{itemPalettesArr:Object.values(B)})})}))},91605:(r,m,x)=>{"use strict";x.d(m,{LI:()=>S,TN:()=>j,WL:()=>w,ZP:()=>M,bz:()=>O,q5:()=>P,rP:()=>N,x7:()=>I});var v=x(8081),y=x.n(v),T=x(23645),C=x.n(T)()(y());C.push([r.id,".index-module--YvhoM {\n  background-color: #e6f0fa;\n  background-color: var(--diva-theme-palette-primary-light, #e6f0fa);\n  padding: 12px 16px;\n  border-radius: 8px;\n  text-align: center;\n  margin: 8px 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  font-family: inherit;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.index-module--xRF8A {\n  font-size: 28px;\n  margin-bottom: 2px;\n}\n\n.index-module--AkzgH {\n  font-weight: 700;\n  font-size: 16px;\n  color: #000;\n  margin: 0;\n  line-height: 1.2;\n}\n\n.index-module--YcLKe {\n  font-size: 15px;\n  color: #333;\n  margin: 0;\n  line-height: 1.4;\n}\n.mobile .index-module--YcLKe {\n  font-size: 13px;\n}\n\n.index-module--tZsne {\n  margin-top: 10px;\n  border: 2px solid #ff6b00;\n  border: 2px solid var(--primaryColor, #ff6b00);\n  color: #ff6b00;\n  color: var(--primaryColor, #ff6b00);\n  background: #fff;\n  padding: 6px 16px;\n  border-radius: 6px;\n  font-weight: 700;\n  font-size: 15px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  transition: all 0.2s ease;\n  width: 100%;\n  max-width: 280px;\n  box-sizing: border-box;\n  min-height: 40px;\n}\n\n.index-module--tZsne:hover {\n  background-color: #ff6b00;\n  background-color: var(--primaryColor, #ff6b00);\n  color: #fff;\n}\n\n.index-module--KlW5i {\n  flex: 1;\n  text-align: center;\n  padding: 0 24px;\n}\n\n.index-module--MViR0 {\n  position: absolute;\n  right: 12px;\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--MViR0 svg {\n  width: 100%;\n  height: 100%;\n}\n",""]);var O="index-module--YvhoM",N="index-module--xRF8A",j="index-module--AkzgH",w="index-module--YcLKe",S="index-module--tZsne",P="index-module--KlW5i",I="index-module--MViR0";const M=C},9668:(r,m,x)=>{"use strict";x.d(m,{F2:()=>j,YS:()=>O,ZP:()=>S,eX:()=>w,t$:()=>N});var v=x(8081),y=x.n(v),T=x(23645),C=x.n(T)()(y());C.push([r.id,".index-module--h2rQ7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  gap: 24px;\n}\n\n.mobile .index-module--h2rQ7 {\n  gap: 8px;\n}\n\n.index-module--vn75Y {\n  flex: 1;\n}\n\n.index-module--gupRY {\n  flex: 1;\n}\n\n.index-module--lvlA1 {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}",""]);var O="index-module--h2rQ7",N="index-module--vn75Y",j="index-module--gupRY",w="index-module--lvlA1";const S=C},95055:(r,m,x)=>{"use strict";x.d(m,{Fs:()=>P,TN:()=>M,YS:()=>I,ZP:()=>E,ai:()=>A,bA:()=>Z,pA:()=>k,y6:()=>L});var v=x(8081),y=x.n(v),T=x(23645),C=x.n(T),O=x(61667),N=x.n(O),j=new URL(x(37766),x.b),w=C()(y()),S=N()(j);w.push([r.id,".index-module--bSSUt {\n  height: 48px;\n  position: relative;\n  background-color: var(--diva-theme-palette-primary-light);\n  border-bottom: 2px solid var(--diva-theme-palette-primary-main);\n}\n\n.index-module--wbRxH {\n  margin-left: 16px;\n  margin-right: 16px;\n  display: flex;\n}\n.index-module--Jw9JV {\n  padding: 11px;\n  font-weight: 100;\n  font-size: 18px;\n  position: relative;\n}\n\n.index-module--Jw9JV:hover,\n.index-module--CAkCY {\n  border: none;\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--Jw9JV::after {\n  content: '';\n  position: absolute;\n  width: 0px;\n  height: 3px;\n  left: 50%;\n  bottom: 0;\n  background-color: var(--diva-theme-palette-primary-main);\n  transition: all ease-in-out 0.2s;\n}\n.index-module--Jw9JV:hover::after,\n.index-module--CAkCY::after {\n  width: 100%;\n  left: 0;\n}\n\n.index-module--IR2e_ {\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  background-image: url("+S+");\n  transform: rotate(90deg);\n  transition: all 0.35s ease;\n  width: 40px;\n  height: 40px;\n  position: absolute;\n  right: 8px;\n  top: 5px;\n}\n.index-module--jWjLA .index-module--IR2e_ {\n  transform: rotate(0deg);\n}\n\n.index-module--bSSUt.index-module--PzZv7 {\n  height: 38px;\n}\n\n.index-module--PzZv7 .index-module--Jw9JV {\n  padding: 8px;\n  font-weight: 300;\n  font-size: 14px;\n}\n\n.index-module--PzZv7 .index-module--IR2e_ {\n  width: 34px;\n  height: 34px;\n  position: absolute;\n  right: 8px;\n  top: 0px;\n}\n",""]);var P="index-module--bSSUt",I="index-module--wbRxH",M="index-module--Jw9JV",k="index-module--CAkCY",L="index-module--IR2e_",Z="index-module--jWjLA",A="index-module--PzZv7";const E=w},27558:(r,m,x)=>{"use strict";x.d(m,{Z:()=>N,n:()=>O});var v=x(8081),y=x.n(v),T=x(23645),C=x.n(T)()(y());C.push([r.id,".index-module--ardHn {\n  overflow: visible !important;\n}\n.index-module--ardHn {\n  height: auto;\n  transition: none 0s ease 0s;\n}\n",""]);var O="index-module--ardHn";const N=C},37766:r=>{"use strict";r.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9Ijk2MHB4IiBoZWlnaHQ9IjU2MHB4IiB2aWV3Qm94PSIwIDAgOTYwIDU2MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOTYwIDU2MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJSb3VuZGVkX1JlY3RhbmdsZV8zM19jb3B5XzRfMV8iPgoJPHBhdGggZD0iTTQ4MCwzNDQuMTgxTDI2OC44NjksMTMxLjg4OWMtMTUuNzU2LTE1Ljg1OS00MS4zLTE1Ljg1OS01Ny4wNTQsMGMtMTUuNzU0LDE1Ljg1Ny0xNS43NTQsNDEuNTcsMCw1Ny40MzFsMjM3LjYzMiwyMzguOTM3CgkJYzguMzk1LDguNDUxLDE5LjU2MiwxMi4yNTQsMzAuNTUzLDExLjY5OGMxMC45OTMsMC41NTYsMjIuMTU5LTMuMjQ3LDMwLjU1NS0xMS42OThsMjM3LjYzMS0yMzguOTM3CgkJYzE1Ljc1Ni0xNS44NiwxNS43NTYtNDEuNTcxLDAtNTcuNDMxcy00MS4yOTktMTUuODU5LTU3LjA1MSwwTDQ4MCwzNDQuMTgxeiIvPgo8L2c+Cjwvc3ZnPgo="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 5768.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5768,8648],{87223:(r,t,o)=>{o.d(t,{M:()=>useAgGrid});var i=o(80248),a=o(34988),l=o(87363);function ownKeys(r,t){var o=Object.keys(r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(r);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable}))),o.push.apply(o,i)}return o}function _objectSpread(r){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(o),!0).forEach((function(t){(0,i.Z)(r,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(t){Object.defineProperty(r,t,Object.getOwnPropertyDescriptor(o,t))}))}return r}var d=Promise.all([Promise.all([o.e(2793),o.e(8508)]).then(o.bind(o,78508)),o.e(2793).then(o.bind(o,12793))]).then((function(r){var t=(0,a.Z)(r,2),o=t[0],i=t[1];return i.ModuleRegistry.registerModules([i.AllCommunityModule]),{AgGridReact:o.AgGridReact,themeQuartz:i.themeQuartz,colorSchemeDarkBlue:i.colorSchemeDarkBlue}})).catch((function(){return null})),c={AgGridReact:null,themeQuartz:void 0,colorSchemeDarkBlue:void 0,loaded:!1};function useAgGrid(){var r=(0,l.useState)(c),t=(0,a.Z)(r,2),o=t[0],i=t[1];return(0,l.useEffect)((function(){d.then((function(r){r&&i(_objectSpread(_objectSpread({},r),{},{loaded:!0}))}))}),[]),o}},88648:(r,t,o)=>{o.r(t),o.d(t,{default:()=>_});var i=o(34988),a=o(63762),l=o(87363),d=o(58590),c=o(93379),u=o.n(c),m=o(7795),p=o.n(m),x=o(90569),v=o.n(x),h=o(3565),b=o.n(h),g=o(19216),y=o.n(g),k=o(44589),w=o.n(k),P=o(73751),j={};j.styleTagTransform=w(),j.setAttributes=b(),j.insert=v().bind(null,"head"),j.domAPI=p(),j.insertStyleElement=y();u()(P.Z,j);P.Z&&P.Z.locals&&P.Z.locals;var N=o(9420),S=o(47514);const _=(0,N.Pi)((function ArticleSelector(r){var t,o=(0,i.Z)(r.articleState,2),c=o[0],u=o[1],m=r.rerender,p=r.filter,x=(0,a.NP)(),v=Object.values(null!==(t=x.divaWebPlanner.getDivaArticles(void 0,!0))&&void 0!==t?t:{});p&&(v=v.filter(p));var h=v.map((function(r){return{value:r.basketId,label:r.name+" "+r.posNr}}));return(0,l.useEffect)((function(){c||u(v[0])}),[m]),1==h.length||0==h.length?(0,S.jsx)(S.Fragment,{}):(0,S.jsx)(d.ZP,{value:h.find((function(r){return r.value===(null==c?void 0:c.basketId)})),options:h,onChange:function onChange(r){u(v.find((function(t){return t.basketId==r.value})))},className:P.Y,classNamePrefix:"article-select"})}))},85768:(r,t,o)=>{o.r(t),o.d(t,{default:()=>Z});var i=o(80248),a=o(84658),l=o(34988),d=o(88291),c=o(12952),u=o(50747),m=o.n(u),p=o(87363),x=o(51203),v=o(93379),h=o.n(v),b=o(7795),g=o.n(b),y=o(90569),k=o.n(y),w=o(3565),P=o.n(w),j=o(19216),N=o.n(j),S=o(44589),_=o.n(S),A=o(69288),O={};O.styleTagTransform=_(),O.setAttributes=P(),O.insert=k().bind(null,"head"),O.domAPI=g(),O.insertStyleElement=N();h()(A.ZP,O);A.ZP&&A.ZP.locals&&A.ZP.locals;var D=o(63762),z=o(9420),C=o(65515),R=o.n(C),G=o(88683),T=o(87223),I=o(88648),E=o(47514);function ownKeys(r,t){var o=Object.keys(r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(r);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable}))),o.push.apply(o,i)}return o}function _objectSpread(r){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(o),!0).forEach((function(t){(0,i.Z)(r,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(t){Object.defineProperty(r,t,Object.getOwnPropertyDescriptor(o,t))}))}return r}function _createForOfIteratorHelper(r,t){var o="undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(!o){if(Array.isArray(r)||(o=function _unsupportedIterableToArray(r,t){if(r){if("string"==typeof r)return _arrayLikeToArray(r,t);var o={}.toString.call(r).slice(8,-1);return"Object"===o&&r.constructor&&(o=r.constructor.name),"Map"===o||"Set"===o?Array.from(r):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?_arrayLikeToArray(r,t):void 0}}(r))||t&&r&&"number"==typeof r.length){o&&(r=o);var i=0,a=function F(){};return{s:a,n:function n(){return i>=r.length?{done:!0}:{done:!1,value:r[i++]}},e:function e(r){throw r},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,d=!0,c=!1;return{s:function s(){o=o.call(r)},n:function n(){var r=o.next();return d=r.done,r},e:function e(r){c=!0,l=r},f:function f(){try{d||null==o.return||o.return()}finally{if(c)throw l}}}}function _arrayLikeToArray(r,t){(null==t||t>r.length)&&(t=r.length);for(var o=0,i=Array(t);o<t;o++)i[o]=r[o];return i}function getArticlePriceStatus(r){var t,o,i,a,l;if("FLAT"===r.catalogArticle.articleType)return(null!==(a=r.price)&&void 0!==a?a:0)>0||(null!==(l=r.catalogArticle.articlePrice)&&void 0!==l?l:0)>0?"flat":"no-prices";if(0===(null!==(t=r.catalogArticle.priceFeatureGroupNos)&&void 0!==t?t:[]).length||r.noPrice)return"no-prices";var d=Object.values(null!==(o=r.decisionDebugStacks)&&void 0!==o?o:{}).findLast((function(r){return r}));return null!=d&&null!==(i=d.prices)&&void 0!==i&&i.length?"active":"config-mismatch"}function flattenArticlesWithDepth(r,t){var o,i=[],a=_createForOfIteratorHelper(r);try{for(a.s();!(o=a.n()).done;){var l,d=o.value;i.push({article:d,depth:t});var u=Object.values(null!==(l=d.partlistArticles)&&void 0!==l?l:{});u.length>0&&i.push.apply(i,(0,c.Z)(flattenArticlesWithDepth(u,t+1)))}}catch(r){a.e(r)}finally{a.f()}return i}function PriceDetailTable(r){var t,o,i=r.row,a=r.article,l=r.onClose,d=(0,T.M)(),u=i.priceFeatureGroup,m=null===(t=a.catalogArticle.idmPrices)||void 0===t?void 0:t.prices,x="undefined"!=typeof document&&document.body.classList.contains("darkmode"),v=(0,p.useMemo)((function(){return d.themeQuartz?x&&d.colorSchemeDarkBlue?d.themeQuartz.withPart(d.colorSchemeDarkBlue):d.themeQuartz:void 0}),[x,d.themeQuartz,d.colorSchemeDarkBlue]),h=(0,p.useMemo)((function(){var r,t,o,a,l,d;return[{field:"Text",value:null!==(r=null!==(t=null===(o=u.priceFeatureGroupText)||void 0===o?void 0:o.DE)&&void 0!==t?t:null===(a=u.priceFeatureGroupText)||void 0===a?void 0:a.EN)&&void 0!==r?r:"-"},{field:"Active Combination",value:String(null!==(l=u.activeCombination)&&void 0!==l?l:"-")},{field:"isPercentage",value:String(u.isPercentage)},{field:"additionalPrice",value:String(u.additionalPrice)},{field:"featureNos",value:(null!==(d=u.featureNos)&&void 0!==d?d:[]).join(", ")||"-"}].concat((0,c.Z)(i.variantValues?[{field:"VariantValues",value:JSON.stringify(i.variantValues)}]:[]))}),[u,i.variantValues]),b=(0,p.useMemo)((function(){var r;return(null!==(r=u.finishes)&&void 0!==r?r:[]).map((function(r){var t,o,i,a="PRFG"+u.priceFeatureGroupNo+"_"+(null!==(t=r.supplierPriceGroup)&&void 0!==t?t:r.priceField),l=null==m?void 0:m[a],d=r.sequence===u.activeCombination,c=null!=l;return{_id:null!==(o=r._id)&&void 0!==o?o:String(r.sequence),sequence:r.sequence,priceField:"PRFG".concat(u.priceFeatureGroupNo,"_").concat(r.priceField),price:c?String(l):"-",optionsSetRefs:JSON.stringify(null!==(i=r.optionsSetRefs)&&void 0!==i?i:{}),isActive:d}}))}),[u,m]),g=(0,p.useMemo)((function(){return[{field:"field",headerName:"Field",flex:0,width:140},{field:"value",headerName:"Value",flex:1,minWidth:120}]}),[]),y=(0,p.useMemo)((function(){return[{field:"sequence",headerName:"Seq",flex:0,width:60},{field:"priceField",headerName:"priceField",flex:1,minWidth:100},{field:"price",headerName:"Price",flex:0,width:80},{field:"optionsSetRefs",headerName:"optionsSetRefs",flex:1,minWidth:100}]}),[]);if(!d.loaded||!d.AgGridReact||!v)return null;var k=d.AgGridReact;return(0,E.jsxs)("div",{className:A.$b,children:[(0,E.jsxs)("h4",{children:["PriceFeatureGroup #",u.priceFeatureGroupNo,(0,E.jsx)("button",{type:"button",onClick:l,style:{float:"right",marginLeft:8},children:"×"})]}),(0,E.jsx)("div",{className:A.hd,children:(0,E.jsx)(k,{rowData:h,columnDefs:g,theme:v,suppressCellFocus:!0,domLayout:"autoHeight",headerHeight:32,rowHeight:32})}),(null===(o=u.finishes)||void 0===o?void 0:o.length)>0&&(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)("h5",{children:"Finishes"}),(0,E.jsx)("div",{className:A.hd,children:(0,E.jsx)(k,{rowData:b,columnDefs:y,theme:v,getRowId:function getRowId(r){var t,o;return null!==(t=null===(o=r.data)||void 0===o?void 0:o._id)&&void 0!==t?t:""},getRowClass:function getFinishRowClass(r){var t;return null!==(t=r.data)&&void 0!==t&&t.isActive?A.UD:A.mh},suppressCellFocus:!0,domLayout:"autoHeight",headerHeight:32,rowHeight:32})})]})]})}const Z=(0,z.Pi)((function PriceAnalyzer(r){var t,o,i,c,u,v,h,b,g,y,k,w=Object.assign({},((0,d.Z)(r),r)),P=(0,D.NP)(),j=(0,T.M)(),N=P.settingsState.configChanged,S=null!==(t=P.divaWebPlanner.getDivaArticles(!1,!0))&&void 0!==t?t:{},_=(0,p.useMemo)((function(){return Object.values(S)}),[S]),O="undefined"!=typeof document&&document.body.classList.contains("darkmode"),z=(0,p.useMemo)((function(){return j.themeQuartz?O&&j.colorSchemeDarkBlue?j.themeQuartz.withPart(j.colorSchemeDarkBlue):j.themeQuartz:void 0}),[O,j.themeQuartz,j.colorSchemeDarkBlue]),C=(0,p.useState)(!1),Z=(0,l.Z)(C,2),M=Z[0],W=Z[1];(0,p.useEffect)((function(){var r=function(){var r=(0,a.Z)(m().mark((function _callee(){return m().wrap((function _callee$(r){for(;;)switch(r.prev=r.next){case 0:return r.next=2,G.DivaUtils.Sleep(1e3);case 2:W(!M);case 3:case"end":return r.stop()}}),_callee)})));return function asyncFunct(){return r.apply(this,arguments)}}();r()}),[P.tabGroupState.allTabGroups]),(0,p.useEffect)((function(){var r=P.divaWebPlanner.actSet();return r&&!r.logDecisions&&(r.logDecisions=!0),function(){var r=P.divaWebPlanner.actSet();r&&(r.logDecisions=!1)}}),[P.uiState.isLoading]);var L=(0,p.useMemo)((function(){return _.filter((function(r){return!r.isPartListArticle}))}),[_]),U=(0,p.useState)(null!==(o=L.find((function(r){return 1===r.posNr})))&&void 0!==o?o:L[0]),J=(0,l.Z)(U,2),B=J[0],H=J[1],Y=(0,p.useRef)(void 0),K=(0,p.useRef)(void 0);Y.current=null!==(i=null==B?void 0:B.basketId)&&void 0!==i?i:Y.current,K.current=null!==(c=null==B?void 0:B.articleCodex)&&void 0!==c?c:K.current;var q=(0,p.useState)(),Q=(0,l.Z)(q,2),X=Q[0],V=Q[1],$=function setSelectedArticle(r){H((function(t){var o="function"==typeof r?r(t):r;return o&&(Y.current=o.basketId,K.current=o.articleCodex),o}))};(0,p.useEffect)((function(){var r=Y.current,t=K.current,o=setTimeout((function(){if(W((function(r){return!r})),r||t){var o,i,a=null!==(o=P.divaWebPlanner.getDivaArticles(!1,!0))&&void 0!==o?o:{},l=null!==(i=r?a[r]:void 0)&&void 0!==i?i:t?Object.values(a).find((function(r){return r.articleCodex===t})):void 0;l?H(l):(Y.current=void 0,K.current=void 0,H(void 0))}}),200);return function(){return clearTimeout(o)}}),[N]);var ee=B?null!==(u=null!==(v=S[B.basketId])&&void 0!==v?v:Object.values(S).find((function(r){return r.articleCodex===B.articleCodex})))&&void 0!==u?u:B:void 0,ne=null!==(h=null==ee||null===(b=ee.CatalogData)||void 0===b?void 0:b.isIDMFormat)&&void 0!==h&&h,re=ee?Object.values(null!==(g=ee.decisionDebugStacks)&&void 0!==g?g:{}).findLast((function(r){return r})):void 0,te=null!==(y=null==re?void 0:re.prices)&&void 0!==y?y:[],oe=(0,p.useMemo)((function(){return flattenArticlesWithDepth(L,0).map((function(r){var t,o=r.article,i=r.depth,a=null!==(t=o.mainPrice)&&void 0!==t?t:0,l=function getPartlistPriceSum(r){var t=0;for(var o in null!==(i=r.partlistArticles)&&void 0!==i?i:{}){var i,a,l=r.partlistArticles[o];l.bruttoPrice&&(t+=null!==(a=l.calcPrice(!0))&&void 0!==a?a:0)}return t}(o),d=o.isPartListArticle?0:o.calcPrice(!1)/(o.quantity||1);return{article:o,depth:i,articleCodex:"│ ".repeat(i)+o.articleCodex,name:o.name,posNr:o.posNr,status:getArticlePriceStatus(o),ownPrice:a,partlistSum:l,totalPrice:d}}))}),[L]),ie=(0,p.useMemo)((function(){return[{field:"articleCodex",headerName:"Article",flex:1,minWidth:120,cellStyle:function cellStyle(r){var t,o;return{paddingLeft:8+12*(null!==(t=null===(o=r.data)||void 0===o?void 0:o.depth)&&void 0!==t?t:0)}}},{field:"name",headerName:"Name",flex:1,minWidth:100},{field:"posNr",headerName:"Pos",flex:0,width:60},{headerName:"Status",flex:1,minWidth:110,cellRenderer:function cellRenderer(r){var t,o=null===(t=r.data)||void 0===t?void 0:t.status;if(!o)return null;return(0,E.jsx)("span",{className:R()("no-prices"===o&&A.G8,"config-mismatch"===o&&A.mp,"active"===o&&A.do,"flat"===o&&A.RO),children:{"no-prices":"No prices","config-mismatch":"Config mismatch",active:"Active",flat:"Flat"}[o]})}},{field:"ownPrice",headerName:"Own",flex:0,width:70,valueFormatter:function valueFormatter(r){return null!=r.value&&r.value>0?r.value.toFixed(2):"-"}},{field:"partlistSum",headerName:"Partlist",flex:0,width:80,valueFormatter:function valueFormatter(r){var t;return null!==(t=r.data)&&void 0!==t&&t.article.hasPartlistArticle&&null!=r.value&&r.value>0?r.value.toFixed(2):"-"}},{field:"totalPrice",headerName:"Total",flex:0,width:70,valueFormatter:function valueFormatter(r){return null!=r.value&&r.value>0?r.value.toFixed(2):"-"}}]}),[]),ae=(0,p.useRef)(null),le=(0,p.useRef)(null),de=(0,p.useMemo)((function(){return[{field:"nr",headerName:"#",flex:0,width:50},{field:"text",headerName:"Price",flex:1,minWidth:100},{headerName:"Loaded",flex:1,minWidth:80,cellRenderer:function cellRenderer(r){var t,o,i,a=r.data;if(!a)return null;var l=a.priceFeatureGroup,d=null===(t=l.finishes)||void 0===t?void 0:t.find((function(r){return r.sequence===l.activeCombination})),c=d?"PRFG"+l.priceFeatureGroupNo+"_"+(null!==(o=d.supplierPriceGroup)&&void 0!==o?o:d.priceField):null,u=c?null==ee||null===(i=ee.catalogArticle.idmPrices)||void 0===i?void 0:i.prices[c]:void 0;return l.isPercentage&&null!=a.percentageValue?a.percentageValue+"%":null!=u?String(u):"-"}}]}),[ee]);return(0,p.useEffect)((function(){var r=setTimeout((function(){var r,t;null===(r=ae.current)||void 0===r||null===(r=r.api)||void 0===r||r.redrawRows(),null===(t=le.current)||void 0===t||null===(t=t.api)||void 0===t||t.redrawRows()}),0);return function(){return clearTimeout(r)}}),[null==B?void 0:B.basketId,null==X||null===(k=X.priceFeatureGroup)||void 0===k?void 0:k.priceFeatureGroupNo]),0===L.length?(0,E.jsx)("div",_objectSpread(_objectSpread({},w),{},{className:R()(w.className,A.fm),style:{zIndex:800},children:(0,E.jsx)("a",{className:A.Fs,children:"Price analyzer - plan article"})})):B?ne?j.loaded&&j.AgGridReact?(0,E.jsxs)("div",_objectSpread(_objectSpread({},w),{},{className:R()(w.className,A.fm,P.uiState.configSettingsIsExpanded?x.NF:void 0),style:{zIndex:800},children:[(0,E.jsx)("a",{className:A.Fs,children:"Price analyzer"}),(0,E.jsx)(I.default,{articleState:[B,$],rerender:M,filter:function filter(r){return!r.relatedToBasketId||r.isPartListArticle}}),(0,E.jsx)("p",{className:A.Wy,children:"All articles overview. Price status: no prices (catalog), config mismatch (prices possible but not for current config), active (current price), flat (fixed price from catalog, no config-dependent pricing). Own = article's own price, Partlist = sum from partlist children. Total = set contribution (matches header) for base articles; own + partlist for nested partlist articles."}),(0,E.jsx)("div",{className:A.u,children:(0,E.jsx)("div",{className:A.Uj,children:(0,E.jsx)(j.AgGridReact,{ref:ae,rowData:oe,columnDefs:ie,theme:z,getRowId:function getArticleRowId(r){var t,o;return null!==(t=null===(o=r.data)||void 0===o||null===(o=o.article)||void 0===o?void 0:o.basketId)&&void 0!==t?t:""},getRowClass:function getArticleRowClass(r){var t;return(null===(t=r.data)||void 0===t?void 0:t.article.basketId)===(null==B?void 0:B.basketId)?A.T6:void 0},onRowClicked:function onArticleRowClicked(r){var t;null!==(t=r.data)&&void 0!==t&&t.article&&$(r.data.article)},suppressCellFocus:!0,suppressRowClickSelection:!0,domLayout:"normal"})})}),(0,E.jsx)("p",{className:A.Wy,children:"Price history for selected article. Click a price to see details."}),(0,E.jsxs)("div",{className:A.hS,children:[(0,E.jsx)("div",{className:A.Hy,children:(0,E.jsx)("div",{className:A.Uj,children:(0,E.jsx)(j.AgGridReact,{ref:le,rowData:te,columnDefs:de,theme:z,getRowId:function getPriceRowId(r){var t,o;return String(null!==(t=null===(o=r.data)||void 0===o||null===(o=o.priceFeatureGroup)||void 0===o?void 0:o.priceFeatureGroupNo)&&void 0!==t?t:"")},getRowClass:function getPriceRowClass(r){var t,o;return r.data&&X&&(null===(t=r.data.priceFeatureGroup)||void 0===t?void 0:t.priceFeatureGroupNo)===(null===(o=X.priceFeatureGroup)||void 0===o?void 0:o.priceFeatureGroupNo)?A.Xn:void 0},onRowClicked:function onPriceRowClicked(r){var t,o;r.data&&((null===(t=r.data.priceFeatureGroup)||void 0===t?void 0:t.priceFeatureGroupNo)===(null==X||null===(o=X.priceFeatureGroup)||void 0===o?void 0:o.priceFeatureGroupNo)?V(void 0):V(r.data))},suppressCellFocus:!0,suppressRowClickSelection:!0,domLayout:"normal",overlayNoRowsTemplate:"<span class='ag-overlay-no-rows-center'>Change config to get price history</span>"})})}),X&&(0,E.jsx)("div",{className:A.Hy,children:(0,E.jsx)(PriceDetailTable,{row:X,article:null!=ee?ee:B,onClose:function onClose(){return V(void 0)}})})]},P.settingsState.configChanged)]})):(0,E.jsxs)("div",_objectSpread(_objectSpread({},w),{},{className:R()(w.className,A.fm),style:{zIndex:800},children:[(0,E.jsx)("a",{className:A.Fs,children:"Price analyzer"}),(0,E.jsx)(I.default,{articleState:[B,$],rerender:M,filter:function filter(r){return!r.relatedToBasketId||r.isPartListArticle}}),(0,E.jsx)("p",{className:A.Wy,children:"Tables require ag-grid (Go first to backoffice)."})]})):(0,E.jsx)(E.Fragment,{children:"Only implemented for IDM enricher data"}):(0,E.jsxs)("div",_objectSpread(_objectSpread({},w),{},{className:R()(w.className,A.fm),style:{zIndex:800},children:[(0,E.jsx)("a",{className:A.Fs,children:"Price analyzer"}),(0,E.jsx)(I.default,{articleState:[B,$],rerender:M,filter:function filter(r){return!r.relatedToBasketId||r.isPartListArticle}})]}))}))},73751:(r,t,o)=>{o.d(t,{Y:()=>c,Z:()=>u});var i=o(8081),a=o.n(i),l=o(23645),d=o.n(l)()(a());d.push([r.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 c="index-module--_Tl9c";const u=d},69288:(r,t,o)=>{o.d(t,{$b:()=>x,Fs:()=>N,G8:()=>y,Hy:()=>m,RO:()=>P,T6:()=>g,UD:()=>S,Uj:()=>h,Wy:()=>c,Xn:()=>p,ZP:()=>A,do:()=>w,fm:()=>j,hS:()=>u,hd:()=>b,mh:()=>_,mp:()=>k,u:()=>v});var i=o(8081),a=o.n(i),l=o(23645),d=o.n(l)()(a());d.push([r.id,".index-module--TMuWx {\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--TMuWx 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--TMuWx th,\n.index-module--TMuWx td {\n  padding: 10px 14px;\n  text-align: left;\n  border-bottom: 1px solid #e2e8f0;\n}\n\n.index-module--TMuWx tbody tr:hover {\n  background: #f7fafc;\n}\n\n.index-module--YulNJ {\n  height: 24px;\n  padding: 4px 10px;\n  font-size: 13px;\n  border: 1px solid #cbd5e0;\n  border-radius: 6px;\n  min-width: 120px;\n  margin-top: 8px;\n}\n\n.index-module--YulNJ:focus {\n  outline: none;\n  border-color: var(--primaryColor);\n  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);\n}\n\n.index-module--t5KbL {\n  margin: 8px 0 12px;\n  font-size: 13px;\n  color: #64748b;\n  line-height: 1.4;\n}\n\n.index-module--EBXgh {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  gap: 16px;\n  margin-top: 16px;\n  flex-wrap: nowrap;\n  overflow-x: auto;\n  height: 40%;\n}\n\n.index-module--AUk0n {\n  flex: 0 0 auto;\n  align-self: flex-start;\n  height: 100%;\n  width: calc(50% - 24px);\n}\n\n.index-module--O7sM7 {\n  background: #ebf8ff !important;\n}\n\n.index-module--O7sM7 {\n  border-left: 3px solid var(--primaryColor);\n}\n\n.index-module--Bov6H {\n  cursor: pointer;\n  transition: background 0.15s ease;\n}\n\n.index-module--Bov6H:hover {\n  background: #edf2f7;\n}\n\n.index-module--wzkPJ {\n  flex: 0 0 auto;\n  align-self: flex-start;\n  padding: 16px;\n  background: #f8fafc;\n  border-radius: 8px;\n  border: 1px solid #e2e8f0;\n  min-width: 280px;\n}\n\n.index-module--wzkPJ h4 {\n  margin: 0 0 12px 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: #2d3748;\n}\n\n.index-module--wzkPJ h5 {\n  margin: 12px 0 8px 0;\n  font-size: 12px;\n  font-weight: 600;\n  color: #4a5568;\n}\n\n.index-module--jIsv3 {\n  margin-top: 16px;\n  height: 50%;\n}\n\n.index-module--Tdv5K {\n  width: 100%;\n  min-height: 150px;\n  height: 100%;\n}\n\n.index-module--Z70fs {\n  width: 100%;\n  min-height: 80px;\n}\n\n.index-module--awEho {\n  background-color: #dcfce7 !important;\n}\n\n.index-module--awEho:hover {\n  background-color: #bbf7d0 !important;\n}\n\n.index-module--zLxOy {\n  color: #718096;\n  font-style: italic;\n}\n\n.index-module--YYqAj {\n  color: #d69e2e;\n}\n\n.index-module--E0JUN {\n  color: #38a169;\n  font-weight: 500;\n}\n\n.index-module--UDrFE {\n  color: #3182ce;\n}\n\n.index-module--aAXou {\n  text-align: left;\n}\n\n.index-module--aAXou:first-child {\n  height: 20px;\n}\n\n.index-module--aAXou th {\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n\n.index-module--gR4ES {\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--E6gUV {\n  height: 8%;\n  width: calc(100% - 16px);\n  padding: 8px 16px;\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: 0 0 8px 8px;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\n}\n\n.index-module--aeMhl {\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n  border: 1px solid #ddd;\n  border-radius: 8px;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n  height: 100%;\n}\n\n.index-module--NUFfA {\n  font-size: 1.5em;\n  font-weight: bold;\n}\n\n.index-module--sd0v0 {\n  margin-top: 16px;\n  font-size: 1.2em;\n  font-weight: bold;\n}\n\n.index-module--YZIPe {\n  width: calc(100% - 4px);\n  border-collapse: collapse;\n  margin-top: 8px;\n}\n\n.index-module--YZIPe th,\n.index-module--YZIPe td {\n  border: 1px solid #ddd;\n  padding: 8px;\n  text-align: left;\n  line-break: anywhere;\n}\n\n.index-module--YZIPe th {\n  background-color: #f2f2f2;\n}\n\n.index-module--ll9tP {\n  background-color: #dcfce7 !important;\n}\n\n.index-module--SrjHX {\n  background-color: #f1f5f9 !important;\n}\n\n/* Dark mode compatibility */\n.darkmode .index-module--t5KbL,\nbody.darkmode .index-module--t5KbL {\n  color: #94a3b8;\n}\n\n.darkmode .index-module--O7sM7,\nbody.darkmode .index-module--O7sM7 {\n  background: rgba(56, 178, 172, 0.25) !important;\n}\n\n.darkmode .index-module--O7sM7,\nbody.darkmode .index-module--O7sM7 {\n  border-left-color: #38b2ac;\n}\n\n.darkmode .index-module--awEho,\nbody.darkmode .index-module--awEho {\n  background-color: rgba(34, 197, 94, 0.25) !important;\n}\n\n.darkmode .index-module--awEho:hover,\nbody.darkmode .index-module--awEho:hover {\n  background-color: rgba(34, 197, 94, 0.35) !important;\n}\n\n.darkmode .index-module--zLxOy,\nbody.darkmode .index-module--zLxOy {\n  color: #94a3b8;\n}\n\n.darkmode .index-module--YYqAj,\nbody.darkmode .index-module--YYqAj {\n  color: #fbbf24;\n}\n\n.darkmode .index-module--E0JUN,\nbody.darkmode .index-module--E0JUN {\n  color: #68d391;\n}\n\n.darkmode .index-module--UDrFE,\nbody.darkmode .index-module--UDrFE {\n  color: #63b3ed;\n}\n\n.darkmode .index-module--wzkPJ,\nbody.darkmode .index-module--wzkPJ {\n  background: rgba(30, 41, 59, 0.6);\n  border-color: rgba(71, 85, 105, 0.8);\n}\n\n.darkmode .index-module--wzkPJ h4,\nbody.darkmode .index-module--wzkPJ h4 {\n  color: #e2e8f0;\n}\n\n.darkmode .index-module--wzkPJ h5,\nbody.darkmode .index-module--wzkPJ h5 {\n  color: #94a3b8;\n}\n\n.darkmode .index-module--ll9tP,\nbody.darkmode .index-module--ll9tP {\n  background-color: rgba(34, 197, 94, 0.3) !important;\n}\n\n.darkmode .index-module--SrjHX,\nbody.darkmode .index-module--SrjHX {\n  background-color: rgba(51, 65, 85, 0.5) !important;\n}\n",""]);var c="index-module--t5KbL",u="index-module--EBXgh",m="index-module--AUk0n",p="index-module--O7sM7",x="index-module--wzkPJ",v="index-module--jIsv3",h="index-module--Tdv5K",b="index-module--Z70fs",g="index-module--awEho",y="index-module--zLxOy",k="index-module--YYqAj",w="index-module--E0JUN",P="index-module--UDrFE",j="index-module--gR4ES",N="index-module--E6gUV",S="index-module--ll9tP",_="index-module--SrjHX";const A=d},89965:(r,t,o)=>{o.d(t,{NF:()=>u,ZP:()=>p,ec:()=>c,pb:()=>m});var i=o(8081),a=o.n(i),l=o(23645),d=o.n(l)()(a());d.push([r.id,".index-module--NA4Nc {\n  position: absolute;\n  margin-left: 50px;\n  height: 92%;\n  background-color: var(--settingsBackgroundColor);\n  padding-left: 5px;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  box-shadow: inset 0px 4px 40px 1px rgba(0, 0, 0, 0.1);\n  border-right: 2px solid;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n.index-module--zxgl3 {\n  width: calc(25.5%) !important;\n}\n.index-module--zxgl3 {\n  background-color: white;\n}\n.index-module--WGNyK {\n  width: calc(63% - 50px) !important;\n}\n.index-module--WGNyK {\n  z-index: 590;\n  background-color: rgba(250, 250, 250, 0.5);\n  margin-left: 50px;\n  /*width: calc(69% - 50px); pfister*/\n}\n",""]);var c="index-module--NA4Nc",u="index-module--zxgl3",m="index-module--WGNyK";const p=d},51203:(r,t,o)=>{o.d(t,{NF:()=>g.NF,ec:()=>g.ec,pb:()=>g.pb});var i=o(93379),a=o.n(i),l=o(7795),d=o.n(l),c=o(90569),u=o.n(c),m=o(3565),p=o.n(m),x=o(19216),v=o.n(x),h=o(44589),b=o.n(h),g=o(89965),y={};y.styleTagTransform=b(),y.setAttributes=p(),y.insert=u().bind(null,"head"),y.domAPI=d(),y.insertStyleElement=v();a()(g.ZP,y),g.ZP&&g.ZP.locals&&g.ZP.locals}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5768,8648,7295],{87223:(r,t,o)=>{o.d(t,{M:()=>useAgGrid});var i=o(80248),a=o(38946),l=o(87363);function ownKeys(r,t){var o=Object.keys(r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(r);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable}))),o.push.apply(o,i)}return o}function _objectSpread(r){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(o),!0).forEach((function(t){(0,i.Z)(r,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(t){Object.defineProperty(r,t,Object.getOwnPropertyDescriptor(o,t))}))}return r}var d=Promise.all([Promise.all([o.e(2793),o.e(8508)]).then(o.bind(o,78508)),o.e(2793).then(o.bind(o,12793))]).then((function(r){var t=(0,a.Z)(r,2),o=t[0],i=t[1];return i.ModuleRegistry.registerModules([i.AllCommunityModule]),{AgGridReact:o.AgGridReact,themeQuartz:i.themeQuartz,colorSchemeDarkBlue:i.colorSchemeDarkBlue}})).catch((function(){return null})),c={AgGridReact:null,themeQuartz:void 0,colorSchemeDarkBlue:void 0,loaded:!1};function useAgGrid(){var r=(0,l.useState)(c),t=(0,a.Z)(r,2),o=t[0],i=t[1];return(0,l.useEffect)((function(){d.then((function(r){r&&i(_objectSpread(_objectSpread({},r),{},{loaded:!0}))}))}),[]),o}},88648:(r,t,o)=>{o.r(t),o.d(t,{default:()=>_});var i=o(38946),a=o(63762),l=o(87363),d=o(58590),c=o(93379),u=o.n(c),m=o(7795),p=o.n(m),x=o(90569),v=o.n(x),h=o(3565),b=o.n(h),g=o(19216),y=o.n(g),k=o(44589),w=o.n(k),P=o(73751),j={};j.styleTagTransform=w(),j.setAttributes=b(),j.insert=v().bind(null,"head"),j.domAPI=p(),j.insertStyleElement=y();u()(P.Z,j);P.Z&&P.Z.locals&&P.Z.locals;var N=o(9420),S=o(47514);const _=(0,N.Pi)((function ArticleSelector(r){var t=(0,i.Z)(r.articleState,2),o=t[0],c=t[1],u=r.rerender,m=r.articles,p=r.filter,x=(0,a.NP)(),v=(0,l.useMemo)((function(){var r;return Object.values(null!==(r=x.divaWebPlanner.getDivaArticles(void 0,!0))&&void 0!==r?r:{})}),[x,u]),h=null!=m?m:p?v.filter(p):v,b=h.map((function(r){return{value:r.basketId,label:r.name+" "+r.posNr}}));return 0===b.length?null:(0,S.jsx)(d.ZP,{value:b.find((function(r){return r.value===(null==o?void 0:o.basketId)})),options:b,onChange:function onChange(r){c(h.find((function(t){return t.basketId==r.value})))},className:P.Y,classNamePrefix:"article-select"})}))},85768:(r,t,o)=>{o.r(t),o.d(t,{default:()=>M});var i=o(80248),a=o(84658),l=o(38946),d=o(88291),c=o(61965),u=o(50747),m=o.n(u),p=o(87363),x=o(51203),v=o(93379),h=o.n(v),b=o(7795),g=o.n(b),y=o(90569),k=o.n(y),w=o(3565),P=o.n(w),j=o(19216),N=o.n(j),S=o(44589),_=o.n(S),A=o(69288),O={};O.styleTagTransform=_(),O.setAttributes=P(),O.insert=k().bind(null,"head"),O.domAPI=g(),O.insertStyleElement=N();h()(A.ZP,O);A.ZP&&A.ZP.locals&&A.ZP.locals;var D=o(63762),z=o(9420),C=o(65515),R=o.n(C),G=o(88683),T=o(87223),I=o(88648),E=o(47514);function ownKeys(r,t){var o=Object.keys(r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(r);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable}))),o.push.apply(o,i)}return o}function _objectSpread(r){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(o),!0).forEach((function(t){(0,i.Z)(r,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(t){Object.defineProperty(r,t,Object.getOwnPropertyDescriptor(o,t))}))}return r}function _createForOfIteratorHelper(r,t){var o="undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(!o){if(Array.isArray(r)||(o=function _unsupportedIterableToArray(r,t){if(r){if("string"==typeof r)return _arrayLikeToArray(r,t);var o={}.toString.call(r).slice(8,-1);return"Object"===o&&r.constructor&&(o=r.constructor.name),"Map"===o||"Set"===o?Array.from(r):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?_arrayLikeToArray(r,t):void 0}}(r))||t&&r&&"number"==typeof r.length){o&&(r=o);var i=0,a=function F(){};return{s:a,n:function n(){return i>=r.length?{done:!0}:{done:!1,value:r[i++]}},e:function e(r){throw r},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,d=!0,c=!1;return{s:function s(){o=o.call(r)},n:function n(){var r=o.next();return d=r.done,r},e:function e(r){c=!0,l=r},f:function f(){try{d||null==o.return||o.return()}finally{if(c)throw l}}}}function _arrayLikeToArray(r,t){(null==t||t>r.length)&&(t=r.length);for(var o=0,i=Array(t);o<t;o++)i[o]=r[o];return i}function getArticlePriceStatus(r){var t,o,i,a,l;if("FLAT"===r.catalogArticle.articleType)return(null!==(a=r.price)&&void 0!==a?a:0)>0||(null!==(l=r.catalogArticle.articlePrice)&&void 0!==l?l:0)>0?"flat":"no-prices";if(0===(null!==(t=r.catalogArticle.priceFeatureGroupNos)&&void 0!==t?t:[]).length||r.noPrice)return"no-prices";var d=Object.values(null!==(o=r.decisionDebugStacks)&&void 0!==o?o:{}).findLast((function(r){return r}));return null!=d&&null!==(i=d.prices)&&void 0!==i&&i.length?"active":"config-mismatch"}function flattenArticlesWithDepth(r,t){var o,i=[],a=_createForOfIteratorHelper(r);try{for(a.s();!(o=a.n()).done;){var l,d=o.value;i.push({article:d,depth:t});var u=Object.values(null!==(l=d.partlistArticles)&&void 0!==l?l:{});u.length>0&&i.push.apply(i,(0,c.Z)(flattenArticlesWithDepth(u,t+1)))}}catch(r){a.e(r)}finally{a.f()}return i}function PriceDetailTable(r){var t,o,i=r.row,a=r.article,l=r.onClose,d=(0,T.M)(),u=i.priceFeatureGroup,m=null===(t=a.catalogArticle.idmPrices)||void 0===t?void 0:t.prices,x="undefined"!=typeof document&&document.body.classList.contains("darkmode"),v=(0,p.useMemo)((function(){return d.themeQuartz?x&&d.colorSchemeDarkBlue?d.themeQuartz.withPart(d.colorSchemeDarkBlue):d.themeQuartz:void 0}),[x,d.themeQuartz,d.colorSchemeDarkBlue]),h=(0,p.useMemo)((function(){var r,t,o,a,l,d;return[{field:"Text",value:null!==(r=null!==(t=null===(o=u.priceFeatureGroupText)||void 0===o?void 0:o.DE)&&void 0!==t?t:null===(a=u.priceFeatureGroupText)||void 0===a?void 0:a.EN)&&void 0!==r?r:"-"},{field:"Active Combination",value:String(null!==(l=u.activeCombination)&&void 0!==l?l:"-")},{field:"isPercentage",value:String(u.isPercentage)},{field:"additionalPrice",value:String(u.additionalPrice)},{field:"featureNos",value:(null!==(d=u.featureNos)&&void 0!==d?d:[]).join(", ")||"-"}].concat((0,c.Z)(i.variantValues?[{field:"VariantValues",value:JSON.stringify(i.variantValues)}]:[]))}),[u,i.variantValues]),b=(0,p.useMemo)((function(){var r;return(null!==(r=u.finishes)&&void 0!==r?r:[]).map((function(r){var t,o,i,a="PRFG"+u.priceFeatureGroupNo+"_"+(null!==(t=r.supplierPriceGroup)&&void 0!==t?t:r.priceField),l=null==m?void 0:m[a],d=r.sequence===u.activeCombination,c=null!=l;return{_id:null!==(o=r._id)&&void 0!==o?o:String(r.sequence),sequence:r.sequence,priceField:"PRFG".concat(u.priceFeatureGroupNo,"_").concat(r.priceField),price:c?String(l):"-",optionsSetRefs:JSON.stringify(null!==(i=r.optionsSetRefs)&&void 0!==i?i:{}),isActive:d}}))}),[u,m]),g=(0,p.useMemo)((function(){return[{field:"field",headerName:"Field",flex:0,width:140},{field:"value",headerName:"Value",flex:1,minWidth:120}]}),[]),y=(0,p.useMemo)((function(){return[{field:"sequence",headerName:"Seq",flex:0,width:60},{field:"priceField",headerName:"priceField",flex:1,minWidth:100},{field:"price",headerName:"Price",flex:0,width:80},{field:"optionsSetRefs",headerName:"optionsSetRefs",flex:1,minWidth:100}]}),[]);if(!d.loaded||!d.AgGridReact||!v)return null;var k=d.AgGridReact;return(0,E.jsxs)("div",{className:A.$b,children:[(0,E.jsxs)("h4",{children:["PriceFeatureGroup #",u.priceFeatureGroupNo,(0,E.jsx)("button",{type:"button",onClick:l,style:{float:"right",marginLeft:8},children:"×"})]}),(0,E.jsx)("div",{className:A.hd,children:(0,E.jsx)(k,{rowData:h,columnDefs:g,theme:v,suppressCellFocus:!0,domLayout:"autoHeight",headerHeight:32,rowHeight:32})}),(null===(o=u.finishes)||void 0===o?void 0:o.length)>0&&(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)("h5",{children:"Finishes"}),(0,E.jsx)("div",{className:A.hd,children:(0,E.jsx)(k,{rowData:b,columnDefs:y,theme:v,getRowId:function getRowId(r){var t,o;return null!==(t=null===(o=r.data)||void 0===o?void 0:o._id)&&void 0!==t?t:""},getRowClass:function getFinishRowClass(r){var t;return null!==(t=r.data)&&void 0!==t&&t.isActive?A.UD:A.mh},suppressCellFocus:!0,domLayout:"autoHeight",headerHeight:32,rowHeight:32})})]})]})}const M=(0,z.Pi)((function PriceAnalyzer(r){var t,o,i,c,u,v,h,b,g,y,k,w=Object.assign({},((0,d.Z)(r),r)),P=(0,D.NP)(),j=(0,T.M)(),N=P.settingsState.configChanged,S=null!==(t=P.divaWebPlanner.getDivaArticles(!1,!0))&&void 0!==t?t:{},_=(0,p.useMemo)((function(){return Object.values(S)}),[S]),O="undefined"!=typeof document&&document.body.classList.contains("darkmode"),z=(0,p.useMemo)((function(){return j.themeQuartz?O&&j.colorSchemeDarkBlue?j.themeQuartz.withPart(j.colorSchemeDarkBlue):j.themeQuartz:void 0}),[O,j.themeQuartz,j.colorSchemeDarkBlue]),C=(0,p.useState)(!1),M=(0,l.Z)(C,2),Z=M[0],W=M[1];(0,p.useEffect)((function(){var r=function(){var r=(0,a.Z)(m().mark((function _callee(){return m().wrap((function _callee$(r){for(;;)switch(r.prev=r.next){case 0:return r.next=2,G.DivaUtils.Sleep(1e3);case 2:W(!Z);case 3:case"end":return r.stop()}}),_callee)})));return function asyncFunct(){return r.apply(this,arguments)}}();r()}),[P.tabGroupState.allTabGroups]),(0,p.useEffect)((function(){var r=P.divaWebPlanner.actSet();return r&&!r.logDecisions&&(r.logDecisions=!0),function(){var r=P.divaWebPlanner.actSet();r&&(r.logDecisions=!1)}}),[P.uiState.isLoading]);var L=(0,p.useMemo)((function(){return _.filter((function(r){return!r.isPartListArticle}))}),[_]),U=(0,p.useState)(null!==(o=L.find((function(r){return 1===r.posNr})))&&void 0!==o?o:L[0]),J=(0,l.Z)(U,2),B=J[0],H=J[1],Y=(0,p.useRef)(void 0),K=(0,p.useRef)(void 0);Y.current=null!==(i=null==B?void 0:B.basketId)&&void 0!==i?i:Y.current,K.current=null!==(c=null==B?void 0:B.articleCodex)&&void 0!==c?c:K.current;var q=(0,p.useState)(),Q=(0,l.Z)(q,2),X=Q[0],V=Q[1],$=function setSelectedArticle(r){H((function(t){var o="function"==typeof r?r(t):r;return o&&(Y.current=o.basketId,K.current=o.articleCodex),o}))};(0,p.useEffect)((function(){var r=Y.current,t=K.current,o=setTimeout((function(){if(W((function(r){return!r})),r||t){var o,i,a=null!==(o=P.divaWebPlanner.getDivaArticles(!1,!0))&&void 0!==o?o:{},l=null!==(i=r?a[r]:void 0)&&void 0!==i?i:t?Object.values(a).find((function(r){return r.articleCodex===t})):void 0;l?H(l):(Y.current=void 0,K.current=void 0,H(void 0))}}),200);return function(){return clearTimeout(o)}}),[N]);var ee=B?null!==(u=null!==(v=S[B.basketId])&&void 0!==v?v:Object.values(S).find((function(r){return r.articleCodex===B.articleCodex})))&&void 0!==u?u:B:void 0,ne=null!==(h=null==ee||null===(b=ee.CatalogData)||void 0===b?void 0:b.isIDMFormat)&&void 0!==h&&h,re=ee?Object.values(null!==(g=ee.decisionDebugStacks)&&void 0!==g?g:{}).findLast((function(r){return r})):void 0,te=null!==(y=null==re?void 0:re.prices)&&void 0!==y?y:[],oe=(0,p.useMemo)((function(){return flattenArticlesWithDepth(L,0).map((function(r){var t,o=r.article,i=r.depth,a=null!==(t=o.mainPrice)&&void 0!==t?t:0,l=function getPartlistPriceSum(r){var t=0;for(var o in null!==(i=r.partlistArticles)&&void 0!==i?i:{}){var i,a,l=r.partlistArticles[o];l.bruttoPrice&&(t+=null!==(a=l.calcPrice(!0))&&void 0!==a?a:0)}return t}(o),d=o.isPartListArticle?0:o.calcPrice(!1)/(o.quantity||1);return{article:o,depth:i,articleCodex:"│ ".repeat(i)+o.articleCodex,name:o.name,posNr:o.posNr,status:getArticlePriceStatus(o),ownPrice:a,partlistSum:l,totalPrice:d}}))}),[L]),ie=(0,p.useMemo)((function(){return[{field:"articleCodex",headerName:"Article",flex:1,minWidth:120,cellStyle:function cellStyle(r){var t,o;return{paddingLeft:8+12*(null!==(t=null===(o=r.data)||void 0===o?void 0:o.depth)&&void 0!==t?t:0)}}},{field:"name",headerName:"Name",flex:1,minWidth:100},{field:"posNr",headerName:"Pos",flex:0,width:60},{headerName:"Status",flex:1,minWidth:110,cellRenderer:function cellRenderer(r){var t,o=null===(t=r.data)||void 0===t?void 0:t.status;if(!o)return null;return(0,E.jsx)("span",{className:R()("no-prices"===o&&A.G8,"config-mismatch"===o&&A.mp,"active"===o&&A.do,"flat"===o&&A.RO),children:{"no-prices":"No prices","config-mismatch":"Config mismatch",active:"Active",flat:"Flat"}[o]})}},{field:"ownPrice",headerName:"Own",flex:0,width:70,valueFormatter:function valueFormatter(r){return null!=r.value&&r.value>0?r.value.toFixed(2):"-"}},{field:"partlistSum",headerName:"Partlist",flex:0,width:80,valueFormatter:function valueFormatter(r){var t;return null!==(t=r.data)&&void 0!==t&&t.article.hasPartlistArticle&&null!=r.value&&r.value>0?r.value.toFixed(2):"-"}},{field:"totalPrice",headerName:"Total",flex:0,width:70,valueFormatter:function valueFormatter(r){return null!=r.value&&r.value>0?r.value.toFixed(2):"-"}}]}),[]),ae=(0,p.useRef)(null),le=(0,p.useRef)(null),de=(0,p.useMemo)((function(){return[{field:"nr",headerName:"#",flex:0,width:50},{field:"text",headerName:"Price",flex:1,minWidth:100},{headerName:"Loaded",flex:1,minWidth:80,cellRenderer:function cellRenderer(r){var t,o,i,a=r.data;if(!a)return null;var l=a.priceFeatureGroup,d=null===(t=l.finishes)||void 0===t?void 0:t.find((function(r){return r.sequence===l.activeCombination})),c=d?"PRFG"+l.priceFeatureGroupNo+"_"+(null!==(o=d.supplierPriceGroup)&&void 0!==o?o:d.priceField):null,u=c?null==ee||null===(i=ee.catalogArticle.idmPrices)||void 0===i?void 0:i.prices[c]:void 0;return l.isPercentage&&null!=a.percentageValue?a.percentageValue+"%":null!=u?String(u):"-"}}]}),[ee]);return(0,p.useEffect)((function(){var r=setTimeout((function(){var r,t;null===(r=ae.current)||void 0===r||null===(r=r.api)||void 0===r||r.redrawRows(),null===(t=le.current)||void 0===t||null===(t=t.api)||void 0===t||t.redrawRows()}),0);return function(){return clearTimeout(r)}}),[null==B?void 0:B.basketId,null==X||null===(k=X.priceFeatureGroup)||void 0===k?void 0:k.priceFeatureGroupNo]),0===L.length?(0,E.jsx)("div",_objectSpread(_objectSpread({},w),{},{className:R()(w.className,A.fm),style:{zIndex:800},children:(0,E.jsx)("a",{className:A.Fs,children:"Price analyzer - plan article"})})):B?ne?j.loaded&&j.AgGridReact?(0,E.jsxs)("div",_objectSpread(_objectSpread({},w),{},{className:R()(w.className,A.fm,P.uiState.configSettingsIsExpanded?x.NF:void 0),style:{zIndex:800},children:[(0,E.jsx)("a",{className:A.Fs,children:"Price analyzer"}),(0,E.jsx)(I.default,{articleState:[B,$],rerender:Z,filter:function filter(r){return!r.relatedToBasketId||r.isPartListArticle}}),(0,E.jsx)("p",{className:A.Wy,children:"All articles overview. Price status: no prices (catalog), config mismatch (prices possible but not for current config), active (current price), flat (fixed price from catalog, no config-dependent pricing). Own = article's own price, Partlist = sum from partlist children. Total = set contribution (matches header) for base articles; own + partlist for nested partlist articles."}),(0,E.jsx)("div",{className:A.u,children:(0,E.jsx)("div",{className:A.Uj,children:(0,E.jsx)(j.AgGridReact,{ref:ae,rowData:oe,columnDefs:ie,theme:z,getRowId:function getArticleRowId(r){var t,o;return null!==(t=null===(o=r.data)||void 0===o||null===(o=o.article)||void 0===o?void 0:o.basketId)&&void 0!==t?t:""},getRowClass:function getArticleRowClass(r){var t;return(null===(t=r.data)||void 0===t?void 0:t.article.basketId)===(null==B?void 0:B.basketId)?A.T6:void 0},onRowClicked:function onArticleRowClicked(r){var t;null!==(t=r.data)&&void 0!==t&&t.article&&$(r.data.article)},suppressCellFocus:!0,suppressRowClickSelection:!0,domLayout:"normal"})})}),(0,E.jsx)("p",{className:A.Wy,children:"Price history for selected article. Click a price to see details."}),(0,E.jsxs)("div",{className:A.hS,children:[(0,E.jsx)("div",{className:A.Hy,children:(0,E.jsx)("div",{className:A.Uj,children:(0,E.jsx)(j.AgGridReact,{ref:le,rowData:te,columnDefs:de,theme:z,getRowId:function getPriceRowId(r){var t,o;return String(null!==(t=null===(o=r.data)||void 0===o||null===(o=o.priceFeatureGroup)||void 0===o?void 0:o.priceFeatureGroupNo)&&void 0!==t?t:"")},getRowClass:function getPriceRowClass(r){var t,o;return r.data&&X&&(null===(t=r.data.priceFeatureGroup)||void 0===t?void 0:t.priceFeatureGroupNo)===(null===(o=X.priceFeatureGroup)||void 0===o?void 0:o.priceFeatureGroupNo)?A.Xn:void 0},onRowClicked:function onPriceRowClicked(r){var t,o;r.data&&((null===(t=r.data.priceFeatureGroup)||void 0===t?void 0:t.priceFeatureGroupNo)===(null==X||null===(o=X.priceFeatureGroup)||void 0===o?void 0:o.priceFeatureGroupNo)?V(void 0):V(r.data))},suppressCellFocus:!0,suppressRowClickSelection:!0,domLayout:"normal",overlayNoRowsTemplate:"<span class='ag-overlay-no-rows-center'>Change config to get price history</span>"})})}),X&&(0,E.jsx)("div",{className:A.Hy,children:(0,E.jsx)(PriceDetailTable,{row:X,article:null!=ee?ee:B,onClose:function onClose(){return V(void 0)}})})]},P.settingsState.configChanged)]})):(0,E.jsxs)("div",_objectSpread(_objectSpread({},w),{},{className:R()(w.className,A.fm),style:{zIndex:800},children:[(0,E.jsx)("a",{className:A.Fs,children:"Price analyzer"}),(0,E.jsx)(I.default,{articleState:[B,$],rerender:Z,filter:function filter(r){return!r.relatedToBasketId||r.isPartListArticle}}),(0,E.jsx)("p",{className:A.Wy,children:"Tables require ag-grid (Go first to backoffice)."})]})):(0,E.jsx)(E.Fragment,{children:"Only implemented for IDM enricher data"}):(0,E.jsxs)("div",_objectSpread(_objectSpread({},w),{},{className:R()(w.className,A.fm),style:{zIndex:800},children:[(0,E.jsx)("a",{className:A.Fs,children:"Price analyzer"}),(0,E.jsx)(I.default,{articleState:[B,$],rerender:Z,filter:function filter(r){return!r.relatedToBasketId||r.isPartListArticle}})]}))}))},73751:(r,t,o)=>{o.d(t,{Y:()=>c,Z:()=>u});var i=o(8081),a=o.n(i),l=o(23645),d=o.n(l)()(a());d.push([r.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 c="index-module--_Tl9c";const u=d},69288:(r,t,o)=>{o.d(t,{$b:()=>x,Fs:()=>N,G8:()=>y,Hy:()=>m,RO:()=>P,T6:()=>g,UD:()=>S,Uj:()=>h,Wy:()=>c,Xn:()=>p,ZP:()=>A,do:()=>w,fm:()=>j,hS:()=>u,hd:()=>b,mh:()=>_,mp:()=>k,u:()=>v});var i=o(8081),a=o.n(i),l=o(23645),d=o.n(l)()(a());d.push([r.id,".index-module--TMuWx {\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--TMuWx 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--TMuWx th,\n.index-module--TMuWx td {\n  padding: 10px 14px;\n  text-align: left;\n  border-bottom: 1px solid #e2e8f0;\n}\n\n.index-module--TMuWx tbody tr:hover {\n  background: #f7fafc;\n}\n\n.index-module--YulNJ {\n  height: 24px;\n  padding: 4px 10px;\n  font-size: 13px;\n  border: 1px solid #cbd5e0;\n  border-radius: 6px;\n  min-width: 120px;\n  margin-top: 8px;\n}\n\n.index-module--YulNJ:focus {\n  outline: none;\n  border-color: var(--primaryColor);\n  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);\n}\n\n.index-module--t5KbL {\n  margin: 8px 0 12px;\n  font-size: 13px;\n  color: #64748b;\n  line-height: 1.4;\n}\n\n.index-module--EBXgh {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  gap: 16px;\n  margin-top: 16px;\n  flex-wrap: nowrap;\n  overflow-x: auto;\n  height: 40%;\n}\n\n.index-module--AUk0n {\n  flex: 0 0 auto;\n  align-self: flex-start;\n  height: 100%;\n  width: calc(50% - 24px);\n}\n\n.index-module--O7sM7 {\n  background: #ebf8ff !important;\n}\n\n.index-module--O7sM7 {\n  border-left: 3px solid var(--primaryColor);\n}\n\n.index-module--Bov6H {\n  cursor: pointer;\n  transition: background 0.15s ease;\n}\n\n.index-module--Bov6H:hover {\n  background: #edf2f7;\n}\n\n.index-module--wzkPJ {\n  flex: 0 0 auto;\n  align-self: flex-start;\n  padding: 16px;\n  background: #f8fafc;\n  border-radius: 8px;\n  border: 1px solid #e2e8f0;\n  min-width: 280px;\n}\n\n.index-module--wzkPJ h4 {\n  margin: 0 0 12px 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: #2d3748;\n}\n\n.index-module--wzkPJ h5 {\n  margin: 12px 0 8px 0;\n  font-size: 12px;\n  font-weight: 600;\n  color: #4a5568;\n}\n\n.index-module--jIsv3 {\n  margin-top: 16px;\n  height: 50%;\n}\n\n.index-module--Tdv5K {\n  width: 100%;\n  min-height: 150px;\n  height: 100%;\n}\n\n.index-module--Z70fs {\n  width: 100%;\n  min-height: 80px;\n}\n\n.index-module--awEho {\n  background-color: #dcfce7 !important;\n}\n\n.index-module--awEho:hover {\n  background-color: #bbf7d0 !important;\n}\n\n.index-module--zLxOy {\n  color: #718096;\n  font-style: italic;\n}\n\n.index-module--YYqAj {\n  color: #d69e2e;\n}\n\n.index-module--E0JUN {\n  color: #38a169;\n  font-weight: 500;\n}\n\n.index-module--UDrFE {\n  color: #3182ce;\n}\n\n.index-module--aAXou {\n  text-align: left;\n}\n\n.index-module--aAXou:first-child {\n  height: 20px;\n}\n\n.index-module--aAXou th {\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n\n.index-module--gR4ES {\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--E6gUV {\n  height: 8%;\n  width: calc(100% - 16px);\n  padding: 8px 16px;\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: 0 0 8px 8px;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\n}\n\n.index-module--aeMhl {\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n  border: 1px solid #ddd;\n  border-radius: 8px;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n  height: 100%;\n}\n\n.index-module--NUFfA {\n  font-size: 1.5em;\n  font-weight: bold;\n}\n\n.index-module--sd0v0 {\n  margin-top: 16px;\n  font-size: 1.2em;\n  font-weight: bold;\n}\n\n.index-module--YZIPe {\n  width: calc(100% - 4px);\n  border-collapse: collapse;\n  margin-top: 8px;\n}\n\n.index-module--YZIPe th,\n.index-module--YZIPe td {\n  border: 1px solid #ddd;\n  padding: 8px;\n  text-align: left;\n  line-break: anywhere;\n}\n\n.index-module--YZIPe th {\n  background-color: #f2f2f2;\n}\n\n.index-module--ll9tP {\n  background-color: #dcfce7 !important;\n}\n\n.index-module--SrjHX {\n  background-color: #f1f5f9 !important;\n}\n\n/* Dark mode compatibility */\n.darkmode .index-module--t5KbL,\nbody.darkmode .index-module--t5KbL {\n  color: #94a3b8;\n}\n\n.darkmode .index-module--O7sM7,\nbody.darkmode .index-module--O7sM7 {\n  background: rgba(56, 178, 172, 0.25) !important;\n}\n\n.darkmode .index-module--O7sM7,\nbody.darkmode .index-module--O7sM7 {\n  border-left-color: #38b2ac;\n}\n\n.darkmode .index-module--awEho,\nbody.darkmode .index-module--awEho {\n  background-color: rgba(34, 197, 94, 0.25) !important;\n}\n\n.darkmode .index-module--awEho:hover,\nbody.darkmode .index-module--awEho:hover {\n  background-color: rgba(34, 197, 94, 0.35) !important;\n}\n\n.darkmode .index-module--zLxOy,\nbody.darkmode .index-module--zLxOy {\n  color: #94a3b8;\n}\n\n.darkmode .index-module--YYqAj,\nbody.darkmode .index-module--YYqAj {\n  color: #fbbf24;\n}\n\n.darkmode .index-module--E0JUN,\nbody.darkmode .index-module--E0JUN {\n  color: #68d391;\n}\n\n.darkmode .index-module--UDrFE,\nbody.darkmode .index-module--UDrFE {\n  color: #63b3ed;\n}\n\n.darkmode .index-module--wzkPJ,\nbody.darkmode .index-module--wzkPJ {\n  background: rgba(30, 41, 59, 0.6);\n  border-color: rgba(71, 85, 105, 0.8);\n}\n\n.darkmode .index-module--wzkPJ h4,\nbody.darkmode .index-module--wzkPJ h4 {\n  color: #e2e8f0;\n}\n\n.darkmode .index-module--wzkPJ h5,\nbody.darkmode .index-module--wzkPJ h5 {\n  color: #94a3b8;\n}\n\n.darkmode .index-module--ll9tP,\nbody.darkmode .index-module--ll9tP {\n  background-color: rgba(34, 197, 94, 0.3) !important;\n}\n\n.darkmode .index-module--SrjHX,\nbody.darkmode .index-module--SrjHX {\n  background-color: rgba(51, 65, 85, 0.5) !important;\n}\n",""]);var c="index-module--t5KbL",u="index-module--EBXgh",m="index-module--AUk0n",p="index-module--O7sM7",x="index-module--wzkPJ",v="index-module--jIsv3",h="index-module--Tdv5K",b="index-module--Z70fs",g="index-module--awEho",y="index-module--zLxOy",k="index-module--YYqAj",w="index-module--E0JUN",P="index-module--UDrFE",j="index-module--gR4ES",N="index-module--E6gUV",S="index-module--ll9tP",_="index-module--SrjHX";const A=d},89965:(r,t,o)=>{o.d(t,{NF:()=>u,ZP:()=>p,ec:()=>c,pb:()=>m});var i=o(8081),a=o.n(i),l=o(23645),d=o.n(l)()(a());d.push([r.id,".index-module--NA4Nc {\n  position: absolute;\n  margin-left: 50px;\n  height: 92%;\n  background-color: var(--settingsBackgroundColor);\n  padding-left: 5px;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  box-shadow: inset 0px 4px 40px 1px rgba(0, 0, 0, 0.1);\n  border-right: 2px solid;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n.index-module--zxgl3 {\n  width: calc(25.5%) !important;\n}\n.index-module--zxgl3 {\n  background-color: white;\n}\n.index-module--WGNyK {\n  width: calc(63% - 50px) !important;\n}\n.index-module--WGNyK {\n  z-index: 590;\n  background-color: rgba(250, 250, 250, 0.5);\n  margin-left: 50px;\n  /*width: calc(69% - 50px); pfister*/\n}\n",""]);var c="index-module--NA4Nc",u="index-module--zxgl3",m="index-module--WGNyK";const p=d},51203:(r,t,o)=>{o.d(t,{NF:()=>g.NF,ec:()=>g.ec,pb:()=>g.pb});var i=o(93379),a=o.n(i),l=o(7795),d=o.n(l),c=o(90569),u=o.n(c),m=o(3565),p=o.n(m),x=o(19216),v=o.n(x),h=o(44589),b=o.n(h),g=o(89965),y={};y.styleTagTransform=b(),y.setAttributes=p(),y.insert=u().bind(null,"head"),y.domAPI=d(),y.insertStyleElement=v();a()(g.ZP,y),g.ZP&&g.ZP.locals&&g.ZP.locals}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 5769.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5769],{85769:(e,t,n)=>{n.r(t),n.d(t,{default:()=>C});var a=n(34988),i=n(65515),s=n.n(i),r=n(9420),o=n(63762),l=n(87363),c=n(88683),d=n(93379),u=n.n(d),b=n(7795),p=n.n(b),m=n(90569),v=n.n(m),g=n(3565),x=n.n(g),h=n(19216),f=n.n(h),k=n(44589),S=n.n(k),P=n(38027),G={};G.styleTagTransform=S(),G.setAttributes=x(),G.insert=v().bind(null,"head"),G.domAPI=p(),G.insertStyleElement=f();u()(P.ZP,G);P.ZP&&P.ZP.locals&&P.ZP.locals;var w=n(47514);const C=(0,r.Pi)((function VerticalTabGroupItemStandard(e){var t,n=e.tabGroup,i=e.height,r=e.minHeight,d=void 0===r?80:r,u=e.isFirstItem,b=e.isLastItem,p=e.wcVisitedStepClass,m=void 0===p?P.to:p,v=e.wcActiveStepClass,g=void 0===v?P.F1:v,x=e.verticalItemPoligonClass,h=void 0===x?P.Wb:x,f=e.wcStepIconClass,k=void 0===f?P.x3:f,S=e.lastItemDiv,G=(0,o.NP)(),C=(0,c.useTranslation)().t,y=(0,l.useRef)(null),I=(0,l.useState)(8),T=(0,a.Z)(I,2),B=T[0],z=T[1],R=G.tabGroupState.curTabGroup;i<d&&(i=d);var N=(0,c.useDivaCore)().state.apiConfig.baseCdnUrl;(0,l.useEffect)((function(){if(G.tabGroupState.setTabGroupItems(n.key,y.current),y.current){var e=getComputedStyle(y.current).getPropertyValue("--globalBorderRadius").trim();if(e){var t=parseFloat(e);isNaN(t)||z(t)}}}),[y]);var _=n.posNr==(null==R?void 0:R.posNr),E=G.tabGroupAlreadyVisited(n)&&!(n.posNr==(null==R?void 0:R.posNr)),j=function getRoundedPath(e,t){for(var n=e.length,a=[],i=0;i<n;i++){var s=e[(i-1+n)%n],r=e[i],o=e[(i+1)%n],l=s[0]-r[0],c=s[1]-r[1],d=Math.sqrt(l*l+c*c),u=o[0]-r[0],b=o[1]-r[1],p=Math.sqrt(u*u+b*b),m=Math.min(t,d/2,p/2),v=r[0]+l/d*m,g=r[1]+c/d*m,x=r[0]+u/p*m,h=r[1]+b/p*m;a.push(0===i?"M".concat(v," ").concat(g):"L".concat(v," ").concat(g)),a.push("Q".concat(r[0]," ").concat(r[1]," ").concat(x," ").concat(h))}return a.push("Z"),a.join(" ")}(function getShapePoints(e,t,n,a){return n&&a?[[0,t],[0,0],[e,0],[e,t]]:n?[[0,t-8],[0,0],[e,0],[e,t-8],[64,t]]:a?[[0,t],[0,0],[64,8],[e,0],[e,t]]:[[0,t-8],[0,0],[64,8],[e,0],[e,t-8],[64,t]]}(128,i,!!u,!!b),B),V=null!==(t=function getIconOfTabGroup(e,t,n){var a=t+"/static/images/TabIcons/";if(n){if(n[e.toLowerCase()])return a+n[e.toLowerCase()];if(n[e])return a+n[e]}switch(e){case"StaticRoomList":return a+"room.svg";case"Planner":case"PRODUCTS":case"PROMOTED":return a+"planner.svg";case"Summary":return a+"summary.svg";case"Piede":case"pieds":case"Fuss":case"Fuß":case"Fu":case"Fsse":return a+"feet.svg";case"Testiera":case"tte de lit":case"Kopfteil":case"Headboard":return a+"bed_headboard.svg";case"materasso":case"matelas":case"Matratze":case"Matratze Zubehr":return a+"mattress.svg";case"dimensioni":case"dimension":case"Grsse":return a+"dimensions.svg";case"Topper":case"surmatelas":return a+"topper.svg";case"Telaio inferiore":case"box":case"Untergestell":case"Box/Untergestell":case"BoxUntergestell":case"Box  Bettrahmen":case"box  cadre de lit":case"Box":case"Box inkl Grsse":return a+"bed_underframe.svg";case"Visualizzazione":case"visualisation":case"Visualisierung":return a+"bed_visualization.svg";case"Rivestimento":case"tissu dco":case"Bezug":case"Stoff":return a+"upholstery.svg";case"Sitz":case"Sitztiefe":return a+"seat.svg";case"Armlehne":return a+"armrest.svg";case"ACCESSOIRES":return a+"additionalArticles.svg";case"Rcken":return a+"sofaBackrest.svg";case"Konfiguration":return a+"material_config.svg";case"Zustand":return a+"settings_suggest.svg"}}(n.key,N,G.getViewConfig().tabGroupsIcons))&&void 0!==t?t:"",A=(0,w.jsxs)("div",{"data-test-id":"tabGroupItem",children:[(0,w.jsx)("div",{className:k,style:{WebkitMaskImage:"url("+V+")",maskImage:"url("+V+")"}}),(0,w.jsx)("span",{"data-test-id":"tabGroupItemTitle",children:C("configurator."+n.title,n.title)})]});return b&&S&&(A=S),(0,w.jsxs)("svg",{"data-test-id":"tabGroupItemSvg",viewBox:"0 0 128 "+i,ref:y,style:{height:i+"px",minHeight:d},onClick:function onClick(){return function onTabGroupClick(e){window.lastNavigationType="TABGROUP_BY_POS_NR",G.tabGroupState.navigateToTabgroupByPosNr(+e.posNr)}(n)},className:s()(P.x6,_?g:void 0,E?m:void 0),children:[(0,w.jsx)("path",{className:s()(h,_?g:void 0,E?m:void 0),d:j}),(0,w.jsx)("foreignObject",{width:"100%",height:"100%",style:{pointerEvents:"none"},children:(0,w.jsx)("span",{className:s()(P.xb,h,_?g:void 0,E?m:void 0),children:A})})]})}))},38027:(e,t,n)=>{n.d(t,{F1:()=>d,Wb:()=>c,ZP:()=>p,to:()=>u,x3:()=>b,x6:()=>o,xb:()=>l});var a=n(8081),i=n.n(a),s=n(23645),r=n.n(s)()(i());r.push([e.id,".index-module--zywLK {\n  font-size: 12px;\n  width: 100%;\n  line-height: 14px;\n  height: 3.5rem;\n  letter-spacing: 0.3px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.4px;\n  background-image: none;\n  text-align: center;\n  vertical-align: top;\n  zoom: 1;\n  box-sizing: content-box;\n  position: relative;\n  display: inline-block;\n  cursor: pointer;\n  color: #000;\n  color: var(--tabGroupStepVisitedFont, #000);\n}\n\n.index-module--q8ldY {\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  position: absolute;\n  font-size: 12px;\n  line-height: 14px;\n  height: 3.5rem;\n  letter-spacing: 0.3px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.4px;\n  background-image: none;\n  text-align: center;\n  display: block;\n  width: 100%;\n}\n\n.index-module--_EcbQ {\n  fill: var(--thirdColor);\n  fill: var(--tabGroupStep, var(--thirdColor));\n  transition:\n    fill 0.3s ease,\n    color 0.3s ease;\n}\n.index-module--_EcbQ.index-module--BPmSG {\n  fill: var(--primaryColor);\n  fill: var(--tabGroupStepActive, var(--primaryColor));\n  color: white;\n}\n/* .verticalItemPoligon.wcVisitedStep {\n  border: #b1b1b1 1px solid;\n} */\n\n.index-module--_EcbQ.index-module--evPRd {\n  fill: #b1b1b1;\n  fill: var(--tabGroupStepVisited, #b1b1b1);\n}\n.index-module--_EcbQ.index-module--BPmSG:hover {\n  fill: var(--primaryColor);\n  fill: var(--tabGroupStepActive, var(--primaryColor));\n}\n\n.index-module--_EcbQ:hover,\n.index-module--_EcbQ.index-module--evPRd:hover {\n  fill: #bbbbbb;\n  fill: var(--tabGroupStepHover, #bbbbbb);\n}\n\n.index-module--xqsj9 {\n  display: block;\n  background-color: #000;\n  background-color: var(--tabGroupStepVisitedIcon, #000);\n  background-position: center center;\n  width: 42px;\n  height: 42px;\n  margin: auto;\n  -webkit-mask-size: contain;\n  -webkit-mask-repeat: no-repeat;\n}\n\n.index-module--BPmSG .index-module--xqsj9 {\n  background-color: white;\n}\n",""]);var o="index-module--zywLK",l="index-module--q8ldY",c="index-module--_EcbQ",d="index-module--BPmSG",u="index-module--evPRd",b="index-module--xqsj9";const p=r}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5769],{85769:(e,t,n)=>{n.r(t),n.d(t,{default:()=>C});var a=n(38946),i=n(65515),s=n.n(i),r=n(9420),o=n(63762),l=n(87363),c=n(88683),d=n(93379),u=n.n(d),b=n(7795),p=n.n(b),m=n(90569),v=n.n(m),g=n(3565),x=n.n(g),h=n(19216),f=n.n(h),k=n(44589),S=n.n(k),P=n(38027),G={};G.styleTagTransform=S(),G.setAttributes=x(),G.insert=v().bind(null,"head"),G.domAPI=p(),G.insertStyleElement=f();u()(P.ZP,G);P.ZP&&P.ZP.locals&&P.ZP.locals;var w=n(47514);const C=(0,r.Pi)((function VerticalTabGroupItemStandard(e){var t,n=e.tabGroup,i=e.height,r=e.minHeight,d=void 0===r?80:r,u=e.isFirstItem,b=e.isLastItem,p=e.wcVisitedStepClass,m=void 0===p?P.to:p,v=e.wcActiveStepClass,g=void 0===v?P.F1:v,x=e.verticalItemPoligonClass,h=void 0===x?P.Wb:x,f=e.wcStepIconClass,k=void 0===f?P.x3:f,S=e.lastItemDiv,G=(0,o.NP)(),C=(0,c.useTranslation)().t,y=(0,l.useRef)(null),I=(0,l.useState)(8),T=(0,a.Z)(I,2),B=T[0],z=T[1],R=G.tabGroupState.curTabGroup;i<d&&(i=d);var N=(0,c.useDivaCore)().state.apiConfig.baseCdnUrl;(0,l.useEffect)((function(){if(G.tabGroupState.setTabGroupItems(n.key,y.current),y.current){var e=getComputedStyle(y.current).getPropertyValue("--globalBorderRadius").trim();if(e){var t=parseFloat(e);isNaN(t)||z(t)}}}),[y]);var _=n.posNr==(null==R?void 0:R.posNr),E=G.tabGroupAlreadyVisited(n)&&!(n.posNr==(null==R?void 0:R.posNr)),j=function getRoundedPath(e,t){for(var n=e.length,a=[],i=0;i<n;i++){var s=e[(i-1+n)%n],r=e[i],o=e[(i+1)%n],l=s[0]-r[0],c=s[1]-r[1],d=Math.sqrt(l*l+c*c),u=o[0]-r[0],b=o[1]-r[1],p=Math.sqrt(u*u+b*b),m=Math.min(t,d/2,p/2),v=r[0]+l/d*m,g=r[1]+c/d*m,x=r[0]+u/p*m,h=r[1]+b/p*m;a.push(0===i?"M".concat(v," ").concat(g):"L".concat(v," ").concat(g)),a.push("Q".concat(r[0]," ").concat(r[1]," ").concat(x," ").concat(h))}return a.push("Z"),a.join(" ")}(function getShapePoints(e,t,n,a){return n&&a?[[0,t],[0,0],[e,0],[e,t]]:n?[[0,t-8],[0,0],[e,0],[e,t-8],[64,t]]:a?[[0,t],[0,0],[64,8],[e,0],[e,t]]:[[0,t-8],[0,0],[64,8],[e,0],[e,t-8],[64,t]]}(128,i,!!u,!!b),B),V=null!==(t=function getIconOfTabGroup(e,t,n){var a=t+"/static/images/TabIcons/";if(n){if(n[e.toLowerCase()])return a+n[e.toLowerCase()];if(n[e])return a+n[e]}switch(e){case"StaticRoomList":return a+"room.svg";case"Planner":case"PRODUCTS":case"PROMOTED":return a+"planner.svg";case"Summary":return a+"summary.svg";case"Piede":case"pieds":case"Fuss":case"Fuß":case"Fu":case"Fsse":return a+"feet.svg";case"Testiera":case"tte de lit":case"Kopfteil":case"Headboard":return a+"bed_headboard.svg";case"materasso":case"matelas":case"Matratze":case"Matratze Zubehr":return a+"mattress.svg";case"dimensioni":case"dimension":case"Grsse":return a+"dimensions.svg";case"Topper":case"surmatelas":return a+"topper.svg";case"Telaio inferiore":case"box":case"Untergestell":case"Box/Untergestell":case"BoxUntergestell":case"Box  Bettrahmen":case"box  cadre de lit":case"Box":case"Box inkl Grsse":return a+"bed_underframe.svg";case"Visualizzazione":case"visualisation":case"Visualisierung":return a+"bed_visualization.svg";case"Rivestimento":case"tissu dco":case"Bezug":case"Stoff":return a+"upholstery.svg";case"Sitz":case"Sitztiefe":return a+"seat.svg";case"Armlehne":return a+"armrest.svg";case"ACCESSOIRES":return a+"additionalArticles.svg";case"Rcken":return a+"sofaBackrest.svg";case"Konfiguration":return a+"material_config.svg";case"Zustand":return a+"settings_suggest.svg"}}(n.key,N,G.getViewConfig().tabGroupsIcons))&&void 0!==t?t:"",A=(0,w.jsxs)("div",{"data-test-id":"tabGroupItem",children:[(0,w.jsx)("div",{className:k,style:{WebkitMaskImage:"url("+V+")",maskImage:"url("+V+")"}}),(0,w.jsx)("span",{"data-test-id":"tabGroupItemTitle",children:C("configurator."+n.title,n.title)})]});return b&&S&&(A=S),(0,w.jsxs)("svg",{"data-test-id":"tabGroupItemSvg",viewBox:"0 0 128 "+i,ref:y,style:{height:i+"px",minHeight:d},onClick:function onClick(){return function onTabGroupClick(e){window.lastNavigationType="TABGROUP_BY_POS_NR",G.tabGroupState.navigateToTabgroupByPosNr(+e.posNr)}(n)},className:s()(P.x6,_?g:void 0,E?m:void 0),children:[(0,w.jsx)("path",{className:s()(h,_?g:void 0,E?m:void 0),d:j}),(0,w.jsx)("foreignObject",{width:"100%",height:"100%",style:{pointerEvents:"none"},children:(0,w.jsx)("span",{className:s()(P.xb,h,_?g:void 0,E?m:void 0),children:A})})]})}))},38027:(e,t,n)=>{n.d(t,{F1:()=>d,Wb:()=>c,ZP:()=>p,to:()=>u,x3:()=>b,x6:()=>o,xb:()=>l});var a=n(8081),i=n.n(a),s=n(23645),r=n.n(s)()(i());r.push([e.id,".index-module--zywLK {\n  font-size: 12px;\n  width: 100%;\n  line-height: 14px;\n  height: 3.5rem;\n  letter-spacing: 0.3px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.4px;\n  background-image: none;\n  text-align: center;\n  vertical-align: top;\n  zoom: 1;\n  box-sizing: content-box;\n  position: relative;\n  display: inline-block;\n  cursor: pointer;\n  color: #000;\n  color: var(--tabGroupStepVisitedFont, #000);\n}\n\n.index-module--q8ldY {\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  position: absolute;\n  font-size: 12px;\n  line-height: 14px;\n  height: 3.5rem;\n  letter-spacing: 0.3px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.4px;\n  background-image: none;\n  text-align: center;\n  display: block;\n  width: 100%;\n}\n\n.index-module--_EcbQ {\n  fill: var(--thirdColor);\n  fill: var(--tabGroupStep, var(--thirdColor));\n  transition:\n    fill 0.3s ease,\n    color 0.3s ease;\n}\n.index-module--_EcbQ.index-module--BPmSG {\n  fill: var(--primaryColor);\n  fill: var(--tabGroupStepActive, var(--primaryColor));\n  color: white;\n}\n/* .verticalItemPoligon.wcVisitedStep {\n  border: #b1b1b1 1px solid;\n} */\n\n.index-module--_EcbQ.index-module--evPRd {\n  fill: #b1b1b1;\n  fill: var(--tabGroupStepVisited, #b1b1b1);\n}\n.index-module--_EcbQ.index-module--BPmSG:hover {\n  fill: var(--primaryColor);\n  fill: var(--tabGroupStepActive, var(--primaryColor));\n}\n\n.index-module--_EcbQ:hover,\n.index-module--_EcbQ.index-module--evPRd:hover {\n  fill: #bbbbbb;\n  fill: var(--tabGroupStepHover, #bbbbbb);\n}\n\n.index-module--xqsj9 {\n  display: block;\n  background-color: #000;\n  background-color: var(--tabGroupStepVisitedIcon, #000);\n  background-position: center center;\n  width: 42px;\n  height: 42px;\n  margin: auto;\n  -webkit-mask-size: contain;\n  -webkit-mask-repeat: no-repeat;\n}\n\n.index-module--BPmSG .index-module--xqsj9 {\n  background-color: white;\n}\n",""]);var o="index-module--zywLK",l="index-module--q8ldY",c="index-module--_EcbQ",d="index-module--BPmSG",u="index-module--evPRd",b="index-module--xqsj9";const p=r}}]);