npm - @crystaldesign/diva-web-planner-react - Versions diffs - 25.11.0-rc.0 → 25.11.0-rc.10 - Mend

@crystaldesign/diva-web-planner-react 25.11.0-rc.0 → 25.11.0-rc.10

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 (399) hide show

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

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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 1947.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1947],{41947:(n,e,i)=>{i.r(e),i.d(e,{default:()=>P});var t=i(80248),r=(i(87363),i(9420)),a=i(88130),d=i(93379),o=i.n(d),s=i(7795),l=i.n(s),c=i(90569),u=i.n(c),p=i(3565),m=i.n(p),h=i(19216),x=i.n(h),v=i(44589),C=i.n(v),b=i(2348),f={};f.styleTagTransform=C(),f.setAttributes=m(),f.insert=u().bind(null,"head"),f.domAPI=l(),f.insertStyleElement=x();o()(b.ZP,f);b.ZP&&b.ZP.locals&&b.ZP.locals;var g=i(65515),j=i.n(g),w=i(24585),y=i(83485),L=i(88683),O=i(47514);function ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(i),!0).forEach((function(e){(0,t.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}const P=(0,r.Pi)((function ArticleOverview(){var n,e,i,t=(0,a.NP)(),r=(0,y.W)(),d=r.dimensions,o=r.dimOnlyForOneArticle,s=(0,L.useTranslation)().t,l=t.settingsState.bbox;return(0,O.jsxs)("div",{className:b.YS,children:[(0,O.jsx)("div",{className:b.O7,children:(0,O.jsxs)("div",{className:j()(b.$Q,b.Fs),children:[(0,O.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"var(--diva-theme-palette-primary-main)","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:[(0,O.jsx)("path",{d:"M21.3 15.3a2.4 2.4 0 0 1 0 3.4l-2.6 2.6a2.4 2.4 0 0 1-3.4 0L2.7 8.7a2.41 2.41 0 0 1 0-3.4l2.6-2.6a2.41 2.41 0 0 1 3.4 0Z"}),(0,O.jsx)("path",{d:"m14.5 12.5 2-2"}),(0,O.jsx)("path",{d:"m11.5 9.5 2-2"}),(0,O.jsx)("path",{d:"m8.5 6.5 2-2"}),(0,O.jsx)("path",{d:"m17.5 15.5 2-2"})]}),"Gesamtmaße"]})}),(0,O.jsxs)("div",{className:b.Bb,children:[(0,O.jsxs)("div",{className:b.O7,children:[(0,O.jsx)("div",{className:b.$Q,children:s("configurator.bth")}),(0,O.jsxs)("div",{className:j()(b.$Q,b.Sn),children:[null!==(n=null==l?void 0:l.X)&&void 0!==n?n:-1," × ",null!==(e=null==l?void 0:l.Y)&&void 0!==e?e:-1," × ",null!==(i=null==l?void 0:l.Z)&&void 0!==i?i:-1," cm"]})]}),!(null==d||!d.length)&&(null==d?void 0:d.map((function(n){var e,i;return(0,O.jsxs)("div",{className:b.O7,children:[(0,O.jsxs)("div",{className:b.$Q,children:[null!==(e=n.text)&&void 0!==e?e:s("configurator.headerdimension."+n.dimensionId),!o&&" ("+n.posNrs.join(",")+")"]}),(0,O.jsxs)("div",{className:j()(b.$Q,b.Sn),children:[null!==(i=n.dimension)&&void 0!==i?i:0," ",n.unit]})]})})))]}),t.productState.allowQRCodeAR&&(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)("div",{className:b.kr}),(0,O.jsx)(w.default,{dontOpenModal:!0,Button:function Button(n){return(0,O.jsxs)("div",_objectSpread(_objectSpread({className:b.LI},n),{},{children:[(0,O.jsxs)("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,O.jsx)("circle",{cx:"16",cy:"16",r:"16"}),(0,O.jsx)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M18.9044 9.14469L16.5714 8.04166C16.4524 7.98611 16.3175 7.98611 16.1984 8.04166L13.8575 9.14469C13.5242 9.3034 13.3734 9.70811 13.5321 10.0414C13.6432 10.2874 13.8892 10.4302 14.1432 10.4302C14.2384 10.4302 14.3336 10.4064 14.4288 10.3668L15.7064 9.76366V11.4063C15.7064 11.7793 16.008 12.0808 16.381 12.0808C16.7539 12.0808 17.0555 11.7793 17.0555 11.4063V9.76366L18.3331 10.3668C18.6664 10.5255 19.0711 10.3826 19.2298 10.0414C19.3885 9.70018 19.2457 9.3034 18.9044 9.14469ZM18.3324 13.6921L16.3803 14.6126L14.4282 13.6921C14.0949 13.5334 13.6902 13.6762 13.5315 14.0175C13.3728 14.3508 13.5156 14.7555 13.8568 14.9142L15.682 15.7712C15.682 15.7871 15.678 15.801 15.674 15.8149C15.6701 15.8287 15.6661 15.8426 15.6661 15.8585V17.5091C15.6661 17.882 15.9677 18.1836 16.3406 18.1836C16.7136 18.1836 17.0151 17.882 17.0151 17.5091V15.8585C17.0151 15.8506 17.0132 15.8426 17.0112 15.8347L17.0112 15.8347C17.0092 15.8267 17.0072 15.8188 17.0072 15.8109L18.9117 14.9142C19.245 14.7555 19.3958 14.3508 19.2371 14.0175C19.0704 13.6842 18.6657 13.5334 18.3324 13.6921ZM21.4188 10.3832L23.5059 11.3831C23.6646 11.4545 23.7598 11.6132 23.7598 11.7798V14.1843C23.7598 14.5573 23.4583 14.8588 23.0853 14.8588C22.7123 14.8588 22.4108 14.5573 22.4108 14.1843V13.2955L21.3077 13.8113C21.2125 13.851 21.1173 13.8748 21.0221 13.8748C20.7681 13.8748 20.5221 13.732 20.411 13.486C20.2523 13.1527 20.4031 12.748 20.7364 12.5893L21.8315 12.0735L20.8395 11.5973C20.5063 11.4386 20.3634 11.0339 20.5221 10.7006C20.6808 10.3673 21.0855 10.2245 21.4188 10.3832ZM12.0234 12.589L10.9283 12.0732L11.9203 11.597C12.2536 11.4383 12.3964 11.0336 12.2377 10.7003C12.079 10.3591 11.6743 10.2162 11.341 10.3829L9.25394 11.3828C9.09523 11.4542 9 11.6129 9 11.7795V14.1761C9 14.549 9.30155 14.8506 9.67452 14.8506C10.0475 14.8506 10.349 14.557 10.349 14.184V13.2873L11.4521 13.8031C11.5473 13.8507 11.6425 13.8745 11.7377 13.8745C11.9917 13.8745 12.2377 13.7317 12.3488 13.4857C12.5075 13.1524 12.3646 12.7477 12.0234 12.589ZM11.4521 18.4139C11.7854 18.2552 12.1901 18.4059 12.3488 18.7392C12.5075 19.0805 12.3646 19.4852 12.0234 19.6439L10.9283 20.1597L11.9203 20.6358C12.2536 20.7945 12.3964 21.1992 12.2377 21.5325C12.1186 21.7706 11.8806 21.9134 11.6266 21.9134C11.5235 21.9134 11.4283 21.8976 11.333 21.8499L9.246 20.8501C9.09523 20.7786 9 20.6199 9 20.4533V18.0488C9 17.6759 9.30155 17.3743 9.67452 17.3743C10.0475 17.3743 10.349 17.6759 10.349 18.0488V18.9376L11.4521 18.4139Z",fill:"var(--diva-theme-palette-primary-main)"}),(0,O.jsx)("path",{d:"M18.749 24H17.6823L17.272 22.799H15.3849L14.9746 24H13.9229L15.7205 19.0769H16.9513L18.749 24ZM15.6161 22.0382H17.0408L16.3247 19.89L15.6161 22.0382Z",fill:"var(--diva-theme-palette-primary-main)"}),(0,O.jsx)("path",{d:"M21.6498 19.0769C22.2068 19.0769 22.6444 19.2112 22.9627 19.4797C23.2809 19.7482 23.44 20.1088 23.44 20.5613C23.44 21.0436 23.2809 21.4141 22.9627 21.6727C22.6444 21.9263 22.2093 22.0531 21.6573 22.0531L21.5529 22.1128H20.4937V24H19.4792V19.0769H21.6498ZM21.5305 21.3296C21.8189 21.3296 22.0327 21.2724 22.172 21.158C22.3162 21.0387 22.3883 20.8572 22.3883 20.6135C22.3883 20.3698 22.3162 20.1908 22.172 20.0764C22.0327 19.9571 21.8189 19.8974 21.5305 19.8974H20.4937V21.3296H21.5305ZM22.1347 21.5459L23.731 24H22.5748L21.2545 21.8443L22.1347 21.5459Z",fill:"var(--diva-theme-palette-primary-main)"})]}),"Zuhause ausprobieren"]}))}})]})]})}))},83485:(n,e,i)=>{i.d(e,{W:()=>d});var t=i(34988),r=i(87363),a=i(88130),d=function useCustomDimensions(){var n=(0,a.NP)(),e=(0,r.useState)(),i=(0,t.Z)(e,2),d=i[0],o=i[1],s=(0,r.useState)(!1),l=(0,t.Z)(s,2),c=l[0],u=l[1];return(0,r.useEffect)((function(){var e;n.divaWebPlanner.actSet()&&(null===(e=n.productState.customDimensions)||void 0===e||e.then((function(n){o(n);var e=n.reduce((function(n,e){return n[e.dimensionId]?n[e.dimensionId].includes(e.dimension)||n[e.dimensionId].push(e.dimension):n[e.dimensionId]=[e.dimension],n}),{});u(!Object.values(e).find((function(n){return n.length>1})))})))}),[n.divaWebPlanner.actSet(),n.settingsState.configChanged]),{dimensions:d,dimOnlyForOneArticle:c}}},2348:(n,e,i)=>{i.d(e,{$Q:()=>u,Bb:()=>s,Fs:()=>c,LI:()=>h,O7:()=>l,Sn:()=>p,YS:()=>o,ZP:()=>x,kr:()=>m});var t=i(8081),r=i.n(t),a=i(23645),d=i.n(a)()(r());d.push([n.id,".index-module--d2iqX {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  position: relative;\n  border: 1px solid var(--diva-theme-palette-primary-main);\n  border-radius: calc(var(--buttons-border-radius) * 2);\n  color: var(--diva-theme-palette-primary-main);\n  width: calc(100% - 32px);\n  padding: 16px;\n  margin: 12px 0px;\n}\n\n.index-module--K4_z9 {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: 8px;\n  font-size: 14px;\n}\n\n.index-module--d2iqX::before {\n  content: '';\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background-color: var(--diva-theme-palette-primary-light);\n  opacity: 0.15;\n  z-index: -1;\n  pointer-events: none;\n  border-radius: inherit;\n}\n\n.index-module--RkkoP {\n  display: flex;\n  flex-direction: row;\n  gap: 16px;\n  justify-content: space-between;\n  width: 100%;\n}\n\n.index-module--sQl1l {\n  font-weight: 600;\n}\n\n.index-module--ZF6Gz {\n  display: flex;\n  gap: 4px;\n  align-items: center;\n}\n\n.index-module--ub3Fh {\n  color: #000;\n  font-weight: 600;\n}\n\n.index-module--kL69q {\n  width: 100%;\n  height: 1px;\n  background-color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--uReTO {\n  cursor: pointer;\n  width: calc(100% - 32px);\n  height: 22px;\n  padding: 8px 16px;\n  background-color: transparent;\n  border: 1px solid var(--diva-theme-palette-primary-main);\n  border-radius: calc(var(--buttons-border-radius) * 1.5);\n  font-size: 14px;\n  font-weight: 600;\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n  align-items: center;\n  justify-content: center;\n  transition:\n    background-color 0.3s ease,\n    box-shadow 0.3s ease;\n}\n\n.index-module--uReTO:hover {\n  background-color: var(--diva-theme-palette-primary-light);\n  box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.1);\n}\n",""]);var o="index-module--d2iqX",s="index-module--K4_z9",l="index-module--RkkoP",c="index-module--sQl1l",u="index-module--ZF6Gz",p="index-module--ub3Fh",m="index-module--kL69q",h="index-module--uReTO";const x=d}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1947],{41947:(n,e,i)=>{i.r(e),i.d(e,{default:()=>P});var t=i(80248),r=(i(87363),i(9420)),a=i(88130),o=i(93379),d=i.n(o),s=i(7795),l=i.n(s),c=i(90569),u=i.n(c),m=i(3565),p=i.n(m),h=i(19216),x=i.n(h),v=i(44589),f=i.n(v),C=i(2348),b={};b.styleTagTransform=f(),b.setAttributes=p(),b.insert=u().bind(null,"head"),b.domAPI=l(),b.insertStyleElement=x();d()(C.ZP,b);C.ZP&&C.ZP.locals&&C.ZP.locals;var g=i(65515),j=i.n(g),y=i(24585),w=i(83485),L=i(88683),O=i(47514);function ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(i),!0).forEach((function(e){(0,t.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}const P=(0,r.Pi)((function ArticleOverview(){var n,e,i,t=(0,a.NP)(),r=(0,w.W)(),o=r.dimensions,d=r.dimOnlyForOneArticle,s=(0,L.useTranslation)().t,l=t.settingsState.bbox;return(0,O.jsxs)("div",{className:C.YS,children:[(0,O.jsx)("div",{className:C.O7,children:(0,O.jsxs)("div",{className:j()(C.$Q,C.Fs),children:[(0,O.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"var(--diva-theme-palette-primary-main)","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:[(0,O.jsx)("path",{d:"M21.3 15.3a2.4 2.4 0 0 1 0 3.4l-2.6 2.6a2.4 2.4 0 0 1-3.4 0L2.7 8.7a2.41 2.41 0 0 1 0-3.4l2.6-2.6a2.41 2.41 0 0 1 3.4 0Z"}),(0,O.jsx)("path",{d:"m14.5 12.5 2-2"}),(0,O.jsx)("path",{d:"m11.5 9.5 2-2"}),(0,O.jsx)("path",{d:"m8.5 6.5 2-2"}),(0,O.jsx)("path",{d:"m17.5 15.5 2-2"})]}),s("configurator.summary.total_dimensions")]})}),(0,O.jsxs)("div",{className:C.Bb,children:[(0,O.jsxs)("div",{className:C.O7,children:[(0,O.jsx)("div",{className:C.$Q,children:s("configurator.bth")}),(0,O.jsxs)("div",{className:j()(C.$Q,C.Sn),children:[null!==(n=null==l?void 0:l.X)&&void 0!==n?n:-1," × ",null!==(e=null==l?void 0:l.Y)&&void 0!==e?e:-1," × ",null!==(i=null==l?void 0:l.Z)&&void 0!==i?i:-1," cm"]})]}),!(null==o||!o.length)&&(null==o?void 0:o.map((function(n){var e,i;return(0,O.jsxs)("div",{className:C.O7,children:[(0,O.jsxs)("div",{className:C.$Q,children:[null!==(e=n.text)&&void 0!==e?e:s("configurator.headerdimension."+n.dimensionId),!d&&" ("+n.posNrs.join(",")+")"]}),(0,O.jsxs)("div",{className:j()(C.$Q,C.Sn),children:[null!==(i=n.dimension)&&void 0!==i?i:0," ",n.unit]})]})})))]}),t.productState.allowQRCodeAR&&(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)("div",{className:C.kr}),(0,O.jsx)(y.default,{dontOpenModal:!0,Button:function Button(n){return(0,O.jsxs)("div",_objectSpread(_objectSpread({className:C.LI},n),{},{children:[(0,O.jsxs)("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,O.jsx)("circle",{cx:"16",cy:"16",r:"16"}),(0,O.jsx)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M18.9044 9.14469L16.5714 8.04166C16.4524 7.98611 16.3175 7.98611 16.1984 8.04166L13.8575 9.14469C13.5242 9.3034 13.3734 9.70811 13.5321 10.0414C13.6432 10.2874 13.8892 10.4302 14.1432 10.4302C14.2384 10.4302 14.3336 10.4064 14.4288 10.3668L15.7064 9.76366V11.4063C15.7064 11.7793 16.008 12.0808 16.381 12.0808C16.7539 12.0808 17.0555 11.7793 17.0555 11.4063V9.76366L18.3331 10.3668C18.6664 10.5255 19.0711 10.3826 19.2298 10.0414C19.3885 9.70018 19.2457 9.3034 18.9044 9.14469ZM18.3324 13.6921L16.3803 14.6126L14.4282 13.6921C14.0949 13.5334 13.6902 13.6762 13.5315 14.0175C13.3728 14.3508 13.5156 14.7555 13.8568 14.9142L15.682 15.7712C15.682 15.7871 15.678 15.801 15.674 15.8149C15.6701 15.8287 15.6661 15.8426 15.6661 15.8585V17.5091C15.6661 17.882 15.9677 18.1836 16.3406 18.1836C16.7136 18.1836 17.0151 17.882 17.0151 17.5091V15.8585C17.0151 15.8506 17.0132 15.8426 17.0112 15.8347L17.0112 15.8347C17.0092 15.8267 17.0072 15.8188 17.0072 15.8109L18.9117 14.9142C19.245 14.7555 19.3958 14.3508 19.2371 14.0175C19.0704 13.6842 18.6657 13.5334 18.3324 13.6921ZM21.4188 10.3832L23.5059 11.3831C23.6646 11.4545 23.7598 11.6132 23.7598 11.7798V14.1843C23.7598 14.5573 23.4583 14.8588 23.0853 14.8588C22.7123 14.8588 22.4108 14.5573 22.4108 14.1843V13.2955L21.3077 13.8113C21.2125 13.851 21.1173 13.8748 21.0221 13.8748C20.7681 13.8748 20.5221 13.732 20.411 13.486C20.2523 13.1527 20.4031 12.748 20.7364 12.5893L21.8315 12.0735L20.8395 11.5973C20.5063 11.4386 20.3634 11.0339 20.5221 10.7006C20.6808 10.3673 21.0855 10.2245 21.4188 10.3832ZM12.0234 12.589L10.9283 12.0732L11.9203 11.597C12.2536 11.4383 12.3964 11.0336 12.2377 10.7003C12.079 10.3591 11.6743 10.2162 11.341 10.3829L9.25394 11.3828C9.09523 11.4542 9 11.6129 9 11.7795V14.1761C9 14.549 9.30155 14.8506 9.67452 14.8506C10.0475 14.8506 10.349 14.557 10.349 14.184V13.2873L11.4521 13.8031C11.5473 13.8507 11.6425 13.8745 11.7377 13.8745C11.9917 13.8745 12.2377 13.7317 12.3488 13.4857C12.5075 13.1524 12.3646 12.7477 12.0234 12.589ZM11.4521 18.4139C11.7854 18.2552 12.1901 18.4059 12.3488 18.7392C12.5075 19.0805 12.3646 19.4852 12.0234 19.6439L10.9283 20.1597L11.9203 20.6358C12.2536 20.7945 12.3964 21.1992 12.2377 21.5325C12.1186 21.7706 11.8806 21.9134 11.6266 21.9134C11.5235 21.9134 11.4283 21.8976 11.333 21.8499L9.246 20.8501C9.09523 20.7786 9 20.6199 9 20.4533V18.0488C9 17.6759 9.30155 17.3743 9.67452 17.3743C10.0475 17.3743 10.349 17.6759 10.349 18.0488V18.9376L11.4521 18.4139Z",fill:"var(--diva-theme-palette-primary-main)"}),(0,O.jsx)("path",{d:"M18.749 24H17.6823L17.272 22.799H15.3849L14.9746 24H13.9229L15.7205 19.0769H16.9513L18.749 24ZM15.6161 22.0382H17.0408L16.3247 19.89L15.6161 22.0382Z",fill:"var(--diva-theme-palette-primary-main)"}),(0,O.jsx)("path",{d:"M21.6498 19.0769C22.2068 19.0769 22.6444 19.2112 22.9627 19.4797C23.2809 19.7482 23.44 20.1088 23.44 20.5613C23.44 21.0436 23.2809 21.4141 22.9627 21.6727C22.6444 21.9263 22.2093 22.0531 21.6573 22.0531L21.5529 22.1128H20.4937V24H19.4792V19.0769H21.6498ZM21.5305 21.3296C21.8189 21.3296 22.0327 21.2724 22.172 21.158C22.3162 21.0387 22.3883 20.8572 22.3883 20.6135C22.3883 20.3698 22.3162 20.1908 22.172 20.0764C22.0327 19.9571 21.8189 19.8974 21.5305 19.8974H20.4937V21.3296H21.5305ZM22.1347 21.5459L23.731 24H22.5748L21.2545 21.8443L22.1347 21.5459Z",fill:"var(--diva-theme-palette-primary-main)"})]}),s("configurator.ar_try_at_home")]}))}})]})]})}))},83485:(n,e,i)=>{i.d(e,{W:()=>o});var t=i(34988),r=i(87363),a=i(88130),o=function useCustomDimensions(){var n=(0,a.NP)(),e=(0,r.useState)(),i=(0,t.Z)(e,2),o=i[0],d=i[1],s=(0,r.useState)(!1),l=(0,t.Z)(s,2),c=l[0],u=l[1];return(0,r.useEffect)((function(){var e;n.divaWebPlanner.actSet()&&(null===(e=n.productState.customDimensions)||void 0===e||e.then((function(n){d(n);var e=n.reduce((function(n,e){return n[e.dimensionId]?n[e.dimensionId].includes(e.dimension)||n[e.dimensionId].push(e.dimension):n[e.dimensionId]=[e.dimension],n}),{});u(!Object.values(e).find((function(n){return n.length>1})))})))}),[n.divaWebPlanner.actSet(),n.settingsState.configChanged]),{dimensions:o,dimOnlyForOneArticle:c}}},2348:(n,e,i)=>{i.d(e,{$Q:()=>u,Bb:()=>s,Fs:()=>c,LI:()=>h,O7:()=>l,Sn:()=>m,YS:()=>d,ZP:()=>x,kr:()=>p});var t=i(8081),r=i.n(t),a=i(23645),o=i.n(a)()(r());o.push([n.id,".index-module--d2iqX {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  position: relative;\n  border: 1px solid var(--diva-theme-palette-primary-main);\n  border-radius: calc(var(--buttons-border-radius) * 2);\n  color: var(--diva-theme-palette-primary-main);\n  width: calc(100% - 32px);\n  padding: 16px;\n  margin: 12px 0px;\n}\n\n.index-module--K4_z9 {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: 8px;\n  font-size: 14px;\n}\n\n.index-module--d2iqX::before {\n  content: '';\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background-color: var(--diva-theme-palette-primary-light);\n  opacity: 0.15;\n  z-index: -1;\n  pointer-events: none;\n  border-radius: inherit;\n}\n\n.index-module--RkkoP {\n  display: flex;\n  flex-direction: row;\n  gap: 16px;\n  justify-content: space-between;\n  width: 100%;\n}\n\n.index-module--sQl1l {\n  font-weight: 600;\n}\n\n.index-module--ZF6Gz {\n  display: flex;\n  gap: 4px;\n  align-items: center;\n}\n\n.index-module--ub3Fh {\n  color: #000;\n  font-weight: 600;\n}\n\n.index-module--kL69q {\n  width: 100%;\n  height: 1px;\n  background-color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--uReTO {\n  cursor: pointer;\n  width: calc(100% - 32px);\n  height: 22px;\n  padding: 8px 16px;\n  background-color: transparent;\n  border: 1px solid var(--diva-theme-palette-primary-main);\n  border-radius: calc(var(--buttons-border-radius) * 1.5);\n  font-size: 14px;\n  font-weight: 600;\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n  align-items: center;\n  justify-content: center;\n  transition:\n    background-color 0.3s ease,\n    box-shadow 0.3s ease;\n}\n\n.index-module--uReTO:hover {\n  background-color: var(--diva-theme-palette-primary-light);\n  box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.1);\n}\n",""]);var d="index-module--d2iqX",s="index-module--K4_z9",l="index-module--RkkoP",c="index-module--sQl1l",u="index-module--ZF6Gz",m="index-module--ub3Fh",p="index-module--kL69q",h="index-module--uReTO";const x=o}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 2033.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2033,9510,2398],{9510:(t,o,i)=>{i.r(o),i.d(o,{default:()=>D});var r=i(34988),d=i(93379),a=i.n(d),l=i(7795),c=i.n(l),u=i(90569),p=i.n(u),x=i(3565),m=i.n(x),h=i(19216),C=i.n(h),g=i(44589),v=i.n(g),b=i(23240),w={};w.styleTagTransform=v(),w.setAttributes=m(),w.insert=p().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=C();a()(b.ZP,w);b.ZP&&b.ZP.locals&&b.ZP.locals;var y=i(87363),P=i(88130),j=i(65515),S=i.n(j),I=i(9420),Z=i(47514);const D=(0,I.Pi)((function InfoIcon(t){var o,i,d,a=t.item,l=t.style,c=(0,P.NP)(),u=a.contentItemId,p=null!==(o=null!==(i=null!==(d=a.codex)&&void 0!==d?d:a.articleCodex)&&void 0!==i?i:a.title)&&void 0!==o?o:a.key,x=(0,y.useState)(!1),m=(0,r.Z)(x,2),h=m[0],C=m[1],g=a.sel||h;if((0,y.useEffect)((function(){var t=c.settingsState.contentItemVisible&&c.settingsState.contentItemId==u&&p==c.settingsState.clickedFrom;!t&&h&&C(!1),t&&!h&&C(!0)}),[c.settingsState.contentItemVisible,c.settingsState.contentItemId,c.settingsState.clickedFrom]),!a)throw new Error("item for infoIcon not defined");return function showIcon(){var t;return!a.op||null===(t=c.uiState.ViewConfig.infoIconSettings)||void 0===t||!t.onlyShowSelectedOPV||g}()?(0,Z.jsx)("div",{className:b.um,onClick:function onClick(t){c.settingsState.onClickContentItemId(u,p),C(c.settingsState.contentItemVisible&&c.settingsState.contentItemId==u),t.stopPropagation()},style:l,children:(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)("div",{className:S()(b.hv,g?void 0:b.al,h?b.FJ:void 0),children:(0,Z.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,Z.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,Z.jsx)("path",{className:b.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,Z.jsx)("path",{className:b.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,Z.jsx)("div",{className:S()(b.dA,g?b.al:void 0),children:(0,Z.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,Z.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,Z.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,Z.jsx)(Z.Fragment,{})}))},2398:(t,o,i)=>{i.r(o),i.d(o,{default:()=>A});var r=i(80248),d=i(34988),a=i(87363),l=i(93379),c=i.n(l),u=i(7795),p=i.n(u),x=i(90569),m=i.n(x),h=i(3565),C=i.n(h),g=i(19216),v=i.n(g),b=i(44589),w=i.n(b),y=i(8907),P={};P.styleTagTransform=w(),P.setAttributes=C(),P.insert=m().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=v();c()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var j=i(88683),S=i(88130),I=i(65515),Z=i.n(I),D=i(7501),k=i(47514);function ownKeys(t,o){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable}))),i.push.apply(i,r)}return i}function _objectSpread(t){for(var o=1;o<arguments.length;o++){var i=null!=arguments[o]?arguments[o]:{};o%2?ownKeys(Object(i),!0).forEach((function(o){(0,r.Z)(t,o,i[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(i,o))}))}return t}var N=function AsyncRender1(t){var o=t.asyncPricePreview,i=t.children;return use(o)?i:(0,k.jsx)(k.Fragment,{})},_=function AsyncRender2(t){var o,i,r=t.asyncPricePreview,l=t.dontAnimatePrice,c=use(r),u=(0,S.NP)().productState.pricePreview,p=(0,a.useState)(0),x=(0,d.Z)(p,2),m=x[0],h=x[1];switch(u){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":i=c.price-c.origPrice;break;case"fromBasePrice":i=c.price-c.firstPrice}return(0,k.jsxs)(k.Fragment,{children:[(null===(o=window)||void 0===o||o.DIVA_LOGGER,""),(0,k.jsx)(D.ZP,{end:i,duration:.35,start:l?i:m,formattingFn:function formattingFn(t){return(t<0?"-":"+")+j.DivaUtils.formatPrice(Math.abs(t),_objectSpread(_objectSpread({},j.DivaUtils.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))},onEnd:function onEnd(){h(i)}})]})};function use(t){if("fulfilled"===t.status)return t.value;throw"rejected"===t.status?t.reason:("pending"===t.status||(t.status="pending",t.then((function(o){t.status="fulfilled",t.value=o}),(function(o){t.status="rejected",t.reason=o}))),t)}const A=function PricePreview(t){var o=t.asyncPricePreview,i=t.pos,r=void 0===i?"right":i,l=t.style,c=t.price,u=t.sel,p=t.dontAnimatePrice,x=(0,j.useDivaCore)().state,m=x.hidePrices,h=x.hideConfigPricePreview,C=(0,S.NP)(),g=(0,a.useState)(p),v=(0,d.Z)(g,2),b=v[0],w=v[1];if(m||"off"==C.productState.pricePreview)return(0,k.jsx)(k.Fragment,{});if(c)return(0,k.jsx)("div",{className:Z()(y.aH,"left"==r?y.t$:y.F2),style:l,children:j.DivaUtils.formatPrice(Math.abs(c),_objectSpread(_objectSpread({},j.DivaUtils.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))});var P=h||"fromCurrentPriceHideCurrent"==C.productState.pricePreview&&u;return o?(o.promise.then((function(){b||w(!0)})),(0,k.jsx)(a.Suspense,{fallback:(0,k.jsx)(k.Fragment,{}),children:(0,k.jsx)(N,{asyncPricePreview:o.isVisible,children:(0,k.jsx)("div",{className:Z()(y.aH,b&&!P?y.pn:void 0,C.getIsInMobileView()?y.ai:void 0,"left"==r?y.t$:y.F2),style:l,children:(0,k.jsx)(a.Suspense,{fallback:(0,k.jsx)(k.Fragment,{}),children:(0,k.jsx)(_,{asyncPricePreview:o.promise,dontAnimatePrice:p})})})})})):(0,k.jsx)(k.Fragment,{})}},24351:(t,o,i)=>{i.r(o),i.d(o,{default:()=>E});var r=i(34988),d=i(10304),a=i(87363),l=i(88130),c=i(9420),u=i(93379),p=i.n(u),x=i(7795),m=i.n(x),h=i(90569),C=i.n(h),g=i(3565),v=i.n(g),b=i(19216),w=i.n(b),y=i(44589),P=i.n(y),j=i(35563),S={};S.styleTagTransform=P(),S.setAttributes=v(),S.insert=C().bind(null,"head"),S.domAPI=m(),S.insertStyleElement=w();p()(j.ZP,S);j.ZP&&j.ZP.locals&&j.ZP.locals;var I=i(65515),Z=i.n(I),D=i(9510),k=i(86526),N=i.n(k),_=i(77826),A={};A.styleTagTransform=P(),A.setAttributes=v(),A.insert=C().bind(null,"head"),A.domAPI=m(),A.insertStyleElement=w();p()(_.Z,A);_.Z&&_.Z.locals&&_.Z.locals;var z=i(2398),O=i(47514);function _createForOfIteratorHelper(t,o){var i="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!i){if(Array.isArray(t)||(i=function _unsupportedIterableToArray(t,o){if(t){if("string"==typeof t)return _arrayLikeToArray(t,o);var i={}.toString.call(t).slice(8,-1);return"Object"===i&&t.constructor&&(i=t.constructor.name),"Map"===i||"Set"===i?Array.from(t):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?_arrayLikeToArray(t,o):void 0}}(t))||o&&t&&"number"==typeof t.length){i&&(t=i);var r=0,d=function F(){};return{s:d,n:function n(){return r>=t.length?{done:!0}:{done:!1,value:t[r++]}},e:function e(t){throw t},f:d}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,l=!0,c=!1;return{s:function s(){i=i.call(t)},n:function n(){var t=i.next();return l=t.done,t},e:function e(t){c=!0,a=t},f:function f(){try{l||null==i.return||i.return()}finally{if(c)throw a}}}}function _arrayLikeToArray(t,o){(null==o||o>t.length)&&(o=t.length);for(var i=0,r=Array(o);i<o;i++)r[i]=t[i];return r}const E=(0,c.Pi)((function DropDowmText(t){var o,i=t.item,c=t.paletteId,u=t.style,p=(0,l.NP)(),x=i.groups.flatMap((function(t){return t.items})),m=x.find((function(t){return t.sel})),h=(0,a.useState)(null==m?void 0:m.text),C=(0,r.Z)(h,2),g=C[0],v=C[1],b=(0,a.useState)(!1),w=(0,r.Z)(b,2),y=w[0],P=w[1];(0,a.useEffect)((function(){var t=x.find((function(t){return t.codex==g}));t&&p.paletteViewHandler.clickedOnConfigPalette(t,void 0,c)}),[g,y]);var S,I=void 0,k=[],_=_createForOfIteratorHelper(x);try{for(_.s();!(S=_.n()).done;){var A=S.value,E={label:(0,O.jsxs)("div",{className:j.Kj,children:[(0,O.jsx)("div",{className:j.fL,dangerouslySetInnerHTML:{__html:A.text}}),void 0!==A.pricePreviewPromise&&(0,O.jsx)(z.default,{asyncPricePreview:A.pricePreviewPromise,sel:A.sel})]}),text:A.text,value:A.codex};A.sel&&(I={label:A.text.length>16?(0,O.jsx)(N(),{direction:"right",duration:8,textSpacing:"8px",children:A.text}):(0,O.jsx)("div",{className:j.Kj,dangerouslySetInnerHTML:{__html:A.text}}),text:A.text,value:A.codex}),k.push(E)}}catch(t){_.e(t)}finally{_.f()}var T=null!==(o=i.selectedElements)&&void 0!==o&&o[0].contentItemId?i.selectedElements[0]:i.optionContentItemId?{contentItemId:i.optionContentItemId,codex:i.configStepKey}:void 0;return(0,O.jsxs)("div",{className:Z()(j.O7,j.YS,p.uiState.isInMobileView?j.ai:void 0,p.uiState.isTablet?j.Mq:void 0),ref:function ref(t){return i.htmlRef=t},style:u,children:[(0,O.jsx)("div",{className:Z()(j.eR,j.TN),children:i.name}),(0,O.jsx)(d.Z,{className:j.RL,controlClassName:j.XF,menuClassName:j.fF,options:k,value:I,placeholderClassName:j.Kj,onChange:function onChange(t){v(t.value),P(!y)}}),"DROPDOWN_IMAGE"==i.type&&(null==m?void 0:m.image)&&(0,O.jsx)("img",{className:j.BH,src:m.image.replace("_gal.",".")}),T&&(0,O.jsx)(D.default,{item:T,style:{bottom:"24px",right:"20px"}},i.configStepKey)]})}))},23240:(t,o,i)=>{i.d(o,{FJ:()=>m,Oq:()=>x,ZP:()=>g,al:()=>C,dA:()=>p,fL:()=>h,hv:()=>u,um:()=>c});var r=i(8081),d=i.n(r),a=i(23645),l=i.n(a)()(d());l.push([t.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n  transition:\n    0.3s width ease,\n    0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var c="index-module--CjCgr",u="index-module--C9QBx",p="index-module--a2wqn",x="index-module--fLFjU",m="index-module--nTN4r",h="index-module--FaRqp",C="index-module--oBSZj";const g=l},8907:(t,o,i)=>{i.d(o,{F2:()=>x,ZP:()=>h,aH:()=>c,ai:()=>u,pn:()=>m,t$:()=>p});var r=i(8081),d=i.n(r),a=i(23645),l=i.n(a)()(d());l.push([t.id,".index-module--bVDuL {\n  background-color: rgba(234,234,234,0.66667);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 14px;\n  line-height: 14px;\n  top: 0;\n  opacity: 0;\n  transition: opacity 0.35s ease-in-out;\n  white-space: nowrap;\n}\n\n.index-module--FqlZz.index-module--bVDuL {\n  font-size: 10px;\n  height: 12px;\n  line-height: 13px;\n}\n\n.index-module--zI2ES {\n  left: 0;\n  border-radius: 0px 0px 5px 0px;\n}\n\n.index-module--kN6Sz {\n  right: 0;\n  border-radius: 0px 0px 0px 5px;\n}\n\n.index-module--bd6dC {\n  opacity: 1;\n}\n\n@keyframes index-module--rw2Jt {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var c="index-module--bVDuL",u="index-module--FqlZz",p="index-module--zI2ES",x="index-module--kN6Sz",m="index-module--bd6dC";const h=l},35563:(t,o,i)=>{i.d(o,{BH:()=>g,Kj:()=>p,Mq:()=>y,O7:()=>x,RL:()=>C,TN:()=>m,XF:()=>c,YS:()=>b,ZP:()=>P,ai:()=>w,eR:()=>h,fF:()=>u,fL:()=>v});var r=i(8081),d=i.n(r),a=i(23645),l=i.n(a)()(d());l.push([t.id,".index-module--y9aEB {\n  padding: 8px 24px 8px 8px !important;\n  box-sizing: border-box !important;\n}\n\n.index-module--y9aEB {\n  height: 2.4375rem;\n  padding: 0.5rem;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  border: 1px solid #cacaca;\n  border-radius: 4px;\n  background-color: #fefefe;\n  font-family: inherit;\n  font-size: 13px;\n  line-height: 22px;\n  color: #0a0a0a;\n  background-origin: content-box;\n  background-position: right -1rem center;\n  background-repeat: no-repeat;\n  background-size: 9px 6px;\n  padding-right: 1.5rem;\n  transition:\n    box-shadow 0.5s,\n    border-color 0.25s ease-in-out;\n  font-weight: 300;\n}\n\n.index-module--bmg3v {\n  max-height: 520px !important;\n  width: -moz-fit-content !important;\n  width: fit-content !important;\n  display: inline-block !important;\n}\n\n.index-module--bmg3v {\n\n  right: 0;\n  min-width: 152px;\n  max-width: 370px;\n  letter-spacing: 0px;\n  font-size: 13px;\n  font-weight: 300;\n}\n.index-module--KSu7G {\n  position: relative;\n}\n.index-module--bmg3v .index-module--KSu7G {\n  white-space: nowrap;\n}\n.index-module--y9aEB .index-module--KSu7G {\n  width: 110px;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.index-module--CfRbv {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n}\n\n.index-module--GXQvP {\n  text-align: left;\n  padding-bottom: 9px;\n  padding-top: 9px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n.index-module--lSs1C {\n  width: 50%;\n}\n.index-module--oQlWo {\n  width: 155px;\n  margin: 10px 15px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: -moz-fit-content;\n  height: fit-content;\n}\n\n.index-module--qccxA {\n  width: 45%;\n}\n.index-module--XjbL2 {\n  padding-right: 64px;\n}\n\n.index-module--_ss3e .Dropdown-root {\n  position: relative;\n}\n\n.index-module--_ss3e .Dropdown-control {\n  position: relative;\n  overflow: hidden;\n  box-sizing: border-box;\n  color: #333;\n  cursor: default;\n  outline: none;\n  padding: 2px 24px 2px 10px;\n  transition: all 200ms ease;\n  background-color: #fff;\n  border-radius: var(--globalBorderRadius);\n  border: 1px solid #ccc;\n  font-size: 14px;\n}\n\n.index-module--k3nyn .Dropdown-control {\n  font-size: 12px;\n}\n\n.index-module--rVTNA .Dropdown-control {\n  font-size: 15px;\n}\n\n.index-module--_ss3e .Dropdown-control:hover {\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);\n}\n\n.index-module--_ss3e .Dropdown-arrow {\n  border-color: #999 transparent transparent;\n  border-style: solid;\n  border-width: 5px 5px 0;\n  content: ' ';\n  display: block;\n  height: 0;\n  margin-top: -ceil(2.5);\n  position: absolute;\n  right: 8px;\n  top: 15px;\n  width: 0;\n}\n\n.index-module--_ss3e .is-open .Dropdown-arrow {\n  border-color: transparent transparent #999;\n  border-width: 0 5px 5px;\n}\n\n.index-module--_ss3e .Dropdown-menu {\n  background-color: white;\n  box-sizing: border-box;\n  margin-top: -1px;\n  border: 1px solid #ddd;\n  max-height: 200px;\n  overflow-y: auto;\n  position: absolute;\n  top: 100%;\n  width: 100%;\n  z-index: 1100;\n  -webkit-overflow-scrolling: touch;\n}\n\n.index-module--_ss3e .Dropdown-menu .Dropdown-group > .Dropdown-title {\n  padding: 8px 10px;\n  color: rgba(51, 51, 51, 1);\n  font-weight: 300;\n  text-transform: capitalize;\n}\n\n.index-module--_ss3e .Dropdown-option {\n  box-sizing: border-box;\n  color: rgba(51, 51, 51, 0.8);\n  cursor: pointer;\n  display: block;\n  padding: 8px 10px;\n}\n\n.index-module--_ss3e .Dropdown-option:last-child {\n  border-bottom-right-radius: 2px;\n  border-bottom-left-radius: 2px;\n}\n\n.index-module--_ss3e .Dropdown-option:hover {\n  background-color: #f2f9fc;\n}\n\n.index-module--_ss3e .Dropdown-option.is-selected {\n  background-color: #f2f9fc;\n  color: #333;\n}\n\n.index-module--_ss3e .Dropdown-noresults {\n  box-sizing: border-box;\n  color: #ccc;\n  cursor: default;\n  display: block;\n  padding: 8px 10px;\n}\n",""]);var c="index-module--y9aEB",u="index-module--bmg3v",p="index-module--KSu7G",x="index-module--CfRbv",m="index-module--GXQvP",h="index-module--lSs1C",C="index-module--oQlWo",g="index-module--qccxA",v="index-module--XjbL2",b="index-module--_ss3e",w="index-module--k3nyn",y="index-module--rVTNA";const P=l},77826:(t,o,i)=>{i.d(o,{Z:()=>c});var r=i(8081),d=i.n(r),a=i(23645),l=i.n(a)()(d());l.push([t.id,"/*\n@ts-ignore\n*/\n@keyframes marqueeScroll {\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n}\n",""]);const c=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2033,9510,2398],{9510:(t,o,i)=>{i.r(o),i.d(o,{default:()=>k});var r=i(34988),d=i(93379),a=i.n(d),l=i(7795),c=i.n(l),u=i(90569),p=i.n(u),x=i(3565),m=i.n(x),C=i(19216),h=i.n(C),g=i(44589),v=i.n(g),b=i(23240),w={};w.styleTagTransform=v(),w.setAttributes=m(),w.insert=p().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=h();a()(b.ZP,w);b.ZP&&b.ZP.locals&&b.ZP.locals;var y=i(87363),P=i(88130),j=i(65515),S=i.n(j),I=i(9420),Z=i(47514);const k=(0,I.Pi)((function InfoIcon(t){var o,i,d,a=t.item,l=t.style,c=(0,P.NP)(),u=a.contentItemId,p=null!==(o=null!==(i=null!==(d=a.codex)&&void 0!==d?d:a.articleCodex)&&void 0!==i?i:a.title)&&void 0!==o?o:a.key,x=(0,y.useState)(!1),m=(0,r.Z)(x,2),C=m[0],h=m[1],g=a.sel||C;if((0,y.useEffect)((function(){var t=c.settingsState.contentItemVisible&&c.settingsState.contentItemId==u&&p==c.settingsState.clickedFrom;!t&&C&&h(!1),t&&!C&&h(!0)}),[c.settingsState.contentItemVisible,c.settingsState.contentItemId,c.settingsState.clickedFrom]),!a)throw new Error("item for infoIcon not defined");return function showIcon(){var t;return!a.op||null===(t=c.uiState.ViewConfig.infoIconSettings)||void 0===t||!t.onlyShowSelectedOPV||g}()?(0,Z.jsx)("div",{className:b.um,onClick:function onClick(t){c.settingsState.onClickContentItemId(u,p),h(c.settingsState.contentItemVisible&&c.settingsState.contentItemId==u),t.stopPropagation()},style:l,children:(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)("div",{className:S()(b.hv,g?void 0:b.al,C?b.FJ:void 0),children:(0,Z.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,Z.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,Z.jsx)("path",{className:b.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,Z.jsx)("path",{className:b.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,Z.jsx)("div",{className:S()(b.dA,g?b.al:void 0),children:(0,Z.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,Z.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,Z.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,Z.jsx)(Z.Fragment,{})}))},2398:(t,o,i)=>{i.r(o),i.d(o,{default:()=>_});var r=i(80248),d=i(34988),a=i(87363),l=i(93379),c=i.n(l),u=i(7795),p=i.n(u),x=i(90569),m=i.n(x),C=i(3565),h=i.n(C),g=i(19216),v=i.n(g),b=i(44589),w=i.n(b),y=i(8907),P={};P.styleTagTransform=w(),P.setAttributes=h(),P.insert=m().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=v();c()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var j=i(88683),S=i(88130),I=i(65515),Z=i.n(I),k=i(7501),D=i(47514);function ownKeys(t,o){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable}))),i.push.apply(i,r)}return i}function _objectSpread(t){for(var o=1;o<arguments.length;o++){var i=null!=arguments[o]?arguments[o]:{};o%2?ownKeys(Object(i),!0).forEach((function(o){(0,r.Z)(t,o,i[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(i,o))}))}return t}var N=function AsyncRender1(t){var o=t.asyncPricePreview,i=t.children;return use(o)?i:(0,D.jsx)(D.Fragment,{})},A=function AsyncRender2(t){var o,i,r=t.asyncPricePreview,l=t.dontAnimatePrice,c=use(r),u=(0,S.NP)(),p=u.productState.pricePreview,x=(0,a.useState)(0),m=(0,d.Z)(x,2),C=m[0],h=m[1];switch(p){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":i=c.price-c.origPrice;break;case"fromBasePrice":i=c.price-c.firstPrice}return(0,D.jsxs)(D.Fragment,{children:[(null===(o=window)||void 0===o||o.DIVA_LOGGER,""),(0,D.jsx)(k.ZP,{end:i,duration:.35,start:l?i:C,formattingFn:function formattingFn(t){return(t<0?"-":"+")+j.DivaUtils.formatPrice(Math.abs(t),u.productState.getPriceFormatForCounter(t))},onEnd:function onEnd(){h(i)}})]})};function use(t){if("fulfilled"===t.status)return t.value;throw"rejected"===t.status?t.reason:("pending"===t.status||(t.status="pending",t.then((function(o){t.status="fulfilled",t.value=o}),(function(o){t.status="rejected",t.reason=o}))),t)}const _=function PricePreview(t){var o=t.asyncPricePreview,i=t.pos,r=void 0===i?"right":i,l=t.style,c=t.price,u=t.sel,p=t.dontAnimatePrice,x=(0,j.useDivaCore)().state,m=x.hidePrices,C=x.hideConfigPricePreview,h=(0,S.NP)(),g=(0,a.useState)(p),v=(0,d.Z)(g,2),b=v[0],w=v[1];if(m||"off"==h.productState.pricePreview)return(0,D.jsx)(D.Fragment,{});if(c)return(0,D.jsx)("div",{className:Z()(y.aH,"left"==r?y.t$:y.F2),style:l,children:j.DivaUtils.formatPrice(Math.abs(c),_objectSpread(_objectSpread({},j.DivaUtils.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))});var P=C||"fromCurrentPriceHideCurrent"==h.productState.pricePreview&&u;return o?(o.promise.then((function(){b||w(!0)})),(0,D.jsx)(a.Suspense,{fallback:(0,D.jsx)(D.Fragment,{}),children:(0,D.jsx)(N,{asyncPricePreview:o.isVisible,children:(0,D.jsx)("div",{className:Z()(y.aH,b&&!P?y.pn:void 0,h.getIsInMobileView()?y.ai:void 0,"left"==r?y.t$:y.F2),style:l,children:(0,D.jsx)(a.Suspense,{fallback:(0,D.jsx)(D.Fragment,{}),children:(0,D.jsx)(A,{asyncPricePreview:o.promise,dontAnimatePrice:p})})})})})):(0,D.jsx)(D.Fragment,{})}},24351:(t,o,i)=>{i.r(o),i.d(o,{default:()=>E});var r=i(34988),d=i(10304),a=i(87363),l=i(88130),c=i(9420),u=i(93379),p=i.n(u),x=i(7795),m=i.n(x),C=i(90569),h=i.n(C),g=i(3565),v=i.n(g),b=i(19216),w=i.n(b),y=i(44589),P=i.n(y),j=i(35563),S={};S.styleTagTransform=P(),S.setAttributes=v(),S.insert=h().bind(null,"head"),S.domAPI=m(),S.insertStyleElement=w();p()(j.ZP,S);j.ZP&&j.ZP.locals&&j.ZP.locals;var I=i(65515),Z=i.n(I),k=i(9510),D=i(86526),N=i.n(D),A=i(77826),_={};_.styleTagTransform=P(),_.setAttributes=v(),_.insert=h().bind(null,"head"),_.domAPI=m(),_.insertStyleElement=w();p()(A.Z,_);A.Z&&A.Z.locals&&A.Z.locals;var z=i(2398),O=i(47514);function _createForOfIteratorHelper(t,o){var i="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!i){if(Array.isArray(t)||(i=function _unsupportedIterableToArray(t,o){if(t){if("string"==typeof t)return _arrayLikeToArray(t,o);var i={}.toString.call(t).slice(8,-1);return"Object"===i&&t.constructor&&(i=t.constructor.name),"Map"===i||"Set"===i?Array.from(t):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?_arrayLikeToArray(t,o):void 0}}(t))||o&&t&&"number"==typeof t.length){i&&(t=i);var r=0,d=function F(){};return{s:d,n:function n(){return r>=t.length?{done:!0}:{done:!1,value:t[r++]}},e:function e(t){throw t},f:d}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,l=!0,c=!1;return{s:function s(){i=i.call(t)},n:function n(){var t=i.next();return l=t.done,t},e:function e(t){c=!0,a=t},f:function f(){try{l||null==i.return||i.return()}finally{if(c)throw a}}}}function _arrayLikeToArray(t,o){(null==o||o>t.length)&&(o=t.length);for(var i=0,r=Array(o);i<o;i++)r[i]=t[i];return r}const E=(0,c.Pi)((function DropDowmText(t){var o,i=t.item,c=t.paletteId,u=t.style,p=(0,l.NP)(),x=i.groups.flatMap((function(t){return t.items})),m=x.find((function(t){return t.sel})),C=(0,a.useState)(null==m?void 0:m.text),h=(0,r.Z)(C,2),g=h[0],v=h[1],b=(0,a.useState)(!1),w=(0,r.Z)(b,2),y=w[0],P=w[1];(0,a.useEffect)((function(){var t=x.find((function(t){return t.codex==g}));t&&p.paletteViewHandler.clickedOnConfigPalette(t,void 0,c)}),[g,y]);var S,I=void 0,D=[],A=_createForOfIteratorHelper(x);try{for(A.s();!(S=A.n()).done;){var _=S.value,E={label:(0,O.jsxs)("div",{className:j.Kj,children:[(0,O.jsx)("div",{className:j.fL,dangerouslySetInnerHTML:{__html:_.text}}),void 0!==_.pricePreviewPromise&&(0,O.jsx)(z.default,{asyncPricePreview:_.pricePreviewPromise,sel:_.sel})]}),text:_.text,value:_.codex};_.sel&&(I={label:_.text.length>16?(0,O.jsx)(N(),{direction:"right",duration:8,textSpacing:"8px",children:_.text}):(0,O.jsx)("div",{className:j.Kj,dangerouslySetInnerHTML:{__html:_.text}}),text:_.text,value:_.codex}),D.push(E)}}catch(t){A.e(t)}finally{A.f()}var T=null!==(o=i.selectedElements)&&void 0!==o&&o[0].contentItemId?i.selectedElements[0]:i.optionContentItemId?{contentItemId:i.optionContentItemId,codex:i.configStepKey}:void 0;return(0,O.jsxs)("div",{className:Z()(j.O7,j.YS,p.uiState.isInMobileView?j.ai:void 0,p.uiState.isTablet?j.Mq:void 0),ref:function ref(t){return i.htmlRef=t},style:u,children:[(0,O.jsx)("div",{className:Z()(j.eR,j.TN),children:i.name}),(0,O.jsx)(d.Z,{className:j.RL,controlClassName:j.XF,menuClassName:j.fF,options:D,value:I,placeholderClassName:j.Kj,onChange:function onChange(t){v(t.value),P(!y)}}),"DROPDOWN_IMAGE"==i.type&&(null==m?void 0:m.image)&&(0,O.jsx)("img",{className:j.BH,src:m.image.replace("_gal.",".")}),T&&(0,O.jsx)(k.default,{item:T,style:{bottom:"24px",right:"20px"}},i.configStepKey)]})}))},23240:(t,o,i)=>{i.d(o,{FJ:()=>m,Oq:()=>x,ZP:()=>g,al:()=>h,dA:()=>p,fL:()=>C,hv:()=>u,um:()=>c});var r=i(8081),d=i.n(r),a=i(23645),l=i.n(a)()(d());l.push([t.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n  transition:\n    0.3s width ease,\n    0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var c="index-module--CjCgr",u="index-module--C9QBx",p="index-module--a2wqn",x="index-module--fLFjU",m="index-module--nTN4r",C="index-module--FaRqp",h="index-module--oBSZj";const g=l},8907:(t,o,i)=>{i.d(o,{F2:()=>x,ZP:()=>C,aH:()=>c,ai:()=>u,pn:()=>m,t$:()=>p});var r=i(8081),d=i.n(r),a=i(23645),l=i.n(a)()(d());l.push([t.id,".index-module--bVDuL {\n  background-color: rgba(234,234,234,0.66667);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 14px;\n  line-height: 14px;\n  top: 0;\n  opacity: 0;\n  transition: opacity 0.35s ease-in-out;\n  white-space: nowrap;\n}\n\n.index-module--FqlZz.index-module--bVDuL {\n  font-size: 10px;\n  height: 12px;\n  line-height: 13px;\n}\n\n.index-module--zI2ES {\n  left: 0;\n  border-radius: 0px 0px 5px 0px;\n}\n\n.index-module--kN6Sz {\n  right: 0;\n  border-radius: 0px 0px 0px 5px;\n}\n\n.index-module--bd6dC {\n  opacity: 1;\n}\n\n@keyframes index-module--rw2Jt {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var c="index-module--bVDuL",u="index-module--FqlZz",p="index-module--zI2ES",x="index-module--kN6Sz",m="index-module--bd6dC";const C=l},35563:(t,o,i)=>{i.d(o,{BH:()=>g,Kj:()=>p,Mq:()=>y,O7:()=>x,RL:()=>h,TN:()=>m,XF:()=>c,YS:()=>b,ZP:()=>P,ai:()=>w,eR:()=>C,fF:()=>u,fL:()=>v});var r=i(8081),d=i.n(r),a=i(23645),l=i.n(a)()(d());l.push([t.id,".index-module--y9aEB {\n  padding: 8px 24px 8px 8px !important;\n  box-sizing: border-box !important;\n}\n\n.index-module--y9aEB {\n  height: 2.4375rem;\n  padding: 0.5rem;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  border: 1px solid #cacaca;\n  border-radius: 4px;\n  background-color: #fefefe;\n  font-family: inherit;\n  font-size: 13px;\n  line-height: 22px;\n  color: #0a0a0a;\n  background-origin: content-box;\n  background-position: right -1rem center;\n  background-repeat: no-repeat;\n  background-size: 9px 6px;\n  padding-right: 1.5rem;\n  transition:\n    box-shadow 0.5s,\n    border-color 0.25s ease-in-out;\n  font-weight: 300;\n}\n\n.index-module--bmg3v {\n  max-height: 520px !important;\n  width: -moz-fit-content !important;\n  width: fit-content !important;\n  display: inline-block !important;\n}\n\n.index-module--bmg3v {\n\n  right: 0;\n  min-width: 152px;\n  max-width: 370px;\n  letter-spacing: 0px;\n  font-size: 13px;\n  font-weight: 300;\n}\n.index-module--KSu7G {\n  position: relative;\n}\n.index-module--bmg3v .index-module--KSu7G {\n  white-space: nowrap;\n}\n.index-module--y9aEB .index-module--KSu7G {\n  width: 110px;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.index-module--CfRbv {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n}\n\n.index-module--GXQvP {\n  text-align: left;\n  padding-bottom: 9px;\n  padding-top: 9px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n.index-module--lSs1C {\n  width: 50%;\n}\n.index-module--oQlWo {\n  width: 155px;\n  margin: 10px 15px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: -moz-fit-content;\n  height: fit-content;\n}\n\n.index-module--qccxA {\n  width: 45%;\n}\n.index-module--XjbL2 {\n  padding-right: 64px;\n}\n\n.index-module--_ss3e .Dropdown-root {\n  position: relative;\n}\n\n.index-module--_ss3e .Dropdown-control {\n  position: relative;\n  overflow: hidden;\n  box-sizing: border-box;\n  color: #333;\n  cursor: default;\n  outline: none;\n  padding: 2px 24px 2px 10px;\n  transition: all 200ms ease;\n  background-color: #fff;\n  border-radius: var(--globalBorderRadius);\n  border: 1px solid #ccc;\n  font-size: 14px;\n}\n\n.index-module--k3nyn .Dropdown-control {\n  font-size: 12px;\n}\n\n.index-module--rVTNA .Dropdown-control {\n  font-size: 15px;\n}\n\n.index-module--_ss3e .Dropdown-control:hover {\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);\n}\n\n.index-module--_ss3e .Dropdown-arrow {\n  border-color: #999 transparent transparent;\n  border-style: solid;\n  border-width: 5px 5px 0;\n  content: ' ';\n  display: block;\n  height: 0;\n  margin-top: -ceil(2.5);\n  position: absolute;\n  right: 8px;\n  top: 15px;\n  width: 0;\n}\n\n.index-module--_ss3e .is-open .Dropdown-arrow {\n  border-color: transparent transparent #999;\n  border-width: 0 5px 5px;\n}\n\n.index-module--_ss3e .Dropdown-menu {\n  background-color: white;\n  box-sizing: border-box;\n  margin-top: -1px;\n  border: 1px solid #ddd;\n  max-height: 200px;\n  overflow-y: auto;\n  position: absolute;\n  top: 100%;\n  width: 100%;\n  z-index: 1100;\n  -webkit-overflow-scrolling: touch;\n}\n\n.index-module--_ss3e .Dropdown-menu .Dropdown-group > .Dropdown-title {\n  padding: 8px 10px;\n  color: rgba(51, 51, 51, 1);\n  font-weight: 300;\n  text-transform: capitalize;\n}\n\n.index-module--_ss3e .Dropdown-option {\n  box-sizing: border-box;\n  color: rgba(51, 51, 51, 0.8);\n  cursor: pointer;\n  display: block;\n  padding: 8px 10px;\n}\n\n.index-module--_ss3e .Dropdown-option:last-child {\n  border-bottom-right-radius: 2px;\n  border-bottom-left-radius: 2px;\n}\n\n.index-module--_ss3e .Dropdown-option:hover {\n  background-color: #f2f9fc;\n}\n\n.index-module--_ss3e .Dropdown-option.is-selected {\n  background-color: #f2f9fc;\n  color: #333;\n}\n\n.index-module--_ss3e .Dropdown-noresults {\n  box-sizing: border-box;\n  color: #ccc;\n  cursor: default;\n  display: block;\n  padding: 8px 10px;\n}\n",""]);var c="index-module--y9aEB",u="index-module--bmg3v",p="index-module--KSu7G",x="index-module--CfRbv",m="index-module--GXQvP",C="index-module--lSs1C",h="index-module--oQlWo",g="index-module--qccxA",v="index-module--XjbL2",b="index-module--_ss3e",w="index-module--k3nyn",y="index-module--rVTNA";const P=l},77826:(t,o,i)=>{i.d(o,{Z:()=>c});var r=i(8081),d=i.n(r),a=i(23645),l=i.n(a)()(d());l.push([t.id,"/*\n@ts-ignore\n*/\n@keyframes marqueeScroll {\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n}\n",""]);const c=l}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 2077.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2077,9510,8618,1596],{9510:(n,e,i)=>{i.r(e),i.d(e,{default:()=>y});var t=i(34988),d=i(93379),o=i.n(d),r=i(7795),l=i.n(r),a=i(90569),x=i.n(a),s=i(3565),u=i.n(s),m=i(19216),c=i.n(m),p=i(44589),g=i.n(p),C=i(23240),j={};j.styleTagTransform=g(),j.setAttributes=u(),j.insert=x().bind(null,"head"),j.domAPI=l(),j.insertStyleElement=c();o()(C.ZP,j);C.ZP&&C.ZP.locals&&C.ZP.locals;var M=i(87363),b=i(88130),N=i(65515),f=i.n(N),h=i(9420),I=i(47514);const y=(0,h.Pi)((function InfoIcon(n){var e,i,d,o=n.item,r=n.style,l=(0,b.NP)(),a=o.contentItemId,x=null!==(e=null!==(i=null!==(d=o.codex)&&void 0!==d?d:o.articleCodex)&&void 0!==i?i:o.title)&&void 0!==e?e:o.key,s=(0,M.useState)(!1),u=(0,t.Z)(s,2),m=u[0],c=u[1],p=o.sel||m;if((0,M.useEffect)((function(){var n=l.settingsState.contentItemVisible&&l.settingsState.contentItemId==a&&x==l.settingsState.clickedFrom;!n&&m&&c(!1),n&&!m&&c(!0)}),[l.settingsState.contentItemVisible,l.settingsState.contentItemId,l.settingsState.clickedFrom]),!o)throw new Error("item for infoIcon not defined");return function showIcon(){var n;return!o.op||null===(n=l.uiState.ViewConfig.infoIconSettings)||void 0===n||!n.onlyShowSelectedOPV||p}()?(0,I.jsx)("div",{className:C.um,onClick:function onClick(n){l.settingsState.onClickContentItemId(a,x),c(l.settingsState.contentItemVisible&&l.settingsState.contentItemId==a),n.stopPropagation()},style:r,children:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)("div",{className:f()(C.hv,p?void 0:C.al,m?C.FJ:void 0),children:(0,I.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,I.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,I.jsx)("path",{className:C.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,I.jsx)("path",{className:C.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,I.jsx)("div",{className:f()(C.dA,p?C.al:void 0),children:(0,I.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,I.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,I.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,I.jsx)(I.Fragment,{})}))},58618:(n,e,i)=>{i.r(e),i.d(e,{default:()=>r});var t=i(80248),d=(i(87363),i(2765)),o=i(47514);function ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(i),!0).forEach((function(e){(0,t.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}const r=function SummaryOptionTree(n){return(0,o.jsx)(d.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/OptionTree"}))}},41596:(n,e,i)=>{i.r(e),i.d(e,{default:()=>c});var t=i(80248),d=(i(87363),i(24195)),o=i(9510),r=i(88130),l=i(88683),a=i(9420),x=i(58618),s=i(65515),u=i.n(s),m=i(47514);function ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(i),!0).forEach((function(e){(0,t.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}const c=(0,a.Pi)((function OptionItem(n){var e,i,t=n.option,a=(0,r.NP)(),s=(0,l.useDivaCore)().state.hidePrices,c=Object.values(null!==(e=t.summaryItems)&&void 0!==e?e:{});return(0,m.jsx)(m.Fragment,{children:(0,m.jsxs)("div",{className:d.j$,children:[(0,m.jsxs)("div",{className:u()(d._Z),children:[(0,m.jsxs)("div",{className:d.be,children:[t.image?(0,m.jsx)("img",{src:t.image,alt:t.title,className:d.BH}):(0,m.jsx)("div",{className:d.N1}),t.isDefined&&(0,m.jsx)("div",{className:d.$K}),(t.contentItemId||t.optionContentItemId)&&(0,m.jsx)(o.default,{style:{position:"absolute",top:-7,right:-7,"--infoIconSize":"14px"},item:_objectSpread(_objectSpread({},t),{},{contentItemId:t.contentItemId||t.optionContentItemId})})]}),(0,m.jsxs)("div",{className:d.L$,children:[(0,m.jsx)("div",{className:d.tN,children:(0,m.jsx)("div",{className:d.Sp,dangerouslySetInnerHTML:{__html:(t.quantity?t.quantity+"x ":"")+t.title}})}),(0,m.jsx)("div",{className:d.Bf,dangerouslySetInnerHTML:{__html:t.description}}),!!t.price&&!s&&(0,m.jsx)("div",{className:d.wZ,children:(0,m.jsx)("div",{children:l.DivaUtils.formatPrice(t.price)})})]}),(0,m.jsx)("div",{className:d._t,children:!(null===(i=t.targetArticlePosNrs)||void 0===i||!i.length)&&!t.includesAllPosNrs&&t.targetArticlePosNrs.map((function(n){return(0,m.jsx)("div",{className:u()(d.vZ,n.toString().length>=2&&d.Eb),children:n})}))}),(0,m.jsx)("button",{className:d.Bh,onClick:function onClick(){return a.paletteViewHandler.clickedOnSummaryPalette(t)}})]}),!!c.length&&c.map((function(n,e){return(0,m.jsx)(x.default,{item:n},e)}))]})})}))},52077:(n,e,i)=>{i.r(e),i.d(e,{default:()=>s});var t=i(9420),d=(i(87363),i(24195)),o=i(41596),r=i(65515),l=i.n(r),a=i(88130),x=i(47514);const s=(0,t.Pi)((function Summary(n){var e,i=n.item,t=(0,a.NP)(),r=i;return r.isTabGroup&&r.isTabGroup?(0,x.jsxs)("div",{className:l()(d.r,t.uiState.isTablet?d.Mq:void 0,t.uiState.isInMobileView?d.ai:void 0),children:[(0,x.jsx)("div",{className:d.Vq,children:r.title}),(0,x.jsx)("div",{className:d.EM,children:Object.values(null!==(e=r.summaryItems)&&void 0!==e?e:{}).map((function(n,e){return(0,x.jsx)(o.default,{option:n},e)}))})]}):(0,x.jsx)(x.Fragment,{})}))},23240:(n,e,i)=>{i.d(e,{FJ:()=>u,Oq:()=>s,ZP:()=>p,al:()=>c,dA:()=>x,fL:()=>m,hv:()=>a,um:()=>l});var t=i(8081),d=i.n(t),o=i(23645),r=i.n(o)()(d());r.push([n.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n  transition:\n    0.3s width ease,\n    0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var l="index-module--CjCgr",a="index-module--C9QBx",x="index-module--a2wqn",s="index-module--fLFjU",u="index-module--nTN4r",m="index-module--FaRqp",c="index-module--oBSZj";const p=r},1531:(n,e,i)=>{i.d(e,{$K:()=>y,BH:()=>h,Bf:()=>A,Bh:()=>P,EM:()=>M,Eb:()=>z,L$:()=>v,Mq:()=>C,N1:()=>I,Sp:()=>S,Vq:()=>j,ZP:()=>L,_Z:()=>b,_t:()=>O,ai:()=>g,be:()=>f,j$:()=>N,r:()=>p,tN:()=>w,vZ:()=>D,wZ:()=>T});var t=i(8081),d=i.n(t),o=i(23645),r=i.n(o),l=i(61667),a=i.n(l),x=new URL(i(59174),i.b),s=new URL(i(7794),i.b),u=r()(d()),m=a()(x),c=a()(s);u.push([n.id,".index-module--GaCbe {\n  display: flex;\n  flex-direction: column;\n  border-radius: calc(var(--globalBorderRadius) * 4);\n  padding: 8px;\n  margin-bottom: 10px;\n  color: var(--secondaryColor);\n  border: 1px solid rgb(230, 230, 230);\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA).index-module--GaCbe {\n  gap: 6px;\n  padding: 6px;\n  margin-bottom: 8px;\n}\n\n.index-module--nTaXQ {\n  font-weight: 300;\n  font-size: 14px;\n  margin-left: 6px;\n}\n\n.index-module--Y_vmD {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.index-module--A0GD5 {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  padding: 8px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--A0GD5 {\n  gap: 12px;\n  padding: 6px;\n}\n\n.index-module--P2BeF {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  border: 1px solid #e5e7eb;\n  border-radius: calc(var(--globalBorderRadius) * 2);\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--P2BeF {\n  gap: 8px;\n}\n\n.index-module--P2BeF .index-module--P2BeF {\n  padding: 8px;\n  border-radius: calc(var(--globalBorderRadius));\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--P2BeF .index-module--P2BeF {\n  padding: 6px;\n}\n\n.index-module--P2BeF .index-module--GaCbe {\n  margin-bottom: 0px;\n  border: 0px solid transparent;\n  padding-top: 0px;\n}\n\n.index-module--fHgrz {\n  width: 48px;\n  height: 48px;\n  position: relative;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--fHgrz {\n  width: 40px;\n  height: 40px;\n}\n\n.index-module--sFFIA {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  border-radius: var(--globalBorderRadius);\n}\n\n.index-module--jW4rI {\n  width: 100%;\n  height: 100%;\n  background-color: #f3f4f6;\n  border-radius: var(--globalBorderRadius);\n}\n\n.index-module--z_h7j {\n  background-image: url("+m+");\n  background-size: 14px;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-color: transparent;\n  width: 14px;\n  height: 14px;\n  position: absolute;\n  bottom: -5px;\n  right: -8px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--z_h7j {\n  width: 12px;\n  height: 12px;\n  background-size: 12px;\n  bottom: -4px;\n  right: -7px;\n}\n\n.index-module--wzm9z {\n  flex: 1;\n}\n\n.index-module--HevwU {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-bottom: 6px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--HevwU {\n  gap: 4px;\n  margin-bottom: 4px;\n}\n\n.index-module--zYdzL {\n  font-size: 10px;\n  font-weight: 600;\n  border-radius: 16px;\n  border: 1px solid var(--primaryColor);\n  color: var(--secondaryColor);\n  width: 14px;\n  height: 14px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--primaryColor);\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--zYdzL {\n  font-size: 8px;\n  width: 12px;\n  height: 12px;\n}\n\n.index-module--zYdzL.index-module--QNPfp {\n  width: 24px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--zYdzL.index-module--QNPfp {\n  width: 20px;\n}\n\n.index-module--cp83c {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--zYdzL {\n  gap: 2px;\n}\n\n.index-module--mfP6a {\n  font-weight: 300;\n  font-size: 14px;\n}\n\n.index-module--uVPKZ {\n  color: #6b7280;\n  font-size: 14px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--mfP6a,\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--uVPKZ {\n  font-size: 12px;\n}\n\n.index-module--xQe5j {\n  padding: 6px;\n  border-radius: 6px;\n  border: 1px solid transparent;\n  cursor: pointer;\n  background-image: url("+c+");\n  background-size: 16px;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-color: transparent;\n  width: 16px;\n  height: 16px;\n  transition: border 0.2s ease-in-out;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--xQe5j {\n  padding: 4px;\n  border-radius: 4px;\n  width: 14px;\n  height: 14px;\n}\n\n.index-module--xQe5j:hover {\n  border: 1px solid #e5e7eb;\n}\n\n.index-module--fxABL {\n  display: flex;\n  align-items: center;\n  font-size: 12px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--fxABL {\n  font-size: 10px;\n}\n",""]);var p="index-module--GaCbe",g="index-module--xs9YJ",C="index-module--OkYXA",j="index-module--nTaXQ",M="index-module--Y_vmD",b="index-module--A0GD5",N="index-module--P2BeF",f="index-module--fHgrz",h="index-module--sFFIA",I="index-module--jW4rI",y="index-module--z_h7j",v="index-module--wzm9z",w="index-module--HevwU",D="index-module--zYdzL",z="index-module--QNPfp",O="index-module--cp83c",S="index-module--mfP6a",A="index-module--uVPKZ",P="index-module--xQe5j",T="index-module--fxABL";const L=u},24195:(n,e,i)=>{i.d(e,{$K:()=>g.$K,BH:()=>g.BH,Bf:()=>g.Bf,Bh:()=>g.Bh,EM:()=>g.EM,Eb:()=>g.Eb,L$:()=>g.L$,Mq:()=>g.Mq,N1:()=>g.N1,Sp:()=>g.Sp,Vq:()=>g.Vq,_Z:()=>g._Z,_t:()=>g._t,ai:()=>g.ai,be:()=>g.be,j$:()=>g.j$,r:()=>g.r,tN:()=>g.tN,vZ:()=>g.vZ,wZ:()=>g.wZ});var t=i(93379),d=i.n(t),o=i(7795),r=i.n(o),l=i(90569),a=i.n(l),x=i(3565),s=i.n(x),u=i(19216),m=i.n(u),c=i(44589),p=i.n(c),g=i(1531),C={};C.styleTagTransform=p(),C.setAttributes=s(),C.insert=a().bind(null,"head"),C.domAPI=r(),C.insertStyleElement=m();d()(g.ZP,C),g.ZP&&g.ZP.locals&&g.ZP.locals},7794:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNyAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjA0MyAyLjY2NTNMMTQuOTUzNiAxLjU2NDVDMTQuMDUzNSAwLjY1NDA5OSAxMi41ODY2IDAuNjU0MDk5IDExLjY4NTYgMS41NjQ1TDEuODgzMjMgMTEuNDcwOUMxLjgyMTQ4IDExLjUzMzMgMS43NzYzNSAxMS42MTAxIDEuNzUyNiAxMS42OTQ5TDAuMzAwNjg2IDE2LjgzMTdDMC4yNDkyMjggMTcuMDEzMyAwLjI5OTg5NSAxNy4yMDc3IDAuNDMxMzExIDE3LjM0MTNDMC41Mjk0NzggMTcuNDQwNSAwLjY2MDEwMyAxNy40OTMzIDAuNzk0Njg2IDE3LjQ5MzNDMC44NDIxODYgMTcuNDkzMyAwLjg4OTY4NiAxNy40ODY5IDAuOTM1NjAzIDE3LjQ3MzNMNi4wMTg5IDE2LjAwNTNDNi4xMDI4MSAxNS45ODEzIDYuMTc5NiAxNS45MzU3IDYuMjQxMzUgMTUuODczM0wxNi4wNDMgNS45Njc3QzE2LjQ4IDUuNTI2OSAxNi43MTk5IDQuOTQwNSAxNi43MTk5IDQuMzE2NUMxNi43MTk5IDMuNjkyNSAxNi40OCAzLjEwNjEgMTYuMDQzIDIuNjY1M1pNNS42MDgwMiAxNS4wNDUzTDEuNTQxMjMgMTYuMjE4OUwyLjcwMzM5IDEyLjExMDFMMTAuNTk3MSA0LjEzMzNMMTMuNTAxNyA3LjA2ODVMNS42MDgwMiAxNS4wNDUzWk0xNS4zMTcgNS4yMzQxTDE0LjIyNzcgNi4zMzQ5TDExLjMyMzEgMy4zOTk3TDEyLjQxMjQgMi4yOTg5QzEyLjkxMjcgMS43OTMzIDEzLjcyNzQgMS43OTQxIDE0LjIyODUgMi4yOTg5TDE1LjMxNzggMy4zOTk3QzE1LjU2MDkgMy42NDQ1IDE1LjY5MzkgMy45NzA5IDE1LjY5MzkgNC4zMTczQzE1LjY5MzEgNC42NjI5IDE1LjU1OTMgNC45ODg1IDE1LjMxNyA1LjIzNDFaIiBmaWxsPSIjNkY2RjZGIi8+Cjwvc3ZnPgo="},59174:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8Y2lyY2xlIGN4PSI2IiBjeT0iNiIgcj0iNiIgZmlsbD0iIzEwQjk4MSIvPgogIDxwYXRoIGQ9Ik0zLjUgNkw1IDcuNUw4LjUgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2077,9510,8618,1596],{9510:(n,e,i)=>{i.r(e),i.d(e,{default:()=>y});var t=i(34988),d=i(93379),o=i.n(d),r=i(7795),l=i.n(r),a=i(90569),x=i.n(a),s=i(3565),u=i.n(s),m=i(19216),c=i.n(m),p=i(44589),g=i.n(p),C=i(23240),j={};j.styleTagTransform=g(),j.setAttributes=u(),j.insert=x().bind(null,"head"),j.domAPI=l(),j.insertStyleElement=c();o()(C.ZP,j);C.ZP&&C.ZP.locals&&C.ZP.locals;var M=i(87363),b=i(88130),N=i(65515),f=i.n(N),h=i(9420),I=i(47514);const y=(0,h.Pi)((function InfoIcon(n){var e,i,d,o=n.item,r=n.style,l=(0,b.NP)(),a=o.contentItemId,x=null!==(e=null!==(i=null!==(d=o.codex)&&void 0!==d?d:o.articleCodex)&&void 0!==i?i:o.title)&&void 0!==e?e:o.key,s=(0,M.useState)(!1),u=(0,t.Z)(s,2),m=u[0],c=u[1],p=o.sel||m;if((0,M.useEffect)((function(){var n=l.settingsState.contentItemVisible&&l.settingsState.contentItemId==a&&x==l.settingsState.clickedFrom;!n&&m&&c(!1),n&&!m&&c(!0)}),[l.settingsState.contentItemVisible,l.settingsState.contentItemId,l.settingsState.clickedFrom]),!o)throw new Error("item for infoIcon not defined");return function showIcon(){var n;return!o.op||null===(n=l.uiState.ViewConfig.infoIconSettings)||void 0===n||!n.onlyShowSelectedOPV||p}()?(0,I.jsx)("div",{className:C.um,onClick:function onClick(n){l.settingsState.onClickContentItemId(a,x),c(l.settingsState.contentItemVisible&&l.settingsState.contentItemId==a),n.stopPropagation()},style:r,children:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)("div",{className:f()(C.hv,p?void 0:C.al,m?C.FJ:void 0),children:(0,I.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,I.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,I.jsx)("path",{className:C.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,I.jsx)("path",{className:C.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,I.jsx)("div",{className:f()(C.dA,p?C.al:void 0),children:(0,I.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,I.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,I.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,I.jsx)(I.Fragment,{})}))},58618:(n,e,i)=>{i.r(e),i.d(e,{default:()=>r});var t=i(80248),d=(i(87363),i(2765)),o=i(47514);function ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(i),!0).forEach((function(e){(0,t.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}const r=function SummaryOptionTree(n){return(0,o.jsx)(d.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/OptionTree"}))}},41596:(n,e,i)=>{i.r(e),i.d(e,{default:()=>c});var t=i(80248),d=(i(87363),i(24195)),o=i(9510),r=i(88130),l=i(88683),a=i(9420),x=i(58618),s=i(65515),u=i.n(s),m=i(47514);function ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(i),!0).forEach((function(e){(0,t.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}const c=(0,a.Pi)((function OptionItem(n){var e,i,t=n.option,a=(0,r.NP)(),s=(0,l.useDivaCore)().state.hidePrices,c=Object.values(null!==(e=t.summaryItems)&&void 0!==e?e:{});return(0,m.jsx)(m.Fragment,{children:(0,m.jsxs)("div",{className:d.j$,children:[(0,m.jsxs)("div",{className:u()(d._Z),children:[(0,m.jsxs)("div",{className:d.be,children:[t.image?(0,m.jsx)("img",{src:t.image,alt:t.title,className:d.BH}):(0,m.jsx)("div",{className:d.N1}),t.isDefined&&(0,m.jsx)("div",{className:d.$K}),(t.contentItemId||t.optionContentItemId)&&(0,m.jsx)(o.default,{style:{position:"absolute",top:-7,right:-7,"--infoIconSize":"14px"},item:_objectSpread(_objectSpread({},t),{},{contentItemId:t.contentItemId||t.optionContentItemId})})]}),(0,m.jsxs)("div",{className:d.L$,children:[(0,m.jsx)("div",{className:d.tN,children:(0,m.jsx)("div",{className:d.Sp,dangerouslySetInnerHTML:{__html:(t.quantity?t.quantity+"x ":"")+t.title}})}),(0,m.jsx)("div",{className:d.Bf,dangerouslySetInnerHTML:{__html:t.description}}),!!t.price&&!s&&(0,m.jsx)("div",{className:d.wZ,children:(0,m.jsx)("div",{children:l.DivaUtils.formatPrice(t.price,a.productState.priceFormat)})})]}),(0,m.jsx)("div",{className:d._t,children:!(null===(i=t.targetArticlePosNrs)||void 0===i||!i.length)&&!t.includesAllPosNrs&&t.targetArticlePosNrs.map((function(n){return(0,m.jsx)("div",{className:u()(d.vZ,n.toString().length>=2&&d.Eb),children:n})}))}),(0,m.jsx)("button",{className:d.Bh,onClick:function onClick(){window.lastNavigationType="SUMMARY_PALETTE",a.paletteViewHandler.clickedOnSummaryPalette(t)}})]}),!!c.length&&c.map((function(n,e){return(0,m.jsx)(x.default,{item:n},e)}))]})})}))},52077:(n,e,i)=>{i.r(e),i.d(e,{default:()=>s});var t=i(9420),d=(i(87363),i(24195)),o=i(41596),r=i(65515),l=i.n(r),a=i(88130),x=i(47514);const s=(0,t.Pi)((function Summary(n){var e,i=n.item,t=(0,a.NP)(),r=i;return r.isTabGroup&&r.isTabGroup?(0,x.jsxs)("div",{className:l()(d.r,t.uiState.isTablet?d.Mq:void 0,t.uiState.isInMobileView?d.ai:void 0),children:[(0,x.jsx)("div",{className:d.Vq,children:r.title}),(0,x.jsx)("div",{className:d.EM,children:Object.values(null!==(e=r.summaryItems)&&void 0!==e?e:{}).map((function(n,e){return(0,x.jsx)(o.default,{option:n},e)}))})]}):(0,x.jsx)(x.Fragment,{})}))},23240:(n,e,i)=>{i.d(e,{FJ:()=>u,Oq:()=>s,ZP:()=>p,al:()=>c,dA:()=>x,fL:()=>m,hv:()=>a,um:()=>l});var t=i(8081),d=i.n(t),o=i(23645),r=i.n(o)()(d());r.push([n.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n  transition:\n    0.3s width ease,\n    0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var l="index-module--CjCgr",a="index-module--C9QBx",x="index-module--a2wqn",s="index-module--fLFjU",u="index-module--nTN4r",m="index-module--FaRqp",c="index-module--oBSZj";const p=r},1531:(n,e,i)=>{i.d(e,{$K:()=>y,BH:()=>h,Bf:()=>A,Bh:()=>P,EM:()=>M,Eb:()=>z,L$:()=>v,Mq:()=>C,N1:()=>I,Sp:()=>S,Vq:()=>j,ZP:()=>L,_Z:()=>b,_t:()=>O,ai:()=>g,be:()=>f,j$:()=>N,r:()=>p,tN:()=>w,vZ:()=>D,wZ:()=>T});var t=i(8081),d=i.n(t),o=i(23645),r=i.n(o),l=i(61667),a=i.n(l),x=new URL(i(59174),i.b),s=new URL(i(7794),i.b),u=r()(d()),m=a()(x),c=a()(s);u.push([n.id,".index-module--GaCbe {\n  display: flex;\n  flex-direction: column;\n  border-radius: calc(var(--globalBorderRadius) * 4);\n  padding: 8px;\n  margin-bottom: 10px;\n  color: var(--secondaryColor);\n  border: 1px solid rgb(230, 230, 230);\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA).index-module--GaCbe {\n  gap: 6px;\n  padding: 6px;\n  margin-bottom: 8px;\n}\n\n.index-module--nTaXQ {\n  font-weight: 300;\n  font-size: 14px;\n  margin-left: 6px;\n}\n\n.index-module--Y_vmD {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.index-module--A0GD5 {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  padding: 8px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--A0GD5 {\n  gap: 12px;\n  padding: 6px;\n}\n\n.index-module--P2BeF {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  border: 1px solid #e5e7eb;\n  border-radius: calc(var(--globalBorderRadius) * 2);\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--P2BeF {\n  gap: 8px;\n}\n\n.index-module--P2BeF .index-module--P2BeF {\n  padding: 8px;\n  border-radius: calc(var(--globalBorderRadius));\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--P2BeF .index-module--P2BeF {\n  padding: 6px;\n}\n\n.index-module--P2BeF .index-module--GaCbe {\n  margin-bottom: 0px;\n  border: 0px solid transparent;\n  padding-top: 0px;\n}\n\n.index-module--fHgrz {\n  width: 48px;\n  height: 48px;\n  position: relative;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--fHgrz {\n  width: 40px;\n  height: 40px;\n}\n\n.index-module--sFFIA {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  border-radius: var(--globalBorderRadius);\n}\n\n.index-module--jW4rI {\n  width: 100%;\n  height: 100%;\n  background-color: #f3f4f6;\n  border-radius: var(--globalBorderRadius);\n}\n\n.index-module--z_h7j {\n  background-image: url("+m+");\n  background-size: 14px;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-color: transparent;\n  width: 14px;\n  height: 14px;\n  position: absolute;\n  bottom: -5px;\n  right: -8px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--z_h7j {\n  width: 12px;\n  height: 12px;\n  background-size: 12px;\n  bottom: -4px;\n  right: -7px;\n}\n\n.index-module--wzm9z {\n  flex: 1;\n}\n\n.index-module--HevwU {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-bottom: 6px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--HevwU {\n  gap: 4px;\n  margin-bottom: 4px;\n}\n\n.index-module--zYdzL {\n  font-size: 10px;\n  font-weight: 600;\n  border-radius: 16px;\n  border: 1px solid var(--primaryColor);\n  color: var(--secondaryColor);\n  width: 14px;\n  height: 14px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--primaryColor);\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--zYdzL {\n  font-size: 8px;\n  width: 12px;\n  height: 12px;\n}\n\n.index-module--zYdzL.index-module--QNPfp {\n  width: 24px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--zYdzL.index-module--QNPfp {\n  width: 20px;\n}\n\n.index-module--cp83c {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--zYdzL {\n  gap: 2px;\n}\n\n.index-module--mfP6a {\n  font-weight: 300;\n  font-size: 14px;\n}\n\n.index-module--uVPKZ {\n  color: #6b7280;\n  font-size: 14px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--mfP6a,\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--uVPKZ {\n  font-size: 12px;\n}\n\n.index-module--xQe5j {\n  padding: 6px;\n  border-radius: 6px;\n  border: 1px solid transparent;\n  cursor: pointer;\n  background-image: url("+c+");\n  background-size: 16px;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-color: transparent;\n  width: 16px;\n  height: 16px;\n  transition: border 0.2s ease-in-out;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--xQe5j {\n  padding: 4px;\n  border-radius: 4px;\n  width: 14px;\n  height: 14px;\n}\n\n.index-module--xQe5j:hover {\n  border: 1px solid #e5e7eb;\n}\n\n.index-module--fxABL {\n  display: flex;\n  align-items: center;\n  font-size: 12px;\n}\n\n.index-module--xs9YJ:not(.index-module--OkYXA) .index-module--fxABL {\n  font-size: 10px;\n}\n",""]);var p="index-module--GaCbe",g="index-module--xs9YJ",C="index-module--OkYXA",j="index-module--nTaXQ",M="index-module--Y_vmD",b="index-module--A0GD5",N="index-module--P2BeF",f="index-module--fHgrz",h="index-module--sFFIA",I="index-module--jW4rI",y="index-module--z_h7j",v="index-module--wzm9z",w="index-module--HevwU",D="index-module--zYdzL",z="index-module--QNPfp",O="index-module--cp83c",S="index-module--mfP6a",A="index-module--uVPKZ",P="index-module--xQe5j",T="index-module--fxABL";const L=u},24195:(n,e,i)=>{i.d(e,{$K:()=>g.$K,BH:()=>g.BH,Bf:()=>g.Bf,Bh:()=>g.Bh,EM:()=>g.EM,Eb:()=>g.Eb,L$:()=>g.L$,Mq:()=>g.Mq,N1:()=>g.N1,Sp:()=>g.Sp,Vq:()=>g.Vq,_Z:()=>g._Z,_t:()=>g._t,ai:()=>g.ai,be:()=>g.be,j$:()=>g.j$,r:()=>g.r,tN:()=>g.tN,vZ:()=>g.vZ,wZ:()=>g.wZ});var t=i(93379),d=i.n(t),o=i(7795),r=i.n(o),l=i(90569),a=i.n(l),x=i(3565),s=i.n(x),u=i(19216),m=i.n(u),c=i(44589),p=i.n(c),g=i(1531),C={};C.styleTagTransform=p(),C.setAttributes=s(),C.insert=a().bind(null,"head"),C.domAPI=r(),C.insertStyleElement=m();d()(g.ZP,C),g.ZP&&g.ZP.locals&&g.ZP.locals},7794:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNyAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjA0MyAyLjY2NTNMMTQuOTUzNiAxLjU2NDVDMTQuMDUzNSAwLjY1NDA5OSAxMi41ODY2IDAuNjU0MDk5IDExLjY4NTYgMS41NjQ1TDEuODgzMjMgMTEuNDcwOUMxLjgyMTQ4IDExLjUzMzMgMS43NzYzNSAxMS42MTAxIDEuNzUyNiAxMS42OTQ5TDAuMzAwNjg2IDE2LjgzMTdDMC4yNDkyMjggMTcuMDEzMyAwLjI5OTg5NSAxNy4yMDc3IDAuNDMxMzExIDE3LjM0MTNDMC41Mjk0NzggMTcuNDQwNSAwLjY2MDEwMyAxNy40OTMzIDAuNzk0Njg2IDE3LjQ5MzNDMC44NDIxODYgMTcuNDkzMyAwLjg4OTY4NiAxNy40ODY5IDAuOTM1NjAzIDE3LjQ3MzNMNi4wMTg5IDE2LjAwNTNDNi4xMDI4MSAxNS45ODEzIDYuMTc5NiAxNS45MzU3IDYuMjQxMzUgMTUuODczM0wxNi4wNDMgNS45Njc3QzE2LjQ4IDUuNTI2OSAxNi43MTk5IDQuOTQwNSAxNi43MTk5IDQuMzE2NUMxNi43MTk5IDMuNjkyNSAxNi40OCAzLjEwNjEgMTYuMDQzIDIuNjY1M1pNNS42MDgwMiAxNS4wNDUzTDEuNTQxMjMgMTYuMjE4OUwyLjcwMzM5IDEyLjExMDFMMTAuNTk3MSA0LjEzMzNMMTMuNTAxNyA3LjA2ODVMNS42MDgwMiAxNS4wNDUzWk0xNS4zMTcgNS4yMzQxTDE0LjIyNzcgNi4zMzQ5TDExLjMyMzEgMy4zOTk3TDEyLjQxMjQgMi4yOTg5QzEyLjkxMjcgMS43OTMzIDEzLjcyNzQgMS43OTQxIDE0LjIyODUgMi4yOTg5TDE1LjMxNzggMy4zOTk3QzE1LjU2MDkgMy42NDQ1IDE1LjY5MzkgMy45NzA5IDE1LjY5MzkgNC4zMTczQzE1LjY5MzEgNC42NjI5IDE1LjU1OTMgNC45ODg1IDE1LjMxNyA1LjIzNDFaIiBmaWxsPSIjNkY2RjZGIi8+Cjwvc3ZnPgo="},59174:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8Y2lyY2xlIGN4PSI2IiBjeT0iNiIgcj0iNiIgZmlsbD0iIzEwQjk4MSIvPgogIDxwYXRoIGQ9Ik0zLjUgNkw1IDcuNUw4LjUgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4="}}]);

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

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

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

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