npm - @crystaldesign/diva-web-planner-react - Versions diffs - 26.12.0-rc.2 → 26.12.0-rc.3 - Mend

@crystaldesign/diva-web-planner-react 26.12.0-rc.2 → 26.12.0-rc.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (431) hide show

package/build/umd/6882.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 6882.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6882,8291,58],{56882:(n,e,d)=>{d.r(e),d.d(e,{default:()=>m});var i=d(88291),o=d(35567),t=d(9420),l=(d(87363),d(49628)),r=d(65515),x=d.n(r),a=d(81673),u=d(47514);const m=(0,t.Pi)((function AddElement(n){var e;(0,i.Z)(n);var d=(0,o.NP)(),t="add"==(null===(e=d.settingsState.addElementSelected)||void 0===e?void 0:e.mode)||0==Object.keys(d.settingsState.articleInfos).length;return(0,u.jsx)("div",{className:x()(l.YS,d.getIsInMobileView()?l.ai:void 0,d.uiState.isTablet?l.Mq:void 0),children:(0,u.jsx)("div",{id:"add",className:x()(l.PD,d.settingsState.isScrollingDown?l.yG:void 0,t?l.pA:void 0),onClick:function onClick(){var n=d.paletteViewHandler.planner2Dot0Items.getAllItems(),e=n.find((function(n){return n.incomplete})),i=n.find((function(n){var e;return n.basketId==(null===(e=d.settingsState.addElementSelected)||void 0===e?void 0:e.basketId)}));d.paletteViewHandler.elementOverviewSelectionChanged(!0,e,i,"add"),void 0===(null==e?void 0:e.id)?d.viewPlannerHandler.onClearElementSelection():d.viewPlannerHandler.onElementSelected(e.setId,null==e?void 0:e.id)},children:(0,u.jsx)("div",{className:x()(l.be),children:(0,u.jsx)("img",{className:x()(l.K5),src:a})})})})}))},86682:(n,e,d)=>{d.d(e,{FJ:()=>b,K5:()=>h,Mq:()=>u,PD:()=>s,Sp:()=>x,TN:()=>g,YS:()=>r,ZP:()=>w,ai:()=>a,be:()=>p,pA:()=>c,yG:()=>m,yi:()=>v});var i=d(8081),o=d.n(i),t=d(23645),l=d.n(t)()(o());l.push([n.id,"/*Size Normal */\n\n.index-module--HBvPZ {\n  display: flex;\n  flex-direction: row;\n  gap: 4px;\n  width: -moz-fit-content;\n  width: fit-content;\n  cursor: pointer;\n}\n\n.index-module--KL9WL {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  width: 105px;\n  margin-top: 11px;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--KL9WL {\n  width: 70px;\n}\n\n.index-module--nqpmq.index-module--KL9WL {\n  width: 60px;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--nqpmq.index-module--KL9WL {\n  width: 46px;\n}\n\n.index-module--eU87P {\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  width: 38px;\n  height: 38px;\n  padding-bottom: 24px;\n}\n\n.index-module--_rhcx .index-module--eU87P {\n  width: 28px;\n  height: 28px;\n}\n.index-module--n2nO7 .index-module--eU87P {\n  width: 32px;\n  height: 32px;\n}\n.index-module--nqpmq.index-module--eU87P {\n  width: 30px;\n  height: 30px;\n  padding-bottom: 0px;\n}\n.index-module--_rhcx .index-module--nqpmq.index-module--eU87P {\n  width: 22px;\n  height: 22px;\n}\n.index-module--n2nO7 .index-module--nqpmq.index-module--eU87P {\n  width: 26px;\n  height: 26px;\n}\n\n.index-module--KL9WL:active,\n.index-module--KL9WL:hover,\n.index-module--eU87P:hover,\n.index-module--eU87P:active {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--BubVA {\n  border-radius: var(--globalBorderRadius);\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n.index-module--KL9WL:hover .index-module--BubVA,\n.index-module--eU87P:hover .index-module--BubVA {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n.index-module--A0nkG.index-module--KL9WL:hover .index-module--BubVA,\n.index-module--eU87P.index-module--A0nkG:hover .index-module--BubVA,\n.index-module--nqpmq.index-module--A0nkG.index-module--KL9WL:hover .index-module--BubVA {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--A0nkG .index-module--BubVA,\n.index-module--nqpmq.index-module--A0nkG .index-module--BubVA {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--_zSMt {\n  width: calc(100% - 8px);\n  border: 4px white solid;\n  background-color: #fff;\n  border-radius: var(--globalBorderRadius);\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  transition: border 0.3s ease;\n  aspect-ratio: 1/1;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--eU87P .index-module--BubVA {\n  border-radius: 100%;\n  width: calc(100% - 2px);\n  height: calc(100% - 2px);\n}\n\n.index-module--eU87P .index-module--_zSMt {\n  width: calc(100% - 4px);\n  height: calc(100% - 4px);\n  border: 2px white solid;\n  border-radius: 100%;\n}\n\n.index-module--A0nkG .index-module--_zSMt,\n.index-module--nqpmq.index-module--A0nkG .index-module--_zSMt {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--eU87P.index-module--A0nkG .index-module--_zSMt,\n.index-module--eU87P.index-module--nqpmq.index-module--A0nkG .index-module--_zSMt {\n  border: 2px var(--primaryColor) solid;\n  border: 2px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--wSUAC {\n  display: flex;\n  justify-content: center;\n  overflow: visible;\n  max-height: 32px;\n}\n\n.index-module--nqpmq .index-module--wSUAC {\n  opacity: 0;\n  display: none;\n}\n\n.index-module--_GZCo {\n  opacity: 1;\n  text-align: center;\n  width: 100%;\n  height: 32px;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  font-size: 14px;\n  line-height: 16px;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 2;\n  transition:\n    height 0.3s ease-out,\n    opacity 0.3s ease-out;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--_GZCo {\n  font-size: 12px;\n  line-height: 14px;\n}\n\n.index-module--KL9WL:hover .index-module--_GZCo,\n.index-module--KL9WL:focus .index-module--_GZCo,\n.index-module--nqpmq .index-module--KL9WL:hover .index-module--_GZCo,\n.index-module--nqpmq .index-module--KL9WL:focus .index-module--_GZCo {\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  -webkit-line-clamp: 30;\n  width: 200px;\n  min-width: 200px;\n  z-index: 200;\n  background-color: var(--settingsBackgroundColor);\n  border-bottom-left-radius: var(--globalBorderRadius);\n  border-bottom-right-radius: var(--globalBorderRadius);\n  transition: height 0.3s ease-in;\n}\n\n.index-module--nqpmq .index-module--_GZCo {\n  font-size: 12px;\n  height: 15px;\n  -webkit-line-clamp: 1;\n}\n\n.index-module--nqpmq .index-module--wSUAC {\n  max-height: 14px;\n}\n\n.index-module--_bHa2 {\n  position: absolute;\n  top: -6px;\n  right: -6px;\n  width: 24px;\n  height: 24px;\n  background-color: #dfdfdf;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  --trash-color: #777;\n  opacity: 0;\n  transition:\n    opacity 0.3s ease,\n    fill 0.3s ease,\n    background-color 0.3s ease;\n  cursor: pointer;\n  pointer-events: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--_bHa2 {\n  width: 18px;\n  height: 18px;\n  top: -4px;\n}\n\n.index-module--A0nkG .index-module--_bHa2 {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.index-module--KL9WL.index-module--nqpmq .index-module--_bHa2 {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.index-module--HBvPZ:not(.index-module--_rhcx) .index-module--KL9WL:hover .index-module--_bHa2,\n.index-module--HBvPZ:not(.index-module--_rhcx) .index-module--nqpmq.index-module--KL9WL:hover .index-module--_bHa2 {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--A0nkG.index-module--KL9WL:hover .index-module--_bHa2 {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.index-module--_bHa2:hover {\n  background-color: rgb(226, 106, 106);\n  --trash-color: #fff;\n}\n",""]);var r="index-module--HBvPZ",x="index-module--KL9WL",a="index-module--_rhcx",u="index-module--n2nO7",m="index-module--nqpmq",s="index-module--eU87P",p="index-module--BubVA",c="index-module--A0nkG",h="index-module--_zSMt",b="index-module--wSUAC",g="index-module--_GZCo",v="index-module--_bHa2";const w=l},49628:(n,e,d)=>{d.d(e,{FJ:()=>h.FJ,K5:()=>h.K5,Mq:()=>h.Mq,PD:()=>h.PD,Sp:()=>h.Sp,TN:()=>h.TN,YS:()=>h.YS,ai:()=>h.ai,be:()=>h.be,pA:()=>h.pA,yG:()=>h.yG,yi:()=>h.yi});var i=d(93379),o=d.n(i),t=d(7795),l=d.n(t),r=d(90569),x=d.n(r),a=d(3565),u=d.n(a),m=d(19216),s=d.n(m),p=d(44589),c=d.n(p),h=d(86682),b={};b.styleTagTransform=c(),b.setAttributes=u(),b.insert=x().bind(null,"head"),b.domAPI=l(),b.insertStyleElement=s();o()(h.ZP,b),h.ZP&&h.ZP.locals&&h.ZP.locals},81673:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjE1MTggMjEuNDE5OEMxNy4wNjQgMjEuNDE5OCAyMS44NTY4IDE2LjYyNyAyMS44NTY4IDEwLjcxNDhDMjEuODU2OCA0LjgwMjYyIDE3LjA2NCAwLjAwOTgyNjY2IDExLjE1MTggMC4wMDk4MjY2NkM1LjIzOTU3IDAuMDA5ODI2NjYgMC40NDY3NzcgNC44MDI2MiAwLjQ0Njc3NyAxMC43MTQ4QzAuNDQ2Nzc3IDE2LjYyNyA1LjIzOTU3IDIxLjQxOTggMTEuMTUxOCAyMS40MTk4WiIgZmlsbD0iI0YyRjJGMiIvPgo8cGF0aCBkPSJNMTEuMjQ2OSA1LjAwOTgzVjE2LjYwOTgiIHN0cm9rZT0iIzRBNEE0QSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNNS40NDY3OCAxMC44MDk3SDE3LjA0NjgiIHN0cm9rZT0iIzRBNEE0QSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K"},88291:(n,e,d)=>{function _objectDestructuringEmpty(n){if(null==n)throw new TypeError("Cannot destructure "+n)}d.d(e,{Z:()=>_objectDestructuringEmpty})}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6882,8291,58],{56882:(n,e,d)=>{d.r(e),d.d(e,{default:()=>m});var i=d(88291),o=d(91214),t=d(9420),l=(d(87363),d(49628)),r=d(65515),x=d.n(r),a=d(81673),u=d(47514);const m=(0,t.Pi)((function AddElement(n){var e;(0,i.Z)(n);var d=(0,o.NP)(),t="add"==(null===(e=d.settingsState.addElementSelected)||void 0===e?void 0:e.mode)||0==Object.keys(d.settingsState.articleInfos).length;return(0,u.jsx)("div",{className:x()(l.YS,d.getIsInMobileView()?l.ai:void 0,d.uiState.isTablet?l.Mq:void 0),children:(0,u.jsx)("div",{id:"add",className:x()(l.PD,d.settingsState.isScrollingDown?l.yG:void 0,t?l.pA:void 0),onClick:function onClick(){var n=d.paletteViewHandler.planner2Dot0Items.getAllItems(),e=n.find((function(n){return n.incomplete})),i=n.find((function(n){var e;return n.basketId==(null===(e=d.settingsState.addElementSelected)||void 0===e?void 0:e.basketId)}));d.paletteViewHandler.elementOverviewSelectionChanged(!0,e,i,"add"),void 0===(null==e?void 0:e.id)?d.viewPlannerHandler.onClearElementSelection():d.viewPlannerHandler.onElementSelected(e.setId,null==e?void 0:e.id)},children:(0,u.jsx)("div",{className:x()(l.be),children:(0,u.jsx)("img",{className:x()(l.K5),src:a})})})})}))},86682:(n,e,d)=>{d.d(e,{FJ:()=>b,K5:()=>h,Mq:()=>u,PD:()=>s,Sp:()=>x,TN:()=>g,YS:()=>r,ZP:()=>w,ai:()=>a,be:()=>p,pA:()=>c,yG:()=>m,yi:()=>v});var i=d(8081),o=d.n(i),t=d(23645),l=d.n(t)()(o());l.push([n.id,"/*Size Normal */\n\n.index-module--HBvPZ {\n  display: flex;\n  flex-direction: row;\n  gap: 4px;\n  width: -moz-fit-content;\n  width: fit-content;\n  cursor: pointer;\n}\n\n.index-module--KL9WL {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  width: 105px;\n  margin-top: 11px;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--KL9WL {\n  width: 70px;\n}\n\n.index-module--nqpmq.index-module--KL9WL {\n  width: 60px;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--nqpmq.index-module--KL9WL {\n  width: 46px;\n}\n\n.index-module--eU87P {\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  width: 38px;\n  height: 38px;\n  padding-bottom: 24px;\n}\n\n.index-module--_rhcx .index-module--eU87P {\n  width: 28px;\n  height: 28px;\n}\n.index-module--n2nO7 .index-module--eU87P {\n  width: 32px;\n  height: 32px;\n}\n.index-module--nqpmq.index-module--eU87P {\n  width: 30px;\n  height: 30px;\n  padding-bottom: 0px;\n}\n.index-module--_rhcx .index-module--nqpmq.index-module--eU87P {\n  width: 22px;\n  height: 22px;\n}\n.index-module--n2nO7 .index-module--nqpmq.index-module--eU87P {\n  width: 26px;\n  height: 26px;\n}\n\n.index-module--KL9WL:active,\n.index-module--KL9WL:hover,\n.index-module--eU87P:hover,\n.index-module--eU87P:active {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--BubVA {\n  border-radius: var(--globalBorderRadius);\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n.index-module--KL9WL:hover .index-module--BubVA,\n.index-module--eU87P:hover .index-module--BubVA {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n.index-module--A0nkG.index-module--KL9WL:hover .index-module--BubVA,\n.index-module--eU87P.index-module--A0nkG:hover .index-module--BubVA,\n.index-module--nqpmq.index-module--A0nkG.index-module--KL9WL:hover .index-module--BubVA {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--A0nkG .index-module--BubVA,\n.index-module--nqpmq.index-module--A0nkG .index-module--BubVA {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--_zSMt {\n  width: calc(100% - 8px);\n  border: 4px white solid;\n  background-color: #fff;\n  border-radius: var(--globalBorderRadius);\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  transition: border 0.3s ease;\n  aspect-ratio: 1/1;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--eU87P .index-module--BubVA {\n  border-radius: 100%;\n  width: calc(100% - 2px);\n  height: calc(100% - 2px);\n}\n\n.index-module--eU87P .index-module--_zSMt {\n  width: calc(100% - 4px);\n  height: calc(100% - 4px);\n  border: 2px white solid;\n  border-radius: 100%;\n}\n\n.index-module--A0nkG .index-module--_zSMt,\n.index-module--nqpmq.index-module--A0nkG .index-module--_zSMt {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--eU87P.index-module--A0nkG .index-module--_zSMt,\n.index-module--eU87P.index-module--nqpmq.index-module--A0nkG .index-module--_zSMt {\n  border: 2px var(--primaryColor) solid;\n  border: 2px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--wSUAC {\n  display: flex;\n  justify-content: center;\n  overflow: visible;\n  max-height: 32px;\n}\n\n.index-module--nqpmq .index-module--wSUAC {\n  opacity: 0;\n  display: none;\n}\n\n.index-module--_GZCo {\n  opacity: 1;\n  text-align: center;\n  width: 100%;\n  height: 32px;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  font-size: 14px;\n  line-height: 16px;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 2;\n  transition:\n    height 0.3s ease-out,\n    opacity 0.3s ease-out;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--_GZCo {\n  font-size: 12px;\n  line-height: 14px;\n}\n\n.index-module--KL9WL:hover .index-module--_GZCo,\n.index-module--KL9WL:focus .index-module--_GZCo,\n.index-module--nqpmq .index-module--KL9WL:hover .index-module--_GZCo,\n.index-module--nqpmq .index-module--KL9WL:focus .index-module--_GZCo {\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  -webkit-line-clamp: 30;\n  width: 200px;\n  min-width: 200px;\n  z-index: 200;\n  background-color: var(--settingsBackgroundColor);\n  border-bottom-left-radius: var(--globalBorderRadius);\n  border-bottom-right-radius: var(--globalBorderRadius);\n  transition: height 0.3s ease-in;\n}\n\n.index-module--nqpmq .index-module--_GZCo {\n  font-size: 12px;\n  height: 15px;\n  -webkit-line-clamp: 1;\n}\n\n.index-module--nqpmq .index-module--wSUAC {\n  max-height: 14px;\n}\n\n.index-module--_bHa2 {\n  position: absolute;\n  top: -6px;\n  right: -6px;\n  width: 24px;\n  height: 24px;\n  background-color: #dfdfdf;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  --trash-color: #777;\n  opacity: 0;\n  transition:\n    opacity 0.3s ease,\n    fill 0.3s ease,\n    background-color 0.3s ease;\n  cursor: pointer;\n  pointer-events: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--_bHa2 {\n  width: 18px;\n  height: 18px;\n  top: -4px;\n}\n\n.index-module--A0nkG .index-module--_bHa2 {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.index-module--KL9WL.index-module--nqpmq .index-module--_bHa2 {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.index-module--HBvPZ:not(.index-module--_rhcx) .index-module--KL9WL:hover .index-module--_bHa2,\n.index-module--HBvPZ:not(.index-module--_rhcx) .index-module--nqpmq.index-module--KL9WL:hover .index-module--_bHa2 {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--A0nkG.index-module--KL9WL:hover .index-module--_bHa2 {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.index-module--_bHa2:hover {\n  background-color: rgb(226, 106, 106);\n  --trash-color: #fff;\n}\n",""]);var r="index-module--HBvPZ",x="index-module--KL9WL",a="index-module--_rhcx",u="index-module--n2nO7",m="index-module--nqpmq",s="index-module--eU87P",p="index-module--BubVA",c="index-module--A0nkG",h="index-module--_zSMt",b="index-module--wSUAC",g="index-module--_GZCo",v="index-module--_bHa2";const w=l},49628:(n,e,d)=>{d.d(e,{FJ:()=>h.FJ,K5:()=>h.K5,Mq:()=>h.Mq,PD:()=>h.PD,Sp:()=>h.Sp,TN:()=>h.TN,YS:()=>h.YS,ai:()=>h.ai,be:()=>h.be,pA:()=>h.pA,yG:()=>h.yG,yi:()=>h.yi});var i=d(93379),o=d.n(i),t=d(7795),l=d.n(t),r=d(90569),x=d.n(r),a=d(3565),u=d.n(a),m=d(19216),s=d.n(m),p=d(44589),c=d.n(p),h=d(86682),b={};b.styleTagTransform=c(),b.setAttributes=u(),b.insert=x().bind(null,"head"),b.domAPI=l(),b.insertStyleElement=s();o()(h.ZP,b),h.ZP&&h.ZP.locals&&h.ZP.locals},81673:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjE1MTggMjEuNDE5OEMxNy4wNjQgMjEuNDE5OCAyMS44NTY4IDE2LjYyNyAyMS44NTY4IDEwLjcxNDhDMjEuODU2OCA0LjgwMjYyIDE3LjA2NCAwLjAwOTgyNjY2IDExLjE1MTggMC4wMDk4MjY2NkM1LjIzOTU3IDAuMDA5ODI2NjYgMC40NDY3NzcgNC44MDI2MiAwLjQ0Njc3NyAxMC43MTQ4QzAuNDQ2Nzc3IDE2LjYyNyA1LjIzOTU3IDIxLjQxOTggMTEuMTUxOCAyMS40MTk4WiIgZmlsbD0iI0YyRjJGMiIvPgo8cGF0aCBkPSJNMTEuMjQ2OSA1LjAwOTgzVjE2LjYwOTgiIHN0cm9rZT0iIzRBNEE0QSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNNS40NDY3OCAxMC44MDk3SDE3LjA0NjgiIHN0cm9rZT0iIzRBNEE0QSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K"},88291:(n,e,d)=>{function _objectDestructuringEmpty(n){if(null==n)throw new TypeError("Cannot destructure "+n)}d.d(e,{Z:()=>_objectDestructuringEmpty})}}]);

package/build/umd/6937.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 6937.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6937,7046,8837],{77046:(n,e,t)=>{t.r(e),t.d(e,{default:()=>j});t(87363);var i=t(9420),o=t(93379),r=t.n(o),l=t(7795),d=t.n(l),s=t(90569),a=t.n(s),u=t(3565),c=t.n(u),x=t(19216),p=t.n(x),m=t(44589),f=t.n(m),g=t(91605),v={};v.styleTagTransform=f(),v.setAttributes=c(),v.insert=a().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=p();r()(g.ZP,v);g.ZP&&g.ZP.locals&&g.ZP.locals;var h=t(35567),b=t(47514);const j=(0,i.Pi)((function ContentItemTeaser(n){var e=n.item,t=(0,h.NP)();return(0,b.jsxs)("div",{className:g.bz,children:[e.emoji&&(0,b.jsx)("div",{className:g.rP,children:e.emoji}),(0,b.jsx)("div",{className:g.TN,children:e.title}),(0,b.jsx)("div",{className:g.WL,children:e.description}),e.id&&(0,b.jsxs)("button",{className:g.LI,onClick:function onClick(){!function isUrl(n){return/^https?:\/\//.test(n)}(e.id)?t.settingsState.onClickContentItemId(e.id):window.open(e.id,"_blank","noopener,noreferrer")},children:[(0,b.jsx)("span",{className:g.q5,children:e.buttonText}),(0,b.jsx)("div",{className:g.x7,children:(0,b.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,b.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},98837:(n,e,t)=>{t.r(e),t.d(e,{default:()=>T});t(87363);var i=t(55563),o=t(35567),r=t(93379),l=t.n(r),d=t(7795),s=t.n(d),a=t(90569),u=t.n(a),c=t(3565),x=t.n(c),p=t(19216),m=t.n(p),f=t(44589),g=t.n(f),v=t(9668),h={};h.styleTagTransform=g(),h.setAttributes=x(),h.insert=u().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=m();l()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var b=t(77046),j=t(47514);const T=function SettingsItemsGroup(n){var e=n.group;(0,o.NP)();return(0,j.jsxs)("div",{className:v.YS,children:[(0,j.jsx)("div",{className:v.t$,children:e.left.map((function(n){var t,o,r,l=e.palettes.find((function(e){return e.id===n}));return(0,j.jsxs)(j.Fragment,{children:["TOP"===(null===(t=l.contentItemTeaser)||void 0===t?void 0:t.position)?(0,j.jsx)(b.default,{item:l.contentItemTeaser}):(0,j.jsx)(j.Fragment,{}),(0,j.jsx)(i.default,{item:l,id:Number(l.id)},null!==(o=l.optionCodex)&&void 0!==o?o:l.configStepKey+l.id),"BOTTOM"===(null===(r=l.contentItemTeaser)||void 0===r?void 0:r.position)?(0,j.jsx)(b.default,{item:l.contentItemTeaser}):(0,j.jsx)(j.Fragment,{})]})}))}),(0,j.jsx)("div",{className:v.eX}),(0,j.jsx)("div",{className:v.F2,children:e.right.map((function(n){var t,o,r,l=e.palettes.find((function(e){return e.id===n}));return(0,j.jsxs)(j.Fragment,{children:["TOP"===(null===(t=l.contentItemTeaser)||void 0===t?void 0:t.position)?(0,j.jsx)(b.default,{item:l.contentItemTeaser}):(0,j.jsx)(j.Fragment,{}),(0,j.jsx)(i.default,{item:l,id:Number(l.id)},null!==(o=l.optionCodex)&&void 0!==o?o:l.configStepKey+l.id),"BOTTOM"===(null===(r=l.contentItemTeaser)||void 0===r?void 0:r.position)?(0,j.jsx)(b.default,{item:l.contentItemTeaser}):(0,j.jsx)(j.Fragment,{})]})}))})]})}},26937:(n,e,t)=>{t.r(e),t.d(e,{default:()=>c});var i=t(34988),o=t(87363),r=t(9420),l=t(55563),d=t(35567),s=t(98837),a=t(77046),u=t(47514);const c=(0,r.Pi)((function SettingsItemsWrapper(n){var e=n.itemPalettesArr,t=n.zIndexBase,r=(0,d.NP)(),c=(0,o.useState)([]),x=(0,i.Z)(c,2),p=x[0],m=x[1];return(0,o.useEffect)((function(){for(var n=[],t=function _loop(){var t=e[i],o=r.configuratorStructureHandler.getOptionStepByCodex(t.optionCodex),l=null==o?void 0:o.partOfGroup,d=n.find((function(n){var e;return(null!==(e=null==l?void 0:l.groupName)&&void 0!==e?e:t.configStepKey+t.id)===n.groupName}));if(d)d.palettes.push(t);else{var s,a={groupName:null!==(s=null==l?void 0:l.groupName)&&void 0!==s?s:t.configStepKey+t.id,palettes:[t],left:[],right:[]};n.push(a),d=a}"l"===(null==l?void 0:l.position)?d.left.push(t.id):"r"===(null==l?void 0:l.position)&&d.right.push(t.id)},i=0;i<e.length;i++)t();m(n)}),[e]),(0,u.jsx)(u.Fragment,{children:p.map((function(n){var e;if(n.palettes.length>1)return(0,u.jsx)(s.default,{group:n});var i=n.palettes[0].contentItemTeaser;return(0,u.jsxs)(u.Fragment,{children:["TOP"==(null==i?void 0:i.position)&&(0,u.jsx)(a.default,{item:i}),(0,u.jsx)(l.default,{item:n.palettes[0],id:Number(n.palettes[0].id),zIndexBase:t},(null!==(e=n.palettes[0].optionCodex)&&void 0!==e?e:n.palettes[0].configStepKey)+n.palettes[0].id),"BOTTOM"==(null==i?void 0:i.position)&&(0,u.jsx)(a.default,{item:i})]})}))})}))},91605:(n,e,t)=>{t.d(e,{LI:()=>c,TN:()=>a,WL:()=>u,ZP:()=>m,bz:()=>d,q5:()=>x,rP:()=>s,x7:()=>p});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.push([n.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 d="index-module--YvhoM",s="index-module--xRF8A",a="index-module--AkzgH",u="index-module--YcLKe",c="index-module--tZsne",x="index-module--KlW5i",p="index-module--MViR0";const m=l},9668:(n,e,t)=>{t.d(e,{F2:()=>a,YS:()=>d,ZP:()=>c,eX:()=>u,t$:()=>s});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.push([n.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  align-self: stretch;\n}\n\n.index-module--gupRY {\n  flex: 1;\n  align-self: stretch;\n}\n\n.index-module--lvlA1 {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}\n",""]);var d="index-module--h2rQ7",s="index-module--vn75Y",a="index-module--gupRY",u="index-module--lvlA1";const c=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6937,7046,8837],{77046:(n,e,t)=>{t.r(e),t.d(e,{default:()=>j});t(87363);var i=t(9420),o=t(93379),r=t.n(o),l=t(7795),d=t.n(l),s=t(90569),a=t.n(s),u=t(3565),c=t.n(u),x=t(19216),p=t.n(x),m=t(44589),f=t.n(m),g=t(91605),v={};v.styleTagTransform=f(),v.setAttributes=c(),v.insert=a().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=p();r()(g.ZP,v);g.ZP&&g.ZP.locals&&g.ZP.locals;var h=t(91214),b=t(47514);const j=(0,i.Pi)((function ContentItemTeaser(n){var e=n.item,t=(0,h.NP)();return(0,b.jsxs)("div",{className:g.bz,children:[e.emoji&&(0,b.jsx)("div",{className:g.rP,children:e.emoji}),(0,b.jsx)("div",{className:g.TN,children:e.title}),(0,b.jsx)("div",{className:g.WL,children:e.description}),e.id&&(0,b.jsxs)("button",{className:g.LI,onClick:function onClick(){!function isUrl(n){return/^https?:\/\//.test(n)}(e.id)?t.settingsState.onClickContentItemId(e.id):window.open(e.id,"_blank","noopener,noreferrer")},children:[(0,b.jsx)("span",{className:g.q5,children:e.buttonText}),(0,b.jsx)("div",{className:g.x7,children:(0,b.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,b.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},98837:(n,e,t)=>{t.r(e),t.d(e,{default:()=>T});t(87363);var i=t(55563),o=t(91214),r=t(93379),l=t.n(r),d=t(7795),s=t.n(d),a=t(90569),u=t.n(a),c=t(3565),x=t.n(c),p=t(19216),m=t.n(p),f=t(44589),g=t.n(f),v=t(9668),h={};h.styleTagTransform=g(),h.setAttributes=x(),h.insert=u().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=m();l()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var b=t(77046),j=t(47514);const T=function SettingsItemsGroup(n){var e=n.group;(0,o.NP)();return(0,j.jsxs)("div",{className:v.YS,children:[(0,j.jsx)("div",{className:v.t$,children:e.left.map((function(n){var t,o,r,l=e.palettes.find((function(e){return e.id===n}));return(0,j.jsxs)(j.Fragment,{children:["TOP"===(null===(t=l.contentItemTeaser)||void 0===t?void 0:t.position)?(0,j.jsx)(b.default,{item:l.contentItemTeaser}):(0,j.jsx)(j.Fragment,{}),(0,j.jsx)(i.default,{item:l,id:Number(l.id)},null!==(o=l.optionCodex)&&void 0!==o?o:l.configStepKey+l.id),"BOTTOM"===(null===(r=l.contentItemTeaser)||void 0===r?void 0:r.position)?(0,j.jsx)(b.default,{item:l.contentItemTeaser}):(0,j.jsx)(j.Fragment,{})]})}))}),(0,j.jsx)("div",{className:v.eX}),(0,j.jsx)("div",{className:v.F2,children:e.right.map((function(n){var t,o,r,l=e.palettes.find((function(e){return e.id===n}));return(0,j.jsxs)(j.Fragment,{children:["TOP"===(null===(t=l.contentItemTeaser)||void 0===t?void 0:t.position)?(0,j.jsx)(b.default,{item:l.contentItemTeaser}):(0,j.jsx)(j.Fragment,{}),(0,j.jsx)(i.default,{item:l,id:Number(l.id)},null!==(o=l.optionCodex)&&void 0!==o?o:l.configStepKey+l.id),"BOTTOM"===(null===(r=l.contentItemTeaser)||void 0===r?void 0:r.position)?(0,j.jsx)(b.default,{item:l.contentItemTeaser}):(0,j.jsx)(j.Fragment,{})]})}))})]})}},26937:(n,e,t)=>{t.r(e),t.d(e,{default:()=>c});var i=t(34988),o=t(87363),r=t(9420),l=t(55563),d=t(91214),s=t(98837),a=t(77046),u=t(47514);const c=(0,r.Pi)((function SettingsItemsWrapper(n){var e=n.itemPalettesArr,t=n.zIndexBase,r=(0,d.NP)(),c=(0,o.useState)([]),x=(0,i.Z)(c,2),p=x[0],m=x[1];return(0,o.useEffect)((function(){for(var n=[],t=function _loop(){var t=e[i],o=r.configuratorStructureHandler.getOptionStepByCodex(t.optionCodex),l=null==o?void 0:o.partOfGroup,d=n.find((function(n){var e;return(null!==(e=null==l?void 0:l.groupName)&&void 0!==e?e:t.configStepKey+t.id)===n.groupName}));if(d)d.palettes.push(t);else{var s,a={groupName:null!==(s=null==l?void 0:l.groupName)&&void 0!==s?s:t.configStepKey+t.id,palettes:[t],left:[],right:[]};n.push(a),d=a}"l"===(null==l?void 0:l.position)?d.left.push(t.id):"r"===(null==l?void 0:l.position)&&d.right.push(t.id)},i=0;i<e.length;i++)t();m(n)}),[e]),(0,u.jsx)(u.Fragment,{children:p.map((function(n){var e;if(n.palettes.length>1)return(0,u.jsx)(s.default,{group:n});var i=n.palettes[0].contentItemTeaser;return(0,u.jsxs)(u.Fragment,{children:["TOP"==(null==i?void 0:i.position)&&(0,u.jsx)(a.default,{item:i}),(0,u.jsx)(l.default,{item:n.palettes[0],id:Number(n.palettes[0].id),zIndexBase:t},(null!==(e=n.palettes[0].optionCodex)&&void 0!==e?e:n.palettes[0].configStepKey)+n.palettes[0].id),"BOTTOM"==(null==i?void 0:i.position)&&(0,u.jsx)(a.default,{item:i})]})}))})}))},91605:(n,e,t)=>{t.d(e,{LI:()=>c,TN:()=>a,WL:()=>u,ZP:()=>m,bz:()=>d,q5:()=>x,rP:()=>s,x7:()=>p});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.push([n.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 d="index-module--YvhoM",s="index-module--xRF8A",a="index-module--AkzgH",u="index-module--YcLKe",c="index-module--tZsne",x="index-module--KlW5i",p="index-module--MViR0";const m=l},9668:(n,e,t)=>{t.d(e,{F2:()=>a,YS:()=>d,ZP:()=>c,eX:()=>u,t$:()=>s});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.push([n.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  align-self: stretch;\n}\n\n.index-module--gupRY {\n  flex: 1;\n  align-self: stretch;\n}\n\n.index-module--lvlA1 {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}\n",""]);var d="index-module--h2rQ7",s="index-module--vn75Y",a="index-module--gupRY",u="index-module--lvlA1";const c=l}}]);

package/build/umd/6960.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 6960.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6960,4178],{76960:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var o=t(80248),r=t(9420),a=(t(87363),t(84178)),i=t(93379),s=t.n(i),l=t(7795),c=t.n(l),d=t(90569),u=t.n(d),p=t(3565),b=t.n(p),m=t(19216),v=t.n(m),g=t(44589),x=t.n(g),f=t(66874),h={};h.styleTagTransform=x(),h.setAttributes=b(),h.insert=u().bind(null,"head"),h.domAPI=c(),h.insertStyleElement=v();s()(f.ZP,h);f.ZP&&f.ZP.locals&&f.ZP.locals;var w=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const k=(0,r.Pi)((function VerticalTabGroupItemFree(e){return(0,w.jsx)(a.default,_objectSpread(_objectSpread({},e),{},{wcVisitedStepClass:f.to,wcActiveStepClass:f.F1,verticalItemPoligonClass:f.Wb,wcStepIconClass:f.x3}))}))},84178:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});var o=t(34988),r=t(65515),a=t.n(r),i=t(9420),s=t(35567),l=t(87363),c=t(88683),d=t(93379),u=t.n(d),p=t(7795),b=t.n(p),m=t(90569),v=t.n(m),g=t(3565),x=t.n(g),f=t(19216),h=t.n(f),w=t(44589),k=t.n(w),P=t(38027),y={};y.styleTagTransform=k(),y.setAttributes=x(),y.insert=v().bind(null,"head"),y.domAPI=b(),y.insertStyleElement=h();u()(P.ZP,y);P.ZP&&P.ZP.locals&&P.ZP.locals;var C=t(47514);const S=(0,i.Pi)((function VerticalTabGroupItemStandard(e){var n,t=e.tabGroup,r=e.height,i=e.minHeight,d=void 0===i?80:i,u=e.isFirstItem,p=e.isLastItem,b=e.wcVisitedStepClass,m=void 0===b?P.to:b,v=e.wcActiveStepClass,g=void 0===v?P.F1:v,x=e.verticalItemPoligonClass,f=void 0===x?P.Wb:x,h=e.wcStepIconClass,w=void 0===h?P.x3:h,k=e.lastItemDiv,y=(0,s.NP)(),S=(0,c.useTranslation)().t,j=(0,l.useRef)(null),G=(0,l.useState)(8),I=(0,o.Z)(G,2),O=I[0],T=I[1],V=y.tabGroupState.curTabGroup;r<d&&(r=d);var F=(0,c.useDivaCore)().state.apiConfig.baseCdnUrl;(0,l.useEffect)((function(){if(y.tabGroupState.setTabGroupItems(t.key,j.current),j.current){var e=getComputedStyle(j.current).getPropertyValue("--globalBorderRadius").trim();if(e){var n=parseFloat(e);isNaN(n)||T(n)}}}),[j]);var N=t.posNr==(null==V?void 0:V.posNr),_=y.tabGroupAlreadyVisited(t)&&!(t.posNr==(null==V?void 0:V.posNr)),z=function getRoundedPath(e,n){for(var t=e.length,o=[],r=0;r<t;r++){var a=e[(r-1+t)%t],i=e[r],s=e[(r+1)%t],l=a[0]-i[0],c=a[1]-i[1],d=Math.sqrt(l*l+c*c),u=s[0]-i[0],p=s[1]-i[1],b=Math.sqrt(u*u+p*p),m=Math.min(n,d/2,b/2),v=i[0]+l/d*m,g=i[1]+c/d*m,x=i[0]+u/b*m,f=i[1]+p/b*m;o.push(0===r?"M".concat(v," ").concat(g):"L".concat(v," ").concat(g)),o.push("Q".concat(i[0]," ").concat(i[1]," ").concat(x," ").concat(f))}return o.push("Z"),o.join(" ")}(function getShapePoints(e,n,t,o){return t&&o?[[0,n],[0,0],[e,0],[e,n]]:t?[[0,n-8],[0,0],[e,0],[e,n-8],[64,n]]:o?[[0,n],[0,0],[64,8],[e,0],[e,n]]:[[0,n-8],[0,0],[64,8],[e,0],[e,n-8],[64,n]]}(128,r,!!u,!!p),O),A=null!==(n=function getIconOfTabGroup(e,n,t){var o=n+"/static/images/TabIcons/";if(t){if(t[e.toLowerCase()])return o+t[e.toLowerCase()];if(t[e])return o+t[e]}switch(e){case"StaticRoomList":return o+"room.svg";case"Planner":case"PRODUCTS":case"PROMOTED":return o+"planner.svg";case"Summary":return o+"summary.svg";case"Piede":case"pieds":case"Fuss":case"Fuß":case"Fu":case"Fsse":return o+"feet.svg";case"Testiera":case"tte de lit":case"Kopfteil":case"Headboard":return o+"bed_headboard.svg";case"materasso":case"matelas":case"Matratze":case"Matratze Zubehr":return o+"mattress.svg";case"dimensioni":case"dimension":case"Grsse":return o+"dimensions.svg";case"Topper":case"surmatelas":return o+"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 o+"bed_underframe.svg";case"Visualizzazione":case"visualisation":case"Visualisierung":return o+"bed_visualization.svg";case"Rivestimento":case"tissu dco":case"Bezug":case"Stoff":return o+"upholstery.svg";case"Sitz":case"Sitztiefe":return o+"seat.svg";case"Armlehne":return o+"armrest.svg";case"ACCESSOIRES":return o+"additionalArticles.svg";case"Rcken":return o+"sofaBackrest.svg";case"Konfiguration":return o+"material_config.svg";case"Zustand":return o+"settings_suggest.svg"}}(t.key,F,y.getViewConfig().tabGroupsIcons))&&void 0!==n?n:"",B=(0,C.jsxs)("div",{"data-test-id":"tabGroupItem",children:[(0,C.jsx)("div",{className:w,style:{WebkitMaskImage:"url("+A+")",maskImage:"url("+A+")"}}),(0,C.jsx)("span",{"data-test-id":"tabGroupItemTitle",children:S("configurator."+t.title,t.title)})]});return p&&k&&(B=k),(0,C.jsxs)("svg",{"data-test-id":"tabGroupItemSvg",viewBox:"0 0 128 "+r,ref:j,style:{height:r+"px",minHeight:d},onClick:function onClick(){return function onTabGroupClick(e){window.lastNavigationType="TABGROUP_BY_POS_NR",y.tabGroupState.navigateToTabgroupByPosNr(+e.posNr)}(t)},className:a()(P.x6,N?g:void 0,_?m:void 0),children:[(0,C.jsx)("path",{className:a()(f,N?g:void 0,_?m:void 0),d:z}),(0,C.jsx)("foreignObject",{width:"100%",height:"100%",style:{pointerEvents:"none"},children:(0,C.jsx)("span",{className:a()(P.xb,f,N?g:void 0,_?m:void 0),children:B})})]})}))},66874:(e,n,t)=>{t.d(n,{F1:()=>l,Wb:()=>s,ZP:()=>u,to:()=>c,x3:()=>d});var o=t(8081),r=t.n(o),a=t(23645),i=t.n(a)()(r());i.push([e.id,".index-module--C6jFV {\n  fill: #f5f5f5;\n  stroke: #f5f5f5;\n}\n.index-module--C6jFV:hover {\n  stroke: #cca663;\n  stroke-width: 2px;\n}\n.index-module--C6jFV.index-module--DwweC {\n  stroke: #cca663;\n  color: #cca663;\n}\n.index-module--C6jFV.index-module--GAYpd {\n  color: #a1a1a1;\n}\n\n.index-module--C6jFV.index-module--DwweC:hover {\n  stroke: #d6b781;\n}\n\n.index-module--C6jFV:hover,\n.index-module--C6jFV.index-module--GAYpd:hover {\n  color: #e1e1e1;\n}\n\n.index-module--IXuqN {\n  display: block;\n  background-color: black;\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--DwweC .index-module--IXuqN {\n  background-color: #cca663;\n}\n.index-module--GAYpd .index-module--IXuqN {\n  background-color: #a1a1a1;\n}\n",""]);var s="index-module--C6jFV",l="index-module--DwweC",c="index-module--GAYpd",d="index-module--IXuqN";const u=i},38027:(e,n,t)=>{t.d(n,{F1:()=>d,Wb:()=>c,ZP:()=>b,to:()=>u,x3:()=>p,x6:()=>s,xb:()=>l});var o=t(8081),r=t.n(o),a=t(23645),i=t.n(a)()(r());i.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 s="index-module--zywLK",l="index-module--q8ldY",c="index-module--_EcbQ",d="index-module--BPmSG",u="index-module--evPRd",p="index-module--xqsj9";const b=i}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6960,4178],{76960:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var o=t(80248),r=t(9420),a=(t(87363),t(84178)),i=t(93379),s=t.n(i),l=t(7795),c=t.n(l),d=t(90569),u=t.n(d),p=t(3565),b=t.n(p),m=t(19216),v=t.n(m),g=t(44589),x=t.n(g),f=t(66874),h={};h.styleTagTransform=x(),h.setAttributes=b(),h.insert=u().bind(null,"head"),h.domAPI=c(),h.insertStyleElement=v();s()(f.ZP,h);f.ZP&&f.ZP.locals&&f.ZP.locals;var w=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const k=(0,r.Pi)((function VerticalTabGroupItemFree(e){return(0,w.jsx)(a.default,_objectSpread(_objectSpread({},e),{},{wcVisitedStepClass:f.to,wcActiveStepClass:f.F1,verticalItemPoligonClass:f.Wb,wcStepIconClass:f.x3}))}))},84178:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});var o=t(34988),r=t(65515),a=t.n(r),i=t(9420),s=t(91214),l=t(87363),c=t(88683),d=t(93379),u=t.n(d),p=t(7795),b=t.n(p),m=t(90569),v=t.n(m),g=t(3565),x=t.n(g),f=t(19216),h=t.n(f),w=t(44589),k=t.n(w),P=t(38027),y={};y.styleTagTransform=k(),y.setAttributes=x(),y.insert=v().bind(null,"head"),y.domAPI=b(),y.insertStyleElement=h();u()(P.ZP,y);P.ZP&&P.ZP.locals&&P.ZP.locals;var C=t(47514);const S=(0,i.Pi)((function VerticalTabGroupItemStandard(e){var n,t=e.tabGroup,r=e.height,i=e.minHeight,d=void 0===i?80:i,u=e.isFirstItem,p=e.isLastItem,b=e.wcVisitedStepClass,m=void 0===b?P.to:b,v=e.wcActiveStepClass,g=void 0===v?P.F1:v,x=e.verticalItemPoligonClass,f=void 0===x?P.Wb:x,h=e.wcStepIconClass,w=void 0===h?P.x3:h,k=e.lastItemDiv,y=(0,s.NP)(),S=(0,c.useTranslation)().t,j=(0,l.useRef)(null),G=(0,l.useState)(8),I=(0,o.Z)(G,2),O=I[0],T=I[1],V=y.tabGroupState.curTabGroup;r<d&&(r=d);var F=(0,c.useDivaCore)().state.apiConfig.baseCdnUrl;(0,l.useEffect)((function(){if(y.tabGroupState.setTabGroupItems(t.key,j.current),j.current){var e=getComputedStyle(j.current).getPropertyValue("--globalBorderRadius").trim();if(e){var n=parseFloat(e);isNaN(n)||T(n)}}}),[j]);var N=t.posNr==(null==V?void 0:V.posNr),_=y.tabGroupAlreadyVisited(t)&&!(t.posNr==(null==V?void 0:V.posNr)),z=function getRoundedPath(e,n){for(var t=e.length,o=[],r=0;r<t;r++){var a=e[(r-1+t)%t],i=e[r],s=e[(r+1)%t],l=a[0]-i[0],c=a[1]-i[1],d=Math.sqrt(l*l+c*c),u=s[0]-i[0],p=s[1]-i[1],b=Math.sqrt(u*u+p*p),m=Math.min(n,d/2,b/2),v=i[0]+l/d*m,g=i[1]+c/d*m,x=i[0]+u/b*m,f=i[1]+p/b*m;o.push(0===r?"M".concat(v," ").concat(g):"L".concat(v," ").concat(g)),o.push("Q".concat(i[0]," ").concat(i[1]," ").concat(x," ").concat(f))}return o.push("Z"),o.join(" ")}(function getShapePoints(e,n,t,o){return t&&o?[[0,n],[0,0],[e,0],[e,n]]:t?[[0,n-8],[0,0],[e,0],[e,n-8],[64,n]]:o?[[0,n],[0,0],[64,8],[e,0],[e,n]]:[[0,n-8],[0,0],[64,8],[e,0],[e,n-8],[64,n]]}(128,r,!!u,!!p),O),A=null!==(n=function getIconOfTabGroup(e,n,t){var o=n+"/static/images/TabIcons/";if(t){if(t[e.toLowerCase()])return o+t[e.toLowerCase()];if(t[e])return o+t[e]}switch(e){case"StaticRoomList":return o+"room.svg";case"Planner":case"PRODUCTS":case"PROMOTED":return o+"planner.svg";case"Summary":return o+"summary.svg";case"Piede":case"pieds":case"Fuss":case"Fuß":case"Fu":case"Fsse":return o+"feet.svg";case"Testiera":case"tte de lit":case"Kopfteil":case"Headboard":return o+"bed_headboard.svg";case"materasso":case"matelas":case"Matratze":case"Matratze Zubehr":return o+"mattress.svg";case"dimensioni":case"dimension":case"Grsse":return o+"dimensions.svg";case"Topper":case"surmatelas":return o+"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 o+"bed_underframe.svg";case"Visualizzazione":case"visualisation":case"Visualisierung":return o+"bed_visualization.svg";case"Rivestimento":case"tissu dco":case"Bezug":case"Stoff":return o+"upholstery.svg";case"Sitz":case"Sitztiefe":return o+"seat.svg";case"Armlehne":return o+"armrest.svg";case"ACCESSOIRES":return o+"additionalArticles.svg";case"Rcken":return o+"sofaBackrest.svg";case"Konfiguration":return o+"material_config.svg";case"Zustand":return o+"settings_suggest.svg"}}(t.key,F,y.getViewConfig().tabGroupsIcons))&&void 0!==n?n:"",B=(0,C.jsxs)("div",{"data-test-id":"tabGroupItem",children:[(0,C.jsx)("div",{className:w,style:{WebkitMaskImage:"url("+A+")",maskImage:"url("+A+")"}}),(0,C.jsx)("span",{"data-test-id":"tabGroupItemTitle",children:S("configurator."+t.title,t.title)})]});return p&&k&&(B=k),(0,C.jsxs)("svg",{"data-test-id":"tabGroupItemSvg",viewBox:"0 0 128 "+r,ref:j,style:{height:r+"px",minHeight:d},onClick:function onClick(){return function onTabGroupClick(e){window.lastNavigationType="TABGROUP_BY_POS_NR",y.tabGroupState.navigateToTabgroupByPosNr(+e.posNr)}(t)},className:a()(P.x6,N?g:void 0,_?m:void 0),children:[(0,C.jsx)("path",{className:a()(f,N?g:void 0,_?m:void 0),d:z}),(0,C.jsx)("foreignObject",{width:"100%",height:"100%",style:{pointerEvents:"none"},children:(0,C.jsx)("span",{className:a()(P.xb,f,N?g:void 0,_?m:void 0),children:B})})]})}))},66874:(e,n,t)=>{t.d(n,{F1:()=>l,Wb:()=>s,ZP:()=>u,to:()=>c,x3:()=>d});var o=t(8081),r=t.n(o),a=t(23645),i=t.n(a)()(r());i.push([e.id,".index-module--C6jFV {\n  fill: #f5f5f5;\n  stroke: #f5f5f5;\n}\n.index-module--C6jFV:hover {\n  stroke: #cca663;\n  stroke-width: 2px;\n}\n.index-module--C6jFV.index-module--DwweC {\n  stroke: #cca663;\n  color: #cca663;\n}\n.index-module--C6jFV.index-module--GAYpd {\n  color: #a1a1a1;\n}\n\n.index-module--C6jFV.index-module--DwweC:hover {\n  stroke: #d6b781;\n}\n\n.index-module--C6jFV:hover,\n.index-module--C6jFV.index-module--GAYpd:hover {\n  color: #e1e1e1;\n}\n\n.index-module--IXuqN {\n  display: block;\n  background-color: black;\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--DwweC .index-module--IXuqN {\n  background-color: #cca663;\n}\n.index-module--GAYpd .index-module--IXuqN {\n  background-color: #a1a1a1;\n}\n",""]);var s="index-module--C6jFV",l="index-module--DwweC",c="index-module--GAYpd",d="index-module--IXuqN";const u=i},38027:(e,n,t)=>{t.d(n,{F1:()=>d,Wb:()=>c,ZP:()=>b,to:()=>u,x3:()=>p,x6:()=>s,xb:()=>l});var o=t(8081),r=t.n(o),a=t(23645),i=t.n(a)()(r());i.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 s="index-module--zywLK",l="index-module--q8ldY",c="index-module--_EcbQ",d="index-module--BPmSG",u="index-module--evPRd",p="index-module--xqsj9";const b=i}}]);

package/build/umd/7026.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 7026.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7026,1449,1559],{31449:(e,n,t)=>{t.r(n),t.d(n,{default:()=>A});var o=t(80248),i=t(34988),r=t(9420),l=t(87363),a=t(58292),d=t(35567),s=t(93355),c=t(93379),u=t.n(c),p=t(7795),x=t.n(p),m=t(90569),f=t.n(m),h=t(3565),g=t.n(h),v=t(19216),b=t.n(v),y=t(44589),w=t.n(y),j=t(48196),I={};I.styleTagTransform=w(),I.setAttributes=g(),I.insert=f().bind(null,"head"),I.domAPI=x(),I.insertStyleElement=b();u()(j.ZP,I);j.ZP&&j.ZP.locals&&j.ZP.locals;var M=t(88683),P=t(65515),C=t.n(P),k=t(81559),O=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const A=(0,r.Pi)((function Item(e){var n,t,o=e.selectedElement,r=e.paletteId,c=(0,d.NP)(),u=(0,M.useTranslation)().t,p=(0,M.useDivaCore)().state.dimensions,x=p.isMobile,m=p.isTablet,f=(0,l.useState)(""),h=(0,i.Z)(f,2),g=h[0],v=h[1],b={},y={},w=void 0,I=!1,P={},A=(0,a.XI)({delayEnter:600,hideOnScroll:!0}),S=(0,a.sJ)({isOpen:A[0],auto:!0,placement:c.getViewConfig().tooltipPosition||"left-center"});x||m||c.getViewConfig().hideTooltip||(I=A[0],P=A[1],b=S.triggerProps,y=S.layerProps,w=S.renderLayer);var Z=o.codex.includes("OPV_NICHT_RELEVANT"),D=!o.image&&!o.hexColor;return Z?(0,O.jsx)(O.Fragment,{}):(0,O.jsxs)("div",{className:C()(j.YS,D?j.aS:void 0),children:[(0,l.createElement)("div",_objectSpread(_objectSpread(_objectSpread({},b),P),{},{key:o.codex,className:C()(j.bG,D?j.uT:void 0),onClick:function onClick(){return c.paletteViewHandler.scrollToOPV(r,o.codex)},title:u("configurator.scroll_there","hier hin scrollen")}),o.image?(0,O.jsx)("img",{className:j.BH,src:o.image}):o.hexColor?(0,O.jsx)("div",{className:j.CO,style:{backgroundColor:"#"+o.hexColor}}):(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)("div",{className:j.fL,children:o.text}),(0,O.jsx)(k.default,{metaData:o.metaData,visible:[g,v]},o.codex)]}),I&&(null===(n=w)||void 0===n?void 0:n((0,O.jsx)(s.default,{text:o.text,codex:null===(t=o.metaData)||void 0===t||null===(t=t.find((function(e){return"codex"===e.codex})))||void 0===t?void 0:t.values[0],image:o.image,hexColor:o.hexColor,layerProps:y},o.codex)))),(0,O.jsx)("div",{onClick:function onClick(){return c.paletteViewHandler.clickedOnConfigPalette(o,void 0,r)},className:j.lM,title:u("configurator.remove_selection","Auswahl entfernen")})]})}))},17026:(e,n,t)=>{t.r(n),t.d(n,{default:()=>y});t(87363);var o=t(9420),i=t(93379),r=t.n(i),l=t(7795),a=t.n(l),d=t(90569),s=t.n(d),c=t(3565),u=t.n(c),p=t(19216),x=t.n(p),m=t(44589),f=t.n(m),h=t(48835),g={};g.styleTagTransform=f(),g.setAttributes=u(),g.insert=s().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=x();r()(h.Z,g);h.Z&&h.Z.locals&&h.Z.locals;var v=t(31449),b=t(47514);const y=(0,o.Pi)((function SelectedOpv(e){var n=e.item,t=e.selectedElements;return(0,b.jsx)("div",{className:h.Y,style:{marginTop:t.length?16:void 0},children:t.map((function(e,t){return(0,b.jsx)(v.default,{selectedElement:e,paletteId:n.id},e.codex)}))})}))},81559:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var o=t(34988),i=t(35567),r=t(87363),l=t(93379),a=t.n(l),d=t(7795),s=t.n(d),c=t(90569),u=t.n(c),p=t(3565),x=t.n(p),m=t(19216),f=t.n(m),h=t(44589),g=t.n(h),v=t(84887),b={};b.styleTagTransform=g(),b.setAttributes=x(),b.insert=u().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=f();a()(v.Z,b);v.Z&&v.Z.locals&&v.Z.locals;var y=t(47514);const w=function MetaData(e){var n=e.style,t=e.metaData,l=e.visible,a=void 0===l?(0,r.useState)(""):l,d=(0,o.Z)(a,2),s=d[0],c=d[1],u=(0,i.NP)(),p=(0,r.useState)(""),x=(0,o.Z)(p,2),m=x[0],f=x[1],h=u.getViewConfig().displayMetaDatas,g=null==t?void 0:t.find((function(e){return null==h?void 0:h.includes(e.codex)}));return(0,r.useEffect)((function(){if(g){for(var e="",n=0;n<g.values.length;n++){""!==e&&(e+=", ");for(var o=function _loop(o){var i=null==t?void 0:t.find((function(e){return e.codex===h[o]}));if(!i)return 1;""!==e&&(e+=" "),e=e+(i.name?i.name+": ":"")+i.values[n]},i=0;i<h.length;i++)o(i)}f(e),c(e)}}),[]),s?(0,y.jsx)("div",{style:n,className:v.B,children:m}):(0,y.jsx)(y.Fragment,{})}},48196:(e,n,t)=>{t.d(n,{BH:()=>h,CO:()=>g,YS:()=>p,ZP:()=>y,aS:()=>x,bG:()=>m,fL:()=>v,lM:()=>b,uT:()=>f});var o=t(8081),i=t.n(o),r=t(23645),l=t.n(r),a=t(61667),d=t.n(a),s=new URL(t(71e3),t.b),c=l()(i()),u=d()(s);c.push([e.id,".index-module--YlwEF {\n  position: relative;\n}\n\n.index-module--fdpVp {\n  width: 48%;\n}\n.index-module--v92M5 {\n  position: relative;\n  display: flex;\n  width: 30px;\n  height: 30px;\n  border-radius: 50%;\n  border: 2px solid var(--primaryColor);\n  overflow: hidden;\n  cursor: pointer;\n  background-color: #fff;\n}\n\n.index-module--nu83g {\n  border-radius: 0px;\n  border: 0px solid #fff;\n  width: calc(100% - 26px);\n  margin-top: 5px;\n  height: 64px;\n  flex-direction: column;\n  justify-content: center;\n  padding-left: 26px;\n}\n\n.index-module--oYAKU {\n  width: 100%;\n  height: auto;\n}\n\n.index-module--aQoiU {\n  width: 100%;\n  height: 100%;\n}\n\n.index-module--m0KIY {\n  line-height: 20px;\n  width: 100%;\n  font-size: 15px;\n  white-space: nowrap;\n}\n\n.index-module--ZL1Oz {\n  position: absolute;\n  top: 0px;\n  right: -8px;\n  border-radius: 50%;\n  width: 14px;\n  height: 14px;\n  background-color: red;\n  background-repeat: no-repeat;\n  background-size: 80%;\n  background-position: center center;\n  background-image: url("+u+");\n}\n\n.index-module--ZL1Oz:hover {\n  cursor: pointer;\n}\n",""]);var p="index-module--YlwEF",x="index-module--fdpVp",m="index-module--v92M5",f="index-module--nu83g",h="index-module--oYAKU",g="index-module--aQoiU",v="index-module--m0KIY",b="index-module--ZL1Oz";const y=c},48835:(e,n,t)=>{t.d(n,{Y:()=>a,Z:()=>d});var o=t(8081),i=t.n(o),r=t(23645),l=t.n(r)()(i());l.push([e.id,".index-module--xpk21 {\n  display: flex;\n  margin-left: 16px;\n  margin-right: 16px;\n  gap: 6px 10px;\n  overflow: auto;\n  width: 100%;\n  flex-wrap: wrap;\n}\n",""]);var a="index-module--xpk21";const d=l},84887:(e,n,t)=>{t.d(n,{B:()=>a,Z:()=>d});var o=t(8081),i=t.n(o),r=t(23645),l=t.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.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--hpPAb {\n  color: #fff;\n}\n",""]);var a="index-module--hpPAb";const d=l},71e3:e=>{e.exports="data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIC05NjAgOTYwIDk2MCIgd2lkdGg9IjQ4IiBmaWxsPSIjZmZmIj48cGF0aCBkPSJtMjQ5LTIwNy00Mi00MiAyMzEtMjMxLTIzMS0yMzEgNDItNDIgMjMxIDIzMSAyMzEtMjMxIDQyIDQyLTIzMSAyMzEgMjMxIDIzMS00MiA0Mi0yMzEtMjMxLTIzMSAyMzFaIi8+PC9zdmc+"}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7026,1449,1559],{31449:(e,n,t)=>{t.r(n),t.d(n,{default:()=>A});var o=t(80248),i=t(34988),r=t(9420),l=t(87363),a=t(58292),d=t(91214),s=t(93355),c=t(93379),u=t.n(c),p=t(7795),x=t.n(p),m=t(90569),f=t.n(m),h=t(3565),g=t.n(h),v=t(19216),b=t.n(v),y=t(44589),w=t.n(y),j=t(48196),I={};I.styleTagTransform=w(),I.setAttributes=g(),I.insert=f().bind(null,"head"),I.domAPI=x(),I.insertStyleElement=b();u()(j.ZP,I);j.ZP&&j.ZP.locals&&j.ZP.locals;var M=t(88683),P=t(65515),C=t.n(P),k=t(81559),O=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const A=(0,r.Pi)((function Item(e){var n,t,o=e.selectedElement,r=e.paletteId,c=(0,d.NP)(),u=(0,M.useTranslation)().t,p=(0,M.useDivaCore)().state.dimensions,x=p.isMobile,m=p.isTablet,f=(0,l.useState)(""),h=(0,i.Z)(f,2),g=h[0],v=h[1],b={},y={},w=void 0,I=!1,P={},A=(0,a.XI)({delayEnter:600,hideOnScroll:!0}),S=(0,a.sJ)({isOpen:A[0],auto:!0,placement:c.getViewConfig().tooltipPosition||"left-center"});x||m||c.getViewConfig().hideTooltip||(I=A[0],P=A[1],b=S.triggerProps,y=S.layerProps,w=S.renderLayer);var Z=o.codex.includes("OPV_NICHT_RELEVANT"),D=!o.image&&!o.hexColor;return Z?(0,O.jsx)(O.Fragment,{}):(0,O.jsxs)("div",{className:C()(j.YS,D?j.aS:void 0),children:[(0,l.createElement)("div",_objectSpread(_objectSpread(_objectSpread({},b),P),{},{key:o.codex,className:C()(j.bG,D?j.uT:void 0),onClick:function onClick(){return c.paletteViewHandler.scrollToOPV(r,o.codex)},title:u("configurator.scroll_there","hier hin scrollen")}),o.image?(0,O.jsx)("img",{className:j.BH,src:o.image}):o.hexColor?(0,O.jsx)("div",{className:j.CO,style:{backgroundColor:"#"+o.hexColor}}):(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)("div",{className:j.fL,children:o.text}),(0,O.jsx)(k.default,{metaData:o.metaData,visible:[g,v]},o.codex)]}),I&&(null===(n=w)||void 0===n?void 0:n((0,O.jsx)(s.default,{text:o.text,codex:null===(t=o.metaData)||void 0===t||null===(t=t.find((function(e){return"codex"===e.codex})))||void 0===t?void 0:t.values[0],image:o.image,hexColor:o.hexColor,layerProps:y},o.codex)))),(0,O.jsx)("div",{onClick:function onClick(){return c.paletteViewHandler.clickedOnConfigPalette(o,void 0,r)},className:j.lM,title:u("configurator.remove_selection","Auswahl entfernen")})]})}))},17026:(e,n,t)=>{t.r(n),t.d(n,{default:()=>y});t(87363);var o=t(9420),i=t(93379),r=t.n(i),l=t(7795),a=t.n(l),d=t(90569),s=t.n(d),c=t(3565),u=t.n(c),p=t(19216),x=t.n(p),m=t(44589),f=t.n(m),h=t(48835),g={};g.styleTagTransform=f(),g.setAttributes=u(),g.insert=s().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=x();r()(h.Z,g);h.Z&&h.Z.locals&&h.Z.locals;var v=t(31449),b=t(47514);const y=(0,o.Pi)((function SelectedOpv(e){var n=e.item,t=e.selectedElements;return(0,b.jsx)("div",{className:h.Y,style:{marginTop:t.length?16:void 0},children:t.map((function(e,t){return(0,b.jsx)(v.default,{selectedElement:e,paletteId:n.id},e.codex)}))})}))},81559:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var o=t(34988),i=t(91214),r=t(87363),l=t(93379),a=t.n(l),d=t(7795),s=t.n(d),c=t(90569),u=t.n(c),p=t(3565),x=t.n(p),m=t(19216),f=t.n(m),h=t(44589),g=t.n(h),v=t(84887),b={};b.styleTagTransform=g(),b.setAttributes=x(),b.insert=u().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=f();a()(v.Z,b);v.Z&&v.Z.locals&&v.Z.locals;var y=t(47514);const w=function MetaData(e){var n=e.style,t=e.metaData,l=e.visible,a=void 0===l?(0,r.useState)(""):l,d=(0,o.Z)(a,2),s=d[0],c=d[1],u=(0,i.NP)(),p=(0,r.useState)(""),x=(0,o.Z)(p,2),m=x[0],f=x[1],h=u.getViewConfig().displayMetaDatas,g=null==t?void 0:t.find((function(e){return null==h?void 0:h.includes(e.codex)}));return(0,r.useEffect)((function(){if(g){for(var e="",n=0;n<g.values.length;n++){""!==e&&(e+=", ");for(var o=function _loop(o){var i=null==t?void 0:t.find((function(e){return e.codex===h[o]}));if(!i)return 1;""!==e&&(e+=" "),e=e+(i.name?i.name+": ":"")+i.values[n]},i=0;i<h.length;i++)o(i)}f(e),c(e)}}),[]),s?(0,y.jsx)("div",{style:n,className:v.B,children:m}):(0,y.jsx)(y.Fragment,{})}},48196:(e,n,t)=>{t.d(n,{BH:()=>h,CO:()=>g,YS:()=>p,ZP:()=>y,aS:()=>x,bG:()=>m,fL:()=>v,lM:()=>b,uT:()=>f});var o=t(8081),i=t.n(o),r=t(23645),l=t.n(r),a=t(61667),d=t.n(a),s=new URL(t(71e3),t.b),c=l()(i()),u=d()(s);c.push([e.id,".index-module--YlwEF {\n  position: relative;\n}\n\n.index-module--fdpVp {\n  width: 48%;\n}\n.index-module--v92M5 {\n  position: relative;\n  display: flex;\n  width: 30px;\n  height: 30px;\n  border-radius: 50%;\n  border: 2px solid var(--primaryColor);\n  overflow: hidden;\n  cursor: pointer;\n  background-color: #fff;\n}\n\n.index-module--nu83g {\n  border-radius: 0px;\n  border: 0px solid #fff;\n  width: calc(100% - 26px);\n  margin-top: 5px;\n  height: 64px;\n  flex-direction: column;\n  justify-content: center;\n  padding-left: 26px;\n}\n\n.index-module--oYAKU {\n  width: 100%;\n  height: auto;\n}\n\n.index-module--aQoiU {\n  width: 100%;\n  height: 100%;\n}\n\n.index-module--m0KIY {\n  line-height: 20px;\n  width: 100%;\n  font-size: 15px;\n  white-space: nowrap;\n}\n\n.index-module--ZL1Oz {\n  position: absolute;\n  top: 0px;\n  right: -8px;\n  border-radius: 50%;\n  width: 14px;\n  height: 14px;\n  background-color: red;\n  background-repeat: no-repeat;\n  background-size: 80%;\n  background-position: center center;\n  background-image: url("+u+");\n}\n\n.index-module--ZL1Oz:hover {\n  cursor: pointer;\n}\n",""]);var p="index-module--YlwEF",x="index-module--fdpVp",m="index-module--v92M5",f="index-module--nu83g",h="index-module--oYAKU",g="index-module--aQoiU",v="index-module--m0KIY",b="index-module--ZL1Oz";const y=c},48835:(e,n,t)=>{t.d(n,{Y:()=>a,Z:()=>d});var o=t(8081),i=t.n(o),r=t(23645),l=t.n(r)()(i());l.push([e.id,".index-module--xpk21 {\n  display: flex;\n  margin-left: 16px;\n  margin-right: 16px;\n  gap: 6px 10px;\n  overflow: auto;\n  width: 100%;\n  flex-wrap: wrap;\n}\n",""]);var a="index-module--xpk21";const d=l},84887:(e,n,t)=>{t.d(n,{B:()=>a,Z:()=>d});var o=t(8081),i=t.n(o),r=t(23645),l=t.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.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--hpPAb {\n  color: #fff;\n}\n",""]);var a="index-module--hpPAb";const d=l},71e3:e=>{e.exports="data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIC05NjAgOTYwIDk2MCIgd2lkdGg9IjQ4IiBmaWxsPSIjZmZmIj48cGF0aCBkPSJtMjQ5LTIwNy00Mi00MiAyMzEtMjMxLTIzMS0yMzEgNDItNDIgMjMxIDIzMSAyMzEtMjMxIDQyIDQyLTIzMSAyMzEgMjMxIDIzMS00MiA0Mi0yMzEtMjMxLTIzMSAyMzFaIi8+PC9zdmc+"}}]);

package/build/umd/7037.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 7037.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7037,509,172,7046,8837,6937],{80509:(e,n,t)=>{t.r(n),t.d(n,{default:()=>s});var i=t(12952),r=t(35567),o=t(9420),l=(t(87363),t(74133)),d=t(47514);const s=(0,o.Pi)((function SettingsHeaderContainer(e){var n,t,o,s=e.isScroller,a=void 0!==s&&s,u=(0,r.NP)(),c=u.settingsState.itemPalettes.get(1);if(!c)return(0,d.jsx)(d.Fragment,{});var m=null!==(n=(0,i.Z)(u.settingsState.itemPalettes.values()).sort((function(e,n){return e.id-n.id})).find((function(e){return e.visible&&!e.isHeader})))&&void 0!==n?n:c,g=("Hidden"!==u.uiState.ViewConfig.headerInConfigPalette||!m.hideHeader)&&"CHECKOUT"!==c.configStepKey&&!(null!==(t=c.type)&&void 0!==t&&t.startsWith("PRODUCTS"))&&!(null!==(o=c.type)&&void 0!==o&&o.startsWith("PROMOTED"))&&(!u.getIsInMobileView()||["PLANNER_2.0","SUMMARY","ACCESSOIRES","DoorPlanner"].includes(c.configStepKey)||c.configStepKey.startsWith("SHELFARTICLE")||u.settingsState.showTabgroupHeaderForConfigSinge);return(0,d.jsx)(d.Fragment,{children:g&&(0,d.jsx)(l.default,{isInScroller:a,isSettingsHeader:!c.isHeader,item:c,header:!0})})}))},20172:(e,n,t)=>{t.r(n),t.d(n,{default:()=>b});var i=t(9420),r=(t(87363),t(88683)),o=t(93379),l=t.n(o),d=t(7795),s=t.n(d),a=t(90569),u=t.n(a),c=t(3565),m=t.n(c),g=t(19216),x=t.n(g),f=t(44589),p=t.n(f),v=t(5217),h={};h.styleTagTransform=p(),h.setAttributes=m(),h.insert=u().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=x();l()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var S=t(35567),P=t(47514);const b=(0,i.Pi)((function SummaryTotalPrice(e){var n,t=(0,r.useTranslation)().t,i=(0,S.NP)(),o=(0,r.useDivaCore)().state.hidePrices;return(0,P.jsx)(P.Fragment,{children:!o&&(0,P.jsxs)("div",{className:v.nC,children:[(0,P.jsx)("div",{className:v.X_,children:t("configurator.TotalPrice","TotalPrice")}),(0,P.jsx)("div",{className:v.nt,children:r.DivaUtils.formatPrice(null!==(n=i.productState.formatedTotalPrice)&&void 0!==n?n:0,i.productState.priceFormat)})]})})}))},77046:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});t(87363);var i=t(9420),r=t(93379),o=t.n(r),l=t(7795),d=t.n(l),s=t(90569),a=t.n(s),u=t(3565),c=t.n(u),m=t(19216),g=t.n(m),x=t(44589),f=t.n(x),p=t(91605),v={};v.styleTagTransform=f(),v.setAttributes=c(),v.insert=a().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=g();o()(p.ZP,v);p.ZP&&p.ZP.locals&&p.ZP.locals;var h=t(35567),S=t(47514);const P=(0,i.Pi)((function ContentItemTeaser(e){var n=e.item,t=(0,h.NP)();return(0,S.jsxs)("div",{className:p.bz,children:[n.emoji&&(0,S.jsx)("div",{className:p.rP,children:n.emoji}),(0,S.jsx)("div",{className:p.TN,children:n.title}),(0,S.jsx)("div",{className:p.WL,children:n.description}),n.id&&(0,S.jsxs)("button",{className:p.LI,onClick:function onClick(){!function isUrl(e){return/^https?:\/\//.test(e)}(n.id)?t.settingsState.onClickContentItemId(n.id):window.open(n.id,"_blank","noopener,noreferrer")},children:[(0,S.jsx)("span",{className:p.q5,children:n.buttonText}),(0,S.jsx)("div",{className:p.x7,children:(0,S.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,S.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},98837:(e,n,t)=>{t.r(n),t.d(n,{default:()=>b});t(87363);var i=t(55563),r=t(35567),o=t(93379),l=t.n(o),d=t(7795),s=t.n(d),a=t(90569),u=t.n(a),c=t(3565),m=t.n(c),g=t(19216),x=t.n(g),f=t(44589),p=t.n(f),v=t(9668),h={};h.styleTagTransform=p(),h.setAttributes=m(),h.insert=u().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=x();l()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var S=t(77046),P=t(47514);const b=function SettingsItemsGroup(e){var n=e.group;(0,r.NP)();return(0,P.jsxs)("div",{className:v.YS,children:[(0,P.jsx)("div",{className:v.t$,children:n.left.map((function(e){var t,r,o,l=n.palettes.find((function(n){return n.id===e}));return(0,P.jsxs)(P.Fragment,{children:["TOP"===(null===(t=l.contentItemTeaser)||void 0===t?void 0:t.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{}),(0,P.jsx)(i.default,{item:l,id:Number(l.id)},null!==(r=l.optionCodex)&&void 0!==r?r:l.configStepKey+l.id),"BOTTOM"===(null===(o=l.contentItemTeaser)||void 0===o?void 0:o.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{})]})}))}),(0,P.jsx)("div",{className:v.eX}),(0,P.jsx)("div",{className:v.F2,children:n.right.map((function(e){var t,r,o,l=n.palettes.find((function(n){return n.id===e}));return(0,P.jsxs)(P.Fragment,{children:["TOP"===(null===(t=l.contentItemTeaser)||void 0===t?void 0:t.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{}),(0,P.jsx)(i.default,{item:l,id:Number(l.id)},null!==(r=l.optionCodex)&&void 0!==r?r:l.configStepKey+l.id),"BOTTOM"===(null===(o=l.contentItemTeaser)||void 0===o?void 0:o.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{})]})}))})]})}},26937:(e,n,t)=>{t.r(n),t.d(n,{default:()=>c});var i=t(34988),r=t(87363),o=t(9420),l=t(55563),d=t(35567),s=t(98837),a=t(77046),u=t(47514);const c=(0,o.Pi)((function SettingsItemsWrapper(e){var n=e.itemPalettesArr,t=e.zIndexBase,o=(0,d.NP)(),c=(0,r.useState)([]),m=(0,i.Z)(c,2),g=m[0],x=m[1];return(0,r.useEffect)((function(){for(var e=[],t=function _loop(){var t=n[i],r=o.configuratorStructureHandler.getOptionStepByCodex(t.optionCodex),l=null==r?void 0:r.partOfGroup,d=e.find((function(e){var n;return(null!==(n=null==l?void 0:l.groupName)&&void 0!==n?n:t.configStepKey+t.id)===e.groupName}));if(d)d.palettes.push(t);else{var s,a={groupName:null!==(s=null==l?void 0:l.groupName)&&void 0!==s?s:t.configStepKey+t.id,palettes:[t],left:[],right:[]};e.push(a),d=a}"l"===(null==l?void 0:l.position)?d.left.push(t.id):"r"===(null==l?void 0:l.position)&&d.right.push(t.id)},i=0;i<n.length;i++)t();x(e)}),[n]),(0,u.jsx)(u.Fragment,{children:g.map((function(e){var n;if(e.palettes.length>1)return(0,u.jsx)(s.default,{group:e});var i=e.palettes[0].contentItemTeaser;return(0,u.jsxs)(u.Fragment,{children:["TOP"==(null==i?void 0:i.position)&&(0,u.jsx)(a.default,{item:i}),(0,u.jsx)(l.default,{item:e.palettes[0],id:Number(e.palettes[0].id),zIndexBase:t},(null!==(n=e.palettes[0].optionCodex)&&void 0!==n?n:e.palettes[0].configStepKey)+e.palettes[0].id),"BOTTOM"==(null==i?void 0:i.position)&&(0,u.jsx)(a.default,{item:i})]})}))})}))},97037:(e,n,t)=>{t.r(n),t.d(n,{default:()=>T});var i=t(88291),r=t(35567),o=t(9420),l=t(87363),d=t(80509),s=t(93379),a=t.n(s),u=t(7795),c=t.n(u),m=t(90569),g=t.n(m),x=t(3565),f=t.n(x),p=t(19216),v=t.n(p),h=t(44589),S=t.n(h),P=t(79501),b={};b.styleTagTransform=S(),b.setAttributes=f(),b.insert=g().bind(null,"head"),b.domAPI=c(),b.insertStyleElement=v();a()(P.ZP,b);P.ZP&&P.ZP.locals&&P.ZP.locals;var y=t(65515),N=t.n(y),I=t(20172),j=t(26937),w=t(47514);const T=(0,o.Pi)((function SettingsScroller(e){var n,t;(0,i.Z)(e);var o=(0,r.NP)(),s=(0,l.useRef)(null),a=[];(0,l.useEffect)((function(){return s.current?(o.settingsState.setScrollerElement(s.current),o.uiState.setUpSettingsScrollEvent(s.current)):function(){}}),[s]);var u,c,m,g={},x=o.uiState.snapPoints[o.settingsState.activeSnapPointIndex];(u=isNaN(Number(x))?x:x-38+"px",o.uiState.isInMobileView)?g.height=u:g.height="calc(100% - "+(null!==(c=null===(m=o.settingsState.settingsHeaderElement)||void 0===m?void 0:m.getBoundingClientRect().height)&&void 0!==c?c:0)+"px)";for(var f=0;f<o.settingsState.itemPaletteArr.length;f++){var p=o.settingsState.itemPaletteArr[f][1];!p.isRenderedNotInSettingPalette&&p.visible&&a.push(p)}return(0,l.useEffect)((function(){o.uiState.configSettingsIsMinExpanded?o.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MIN_CONFIG_SETTINGS"):o.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MAX_CONFIG_SETTINGS")}),[o.uiState.configSettingsIsExpanded,o.uiState.configSettingsIsMinExpanded]),(0,w.jsxs)("div",{style:g,className:N()(P.e8,o.uiState.configSettingsIsExpanded?P.zh:void 0,o.uiState.configSettingsIsMinExpanded?P.m7:void 0,o.wysiwygDebugState.wysiwygInspectView&&P.Oq),id:"wcConfigurator-settings-scroller",ref:s,children:[(o.uiState.isInMobileView||o.settingsState.forceSettingsHeaderInScrollContainer)&&!o.wysiwygDebugState.wysiwygInspectView&&(0,w.jsx)(d.default,{isScroller:!0},null!==(n=null===(t=o.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,w.jsxs)("div",{className:N()(o.wysiwygDebugState.wysiwygInspectView&&P.Ui),children:[(0,w.jsx)(j.default,{itemPalettesArr:a}),o.divaWebPlanner.doAllowSetPlanner()&&"SUMMARY"==o.getState()&&(0,w.jsx)(I.default,{})]})]})}))},5217:(e,n,t)=>{t.d(n,{X_:()=>s,ZP:()=>u,nC:()=>d,nt:()=>a});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--TnLDn {\n  width: 100%;\n  border-top: 1px #6d6e71 solid;\n  color: #6d6e71;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  padding-top: 1rem;\n}\n\n.index-module--FXdIH {\n  float: left;\n  margin-left: 2rem;\n}\n\n.index-module--uSfxN {\n  float: right;\n  margin-right: 2rem;\n}\n",""]);var d="index-module--TnLDn",s="index-module--FXdIH",a="index-module--uSfxN";const u=l},91605:(e,n,t)=>{t.d(n,{LI:()=>c,TN:()=>a,WL:()=>u,ZP:()=>x,bz:()=>d,q5:()=>m,rP:()=>s,x7:()=>g});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.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 d="index-module--YvhoM",s="index-module--xRF8A",a="index-module--AkzgH",u="index-module--YcLKe",c="index-module--tZsne",m="index-module--KlW5i",g="index-module--MViR0";const x=l},9668:(e,n,t)=>{t.d(n,{F2:()=>a,YS:()=>d,ZP:()=>c,eX:()=>u,t$:()=>s});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.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  align-self: stretch;\n}\n\n.index-module--gupRY {\n  flex: 1;\n  align-self: stretch;\n}\n\n.index-module--lvlA1 {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}\n",""]);var d="index-module--h2rQ7",s="index-module--vn75Y",a="index-module--gupRY",u="index-module--lvlA1";const c=l},79501:(e,n,t)=>{t.d(n,{Oq:()=>u,Ui:()=>c,ZP:()=>m,e8:()=>d,m7:()=>a,zh:()=>s});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--UX0Na {\n  overflow-y: auto;\n  z-index: 100;\n  padding-right: var(--settingsScrollerPaddingRight);\n  margin-left: var(--settingsScrollerPaddingLeft);\n  padding-top: var(--settingsScrollerPaddingTopBottom);\n  padding-bottom: var(--settingsScrollerPaddingTopBottom);\n  scrollbar-gutter: stable;\n  transition: height 0.2s ease-in-out;\n}\n\n.index-module--DRDpA.index-module--UX0Na {\n  z-index: 600;\n}\n\n.index-module--Rpo_4 {\n  visibility: hidden;\n}\n\n/* When in wysiwyg inspect mode: scroller becomes flex so content can fill height */\n.index-module--XC6FF {\n  display: flex;\n  flex-direction: column;\n}\n\n.index-module--XC6FF .index-module--f7b6J {\n  flex: 1;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n}\n",""]);var d="index-module--UX0Na",s="index-module--DRDpA",a="index-module--Rpo_4",u="index-module--XC6FF",c="index-module--f7b6J";const m=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7037,509,172,7046,8837,6937],{80509:(e,n,t)=>{t.r(n),t.d(n,{default:()=>s});var i=t(12952),r=t(91214),o=t(9420),l=(t(87363),t(74133)),d=t(47514);const s=(0,o.Pi)((function SettingsHeaderContainer(e){var n,t,o,s=e.isScroller,a=void 0!==s&&s,u=(0,r.NP)(),c=u.settingsState.itemPalettes.get(1);if(!c)return(0,d.jsx)(d.Fragment,{});var m=null!==(n=(0,i.Z)(u.settingsState.itemPalettes.values()).sort((function(e,n){return e.id-n.id})).find((function(e){return e.visible&&!e.isHeader})))&&void 0!==n?n:c,g=("Hidden"!==u.uiState.ViewConfig.headerInConfigPalette||!m.hideHeader)&&"CHECKOUT"!==c.configStepKey&&!(null!==(t=c.type)&&void 0!==t&&t.startsWith("PRODUCTS"))&&!(null!==(o=c.type)&&void 0!==o&&o.startsWith("PROMOTED"))&&(!u.getIsInMobileView()||["PLANNER_2.0","SUMMARY","ACCESSOIRES","DoorPlanner"].includes(c.configStepKey)||c.configStepKey.startsWith("SHELFARTICLE")||u.settingsState.showTabgroupHeaderForConfigSinge);return(0,d.jsx)(d.Fragment,{children:g&&(0,d.jsx)(l.default,{isInScroller:a,isSettingsHeader:!c.isHeader,item:c,header:!0})})}))},20172:(e,n,t)=>{t.r(n),t.d(n,{default:()=>b});var i=t(9420),r=(t(87363),t(88683)),o=t(93379),l=t.n(o),d=t(7795),s=t.n(d),a=t(90569),u=t.n(a),c=t(3565),m=t.n(c),g=t(19216),x=t.n(g),f=t(44589),p=t.n(f),v=t(5217),h={};h.styleTagTransform=p(),h.setAttributes=m(),h.insert=u().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=x();l()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var S=t(91214),P=t(47514);const b=(0,i.Pi)((function SummaryTotalPrice(e){var n,t=(0,r.useTranslation)().t,i=(0,S.NP)(),o=(0,r.useDivaCore)().state.hidePrices;return(0,P.jsx)(P.Fragment,{children:!o&&(0,P.jsxs)("div",{className:v.nC,children:[(0,P.jsx)("div",{className:v.X_,children:t("configurator.TotalPrice","TotalPrice")}),(0,P.jsx)("div",{className:v.nt,children:r.DivaUtils.formatPrice(null!==(n=i.productState.formatedTotalPrice)&&void 0!==n?n:0,i.productState.priceFormat)})]})})}))},77046:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});t(87363);var i=t(9420),r=t(93379),o=t.n(r),l=t(7795),d=t.n(l),s=t(90569),a=t.n(s),u=t(3565),c=t.n(u),m=t(19216),g=t.n(m),x=t(44589),f=t.n(x),p=t(91605),v={};v.styleTagTransform=f(),v.setAttributes=c(),v.insert=a().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=g();o()(p.ZP,v);p.ZP&&p.ZP.locals&&p.ZP.locals;var h=t(91214),S=t(47514);const P=(0,i.Pi)((function ContentItemTeaser(e){var n=e.item,t=(0,h.NP)();return(0,S.jsxs)("div",{className:p.bz,children:[n.emoji&&(0,S.jsx)("div",{className:p.rP,children:n.emoji}),(0,S.jsx)("div",{className:p.TN,children:n.title}),(0,S.jsx)("div",{className:p.WL,children:n.description}),n.id&&(0,S.jsxs)("button",{className:p.LI,onClick:function onClick(){!function isUrl(e){return/^https?:\/\//.test(e)}(n.id)?t.settingsState.onClickContentItemId(n.id):window.open(n.id,"_blank","noopener,noreferrer")},children:[(0,S.jsx)("span",{className:p.q5,children:n.buttonText}),(0,S.jsx)("div",{className:p.x7,children:(0,S.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,S.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},98837:(e,n,t)=>{t.r(n),t.d(n,{default:()=>b});t(87363);var i=t(55563),r=t(91214),o=t(93379),l=t.n(o),d=t(7795),s=t.n(d),a=t(90569),u=t.n(a),c=t(3565),m=t.n(c),g=t(19216),x=t.n(g),f=t(44589),p=t.n(f),v=t(9668),h={};h.styleTagTransform=p(),h.setAttributes=m(),h.insert=u().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=x();l()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var S=t(77046),P=t(47514);const b=function SettingsItemsGroup(e){var n=e.group;(0,r.NP)();return(0,P.jsxs)("div",{className:v.YS,children:[(0,P.jsx)("div",{className:v.t$,children:n.left.map((function(e){var t,r,o,l=n.palettes.find((function(n){return n.id===e}));return(0,P.jsxs)(P.Fragment,{children:["TOP"===(null===(t=l.contentItemTeaser)||void 0===t?void 0:t.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{}),(0,P.jsx)(i.default,{item:l,id:Number(l.id)},null!==(r=l.optionCodex)&&void 0!==r?r:l.configStepKey+l.id),"BOTTOM"===(null===(o=l.contentItemTeaser)||void 0===o?void 0:o.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{})]})}))}),(0,P.jsx)("div",{className:v.eX}),(0,P.jsx)("div",{className:v.F2,children:n.right.map((function(e){var t,r,o,l=n.palettes.find((function(n){return n.id===e}));return(0,P.jsxs)(P.Fragment,{children:["TOP"===(null===(t=l.contentItemTeaser)||void 0===t?void 0:t.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{}),(0,P.jsx)(i.default,{item:l,id:Number(l.id)},null!==(r=l.optionCodex)&&void 0!==r?r:l.configStepKey+l.id),"BOTTOM"===(null===(o=l.contentItemTeaser)||void 0===o?void 0:o.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{})]})}))})]})}},26937:(e,n,t)=>{t.r(n),t.d(n,{default:()=>c});var i=t(34988),r=t(87363),o=t(9420),l=t(55563),d=t(91214),s=t(98837),a=t(77046),u=t(47514);const c=(0,o.Pi)((function SettingsItemsWrapper(e){var n=e.itemPalettesArr,t=e.zIndexBase,o=(0,d.NP)(),c=(0,r.useState)([]),m=(0,i.Z)(c,2),g=m[0],x=m[1];return(0,r.useEffect)((function(){for(var e=[],t=function _loop(){var t=n[i],r=o.configuratorStructureHandler.getOptionStepByCodex(t.optionCodex),l=null==r?void 0:r.partOfGroup,d=e.find((function(e){var n;return(null!==(n=null==l?void 0:l.groupName)&&void 0!==n?n:t.configStepKey+t.id)===e.groupName}));if(d)d.palettes.push(t);else{var s,a={groupName:null!==(s=null==l?void 0:l.groupName)&&void 0!==s?s:t.configStepKey+t.id,palettes:[t],left:[],right:[]};e.push(a),d=a}"l"===(null==l?void 0:l.position)?d.left.push(t.id):"r"===(null==l?void 0:l.position)&&d.right.push(t.id)},i=0;i<n.length;i++)t();x(e)}),[n]),(0,u.jsx)(u.Fragment,{children:g.map((function(e){var n;if(e.palettes.length>1)return(0,u.jsx)(s.default,{group:e});var i=e.palettes[0].contentItemTeaser;return(0,u.jsxs)(u.Fragment,{children:["TOP"==(null==i?void 0:i.position)&&(0,u.jsx)(a.default,{item:i}),(0,u.jsx)(l.default,{item:e.palettes[0],id:Number(e.palettes[0].id),zIndexBase:t},(null!==(n=e.palettes[0].optionCodex)&&void 0!==n?n:e.palettes[0].configStepKey)+e.palettes[0].id),"BOTTOM"==(null==i?void 0:i.position)&&(0,u.jsx)(a.default,{item:i})]})}))})}))},97037:(e,n,t)=>{t.r(n),t.d(n,{default:()=>T});var i=t(88291),r=t(91214),o=t(9420),l=t(87363),d=t(80509),s=t(93379),a=t.n(s),u=t(7795),c=t.n(u),m=t(90569),g=t.n(m),x=t(3565),f=t.n(x),p=t(19216),v=t.n(p),h=t(44589),S=t.n(h),P=t(79501),b={};b.styleTagTransform=S(),b.setAttributes=f(),b.insert=g().bind(null,"head"),b.domAPI=c(),b.insertStyleElement=v();a()(P.ZP,b);P.ZP&&P.ZP.locals&&P.ZP.locals;var y=t(65515),N=t.n(y),I=t(20172),j=t(26937),w=t(47514);const T=(0,o.Pi)((function SettingsScroller(e){var n,t;(0,i.Z)(e);var o=(0,r.NP)(),s=(0,l.useRef)(null),a=[];(0,l.useEffect)((function(){return s.current?(o.settingsState.setScrollerElement(s.current),o.uiState.setUpSettingsScrollEvent(s.current)):function(){}}),[s]);var u,c,m,g={},x=o.uiState.snapPoints[o.settingsState.activeSnapPointIndex];(u=isNaN(Number(x))?x:x-38+"px",o.uiState.isInMobileView)?g.height=u:g.height="calc(100% - "+(null!==(c=null===(m=o.settingsState.settingsHeaderElement)||void 0===m?void 0:m.getBoundingClientRect().height)&&void 0!==c?c:0)+"px)";for(var f=0;f<o.settingsState.itemPaletteArr.length;f++){var p=o.settingsState.itemPaletteArr[f][1];!p.isRenderedNotInSettingPalette&&p.visible&&a.push(p)}return(0,l.useEffect)((function(){o.uiState.configSettingsIsMinExpanded?o.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MIN_CONFIG_SETTINGS"):o.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MAX_CONFIG_SETTINGS")}),[o.uiState.configSettingsIsExpanded,o.uiState.configSettingsIsMinExpanded]),(0,w.jsxs)("div",{style:g,className:N()(P.e8,o.uiState.configSettingsIsExpanded?P.zh:void 0,o.uiState.configSettingsIsMinExpanded?P.m7:void 0,o.wysiwygDebugState.wysiwygInspectView&&P.Oq),id:"wcConfigurator-settings-scroller",ref:s,children:[(o.uiState.isInMobileView||o.settingsState.forceSettingsHeaderInScrollContainer)&&!o.wysiwygDebugState.wysiwygInspectView&&(0,w.jsx)(d.default,{isScroller:!0},null!==(n=null===(t=o.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,w.jsxs)("div",{className:N()(o.wysiwygDebugState.wysiwygInspectView&&P.Ui),children:[(0,w.jsx)(j.default,{itemPalettesArr:a}),o.divaWebPlanner.doAllowSetPlanner()&&"SUMMARY"==o.getState()&&(0,w.jsx)(I.default,{})]})]})}))},5217:(e,n,t)=>{t.d(n,{X_:()=>s,ZP:()=>u,nC:()=>d,nt:()=>a});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--TnLDn {\n  width: 100%;\n  border-top: 1px #6d6e71 solid;\n  color: #6d6e71;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  padding-top: 1rem;\n}\n\n.index-module--FXdIH {\n  float: left;\n  margin-left: 2rem;\n}\n\n.index-module--uSfxN {\n  float: right;\n  margin-right: 2rem;\n}\n",""]);var d="index-module--TnLDn",s="index-module--FXdIH",a="index-module--uSfxN";const u=l},91605:(e,n,t)=>{t.d(n,{LI:()=>c,TN:()=>a,WL:()=>u,ZP:()=>x,bz:()=>d,q5:()=>m,rP:()=>s,x7:()=>g});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.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 d="index-module--YvhoM",s="index-module--xRF8A",a="index-module--AkzgH",u="index-module--YcLKe",c="index-module--tZsne",m="index-module--KlW5i",g="index-module--MViR0";const x=l},9668:(e,n,t)=>{t.d(n,{F2:()=>a,YS:()=>d,ZP:()=>c,eX:()=>u,t$:()=>s});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.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  align-self: stretch;\n}\n\n.index-module--gupRY {\n  flex: 1;\n  align-self: stretch;\n}\n\n.index-module--lvlA1 {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}\n",""]);var d="index-module--h2rQ7",s="index-module--vn75Y",a="index-module--gupRY",u="index-module--lvlA1";const c=l},79501:(e,n,t)=>{t.d(n,{Oq:()=>u,Ui:()=>c,ZP:()=>m,e8:()=>d,m7:()=>a,zh:()=>s});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--UX0Na {\n  overflow-y: auto;\n  z-index: 100;\n  padding-right: var(--settingsScrollerPaddingRight);\n  margin-left: var(--settingsScrollerPaddingLeft);\n  padding-top: var(--settingsScrollerPaddingTopBottom);\n  padding-bottom: var(--settingsScrollerPaddingTopBottom);\n  scrollbar-gutter: stable;\n  transition: height 0.2s ease-in-out;\n}\n\n.index-module--DRDpA.index-module--UX0Na {\n  z-index: 600;\n}\n\n.index-module--Rpo_4 {\n  visibility: hidden;\n}\n\n/* When in wysiwyg inspect mode: scroller becomes flex so content can fill height */\n.index-module--XC6FF {\n  display: flex;\n  flex-direction: column;\n}\n\n.index-module--XC6FF .index-module--f7b6J {\n  flex: 1;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n}\n",""]);var d="index-module--UX0Na",s="index-module--DRDpA",a="index-module--Rpo_4",u="index-module--XC6FF",c="index-module--f7b6J";const m=l}}]);

package/build/umd/7040.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 7040.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7040,2147,2400,4725,2018],{95414:(e,n,o)=>{o.r(n),o.d(n,{default:()=>m});var t=o(80248),d=o(34988),r=o(88291),i=o(9420),a=o(35567),l=o(87363),u=o(88683),c=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 m=(0,i.Pi)((function TabSearch(e){var n=Object.assign({},((0,r.Z)(e),e)),o=(0,l.useState)(""),t=(0,d.Z)(o,2),i=t[0],m=t[1],s=(0,u.useTranslation)().t,p=(0,a.NP)();return(0,l.useEffect)((function(){var e=!!p.tabGroupState.filterTabgroup&&!i;p.tabGroupState.setFilterTabgroup(i&&""!==i?i:void 0),e&&setTimeout((function(){return p.tabGroupState.scrollToCurTabgroup()}),200)}),[i]),(0,l.useEffect)((function(){void 0===p.tabGroupState.filterTabgroup&&i&&m("")}),[p.tabGroupState.filterTabgroup]),(0,c.jsxs)("div",_objectSpread(_objectSpread({},n),{},{children:[(0,c.jsx)("input",{value:i,type:"text",onChange:function onChange(e){return m(e.target.value)},placeholder:s("filter.global")}),!!i&&(0,c.jsx)("div",{onClick:function onClick(){return m("")}})]}))}))},82147:(e,n,o)=>{o.r(n),o.d(n,{default:()=>c});var t=o(34988),d=o(12952),r=o(35567),i=o(87363),a=o(9420),l=o(2400),u=o(47514);const c=(0,a.Pi)((function TabGroupHorizontal(e){var n=(0,r.NP)();if((0,i.useEffect)((function(){n.tabGroupState.scrollToCurTabgroupHorizontal()}),[n.tabGroupState.curTabGroup]),!n.tabGroupState.allTabGroups)return(0,u.jsx)(u.Fragment,{});var o=(0,d.Z)(n.tabGroupState.allTabGroups);return(0,u.jsx)(u.Fragment,{children:o.map((function(e){var d,r,i=(0,t.Z)(e,2),a=i[0],c=i[1];return(0,u.jsx)(l.default,{tabGroup:c,width:"calc("+(null!==(d=null===(r=n.tabGroupState)||void 0===r||null===(r=r.tabGroupScroller)||void 0===r?void 0:r.getBoundingClientRect().width)&&void 0!==d?d:0)+"px / "+o.length+")"},a)}))})}))},2400:(e,n,o)=>{o.r(n),o.d(n,{default:()=>i});var t=o(80248),d=(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 i=function ItemVariant(e){return(0,r.jsx)(d.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"TabGroup/TabGroupHorizontal/item"}))}},34725:(e,n,o)=>{o.r(n),o.d(n,{default:()=>i});var t=o(80248),d=(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 i=function ItemVariant(e){return(0,r.jsx)(d.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"TabGroup/TabGroupVertical/ItemVariants"}))}},62018:(e,n,o)=>{o.r(n),o.d(n,{default:()=>c});var t=o(12952),d=o(34988),r=o(35567),i=o(87363),a=o(34725),l=o(9420),u=o(47514);const c=(0,l.Pi)((function TabGroupVertical(e){var n,o=(0,r.NP)(),l=(0,i.useState)(!1),c=(0,d.Z)(l,2),m=c[0],s=c[1],p=o.tabGroupState.allTabGroups;if((0,i.useEffect)((function(){o.tabGroupState.scrollToCurTabgroup()}),[o.tabGroupState.curTabGroup]),(0,i.useEffect)((function(){var e=!1,n=window.setInterval((function(){var t,d=null===(t=o.tabGroupState.tabGroupScroller)||void 0===t?void 0:t.getBoundingClientRect().height;d&&d>0&&(e||s(!m),window.clearInterval(n))}),100);return function(){e=!0,window.clearInterval(n)}}),[o.tabGroupState.tabGroupScroller]),!p)return(0,u.jsx)(u.Fragment,{});var x=null===(n=o.tabGroupState.tabGroupScroller)||void 0===n?void 0:n.getBoundingClientRect().height,b=void 0,g=p.size,f=0;x?(f=x/g,80*g>x&&(b=80)):setTimeout((function(){return s(!m)}),100);var v=(0,t.Z)(p.values()),j=v[0],h=v[v.length-1];return(0,u.jsx)(u.Fragment,{children:v.map((function(e){return(0,u.jsx)(a.default,{tabGroup:e,height:f,isFirstItem:(null==j?void 0:j.key)==e.key,isLastItem:(null==h?void 0:h.key)==e.key,minHeight:b},e.key)}))})}))},47040:(e,n,o)=>{o.r(n),o.d(n,{default:()=>D});var t=o(80248),d=o(72874),r=o(35567),i=o(9420),a=o(87363),l=o(65515),u=o.n(l),c=o(88683),m=o(82147),s=o(93379),p=o.n(s),x=o(7795),b=o.n(x),g=o(90569),f=o.n(g),v=o(3565),j=o.n(v),h=o(19216),O=o.n(h),y=o(44589),G=o.n(y),w=o(31638),I={};I.styleTagTransform=G(),I.setAttributes=j(),I.insert=f().bind(null,"head"),I.domAPI=b(),I.insertStyleElement=O();p()(w.ZP,I);w.ZP&&w.ZP.locals&&w.ZP.locals;var N=o(62018),E=o(95414),A=o(47514),z=["className","showCloseButtonInMobile","tabSearchClass"];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 D=(0,i.Pi)((function TabGroupContainer(e){var n=e.className,o=e.showCloseButtonInMobile,t=e.tabSearchClass,i=(0,d.Z)(e,z),l=(0,r.NP)(),s=(0,c.useTranslation)().t,p=(0,c.useDivaCore)().state,x=p.isFullscreenComponent,b=p.dimensions.isMobile,g=x&&"none"!==o&&!l.uiState.isMobilePortrait||"vertical"!=l.tabGroupState.curTabGroupType&&!l.uiState.ViewConfig.hideCloseButton&&l.eventIsManagedByClient("onWebPlanerClose")&&!((!o||"none"==o)&&l.getIsInMobileView()),f=l.uiState.ViewConfig.tabGroupSearchVisible,v=(0,a.useRef)(null);return(0,a.useEffect)((function(){return v.current&&l.tabGroupState.setTabGroupScroller(v.current),function(){}}),[v]),(0,A.jsxs)("div",_objectSpread(_objectSpread({},i),{},{className:u()(n,w.x6,l.uiState.isMobilePortrait?w.tW:void 0,l.uiState.isMobileLandscape?w.rK:void 0,"horizontal"==l.tabGroupState.curTabGroupType?w.Sl:void 0,"vertical"==l.tabGroupState.curTabGroupType?w.KR:void 0,g?void 0:w.oY,f?w._z:void 0,b?"left"==o?w.kn:w.e3:void 0),children:[f&&(0,A.jsx)(E.default,{className:t}),(0,A.jsx)("div",{className:u()(w.Ci),ref:v,children:(0,A.jsxs)("div",{className:w.ml,children:["horizontal"==l.tabGroupState.curTabGroupType&&(0,A.jsx)(m.default,{}),"vertical"==l.tabGroupState.curTabGroupType&&(0,A.jsx)(N.default,{})]})}),g&&(0,A.jsx)("div",{className:w.b6,title:s("configurator.ConfigClose"),onClick:l.onCloseConfigurator})]}))}))},31638:(e,n,o)=>{o.d(n,{Ci:()=>b,KR:()=>v,Sl:()=>x,ZP:()=>w,_z:()=>j,b6:()=>O,e3:()=>g,kn:()=>f,ml:()=>G,oY:()=>y,rK:()=>h,tW:()=>p,x6:()=>s});var t=o(8081),d=o.n(t),r=o(23645),i=o.n(r),a=o(61667),l=o.n(a),u=new URL(o(51232),o.b),c=i()(d()),m=l()(u);c.push([e.id,".index-module--UQONc {\n  z-index: 1100;\n}\n\n.index-module--Lpp4z.index-module--UQONc {\n  overflow: hidden;\n}\n\n.index-module--xae91.index-module--UQONc {\n  background-color: var(--thirdColor);\n}\n.index-module--Lpp4z.index-module--xae91.index-module--UQONc {\n  background-color: rgba(238, 238, 238, 0.95);\n}\n.index-module--xae91 .index-module--zG0j8 {\n  height: 100%;\n  width: calc(100% - 4.3rem);\n  float: left;\n  background: var(--tabGroupBackground);\n}\n\n.index-module--xae91.index-module--Lpp4z.index-module--TiYdi .index-module--zG0j8 {\n  width: calc(100% - 3.6rem);\n}\n.index-module--xae91.index-module--Lpp4z.index-module--DDlII .index-module--zG0j8 {\n  width: 100%;\n}\n\n.index-module--BXnzB .index-module--zG0j8 {\n  height: 100%;\n  width: 100%;\n  background: var(--tabGroupBackground);\n}\n\n.index-module--GvXsI.index-module--BXnzB .index-module--zG0j8 {\n  height: calc(100% - 46px);\n}\n.index-module--xae91.index-module--RZGEF .index-module--zG0j8 {\n  width: 100%;\n}\n\n.index-module--mXgZs {\n  background-image: url("+m+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  float: left;\n  width: 32px;\n  height: 32px;\n  margin: 12.8px;\n  margin-left: 17.6px;\n  transition: background-color 0.15s ease;\n  border-radius: var(--globalBorderRadius);\n}\n.index-module--BXnzB .index-module--mXgZs {\n  position: absolute;\n  top: -56px;\n  left: 30px;\n}\n\n.index-module--Lpp4z .index-module--mXgZs {\n  position: absolute;\n  top: 0;\n  margin: 10px;\n}\n\n.index-module--Lpp4z.index-module--TiYdi .index-module--mXgZs {\n  right: 0;\n}\n\n.index-module--Lpp4z.index-module--DDlII .index-module--mXgZs {\n  left: -50px;\n}\n\n.index-module--mXgZs:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--mXgZs:active {\n  background-color: rgba(197, 197, 197, 0.1);\n}\n\n.index-module--xhdl9:first-child {\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n}\n\n.index-module--Lpp4z .index-module--xhdl9:first-child {\n  border-radius: 0px;\n}\n\n.index-module--xae91.index-module--UQONc .index-module--zG0j8 {\n  border-radius: var(--globalBorderRadius);\n  border-width: 0px;\n  overflow-x: auto;\n}\n\n.index-module--Lpp4z.index-module--xae91.index-module--UQONc .index-module--zG0j8 {\n  border-radius: 0px;\n  height: calc(100% - 3px);\n}\n\n.index-module--Wgbb5 .index-module--Pq4k7 {\n  width: -moz-max-content;\n  width: max-content;\n  height: 100%;\n}\n\n.index-module--xae91 .index-module--zG0j8 {\n  height: 100%;\n  width: calc(100% - 4.3rem);\n  float: left;\n}\n\n.index-module--xae91.index-module--PvgaR .index-module--zG0j8,\n.index-module--xae91.index-module--PvgaR.index-module--Lpp4z .index-module--zG0j8,\n.index-module--xae91.index-module--PvgaR.index-module--RZGEF .index-module--zG0j8 {\n  width: 100%;\n  overscroll-behavior: contain;\n}\n\n.index-module--xae91.index-module--UQONc .index-module--zG0j8::-webkit-scrollbar {\n  display: none;\n}\n\n/* Hide scrollbar for IE and Edge */\n.index-module--xae91.index-module--UQONc .index-module--zG0j8,\n.index-module--UQONc .index-module--zG0j8 {\n  -ms-overflow-style: none;\n  scrollbar-width: none; /* Firefox */\n}\n\n.index-module--BXnzB.index-module--UQONc .index-module--zG0j8 {\n  overflow: auto;\n\n  /* Hide scrollbar for IE, Edge add Firefox */\n\n  -ms-overflow-style: none;\n  scrollbar-width: none; /* Firefox */\n}\n\n.index-module--BXnzB.index-module--UQONc .index-module--zG0j8::-webkit-scrollbar {\n  display: none;\n}\n\n.index-module--xae91 .index-module--VAKfj {\n  width: -moz-max-content;\n  width: max-content;\n  height: 100%;\n  overscroll-behavior: contain;\n}\n\n.index-module--BXnzB .index-module--VAKfj {\n  width: 100%;\n  height: 100%;\n}\n\n/* Dark mode – matches backoffice */\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--xae91.index-module--UQONc,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--xae91.index-module--UQONc,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--xae91.index-module--UQONc,\n.diva-component-DIVA_DATA_ENGINE body.darkmode .index-module--xae91.index-module--UQONc {\n  background-color: rgb(30, 30, 30);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--Lpp4z.index-module--xae91.index-module--UQONc,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--Lpp4z.index-module--xae91.index-module--UQONc,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--Lpp4z.index-module--xae91.index-module--UQONc,\n.diva-component-DIVA_DATA_ENGINE body.darkmode .index-module--Lpp4z.index-module--xae91.index-module--UQONc {\n  background-color: rgb(30, 30, 30);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--xae91 .index-module--zG0j8,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--xae91 .index-module--zG0j8,\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--BXnzB .index-module--pznRr -steps-split,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--xae91 .index-module--zG0j8,\n.diva-component-DIVA_DATA_ENGINE body.darkmode .index-module--xae91 .index-module--zG0j8,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--BXnzB .index-module--zG0j8,\n.diva-component-DIVA_DATA_ENGINE body.darkmode .index-module--BXnzB .index-module--zG0j8 {\n  background: rgb(20, 20, 20);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--mXgZs:hover,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--mXgZs:hover,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--mXgZs:hover,\n.diva-component-DIVA_DATA_ENGINE body.darkmode .index-module--mXgZs:hover {\n  box-shadow: 0px 1px 4px rgba(255, 255, 255, 0.1);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--mXgZs:active,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--mXgZs:active,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--mXgZs:active,\n.diva-component-DIVA_DATA_ENGINE body.darkmode .index-module--mXgZs:active {\n  background-color: rgba(255, 255, 255, 0.08);\n}\n",""]);var s="index-module--UQONc",p="index-module--Lpp4z",x="index-module--xae91",b="index-module--zG0j8",g="index-module--TiYdi",f="index-module--DDlII",v="index-module--BXnzB",j="index-module--GvXsI",h="index-module--RZGEF",O="index-module--mXgZs",y="index-module--PvgaR",G="index-module--VAKfj";const w=c},51232:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNTYyNSAwLjgzNjE4MkwxOC41NjI1IDE4LjgzNjJNMTguNTYyNSAwLjgzNjE4MkwwLjU2MjUgMTguODM2MiIgc3Ryb2tlPSIjNEE0QTRBIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7040,2147,2400,4725,2018],{95414:(e,n,o)=>{o.r(n),o.d(n,{default:()=>m});var t=o(80248),d=o(34988),r=o(88291),i=o(9420),a=o(91214),l=o(87363),u=o(88683),c=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 m=(0,i.Pi)((function TabSearch(e){var n=Object.assign({},((0,r.Z)(e),e)),o=(0,l.useState)(""),t=(0,d.Z)(o,2),i=t[0],m=t[1],s=(0,u.useTranslation)().t,p=(0,a.NP)();return(0,l.useEffect)((function(){var e=!!p.tabGroupState.filterTabgroup&&!i;p.tabGroupState.setFilterTabgroup(i&&""!==i?i:void 0),e&&setTimeout((function(){return p.tabGroupState.scrollToCurTabgroup()}),200)}),[i]),(0,l.useEffect)((function(){void 0===p.tabGroupState.filterTabgroup&&i&&m("")}),[p.tabGroupState.filterTabgroup]),(0,c.jsxs)("div",_objectSpread(_objectSpread({},n),{},{children:[(0,c.jsx)("input",{value:i,type:"text",onChange:function onChange(e){return m(e.target.value)},placeholder:s("filter.global")}),!!i&&(0,c.jsx)("div",{onClick:function onClick(){return m("")}})]}))}))},82147:(e,n,o)=>{o.r(n),o.d(n,{default:()=>c});var t=o(34988),d=o(12952),r=o(91214),i=o(87363),a=o(9420),l=o(2400),u=o(47514);const c=(0,a.Pi)((function TabGroupHorizontal(e){var n=(0,r.NP)();if((0,i.useEffect)((function(){n.tabGroupState.scrollToCurTabgroupHorizontal()}),[n.tabGroupState.curTabGroup]),!n.tabGroupState.allTabGroups)return(0,u.jsx)(u.Fragment,{});var o=(0,d.Z)(n.tabGroupState.allTabGroups);return(0,u.jsx)(u.Fragment,{children:o.map((function(e){var d,r,i=(0,t.Z)(e,2),a=i[0],c=i[1];return(0,u.jsx)(l.default,{tabGroup:c,width:"calc("+(null!==(d=null===(r=n.tabGroupState)||void 0===r||null===(r=r.tabGroupScroller)||void 0===r?void 0:r.getBoundingClientRect().width)&&void 0!==d?d:0)+"px / "+o.length+")"},a)}))})}))},2400:(e,n,o)=>{o.r(n),o.d(n,{default:()=>i});var t=o(80248),d=(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 i=function ItemVariant(e){return(0,r.jsx)(d.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"TabGroup/TabGroupHorizontal/item"}))}},34725:(e,n,o)=>{o.r(n),o.d(n,{default:()=>i});var t=o(80248),d=(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 i=function ItemVariant(e){return(0,r.jsx)(d.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"TabGroup/TabGroupVertical/ItemVariants"}))}},62018:(e,n,o)=>{o.r(n),o.d(n,{default:()=>c});var t=o(12952),d=o(34988),r=o(91214),i=o(87363),a=o(34725),l=o(9420),u=o(47514);const c=(0,l.Pi)((function TabGroupVertical(e){var n,o=(0,r.NP)(),l=(0,i.useState)(!1),c=(0,d.Z)(l,2),m=c[0],s=c[1],p=o.tabGroupState.allTabGroups;if((0,i.useEffect)((function(){o.tabGroupState.scrollToCurTabgroup()}),[o.tabGroupState.curTabGroup]),(0,i.useEffect)((function(){var e=!1,n=window.setInterval((function(){var t,d=null===(t=o.tabGroupState.tabGroupScroller)||void 0===t?void 0:t.getBoundingClientRect().height;d&&d>0&&(e||s(!m),window.clearInterval(n))}),100);return function(){e=!0,window.clearInterval(n)}}),[o.tabGroupState.tabGroupScroller]),!p)return(0,u.jsx)(u.Fragment,{});var x=null===(n=o.tabGroupState.tabGroupScroller)||void 0===n?void 0:n.getBoundingClientRect().height,b=void 0,g=p.size,f=0;x?(f=x/g,80*g>x&&(b=80)):setTimeout((function(){return s(!m)}),100);var v=(0,t.Z)(p.values()),j=v[0],h=v[v.length-1];return(0,u.jsx)(u.Fragment,{children:v.map((function(e){return(0,u.jsx)(a.default,{tabGroup:e,height:f,isFirstItem:(null==j?void 0:j.key)==e.key,isLastItem:(null==h?void 0:h.key)==e.key,minHeight:b},e.key)}))})}))},47040:(e,n,o)=>{o.r(n),o.d(n,{default:()=>D});var t=o(80248),d=o(72874),r=o(91214),i=o(9420),a=o(87363),l=o(65515),u=o.n(l),c=o(88683),m=o(82147),s=o(93379),p=o.n(s),x=o(7795),b=o.n(x),g=o(90569),f=o.n(g),v=o(3565),j=o.n(v),h=o(19216),O=o.n(h),y=o(44589),G=o.n(y),w=o(31638),I={};I.styleTagTransform=G(),I.setAttributes=j(),I.insert=f().bind(null,"head"),I.domAPI=b(),I.insertStyleElement=O();p()(w.ZP,I);w.ZP&&w.ZP.locals&&w.ZP.locals;var N=o(62018),E=o(95414),A=o(47514),z=["className","showCloseButtonInMobile","tabSearchClass"];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 D=(0,i.Pi)((function TabGroupContainer(e){var n=e.className,o=e.showCloseButtonInMobile,t=e.tabSearchClass,i=(0,d.Z)(e,z),l=(0,r.NP)(),s=(0,c.useTranslation)().t,p=(0,c.useDivaCore)().state,x=p.isFullscreenComponent,b=p.dimensions.isMobile,g=x&&"none"!==o&&!l.uiState.isMobilePortrait||"vertical"!=l.tabGroupState.curTabGroupType&&!l.uiState.ViewConfig.hideCloseButton&&l.eventIsManagedByClient("onWebPlanerClose")&&!((!o||"none"==o)&&l.getIsInMobileView()),f=l.uiState.ViewConfig.tabGroupSearchVisible,v=(0,a.useRef)(null);return(0,a.useEffect)((function(){return v.current&&l.tabGroupState.setTabGroupScroller(v.current),function(){}}),[v]),(0,A.jsxs)("div",_objectSpread(_objectSpread({},i),{},{className:u()(n,w.x6,l.uiState.isMobilePortrait?w.tW:void 0,l.uiState.isMobileLandscape?w.rK:void 0,"horizontal"==l.tabGroupState.curTabGroupType?w.Sl:void 0,"vertical"==l.tabGroupState.curTabGroupType?w.KR:void 0,g?void 0:w.oY,f?w._z:void 0,b?"left"==o?w.kn:w.e3:void 0),children:[f&&(0,A.jsx)(E.default,{className:t}),(0,A.jsx)("div",{className:u()(w.Ci),ref:v,children:(0,A.jsxs)("div",{className:w.ml,children:["horizontal"==l.tabGroupState.curTabGroupType&&(0,A.jsx)(m.default,{}),"vertical"==l.tabGroupState.curTabGroupType&&(0,A.jsx)(N.default,{})]})}),g&&(0,A.jsx)("div",{className:w.b6,title:s("configurator.ConfigClose"),onClick:l.onCloseConfigurator})]}))}))},31638:(e,n,o)=>{o.d(n,{Ci:()=>b,KR:()=>v,Sl:()=>x,ZP:()=>w,_z:()=>j,b6:()=>O,e3:()=>g,kn:()=>f,ml:()=>G,oY:()=>y,rK:()=>h,tW:()=>p,x6:()=>s});var t=o(8081),d=o.n(t),r=o(23645),i=o.n(r),a=o(61667),l=o.n(a),u=new URL(o(51232),o.b),c=i()(d()),m=l()(u);c.push([e.id,".index-module--UQONc {\n  z-index: 1100;\n}\n\n.index-module--Lpp4z.index-module--UQONc {\n  overflow: hidden;\n}\n\n.index-module--xae91.index-module--UQONc {\n  background-color: var(--thirdColor);\n}\n.index-module--Lpp4z.index-module--xae91.index-module--UQONc {\n  background-color: rgba(238, 238, 238, 0.95);\n}\n.index-module--xae91 .index-module--zG0j8 {\n  height: 100%;\n  width: calc(100% - 4.3rem);\n  float: left;\n  background: var(--tabGroupBackground);\n}\n\n.index-module--xae91.index-module--Lpp4z.index-module--TiYdi .index-module--zG0j8 {\n  width: calc(100% - 3.6rem);\n}\n.index-module--xae91.index-module--Lpp4z.index-module--DDlII .index-module--zG0j8 {\n  width: 100%;\n}\n\n.index-module--BXnzB .index-module--zG0j8 {\n  height: 100%;\n  width: 100%;\n  background: var(--tabGroupBackground);\n}\n\n.index-module--GvXsI.index-module--BXnzB .index-module--zG0j8 {\n  height: calc(100% - 46px);\n}\n.index-module--xae91.index-module--RZGEF .index-module--zG0j8 {\n  width: 100%;\n}\n\n.index-module--mXgZs {\n  background-image: url("+m+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  float: left;\n  width: 32px;\n  height: 32px;\n  margin: 12.8px;\n  margin-left: 17.6px;\n  transition: background-color 0.15s ease;\n  border-radius: var(--globalBorderRadius);\n}\n.index-module--BXnzB .index-module--mXgZs {\n  position: absolute;\n  top: -56px;\n  left: 30px;\n}\n\n.index-module--Lpp4z .index-module--mXgZs {\n  position: absolute;\n  top: 0;\n  margin: 10px;\n}\n\n.index-module--Lpp4z.index-module--TiYdi .index-module--mXgZs {\n  right: 0;\n}\n\n.index-module--Lpp4z.index-module--DDlII .index-module--mXgZs {\n  left: -50px;\n}\n\n.index-module--mXgZs:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--mXgZs:active {\n  background-color: rgba(197, 197, 197, 0.1);\n}\n\n.index-module--xhdl9:first-child {\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n}\n\n.index-module--Lpp4z .index-module--xhdl9:first-child {\n  border-radius: 0px;\n}\n\n.index-module--xae91.index-module--UQONc .index-module--zG0j8 {\n  border-radius: var(--globalBorderRadius);\n  border-width: 0px;\n  overflow-x: auto;\n}\n\n.index-module--Lpp4z.index-module--xae91.index-module--UQONc .index-module--zG0j8 {\n  border-radius: 0px;\n  height: calc(100% - 3px);\n}\n\n.index-module--Wgbb5 .index-module--Pq4k7 {\n  width: -moz-max-content;\n  width: max-content;\n  height: 100%;\n}\n\n.index-module--xae91 .index-module--zG0j8 {\n  height: 100%;\n  width: calc(100% - 4.3rem);\n  float: left;\n}\n\n.index-module--xae91.index-module--PvgaR .index-module--zG0j8,\n.index-module--xae91.index-module--PvgaR.index-module--Lpp4z .index-module--zG0j8,\n.index-module--xae91.index-module--PvgaR.index-module--RZGEF .index-module--zG0j8 {\n  width: 100%;\n  overscroll-behavior: contain;\n}\n\n.index-module--xae91.index-module--UQONc .index-module--zG0j8::-webkit-scrollbar {\n  display: none;\n}\n\n/* Hide scrollbar for IE and Edge */\n.index-module--xae91.index-module--UQONc .index-module--zG0j8,\n.index-module--UQONc .index-module--zG0j8 {\n  -ms-overflow-style: none;\n  scrollbar-width: none; /* Firefox */\n}\n\n.index-module--BXnzB.index-module--UQONc .index-module--zG0j8 {\n  overflow: auto;\n\n  /* Hide scrollbar for IE, Edge add Firefox */\n\n  -ms-overflow-style: none;\n  scrollbar-width: none; /* Firefox */\n}\n\n.index-module--BXnzB.index-module--UQONc .index-module--zG0j8::-webkit-scrollbar {\n  display: none;\n}\n\n.index-module--xae91 .index-module--VAKfj {\n  width: -moz-max-content;\n  width: max-content;\n  height: 100%;\n  overscroll-behavior: contain;\n}\n\n.index-module--BXnzB .index-module--VAKfj {\n  width: 100%;\n  height: 100%;\n}\n\n/* Dark mode – matches backoffice */\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--xae91.index-module--UQONc,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--xae91.index-module--UQONc,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--xae91.index-module--UQONc,\n.diva-component-DIVA_DATA_ENGINE body.darkmode .index-module--xae91.index-module--UQONc {\n  background-color: rgb(30, 30, 30);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--Lpp4z.index-module--xae91.index-module--UQONc,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--Lpp4z.index-module--xae91.index-module--UQONc,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--Lpp4z.index-module--xae91.index-module--UQONc,\n.diva-component-DIVA_DATA_ENGINE body.darkmode .index-module--Lpp4z.index-module--xae91.index-module--UQONc {\n  background-color: rgb(30, 30, 30);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--xae91 .index-module--zG0j8,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--xae91 .index-module--zG0j8,\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--BXnzB .index-module--pznRr -steps-split,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--xae91 .index-module--zG0j8,\n.diva-component-DIVA_DATA_ENGINE body.darkmode .index-module--xae91 .index-module--zG0j8,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--BXnzB .index-module--zG0j8,\n.diva-component-DIVA_DATA_ENGINE body.darkmode .index-module--BXnzB .index-module--zG0j8 {\n  background: rgb(20, 20, 20);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--mXgZs:hover,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--mXgZs:hover,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--mXgZs:hover,\n.diva-component-DIVA_DATA_ENGINE body.darkmode .index-module--mXgZs:hover {\n  box-shadow: 0px 1px 4px rgba(255, 255, 255, 0.1);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--mXgZs:active,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--mXgZs:active,\n.diva-component-DIVA_BACKOFFICE_NEW body.darkmode .index-module--mXgZs:active,\n.diva-component-DIVA_DATA_ENGINE body.darkmode .index-module--mXgZs:active {\n  background-color: rgba(255, 255, 255, 0.08);\n}\n",""]);var s="index-module--UQONc",p="index-module--Lpp4z",x="index-module--xae91",b="index-module--zG0j8",g="index-module--TiYdi",f="index-module--DDlII",v="index-module--BXnzB",j="index-module--GvXsI",h="index-module--RZGEF",O="index-module--mXgZs",y="index-module--PvgaR",G="index-module--VAKfj";const w=c},51232:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNTYyNSAwLjgzNjE4MkwxOC41NjI1IDE4LjgzNjJNMTguNTYyNSAwLjgzNjE4MkwwLjU2MjUgMTguODM2MiIgc3Ryb2tlPSIjNEE0QTRBIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);

package/build/umd/7046.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 7046.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7046],{77046:(n,e,i)=>{i.r(e),i.d(e,{default:()=>k});i(87363);var o=i(9420),t=i(93379),r=i.n(t),d=i(7795),l=i.n(d),s=i(90569),a=i.n(s),x=i(3565),c=i.n(x),m=i(19216),p=i.n(m),f=i(44589),u=i.n(f),h=i(91605),g={};g.styleTagTransform=u(),g.setAttributes=c(),g.insert=a().bind(null,"head"),g.domAPI=l(),g.insertStyleElement=p();r()(h.ZP,g);h.ZP&&h.ZP.locals&&h.ZP.locals;var b=i(35567),v=i(47514);const k=(0,o.Pi)((function ContentItemTeaser(n){var e=n.item,i=(0,b.NP)();return(0,v.jsxs)("div",{className:h.bz,children:[e.emoji&&(0,v.jsx)("div",{className:h.rP,children:e.emoji}),(0,v.jsx)("div",{className:h.TN,children:e.title}),(0,v.jsx)("div",{className:h.WL,children:e.description}),e.id&&(0,v.jsxs)("button",{className:h.LI,onClick:function onClick(){!function isUrl(n){return/^https?:\/\//.test(n)}(e.id)?i.settingsState.onClickContentItemId(e.id):window.open(e.id,"_blank","noopener,noreferrer")},children:[(0,v.jsx)("span",{className:h.q5,children:e.buttonText}),(0,v.jsx)("div",{className:h.x7,children:(0,v.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,v.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},91605:(n,e,i)=>{i.d(e,{LI:()=>c,TN:()=>a,WL:()=>x,ZP:()=>f,bz:()=>l,q5:()=>m,rP:()=>s,x7:()=>p});var o=i(8081),t=i.n(o),r=i(23645),d=i.n(r)()(t());d.push([n.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 l="index-module--YvhoM",s="index-module--xRF8A",a="index-module--AkzgH",x="index-module--YcLKe",c="index-module--tZsne",m="index-module--KlW5i",p="index-module--MViR0";const f=d}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7046],{77046:(n,e,i)=>{i.r(e),i.d(e,{default:()=>k});i(87363);var o=i(9420),t=i(93379),r=i.n(t),d=i(7795),l=i.n(d),s=i(90569),a=i.n(s),x=i(3565),c=i.n(x),m=i(19216),p=i.n(m),f=i(44589),u=i.n(f),h=i(91605),g={};g.styleTagTransform=u(),g.setAttributes=c(),g.insert=a().bind(null,"head"),g.domAPI=l(),g.insertStyleElement=p();r()(h.ZP,g);h.ZP&&h.ZP.locals&&h.ZP.locals;var b=i(91214),v=i(47514);const k=(0,o.Pi)((function ContentItemTeaser(n){var e=n.item,i=(0,b.NP)();return(0,v.jsxs)("div",{className:h.bz,children:[e.emoji&&(0,v.jsx)("div",{className:h.rP,children:e.emoji}),(0,v.jsx)("div",{className:h.TN,children:e.title}),(0,v.jsx)("div",{className:h.WL,children:e.description}),e.id&&(0,v.jsxs)("button",{className:h.LI,onClick:function onClick(){!function isUrl(n){return/^https?:\/\//.test(n)}(e.id)?i.settingsState.onClickContentItemId(e.id):window.open(e.id,"_blank","noopener,noreferrer")},children:[(0,v.jsx)("span",{className:h.q5,children:e.buttonText}),(0,v.jsx)("div",{className:h.x7,children:(0,v.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,v.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},91605:(n,e,i)=>{i.d(e,{LI:()=>c,TN:()=>a,WL:()=>x,ZP:()=>f,bz:()=>l,q5:()=>m,rP:()=>s,x7:()=>p});var o=i(8081),t=i.n(o),r=i(23645),d=i.n(r)()(t());d.push([n.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 l="index-module--YvhoM",s="index-module--xRF8A",a="index-module--AkzgH",x="index-module--YcLKe",c="index-module--tZsne",m="index-module--KlW5i",p="index-module--MViR0";const f=d}}]);

package/build/umd/7052.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 7052.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7052],{67052:(t,e,n)=>{n.r(e),n.d(e,{default:()=>u});var a=n(80248),i=(n(87363),n(35567)),r=n(56582),o=n(88683),l=n(47514);const u=function SummaryVariantButton(t){t.item;var e,n=(0,i.NP)(),u=n.settingsState.itemPaletteArr.find((function(t){return"VARIANTS"===t[1].type&&t[1].visible}));if(!u)return(0,l.jsx)(l.Fragment,{});var s=null===(e=u[1].groups)||void 0===e||null===(e=e[0])||void 0===e?void 0:e.items;if(null==s||!s.length)return(0,l.jsx)(l.Fragment,{});return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("button",{onClick:function copyTableToClipboard(){var t="<h3>"+n.productState.webConifguratorTitle+" - "+Object.values(n.settingsState.articleInfos).map((function(t){return t.name})).join(", ")+"</h3><table>"+s.map((function(t){return void 0===t.index?"":"<tr><td>index: "+t.index+"</td>"+t.variantValues.map((function(t){return(t.optionValueImage?'<td><img src="'+t.optionValueImage+'"/></td>':"")+"<td>"+t.optionName+" ("+t.opt.substring(3)+"):<br/>"+t.optionValueName+" ("+t.opv.substring(3)+")</td>"})).join("")+"<td>"+o.DivaUtils.formatPrice(t.price)+"</td></tr>"})).join("")+"</table>",e=new Blob([t],{type:"text/html"});navigator.clipboard.write([new ClipboardItem((0,a.Z)({},e.type,e))])},children:"als Tabelle kopieren"}),(0,l.jsx)(r.default,{height:32,handleDiameter:22,width:60,onChange:function onChange(){s[0].onToggle(!0),n.paletteViewHandler.updateCurPaletteData(!0)},state:!s.find((function(t){return t.disabled}))})]})}}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7052],{67052:(t,e,n)=>{n.r(e),n.d(e,{default:()=>u});var a=n(80248),i=(n(87363),n(91214)),r=n(56582),o=n(88683),l=n(47514);const u=function SummaryVariantButton(t){t.item;var e,n=(0,i.NP)(),u=n.settingsState.itemPaletteArr.find((function(t){return"VARIANTS"===t[1].type&&t[1].visible}));if(!u)return(0,l.jsx)(l.Fragment,{});var s=null===(e=u[1].groups)||void 0===e||null===(e=e[0])||void 0===e?void 0:e.items;if(null==s||!s.length)return(0,l.jsx)(l.Fragment,{});return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("button",{onClick:function copyTableToClipboard(){var t="<h3>"+n.productState.webConifguratorTitle+" - "+Object.values(n.settingsState.articleInfos).map((function(t){return t.name})).join(", ")+"</h3><table>"+s.map((function(t){return void 0===t.index?"":"<tr><td>index: "+t.index+"</td>"+t.variantValues.map((function(t){return(t.optionValueImage?'<td><img src="'+t.optionValueImage+'"/></td>':"")+"<td>"+t.optionName+" ("+t.opt.substring(3)+"):<br/>"+t.optionValueName+" ("+t.opv.substring(3)+")</td>"})).join("")+"<td>"+o.DivaUtils.formatPrice(t.price)+"</td></tr>"})).join("")+"</table>",e=new Blob([t],{type:"text/html"});navigator.clipboard.write([new ClipboardItem((0,a.Z)({},e.type,e))])},children:"als Tabelle kopieren"}),(0,l.jsx)(r.default,{height:32,handleDiameter:22,width:60,onChange:function onChange(){s[0].onToggle(!0),n.paletteViewHandler.updateCurPaletteData(!0)},state:!s.find((function(t){return t.disabled}))})]})}}}]);

package/build/umd/7196.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 7196.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7196],{17196:(n,e,t)=>{t.r(e),t.d(e,{default:()=>P});var a=t(9420),o=t(35567),i=t(93379),l=t.n(i),d=t(7795),r=t.n(d),s=t(90569),c=t.n(s),p=t(3565),u=t.n(p),m=t(19216),x=t.n(m),f=t(44589),g=t.n(f),v=t(11309),h={};h.styleTagTransform=g(),h.setAttributes=u(),h.insert=c().bind(null,"head"),h.domAPI=r(),h.insertStyleElement=x();l()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;t(87363);var k=t(65515),b=t.n(k),w=t(88683),Z=t(47514);const P=(0,a.Pi)((function ReplaceSwitch(n){var e=(0,o.NP)(),t=(0,w.useTranslation)().t;return(0,Z.jsxs)("div",{className:b()(v.YS),children:[(0,Z.jsx)("div",{onClick:function onClick(){return e.paletteViewHandler.setPlannerReplaceMode(!1,!0)},className:b()(v.LI,e.settingsState.plannerReplaceMode?void 0:v.pA),id:"configurator_plan_tab",children:t("configurator.plan")}),(0,Z.jsx)("div",{onClick:function onClick(){e.settingsState.plannerReplaceModeAvailable&&e.paletteViewHandler.setPlannerReplaceMode(!0,!0)},className:b()(v.LI,e.settingsState.plannerReplaceMode?v.pA:void 0,e.settingsState.plannerReplaceModeAvailable?void 0:v.JU),id:"configurator_replace_tab",children:t("configurator.replace")})]})}))},11309:(n,e,t)=>{t.d(e,{JU:()=>c,LI:()=>r,YS:()=>d,ZP:()=>p,pA:()=>s});var a=t(8081),o=t.n(a),i=t(23645),l=t.n(i)()(o());l.push([n.id,".index-module--RNSdL {\n  position: sticky;\n  top: -1px;\n  z-index: 500;\n  display: flex;\n  justify-content: space-around;\n  gap: 16px;\n  background-color: var(--settingsBackgroundColor);\n  padding: 6px;\n}\n\n.index-module--BZXkK {\n  transition: color 0.3s ease, border 0.3s ease;\n  cursor: pointer;\n  text-wrap: nowrap;\n  white-space: nowrap;\n  position: relative;\n  flex-grow: 1;\n  text-align: center;\n  padding-top: 4px;\n  padding-bottom: 4px;\n  font-size: 18px;\n}\n\n.index-module--BZXkK:hover,\n.index-module--WUQm2 {\n  border: none;\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--BZXkK::after {\n  content: '';\n  position: absolute;\n  width: 0px;\n  left: 50%;\n  transition: all ease-in-out 0.2s;\n  bottom: 0;\n  height: 1px;\n  background-color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--BZXkK.index-module--WUQm2::after {\n  height: 2px;\n}\n\n.index-module--BZXkK:hover::after,\n.index-module--WUQm2::after {\n  width: 100%;\n  left: 0;\n}\n.index-module--f88nM.index-module--BZXkK:hover::after {\n  width: 0px;\n  left: 0;\n}\n\n.index-module--f88nM.index-module--BZXkK::after {\n  background-color: lightgray;\n}\n\n.index-module--f88nM.index-module--BZXkK {\n  color: grey;\n  cursor: not-allowed;\n}\n",""]);var d="index-module--RNSdL",r="index-module--BZXkK",s="index-module--WUQm2",c="index-module--f88nM";const p=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7196],{17196:(n,e,t)=>{t.r(e),t.d(e,{default:()=>P});var a=t(9420),o=t(91214),i=t(93379),l=t.n(i),d=t(7795),r=t.n(d),s=t(90569),c=t.n(s),p=t(3565),u=t.n(p),m=t(19216),x=t.n(m),f=t(44589),g=t.n(f),v=t(11309),h={};h.styleTagTransform=g(),h.setAttributes=u(),h.insert=c().bind(null,"head"),h.domAPI=r(),h.insertStyleElement=x();l()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;t(87363);var k=t(65515),b=t.n(k),w=t(88683),Z=t(47514);const P=(0,a.Pi)((function ReplaceSwitch(n){var e=(0,o.NP)(),t=(0,w.useTranslation)().t;return(0,Z.jsxs)("div",{className:b()(v.YS),children:[(0,Z.jsx)("div",{onClick:function onClick(){return e.paletteViewHandler.setPlannerReplaceMode(!1,!0)},className:b()(v.LI,e.settingsState.plannerReplaceMode?void 0:v.pA),id:"configurator_plan_tab",children:t("configurator.plan")}),(0,Z.jsx)("div",{onClick:function onClick(){e.settingsState.plannerReplaceModeAvailable&&e.paletteViewHandler.setPlannerReplaceMode(!0,!0)},className:b()(v.LI,e.settingsState.plannerReplaceMode?v.pA:void 0,e.settingsState.plannerReplaceModeAvailable?void 0:v.JU),id:"configurator_replace_tab",children:t("configurator.replace")})]})}))},11309:(n,e,t)=>{t.d(e,{JU:()=>c,LI:()=>r,YS:()=>d,ZP:()=>p,pA:()=>s});var a=t(8081),o=t.n(a),i=t(23645),l=t.n(i)()(o());l.push([n.id,".index-module--RNSdL {\n  position: sticky;\n  top: -1px;\n  z-index: 500;\n  display: flex;\n  justify-content: space-around;\n  gap: 16px;\n  background-color: var(--settingsBackgroundColor);\n  padding: 6px;\n}\n\n.index-module--BZXkK {\n  transition: color 0.3s ease, border 0.3s ease;\n  cursor: pointer;\n  text-wrap: nowrap;\n  white-space: nowrap;\n  position: relative;\n  flex-grow: 1;\n  text-align: center;\n  padding-top: 4px;\n  padding-bottom: 4px;\n  font-size: 18px;\n}\n\n.index-module--BZXkK:hover,\n.index-module--WUQm2 {\n  border: none;\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--BZXkK::after {\n  content: '';\n  position: absolute;\n  width: 0px;\n  left: 50%;\n  transition: all ease-in-out 0.2s;\n  bottom: 0;\n  height: 1px;\n  background-color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--BZXkK.index-module--WUQm2::after {\n  height: 2px;\n}\n\n.index-module--BZXkK:hover::after,\n.index-module--WUQm2::after {\n  width: 100%;\n  left: 0;\n}\n.index-module--f88nM.index-module--BZXkK:hover::after {\n  width: 0px;\n  left: 0;\n}\n\n.index-module--f88nM.index-module--BZXkK::after {\n  background-color: lightgray;\n}\n\n.index-module--f88nM.index-module--BZXkK {\n  color: grey;\n  cursor: not-allowed;\n}\n",""]);var d="index-module--RNSdL",r="index-module--BZXkK",s="index-module--WUQm2",c="index-module--f88nM";const p=l}}]);

package/build/umd/720.diva-web-planner-react.umd.min.js CHANGED Viewed

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

package/build/umd/7311.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 7311.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7311],{47311:(n,o,e)=>{e.r(o),e.d(o,{default:()=>T});var t=e(65515),i=e.n(t),r=e(35567),d=e(9420),l=e(87363),a=e(88683),u=e(93379),c=e.n(u),s=e(7795),x=e.n(s),p=e(90569),b=e.n(p),m=e(3565),f=e.n(m),h=e(19216),v=e.n(h),g=e(44589),S=e.n(g),Z=e(86914),k={};k.styleTagTransform=S(),k.setAttributes=f(),k.insert=b().bind(null,"head"),k.domAPI=x(),k.insertStyleElement=v();c()(Z.ZP,k);Z.ZP&&Z.ZP.locals&&Z.ZP.locals;var C=e(47514);const T=(0,d.Pi)((function TabGroupItemHorizontal(n){var o=n.tabGroup,e=(0,r.NP)(),t=(0,a.useTranslation)().t,d=(0,l.useRef)(null),u=e.tabGroupState.curTabGroup;(0,l.useEffect)((function(){e.tabGroupState.setTabGroupItems(o.key,d.current)}),[d]);var c=o.title==(null==u?void 0:u.title)&&o.posNr==(null==u?void 0:u.posNr);return(0,C.jsx)("div",{ref:d,onClick:function onClick(n){n.stopPropagation(),function onTabGroupClick(n){window.lastNavigationType="TABGROUP_BY_POS_NR",e.tabGroupState.navigateToTabgroupByPosNr(+n.posNr)}(o)},className:i()(e.uiState.isInMobileView?Z.Qt:Z.TI,e.uiState.isTablet?Z.Mq:void 0,c?Z.F1:void 0,e.tabGroupAlreadyVisited(o)&&!c?Z.to:void 0),children:t("configurator."+o.title,o.title)})}))},86914:(n,o,e)=>{e.d(o,{F1:()=>a,Mq:()=>s,Qt:()=>c,TI:()=>l,ZP:()=>x,to:()=>u});var t=e(8081),i=e.n(t),r=e(23645),d=e.n(r)()(i());d.push([n.id,".index-module--uqAxS {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  float: left;\n  transition:\n    background-color 0.3s ease-out,\n    color 0.3s ease-out;\n  line-height: 56px;\n  padding: 0 13px;\n  cursor: pointer;\n}\n\n.index-module--uqAxS.index-module--HhZfZ,\n.index-module--uqAxS.index-module--HhZfZ.index-module--uqAxS:hover {\n  background-color: var(--primaryColor);\n}\n\n.index-module--uqAxS.index-module--GnCdz {\n  background-color: #b1b1b1;\n}\n\n.index-module--GnCdz.index-module--uqAxS:hover {\n  background-color: #bbbbbb;\n}\n.index-module--uqAxS.index-module--uqAxS:hover {\n  background-color: #c8c8c8;\n}\n\n.index-module--uqAxS.index-module--HhZfZ {\n  color: white;\n}\n\n.index-module--xvJUU {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  float: left;\n  line-height: calc(var(--configuratorTabGroupHeight) - 3px);\n  padding-left: 10px;\n  padding-right: 10px;\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-weight: 600;\n  position: relative;\n}\n\n:not(.index-module--vofMo).index-module--xvJUU {\n  font-size: 12px;\n}\n\n.index-module--xvJUU::after {\n  content: '';\n  position: absolute;\n  width: 0px;\n  height: 3px;\n  left: 50%;\n  bottom: 0;\n  background-color: var(--primaryColor);\n  transition: all ease-in-out 0.2s;\n}\n\n.index-module--HhZfZ::after {\n  width: 100%;\n  left: 0;\n}\n\n.index-module--xvJUU:hover {\n  color: var(--primaryColor);\n}\n\n.index-module--HhZfZ {\n  border: none;\n  color: var(--primaryColor);\n  background: rgba(230, 230, 230, 0.95);\n}\n",""]);var l="index-module--uqAxS",a="index-module--HhZfZ",u="index-module--GnCdz",c="index-module--xvJUU",s="index-module--vofMo";const x=d}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7311],{47311:(n,o,e)=>{e.r(o),e.d(o,{default:()=>T});var t=e(65515),i=e.n(t),r=e(91214),d=e(9420),l=e(87363),a=e(88683),u=e(93379),c=e.n(u),s=e(7795),x=e.n(s),p=e(90569),b=e.n(p),m=e(3565),f=e.n(m),h=e(19216),v=e.n(h),g=e(44589),S=e.n(g),Z=e(86914),k={};k.styleTagTransform=S(),k.setAttributes=f(),k.insert=b().bind(null,"head"),k.domAPI=x(),k.insertStyleElement=v();c()(Z.ZP,k);Z.ZP&&Z.ZP.locals&&Z.ZP.locals;var C=e(47514);const T=(0,d.Pi)((function TabGroupItemHorizontal(n){var o=n.tabGroup,e=(0,r.NP)(),t=(0,a.useTranslation)().t,d=(0,l.useRef)(null),u=e.tabGroupState.curTabGroup;(0,l.useEffect)((function(){e.tabGroupState.setTabGroupItems(o.key,d.current)}),[d]);var c=o.title==(null==u?void 0:u.title)&&o.posNr==(null==u?void 0:u.posNr);return(0,C.jsx)("div",{ref:d,onClick:function onClick(n){n.stopPropagation(),function onTabGroupClick(n){window.lastNavigationType="TABGROUP_BY_POS_NR",e.tabGroupState.navigateToTabgroupByPosNr(+n.posNr)}(o)},className:i()(e.uiState.isInMobileView?Z.Qt:Z.TI,e.uiState.isTablet?Z.Mq:void 0,c?Z.F1:void 0,e.tabGroupAlreadyVisited(o)&&!c?Z.to:void 0),children:t("configurator."+o.title,o.title)})}))},86914:(n,o,e)=>{e.d(o,{F1:()=>a,Mq:()=>s,Qt:()=>c,TI:()=>l,ZP:()=>x,to:()=>u});var t=e(8081),i=e.n(t),r=e(23645),d=e.n(r)()(i());d.push([n.id,".index-module--uqAxS {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  float: left;\n  transition:\n    background-color 0.3s ease-out,\n    color 0.3s ease-out;\n  line-height: 56px;\n  padding: 0 13px;\n  cursor: pointer;\n}\n\n.index-module--uqAxS.index-module--HhZfZ,\n.index-module--uqAxS.index-module--HhZfZ.index-module--uqAxS:hover {\n  background-color: var(--primaryColor);\n}\n\n.index-module--uqAxS.index-module--GnCdz {\n  background-color: #b1b1b1;\n}\n\n.index-module--GnCdz.index-module--uqAxS:hover {\n  background-color: #bbbbbb;\n}\n.index-module--uqAxS.index-module--uqAxS:hover {\n  background-color: #c8c8c8;\n}\n\n.index-module--uqAxS.index-module--HhZfZ {\n  color: white;\n}\n\n.index-module--xvJUU {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  float: left;\n  line-height: calc(var(--configuratorTabGroupHeight) - 3px);\n  padding-left: 10px;\n  padding-right: 10px;\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-weight: 600;\n  position: relative;\n}\n\n:not(.index-module--vofMo).index-module--xvJUU {\n  font-size: 12px;\n}\n\n.index-module--xvJUU::after {\n  content: '';\n  position: absolute;\n  width: 0px;\n  height: 3px;\n  left: 50%;\n  bottom: 0;\n  background-color: var(--primaryColor);\n  transition: all ease-in-out 0.2s;\n}\n\n.index-module--HhZfZ::after {\n  width: 100%;\n  left: 0;\n}\n\n.index-module--xvJUU:hover {\n  color: var(--primaryColor);\n}\n\n.index-module--HhZfZ {\n  border: none;\n  color: var(--primaryColor);\n  background: rgba(230, 230, 230, 0.95);\n}\n",""]);var l="index-module--uqAxS",a="index-module--HhZfZ",u="index-module--GnCdz",c="index-module--xvJUU",s="index-module--vofMo";const x=d}}]);

package/build/umd/7406.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 7406.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7406,1559],{81559:(e,n,o)=>{o.r(n),o.d(n,{default:()=>w});var i=o(34988),t=o(35567),r=o(87363),l=o(93379),d=o.n(l),a=o(7795),s=o.n(a),c=o(90569),m=o.n(c),x=o(3565),p=o.n(x),u=o(19216),h=o.n(u),v=o(44589),f=o.n(v),g=o(84887),b={};b.styleTagTransform=f(),b.setAttributes=p(),b.insert=m().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=h();d()(g.Z,b);g.Z&&g.Z.locals&&g.Z.locals;var y=o(47514);const w=function MetaData(e){var n=e.style,o=e.metaData,l=e.visible,d=void 0===l?(0,r.useState)(""):l,a=(0,i.Z)(d,2),s=a[0],c=a[1],m=(0,t.NP)(),x=(0,r.useState)(""),p=(0,i.Z)(x,2),u=p[0],h=p[1],v=m.getViewConfig().displayMetaDatas,f=null==o?void 0:o.find((function(e){return null==v?void 0:v.includes(e.codex)}));return(0,r.useEffect)((function(){if(f){for(var e="",n=0;n<f.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var t=null==o?void 0:o.find((function(e){return e.codex===v[i]}));if(!t)return 1;""!==e&&(e+=" "),e=e+(t.name?t.name+": ":"")+t.values[n]},t=0;t<v.length;t++)i(t)}h(e),c(e)}}),[]),s?(0,y.jsx)("div",{style:n,className:g.B,children:u}):(0,y.jsx)(y.Fragment,{})}},72829:(e,n,o)=>{o.r(n),o.d(n,{default:()=>M});var i=o(80248),t=o(34988),r=o(65515),l=o.n(r),d=o(35567),a=o(9420),s=o(87363),c=o(93379),m=o.n(c),x=o(7795),p=o.n(x),u=o(90569),h=o.n(u),v=o(3565),f=o.n(v),g=o(19216),b=o.n(g),y=o(44589),w=o.n(y),S=o(31636),z={};z.styleTagTransform=w(),z.setAttributes=f(),z.insert=h().bind(null,"head"),z.domAPI=p(),z.insertStyleElement=b();m()(S.ZP,z);S.ZP&&S.ZP.locals&&S.ZP.locals;var j=o(13838),C=o(58292),P=o(93355),I=o(81559),k=o(88683),B=o(41017),O=o(93536),Z=o(35464),A=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,i)}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,i.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 M=(0,a.Pi)((function Option(e){var n,o,i=e.item,r=e.type,a=e.paletteId,c=e.hidePricePreview,m=e.namePostFix,x=i,p=(0,d.NP)(),u=(0,s.useState)(""),h=(0,t.Z)(u,2),v=h[0],f=h[1],g=(0,k.useDivaCore)().state.dimensions,b=g.isMobile,y=g.isTablet,w={},z={},M=void 0,N=!1,D={},E=(0,C.XI)({delayEnter:1500,hideOnScroll:!0}),G=(0,C.sJ)({isOpen:E[0],auto:!0,placement:p.getViewConfig().tooltipPosition||"left-center"});return b||y||p.getViewConfig().hideTooltip||!x.image&&!x.hexColor||x.contentItemId||(N=E[0],D=E[1],w=G.triggerProps,z=G.layerProps,M=G.renderLayer),(0,A.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:x.codex,className:l()(S.CA,x.sel?S.pA:void 0,"big"==r?S.Eb:void 0,"small"==r?S.yG:void 0,p.getIsInMobileView()?S.ai:void 0,p.uiState.isTablet?S.Mq:void 0),onClick:function onClick(){p.paletteViewHandler.clickedOnConfigPalette(x,void 0,a)}},w),D),{},{children:[(0,A.jsxs)("div",{className:l()(S.be),children:[p.getViewConfig().showVCodexInGallery&&x.vCodex&&(0,A.jsx)("div",{className:l()(S.rq),children:x.vCodex}),x.image?(0,A.jsx)("img",{className:l()(S.K5),src:"small"!=r?x.image.replace("_gal",""):x.image}):(0,A.jsx)("div",{className:l()(S.K5),style:{backgroundColor:"#"+(null!==(n=x.hexColor)&&void 0!==n?n:"fff")}}),x.contentItemId&&(0,A.jsx)(B.default,{item:x},x.codex)]}),(0,A.jsx)("div",{className:S.FJ,children:(0,A.jsx)("div",{className:S.TN,dangerouslySetInnerHTML:{__html:x.text+(m||"")}})}),x.doShowFav&&(0,A.jsx)("div",{className:x.isFav?j.Md:j.Hq,onClick:function onClick(){return p.paletteViewHandler.clickedOnFavIcon(x)}}),(0,A.jsx)(I.default,{style:{position:"relative",float:"left",display:"none"},metaData:x.metaData,visible:[v,f]},x.codex),!c&&void 0!==x.pricePreviewPromise&&(0,A.jsx)(O.default,{asyncPricePreview:x.pricePreviewPromise,sel:x.sel,style:"small"==r?{fontSize:9}:void 0}),void 0!==x.checkForReversingChanges&&(0,A.jsx)(Z.default,{item:x,paletteId:a}),N&&(null===(o=M)||void 0===o?void 0:o((0,A.jsx)(P.default,{text:x.text+(x.freeText?x.freeText:"")+(m||""),hexColor:x.hexColor,desciption:v,pricePreviewPromise:x.pricePreviewPromise,image:x.image,layerProps:z},x.codex)))]}))}))},84887:(e,n,o)=>{o.d(n,{B:()=>d,Z:()=>a});var i=o(8081),t=o.n(i),r=o(23645),l=o.n(r)()(t());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.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--hpPAb {\n  color: #fff;\n}\n",""]);var d="index-module--hpPAb";const a=l},31636:(e,n,o)=>{o.d(n,{CA:()=>d,Eb:()=>f,FJ:()=>p,K5:()=>x,Mq:()=>v,TN:()=>u,ZP:()=>g,ai:()=>h,be:()=>c,pA:()=>s,rq:()=>a,yG:()=>m});var i=o(8081),t=o.n(i),r=o(23645),l=o.n(r)()(t());l.push([e.id,"/*Size Normal */\n\n.index-module--zdGOB {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.index-module--zdGOB:active,\n.index-module--zdGOB:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--QEpYS {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n  color: white;\n  display: none;\n  text-align: center;\n}\n\n.index-module--zdGOB:hover .index-module--QEpYS,\n.index-module--pcB57 .index-module--QEpYS {\n  display: block;\n}\n\n.index-module--ZjI8q {\n  border-radius: calc(var(--globalBorderRadius) * 2 + 2px);\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n.index-module--zdGOB:hover .index-module--ZjI8q {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n.index-module--pcB57.index-module--zdGOB:hover .index-module--ZjI8q,\n.index-module--ljMpw.index-module--pcB57.index-module--zdGOB:hover .index-module--ZjI8q {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--pcB57 .index-module--ZjI8q,\n.index-module--ljMpw.index-module--pcB57 .index-module--ZjI8q {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--Ga2vs {\n  width: calc(100% - 8px);\n  border: 4px white solid;\n  border-radius: calc(var(--globalBorderRadius) * 2 + 2px);\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  -o-object-fit: contain;\n     object-fit: contain;\n  background-color: #fff;\n  transition: border 0.3s ease;\n  aspect-ratio: 1/1;\n}\n.index-module--pcB57 .index-module--Ga2vs,\n.index-module--ljMpw.index-module--pcB57 .index-module--Ga2vs {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--dwBQn {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--n4xih {\n  display: flex;\n  justify-content: center;\n  overflow: visible;\n  max-height: 32px;\n}\n\n.index-module--h2hli {\n  text-align: center;\n  width: 100%;\n  height: 32px;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  font-size: 14px;\n  line-height: 16px;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 2;\n  transition: height 0.3s ease-out;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--h2hli,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--h2hli {\n  color: #fff;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0) .index-module--h2hli {\n  font-size: 12px;\n  line-height: 14px;\n}\n\n.index-module--zdGOB:hover .index-module--h2hli,\n.index-module--zdGOB:focus .index-module--h2hli {\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  -webkit-line-clamp: 30;\n  height: 50px;\n  z-index: 200;\n  background-color: var(--settingsBackgroundColor);\n  border-bottom-left-radius: 6px;\n  border-bottom-right-radius: 6px;\n  transition: height 0.3s ease-in;\n}\n\n@supports (-moz-appearance: none) {\n  .index-module--zdGOB:hover .index-module--h2hli,\n  .index-module--zdGOB:focus .index-module--h2hli {\n    height: -moz-fit-content;\n    height: fit-content;\n  }\n}\n\n/* Size Small */\n\n.index-module--ljMpw .index-module--QEpYS {\n  font-size: 12px;\n}\n\n.index-module--ljMpw .index-module--h2hli {\n  font-size: 12px;\n  height: 16px;\n  -webkit-line-clamp: 1;\n}\n\n.index-module--ljMpw .index-module--n4xih {\n  max-height: 14px;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0).index-module--ljMpw .index-module--h2hli {\n  font-size: 11px;\n  height: 14px;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0).index-module--ljMpw .index-module--n4xih {\n  max-height: 14px;\n}\n\n/* Size big */\n\n.index-module--e6Piy .index-module--QEpYS {\n  font-size: 15px;\n}\n\n.index-module--e6Piy .index-module--h2hli {\n  font-size: 15px;\n  -webkit-line-clamp: 2;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0).index-module--e6Piy .index-module--h2hli {\n  font-size: 13px;\n}\n",""]);var d="index-module--zdGOB",a="index-module--QEpYS",s="index-module--pcB57",c="index-module--ZjI8q",m="index-module--ljMpw",x="index-module--Ga2vs",p="index-module--n4xih",u="index-module--h2hli",h="index-module--D9rSr",v="index-module--xR2x0",f="index-module--e6Piy";const g=l},16008:(e,n,o)=>{o.d(n,{Z:()=>r});var i=o(59654),t=o(47514);const r=(0,i.Z)((0,t.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")},75275:(e,n,o)=>{o.d(n,{Z:()=>r});var i=o(59654),t=o(47514);const r=(0,i.Z)((0,t.jsx)("path",{d:"M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"}),"Warning")},59654:(e,n,o)=>{o.d(n,{Z:()=>createSvgIcon});var i=o(87363),t=o(87726),r=o(91104),l=o(94299),d=o(5230),a=o(90659),s=o(56047),c=o(18685),m=o(36735);function getSvgIconUtilityClass(e){return(0,m.ZP)("MuiSvgIcon",e)}(0,c.Z)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var x=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}}]})))),u=i.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:u="medium",htmlColor:h,inheritViewBox:v=!1,titleAccess:f,viewBox:g="0 0 24 24",...b}=o,y=i.isValidElement(d)&&"svg"===d.type,w={...o,color:c,component:m,fontSize:u,instanceFontSize:e.fontSize,inheritViewBox:v,viewBox:g,hasSvgAsChild:y},S={};v||(S.viewBox=g);const z=(e=>{const{color:n,fontSize:o,classes:i}=e,t={root:["root","inherit"!==n&&`color${(0,l.Z)(n)}`,`fontSize${(0,l.Z)(o)}`]};return(0,r.Z)(t,getSvgIconUtilityClass,i)})(w);return(0,x.jsxs)(p,{as:m,className:(0,t.Z)(z.root,a),focusable:"false",color:h,"aria-hidden":!f||void 0,role:f?"img":void 0,ref:n,...S,...b,...y&&d.props,ownerState:w,children:[y?d.props.children:d,f?(0,x.jsx)("title",{children:f}):null]})}));u.muiName="SvgIcon";const h=u;function createSvgIcon(e,n){function Component(n,o){return(0,x.jsx)(h,{"data-testid":void 0,ref:o,...n,children:e})}return Component.muiName=h.muiName,i.memo(i.forwardRef(Component))}}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7406,1559],{81559:(e,n,o)=>{o.r(n),o.d(n,{default:()=>w});var i=o(34988),t=o(91214),r=o(87363),l=o(93379),d=o.n(l),a=o(7795),s=o.n(a),c=o(90569),m=o.n(c),x=o(3565),p=o.n(x),u=o(19216),h=o.n(u),v=o(44589),f=o.n(v),g=o(84887),b={};b.styleTagTransform=f(),b.setAttributes=p(),b.insert=m().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=h();d()(g.Z,b);g.Z&&g.Z.locals&&g.Z.locals;var y=o(47514);const w=function MetaData(e){var n=e.style,o=e.metaData,l=e.visible,d=void 0===l?(0,r.useState)(""):l,a=(0,i.Z)(d,2),s=a[0],c=a[1],m=(0,t.NP)(),x=(0,r.useState)(""),p=(0,i.Z)(x,2),u=p[0],h=p[1],v=m.getViewConfig().displayMetaDatas,f=null==o?void 0:o.find((function(e){return null==v?void 0:v.includes(e.codex)}));return(0,r.useEffect)((function(){if(f){for(var e="",n=0;n<f.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var t=null==o?void 0:o.find((function(e){return e.codex===v[i]}));if(!t)return 1;""!==e&&(e+=" "),e=e+(t.name?t.name+": ":"")+t.values[n]},t=0;t<v.length;t++)i(t)}h(e),c(e)}}),[]),s?(0,y.jsx)("div",{style:n,className:g.B,children:u}):(0,y.jsx)(y.Fragment,{})}},72829:(e,n,o)=>{o.r(n),o.d(n,{default:()=>M});var i=o(80248),t=o(34988),r=o(65515),l=o.n(r),d=o(91214),a=o(9420),s=o(87363),c=o(93379),m=o.n(c),x=o(7795),p=o.n(x),u=o(90569),h=o.n(u),v=o(3565),f=o.n(v),g=o(19216),b=o.n(g),y=o(44589),w=o.n(y),S=o(31636),z={};z.styleTagTransform=w(),z.setAttributes=f(),z.insert=h().bind(null,"head"),z.domAPI=p(),z.insertStyleElement=b();m()(S.ZP,z);S.ZP&&S.ZP.locals&&S.ZP.locals;var j=o(13838),C=o(58292),P=o(93355),I=o(81559),k=o(88683),B=o(41017),O=o(93536),Z=o(35464),A=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,i)}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,i.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 M=(0,a.Pi)((function Option(e){var n,o,i=e.item,r=e.type,a=e.paletteId,c=e.hidePricePreview,m=e.namePostFix,x=i,p=(0,d.NP)(),u=(0,s.useState)(""),h=(0,t.Z)(u,2),v=h[0],f=h[1],g=(0,k.useDivaCore)().state.dimensions,b=g.isMobile,y=g.isTablet,w={},z={},M=void 0,N=!1,D={},E=(0,C.XI)({delayEnter:1500,hideOnScroll:!0}),G=(0,C.sJ)({isOpen:E[0],auto:!0,placement:p.getViewConfig().tooltipPosition||"left-center"});return b||y||p.getViewConfig().hideTooltip||!x.image&&!x.hexColor||x.contentItemId||(N=E[0],D=E[1],w=G.triggerProps,z=G.layerProps,M=G.renderLayer),(0,A.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:x.codex,className:l()(S.CA,x.sel?S.pA:void 0,"big"==r?S.Eb:void 0,"small"==r?S.yG:void 0,p.getIsInMobileView()?S.ai:void 0,p.uiState.isTablet?S.Mq:void 0),onClick:function onClick(){p.paletteViewHandler.clickedOnConfigPalette(x,void 0,a)}},w),D),{},{children:[(0,A.jsxs)("div",{className:l()(S.be),children:[p.getViewConfig().showVCodexInGallery&&x.vCodex&&(0,A.jsx)("div",{className:l()(S.rq),children:x.vCodex}),x.image?(0,A.jsx)("img",{className:l()(S.K5),src:"small"!=r?x.image.replace("_gal",""):x.image}):(0,A.jsx)("div",{className:l()(S.K5),style:{backgroundColor:"#"+(null!==(n=x.hexColor)&&void 0!==n?n:"fff")}}),x.contentItemId&&(0,A.jsx)(B.default,{item:x},x.codex)]}),(0,A.jsx)("div",{className:S.FJ,children:(0,A.jsx)("div",{className:S.TN,dangerouslySetInnerHTML:{__html:x.text+(m||"")}})}),x.doShowFav&&(0,A.jsx)("div",{className:x.isFav?j.Md:j.Hq,onClick:function onClick(){return p.paletteViewHandler.clickedOnFavIcon(x)}}),(0,A.jsx)(I.default,{style:{position:"relative",float:"left",display:"none"},metaData:x.metaData,visible:[v,f]},x.codex),!c&&void 0!==x.pricePreviewPromise&&(0,A.jsx)(O.default,{asyncPricePreview:x.pricePreviewPromise,sel:x.sel,style:"small"==r?{fontSize:9}:void 0}),void 0!==x.checkForReversingChanges&&(0,A.jsx)(Z.default,{item:x,paletteId:a}),N&&(null===(o=M)||void 0===o?void 0:o((0,A.jsx)(P.default,{text:x.text+(x.freeText?x.freeText:"")+(m||""),hexColor:x.hexColor,desciption:v,pricePreviewPromise:x.pricePreviewPromise,image:x.image,layerProps:z},x.codex)))]}))}))},84887:(e,n,o)=>{o.d(n,{B:()=>d,Z:()=>a});var i=o(8081),t=o.n(i),r=o(23645),l=o.n(r)()(t());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.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--hpPAb {\n  color: #fff;\n}\n",""]);var d="index-module--hpPAb";const a=l},31636:(e,n,o)=>{o.d(n,{CA:()=>d,Eb:()=>f,FJ:()=>p,K5:()=>x,Mq:()=>v,TN:()=>u,ZP:()=>g,ai:()=>h,be:()=>c,pA:()=>s,rq:()=>a,yG:()=>m});var i=o(8081),t=o.n(i),r=o(23645),l=o.n(r)()(t());l.push([e.id,"/*Size Normal */\n\n.index-module--zdGOB {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.index-module--zdGOB:active,\n.index-module--zdGOB:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--QEpYS {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n  color: white;\n  display: none;\n  text-align: center;\n}\n\n.index-module--zdGOB:hover .index-module--QEpYS,\n.index-module--pcB57 .index-module--QEpYS {\n  display: block;\n}\n\n.index-module--ZjI8q {\n  border-radius: calc(var(--globalBorderRadius) * 2 + 2px);\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n.index-module--zdGOB:hover .index-module--ZjI8q {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n.index-module--pcB57.index-module--zdGOB:hover .index-module--ZjI8q,\n.index-module--ljMpw.index-module--pcB57.index-module--zdGOB:hover .index-module--ZjI8q {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--pcB57 .index-module--ZjI8q,\n.index-module--ljMpw.index-module--pcB57 .index-module--ZjI8q {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--Ga2vs {\n  width: calc(100% - 8px);\n  border: 4px white solid;\n  border-radius: calc(var(--globalBorderRadius) * 2 + 2px);\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  -o-object-fit: contain;\n     object-fit: contain;\n  background-color: #fff;\n  transition: border 0.3s ease;\n  aspect-ratio: 1/1;\n}\n.index-module--pcB57 .index-module--Ga2vs,\n.index-module--ljMpw.index-module--pcB57 .index-module--Ga2vs {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--dwBQn {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--n4xih {\n  display: flex;\n  justify-content: center;\n  overflow: visible;\n  max-height: 32px;\n}\n\n.index-module--h2hli {\n  text-align: center;\n  width: 100%;\n  height: 32px;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  font-size: 14px;\n  line-height: 16px;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 2;\n  transition: height 0.3s ease-out;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--h2hli,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--h2hli {\n  color: #fff;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0) .index-module--h2hli {\n  font-size: 12px;\n  line-height: 14px;\n}\n\n.index-module--zdGOB:hover .index-module--h2hli,\n.index-module--zdGOB:focus .index-module--h2hli {\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  -webkit-line-clamp: 30;\n  height: 50px;\n  z-index: 200;\n  background-color: var(--settingsBackgroundColor);\n  border-bottom-left-radius: 6px;\n  border-bottom-right-radius: 6px;\n  transition: height 0.3s ease-in;\n}\n\n@supports (-moz-appearance: none) {\n  .index-module--zdGOB:hover .index-module--h2hli,\n  .index-module--zdGOB:focus .index-module--h2hli {\n    height: -moz-fit-content;\n    height: fit-content;\n  }\n}\n\n/* Size Small */\n\n.index-module--ljMpw .index-module--QEpYS {\n  font-size: 12px;\n}\n\n.index-module--ljMpw .index-module--h2hli {\n  font-size: 12px;\n  height: 16px;\n  -webkit-line-clamp: 1;\n}\n\n.index-module--ljMpw .index-module--n4xih {\n  max-height: 14px;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0).index-module--ljMpw .index-module--h2hli {\n  font-size: 11px;\n  height: 14px;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0).index-module--ljMpw .index-module--n4xih {\n  max-height: 14px;\n}\n\n/* Size big */\n\n.index-module--e6Piy .index-module--QEpYS {\n  font-size: 15px;\n}\n\n.index-module--e6Piy .index-module--h2hli {\n  font-size: 15px;\n  -webkit-line-clamp: 2;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0).index-module--e6Piy .index-module--h2hli {\n  font-size: 13px;\n}\n",""]);var d="index-module--zdGOB",a="index-module--QEpYS",s="index-module--pcB57",c="index-module--ZjI8q",m="index-module--ljMpw",x="index-module--Ga2vs",p="index-module--n4xih",u="index-module--h2hli",h="index-module--D9rSr",v="index-module--xR2x0",f="index-module--e6Piy";const g=l},16008:(e,n,o)=>{o.d(n,{Z:()=>r});var i=o(59654),t=o(47514);const r=(0,i.Z)((0,t.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")},75275:(e,n,o)=>{o.d(n,{Z:()=>r});var i=o(59654),t=o(47514);const r=(0,i.Z)((0,t.jsx)("path",{d:"M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"}),"Warning")},59654:(e,n,o)=>{o.d(n,{Z:()=>createSvgIcon});var i=o(87363),t=o(87726),r=o(91104),l=o(94299),d=o(5230),a=o(90659),s=o(56047),c=o(18685),m=o(36735);function getSvgIconUtilityClass(e){return(0,m.ZP)("MuiSvgIcon",e)}(0,c.Z)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var x=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}}]})))),u=i.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:u="medium",htmlColor:h,inheritViewBox:v=!1,titleAccess:f,viewBox:g="0 0 24 24",...b}=o,y=i.isValidElement(d)&&"svg"===d.type,w={...o,color:c,component:m,fontSize:u,instanceFontSize:e.fontSize,inheritViewBox:v,viewBox:g,hasSvgAsChild:y},S={};v||(S.viewBox=g);const z=(e=>{const{color:n,fontSize:o,classes:i}=e,t={root:["root","inherit"!==n&&`color${(0,l.Z)(n)}`,`fontSize${(0,l.Z)(o)}`]};return(0,r.Z)(t,getSvgIconUtilityClass,i)})(w);return(0,x.jsxs)(p,{as:m,className:(0,t.Z)(z.root,a),focusable:"false",color:h,"aria-hidden":!f||void 0,role:f?"img":void 0,ref:n,...S,...b,...y&&d.props,ownerState:w,children:[y?d.props.children:d,f?(0,x.jsx)("title",{children:f}):null]})}));u.muiName="SvgIcon";const h=u;function createSvgIcon(e,n){function Component(n,o){return(0,x.jsx)(h,{"data-testid":void 0,ref:o,...n,children:e})}return Component.muiName=h.muiName,i.memo(i.forwardRef(Component))}}}]);