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

@crystaldesign/diva-web-planner-react 25.11.0-rc.1 → 25.11.0-rc.3

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

Files changed (308) hide show

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

@@ -1,2 +1,2 @@
 /*! For license information please see 283.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[283],{90283:(e,n,i)=>{i.r(n),i.d(n,{default:()=>S});var t=i(65515),o=i.n(t),d=i(9420),r=(i(87363),i(93379)),a=i.n(r),l=i(7795),s=i.n(l),u=i(90569),c=i.n(u),m=i(3565),x=i.n(m),p=i(19216),f=i.n(p),h=i(44589),v=i.n(h),b=i(81906),w={};w.styleTagTransform=v(),w.setAttributes=x(),w.insert=c().bind(null,"head"),w.domAPI=s(),w.insertStyleElement=f();a()(b.ZP,w);b.ZP&&b.ZP.locals&&b.ZP.locals;var P=i(88683),g=i(88130),z=i(47514);const S=(0,d.Pi)((function PriceSumm(e){var n,i,t=(0,g.NP)(),d=(0,P.useDivaCore)().state.hidePrices,r=(0,P.useTranslation)().t;return(0,z.jsxs)("div",{className:o()(b.rh,t.getIsInMobileView()?b.tq:void 0),children:[(0,z.jsx)("div",{children:r("configurator.Sum","Summe")}),(0,z.jsxs)("div",{className:b.wZ,children:[(0,z.jsx)("div",{className:o()(b.nt,t.productState.formatedBruttoPrice?b.kg:void 0),children:!d&&P.DivaUtils.formatPrice(null!==(n=t.productState.formatedCurSetPrice)&&void 0!==n?n:0,t.productState.priceFormat)}),t.productState.formatedBruttoPrice&&!d&&(0,z.jsxs)("div",{className:o()(b.nt,b.F0),children:[" ",P.DivaUtils.formatPrice(null!==(i=t.productState.formatedBruttoPrice)&&void 0!==i?i:0,t.productState.priceFormat)]})]})]})}))},81906:(e,n,i)=>{i.d(n,{F0:()=>m,ZP:()=>x,kg:()=>c,nt:()=>u,rh:()=>a,tq:()=>l,wZ:()=>s});var t=i(8081),o=i.n(t),d=i(23645),r=i.n(d)()(o());r.push([e.id,".index-module--aaqir {\n  height: 40px;\n  line-height: 30px;\n  display: flex;\n  justify-content: space-between;\n  font-weight: 700;\n  font-size: 16px;\n  flex-grow: 1;\n}\n\n.index-module--KdwEi.index-module--aaqir {\n  line-height: 38px;\n  font-size: 18px;\n  justify-content: flex-end;\n  flex-wrap: nowrap;\n  gap: 12px;\n}\n\n.index-module--ckj80 {\n  display: flex;\n  justify-content: space-between;\n  flex-wrap: nowrap;\n}\n\n.index-module--IKzzi {\n  position: relative;\n  color: #262626;\n  text-wrap: nowrap;\n}\n\n.index-module--KdwEi .index-module--IKzzi {\n  font-size: 15px;\n}\n\n.index-module--Y17sU {\n  color: #b1223f;\n  margin-right: 12px;\n}\n\n.index-module--IKzzi.index-module--Xsp7Q {\n  color: #bfbfbf;\n}\n\n.index-module--IKzzi.index-module--Xsp7Q:before {\n  position: absolute;\n  content: '';\n  left: 0;\n  top: 42%;\n  right: 0;\n  border-top: 2px solid;\n  border-color: #b1223f;\n  transform: rotate(-7deg);\n}\n\n.index-module--KdwEi .index-module--IKzzi.index-module--Xsp7Q:before {\n  top: 45%;\n}\n",""]);var a="index-module--aaqir",l="index-module--KdwEi",s="index-module--ckj80",u="index-module--IKzzi",c="index-module--Y17sU",m="index-module--Xsp7Q";const x=r}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[283],{90283:(n,e,t)=>{t.r(e),t.d(e,{default:()=>y});var i=t(34988),o=t(65515),d=t.n(o),r=t(9420),a=t(87363),s=t(93379),l=t.n(s),u=t(7795),c=t.n(u),m=t(90569),x=t.n(m),p=t(3565),f=t.n(p),h=t(19216),v=t.n(h),w=t(44589),P=t.n(w),g=t(81906),b={};b.styleTagTransform=P(),b.setAttributes=f(),b.insert=x().bind(null,"head"),b.domAPI=c(),b.insertStyleElement=v();l()(g.ZP,b);g.ZP&&g.ZP.locals&&g.ZP.locals;var S=t(88683),z=t(88130),j=t(7501),Z=t(47514);const y=(0,r.Pi)((function PriceSumm(n){var e=(0,z.NP)(),t=(0,S.useDivaCore)().state.hidePrices,o=(0,S.useTranslation)().t,r=(0,a.useState)(0),s=(0,i.Z)(r,2),l=s[0],u=s[1],c=(0,a.useState)(0),m=(0,i.Z)(c,2),x=m[0],p=m[1],f=(0,a.useState)(0),h=(0,i.Z)(f,2),v=h[0],w=h[1],P=(0,a.useState)(0),b=(0,i.Z)(P,2),y=b[0],K=b[1];return(0,a.useEffect)((function(){var n,t;w(null!==(n=e.productState.formatedBruttoPrice)&&void 0!==n?n:0),K(null!==(t=e.productState.formatedCurSetPrice)&&void 0!==t?t:0)}),[e.productState.formatedBruttoPrice,e.productState.formatedCurSetPrice]),(0,Z.jsxs)("div",{className:d()(g.rh,e.getIsInMobileView()?g.tq:void 0),children:[(0,Z.jsx)("div",{children:o("configurator.Sum","Summe")}),(0,Z.jsxs)("div",{className:g.wZ,children:[(0,Z.jsx)("div",{className:d()(g.nt,e.productState.formatedBruttoPrice?g.kg:void 0),children:!t&&(0,Z.jsx)(j.ZP,{end:y,duration:.5,start:x,formattingFn:function formattingFn(n){return S.DivaUtils.formatPrice(n,e.productState.priceFormat)},onEnd:function onEnd(){p(y)}})}),!t&&(0,Z.jsxs)("div",{className:d()(g.nt,g.F0,e.productState.formatedBruttoPrice?void 0:g.al),children:[" ",(0,Z.jsx)(j.ZP,{end:v,duration:.5,start:l,formattingFn:function formattingFn(n){return S.DivaUtils.formatPrice(n,e.productState.priceFormat)},onEnd:function onEnd(){u(v)}})]})]})]})}))},81906:(n,e,t)=>{t.d(e,{F0:()=>m,ZP:()=>p,al:()=>x,kg:()=>c,nt:()=>u,rh:()=>a,tq:()=>s,wZ:()=>l});var i=t(8081),o=t.n(i),d=t(23645),r=t.n(d)()(o());r.push([n.id,".index-module--aaqir {\n  height: 40px;\n  line-height: 30px;\n  display: flex;\n  justify-content: space-between;\n  font-weight: 700;\n  font-size: 16px;\n  flex-grow: 1;\n}\n\n.index-module--KdwEi.index-module--aaqir {\n  line-height: 38px;\n  font-size: 18px;\n  justify-content: flex-end;\n  flex-wrap: nowrap;\n  gap: 12px;\n}\n\n.index-module--ckj80 {\n  display: flex;\n  justify-content: space-between;\n  flex-wrap: nowrap;\n}\n\n.index-module--IKzzi {\n  position: relative;\n  color: #262626;\n  text-wrap: nowrap;\n}\n\n.index-module--KdwEi .index-module--IKzzi {\n  font-size: 15px;\n}\n\n.index-module--Y17sU {\n  color: #b1223f;\n  margin-right: 12px;\n}\n\n.index-module--IKzzi.index-module--Xsp7Q {\n  color: #bfbfbf;\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--IKzzi.index-module--Xsp7Q.index-module--rNvqj {\n  opacity: 0;\n  max-width: 0px;\n}\n\n.index-module--IKzzi.index-module--Xsp7Q:before {\n  position: absolute;\n  content: '';\n  left: 0;\n  top: 42%;\n  right: 0;\n  border-top: 2px solid;\n  border-color: #b1223f;\n  transform: rotate(-7deg);\n}\n\n.index-module--KdwEi .index-module--IKzzi.index-module--Xsp7Q:before {\n  top: 45%;\n}\n",""]);var a="index-module--aaqir",s="index-module--KdwEi",l="index-module--ckj80",u="index-module--IKzzi",c="index-module--Y17sU",m="index-module--Xsp7Q",x="index-module--rNvqj";const p=r}}]);

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

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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3504.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3504,283,1280],{90283:(n,e,o)=>{o.r(e),o.d(e,{default:()=>P});var t=o(65515),r=o.n(t),i=o(9420),d=(o(87363),o(93379)),a=o.n(d),l=o(7795),s=o.n(l),c=o(90569),u=o.n(c),x=o(3565),f=o.n(x),m=o(19216),p=o.n(m),v=o(44589),h=o.n(v),g=o(81906),b={};b.styleTagTransform=h(),b.setAttributes=f(),b.insert=u().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=p();a()(g.ZP,b);g.ZP&&g.ZP.locals&&g.ZP.locals;var w=o(88683),j=o(88130),y=o(47514);const P=(0,i.Pi)((function PriceSumm(n){var e,o,t=(0,j.NP)(),i=(0,w.useDivaCore)().state.hidePrices,d=(0,w.useTranslation)().t;return(0,y.jsxs)("div",{className:r()(g.rh,t.getIsInMobileView()?g.tq:void 0),children:[(0,y.jsx)("div",{children:d("configurator.Sum","Summe")}),(0,y.jsxs)("div",{className:g.wZ,children:[(0,y.jsx)("div",{className:r()(g.nt,t.productState.formatedBruttoPrice?g.kg:void 0),children:!i&&w.DivaUtils.formatPrice(null!==(e=t.productState.formatedCurSetPrice)&&void 0!==e?e:0,t.productState.priceFormat)}),t.productState.formatedBruttoPrice&&!i&&(0,y.jsxs)("div",{className:r()(g.nt,g.F0),children:[" ",w.DivaUtils.formatPrice(null!==(o=t.productState.formatedBruttoPrice)&&void 0!==o?o:0,t.productState.priceFormat)]})]})]})}))},13504:(n,e,o)=>{o.r(e),o.d(e,{default:()=>O});var t=o(80248),r=o(9420),i=o(88130),d=(o(87363),o(41280)),a=o(93379),l=o.n(a),s=o(7795),c=o.n(s),u=o(90569),x=o.n(u),f=o(3565),m=o.n(f),p=o(19216),v=o.n(p),h=o(44589),g=o.n(h),b=o(65923),w={};w.styleTagTransform=g(),w.setAttributes=m(),w.insert=x().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=v();l()(b.ZP,w);b.ZP&&b.ZP.locals&&b.ZP.locals;var j=o(90283),y=o(65515),P=o.n(y),k=o(47514);function ownKeys(n,e){var o=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(o),!0).forEach((function(e){(0,t.Z)(n,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(o,e))}))}return n}const O=(0,r.Pi)((function ActionNavigationRalph(n){var e=(0,i.NP)();return(0,k.jsxs)("div",_objectSpread(_objectSpread({},n),{},{children:[!e.getIsInMobileView()&&(0,k.jsx)(j.default,{}),(0,k.jsx)(d.default,{className:P()(e.getIsInMobileView()?b.$5:void 0,b.nC),showBackButtonText:!0,forthOverwrite:b.ky,backOverwrite:b.g9})]}))}))},41280:(n,e,o)=>{o.r(e),o.d(e,{default:()=>p});var t=o(80248),r=o(72874),i=o(65515),d=o.n(i),a=o(88130),l=o(9420),s=(o(87363),o(88683)),c=o(40976),u=o(39667),x=o(19047),f=o(47514),m=["className","showBackButtonText","backOverwrite","forthOverwrite","showNextButtonIcon","showCheckoutButtons"];function ownKeys(n,e){var o=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(o),!0).forEach((function(e){(0,t.Z)(n,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(o,e))}))}return n}const p=(0,l.Pi)((function ActionNavigation(n){var e,o=n.className,t=n.showBackButtonText,i=n.backOverwrite,l=n.forthOverwrite,p=n.showNextButtonIcon,v=n.showCheckoutButtons,h=(0,r.Z)(n,m),g=(0,a.NP)(),b=(0,s.useTranslation)().t;return(0,f.jsx)("div",_objectSpread(_objectSpread({},h),{},{className:d()(o,c.jl,g.actionButtonState.isOnFirstStep?c.FN:void 0,g.actionButtonState.isOnFirstStepDisabled?c.$t:void 0,g.actionButtonState.isOnLastStep?c.Is:void 0,"vertical"==g.tabGroupState.curTabGroupType?c.KR:void 0,g.uiState.isMobilePortrait?c.tW:void 0,g.uiState.isMobileLandscape?c.Qv:void 0),children:(0,f.jsxs)("div",{className:c.nC,children:[(0,f.jsxs)("div",{className:d()(c.LI,c.op,i),onClick:g.actionButtonState.onClickConfiguratorSettingsBack,children:[!t&&(0,f.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,f.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateBack, var(--secondaryColor))",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),t&&b("configurator.Back")]}),v&&(null===(e=g.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.map((function(n,e){return(0,x.evalVisible)(n,g,"navigator")?(0,f.jsx)("div",{className:c.rK,onClick:function onClick(){return(0,x.onClickCheckout)(n,g,e,b)},children:(0,f.jsx)(u.default,{checkoutButton:n,size:40})},e):(0,f.jsx)(f.Fragment,{})}))),(0,f.jsxs)("div",{className:d()(c.LI,c.ox,l),onClick:function onClick(){return g.actionButtonState.onClickConfiguratorSettingsForth()},id:"wcConfigurator-action-next",children:[b("configurator.Next"),p&&(0,f.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,f.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateForthFontColor, #ffffff)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]})]})}))}))},81906:(n,e,o)=>{o.d(e,{F0:()=>x,ZP:()=>f,kg:()=>u,nt:()=>c,rh:()=>a,tq:()=>l,wZ:()=>s});var t=o(8081),r=o.n(t),i=o(23645),d=o.n(i)()(r());d.push([n.id,".index-module--aaqir {\n  height: 40px;\n  line-height: 30px;\n  display: flex;\n  justify-content: space-between;\n  font-weight: 700;\n  font-size: 16px;\n  flex-grow: 1;\n}\n\n.index-module--KdwEi.index-module--aaqir {\n  line-height: 38px;\n  font-size: 18px;\n  justify-content: flex-end;\n  flex-wrap: nowrap;\n  gap: 12px;\n}\n\n.index-module--ckj80 {\n  display: flex;\n  justify-content: space-between;\n  flex-wrap: nowrap;\n}\n\n.index-module--IKzzi {\n  position: relative;\n  color: #262626;\n  text-wrap: nowrap;\n}\n\n.index-module--KdwEi .index-module--IKzzi {\n  font-size: 15px;\n}\n\n.index-module--Y17sU {\n  color: #b1223f;\n  margin-right: 12px;\n}\n\n.index-module--IKzzi.index-module--Xsp7Q {\n  color: #bfbfbf;\n}\n\n.index-module--IKzzi.index-module--Xsp7Q:before {\n  position: absolute;\n  content: '';\n  left: 0;\n  top: 42%;\n  right: 0;\n  border-top: 2px solid;\n  border-color: #b1223f;\n  transform: rotate(-7deg);\n}\n\n.index-module--KdwEi .index-module--IKzzi.index-module--Xsp7Q:before {\n  top: 45%;\n}\n",""]);var a="index-module--aaqir",l="index-module--KdwEi",s="index-module--ckj80",c="index-module--IKzzi",u="index-module--Y17sU",x="index-module--Xsp7Q";const f=d},65923:(n,e,o)=>{o.d(e,{$5:()=>c,ZP:()=>u,g9:()=>l,ky:()=>s,nC:()=>a});var t=o(8081),r=o.n(t),i=o(23645),d=o.n(i)()(r());d.push([n.id,".index-module--FPhE6 .index-module--JMki1,\n.index-module--FPhE6 .index-module--ufp_O {\n  border: 1px #262626 solid !important;\n  background-color: var(--thirdColor) !important;\n  color: #262626 !important;\n  font-weight: 700 !important;\n}\n\n.index-module--FPhE6 .index-module--JMki1,\n.index-module--FPhE6 .index-module--ufp_O {\n  cursor: pointer;\n  width: 50%;\n  flex-grow: 1;\n}\n\n.index-module--G6P2w {\n  height: 100%;\n}\n",""]);var a="index-module--FPhE6",l="index-module--JMki1",s="index-module--ufp_O",c="index-module--G6P2w";const u=d},28717:(n,e,o)=>{o.d(e,{$t:()=>m,FN:()=>v,Is:()=>p,KR:()=>s,LI:()=>c,Qv:()=>h,ZP:()=>b,jl:()=>a,nC:()=>l,op:()=>x,ox:()=>f,rK:()=>u,tW:()=>g});var t=o(8081),r=o.n(t),i=o(23645),d=o.n(i)()(r());d.push([n.id,"/*Navigaton Buttons*/\n.index-module--Ug06K {\n  transition: width 0.2s ease-in-out;\n}\n\n.index-module--uMdxf {\n  height: 100%;\n  font-weight: 300;\n  font-size: 14px;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  width: 100%;\n  display: flex;\n  gap: 3px;\n}\n.index-module--j2X1m .index-module--uMdxf {\n  line-height: var(--configuratorActionHeight);\n}\n\n.index-module--NUblS {\n  border-radius: var(--globalBorderRadius);\n  height: 100%;\n  text-align: center;\n}\n\n.index-module--mfwxp {\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--vWg5_ {\n  border: 1px var(--secondaryColor) solid;\n  border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n  background-color: white;\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--IneQR {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  background-color: var(--navigateForth, var(--secondaryColor));\n  color: #ffffff;\n  color: var(--navigateForthFontColor, #ffffff);\n  float: right;\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-grow: 3;\n}\n\n.index-module--vWg5_:hover,\n.index-module--IneQR:hover {\n  cursor: pointer;\n  box-shadow: var(--boxShadowHover);\n}\n.index-module--IneQR svg {\n  transform: rotate(180deg);\n  position: absolute;\n  right: 16px;\n}\n\n.index-module--n4fFc .index-module--IneQR {\n  pointer-events: none;\n  background-color: #707070;\n  background-color: var(--navigateForth, #707070);\n  border-color: #707070;\n}\n\n.index-module--YJM3e .index-module--vWg5_ {\n  width: 100%;\n}\n\n.index-module--YJM3e .index-module--IneQR {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--vWg5_ {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--IneQR {\n  width: 100%;\n}\n\n.index-module--CVPGS .index-module--NUblS,\n.index-module--KE5Qn .index-module--NUblS {\n  line-height: calc(var(--configuratorActionHeight) - 5px);\n  border-radius: var(--globalBorderRadius);\n}\n",""]);var a="index-module--Ug06K",l="index-module--uMdxf",s="index-module--j2X1m",c="index-module--NUblS",u="index-module--mfwxp",x="index-module--vWg5_",f="index-module--IneQR",m="index-module--n4fFc",p="index-module--YJM3e",v="index-module--X2uG9",h="index-module--CVPGS",g="index-module--KE5Qn";const b=d},40976:(n,e,o)=>{o.d(e,{$t:()=>p.$t,FN:()=>p.FN,Is:()=>p.Is,KR:()=>p.KR,LI:()=>p.LI,Qv:()=>p.Qv,jl:()=>p.jl,nC:()=>p.nC,op:()=>p.op,ox:()=>p.ox,rK:()=>p.rK,tW:()=>p.tW});var t=o(93379),r=o.n(t),i=o(7795),d=o.n(i),a=o(90569),l=o.n(a),s=o(3565),c=o.n(s),u=o(19216),x=o.n(u),f=o(44589),m=o.n(f),p=o(28717),v={};v.styleTagTransform=m(),v.setAttributes=c(),v.insert=l().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=x();r()(p.ZP,v),p.ZP&&p.ZP.locals&&p.ZP.locals}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3504,283,1280],{90283:(n,e,t)=>{t.r(e),t.d(e,{default:()=>O});var o=t(34988),i=t(65515),r=t.n(i),d=t(9420),a=t(87363),l=t(93379),s=t.n(l),c=t(7795),u=t.n(c),x=t(90569),f=t.n(x),m=t(3565),p=t.n(m),v=t(19216),h=t.n(v),g=t(44589),b=t.n(g),w=t(81906),y={};y.styleTagTransform=b(),y.setAttributes=p(),y.insert=f().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=h();s()(w.ZP,y);w.ZP&&w.ZP.locals&&w.ZP.locals;var j=t(88683),P=t(88130),k=t(7501),S=t(47514);const O=(0,d.Pi)((function PriceSumm(n){var e=(0,P.NP)(),t=(0,j.useDivaCore)().state.hidePrices,i=(0,j.useTranslation)().t,d=(0,a.useState)(0),l=(0,o.Z)(d,2),s=l[0],c=l[1],u=(0,a.useState)(0),x=(0,o.Z)(u,2),f=x[0],m=x[1],p=(0,a.useState)(0),v=(0,o.Z)(p,2),h=v[0],g=v[1],b=(0,a.useState)(0),y=(0,o.Z)(b,2),O=y[0],C=y[1];return(0,a.useEffect)((function(){var n,t;g(null!==(n=e.productState.formatedBruttoPrice)&&void 0!==n?n:0),C(null!==(t=e.productState.formatedCurSetPrice)&&void 0!==t?t:0)}),[e.productState.formatedBruttoPrice,e.productState.formatedCurSetPrice]),(0,S.jsxs)("div",{className:r()(w.rh,e.getIsInMobileView()?w.tq:void 0),children:[(0,S.jsx)("div",{children:i("configurator.Sum","Summe")}),(0,S.jsxs)("div",{className:w.wZ,children:[(0,S.jsx)("div",{className:r()(w.nt,e.productState.formatedBruttoPrice?w.kg:void 0),children:!t&&(0,S.jsx)(k.ZP,{end:O,duration:.5,start:f,formattingFn:function formattingFn(n){return j.DivaUtils.formatPrice(n,e.productState.priceFormat)},onEnd:function onEnd(){m(O)}})}),!t&&(0,S.jsxs)("div",{className:r()(w.nt,w.F0,e.productState.formatedBruttoPrice?void 0:w.al),children:[" ",(0,S.jsx)(k.ZP,{end:h,duration:.5,start:s,formattingFn:function formattingFn(n){return j.DivaUtils.formatPrice(n,e.productState.priceFormat)},onEnd:function onEnd(){c(h)}})]})]})]})}))},13504:(n,e,t)=>{t.r(e),t.d(e,{default:()=>S});var o=t(80248),i=t(9420),r=t(88130),d=(t(87363),t(41280)),a=t(93379),l=t.n(a),s=t(7795),c=t.n(s),u=t(90569),x=t.n(u),f=t(3565),m=t.n(f),p=t(19216),v=t.n(p),h=t(44589),g=t.n(h),b=t(65923),w={};w.styleTagTransform=g(),w.setAttributes=m(),w.insert=x().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=v();l()(b.ZP,w);b.ZP&&b.ZP.locals&&b.ZP.locals;var y=t(90283),j=t(65515),P=t.n(j),k=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,i.Pi)((function ActionNavigationRalph(n){var e=(0,r.NP)();return(0,k.jsxs)("div",_objectSpread(_objectSpread({},n),{},{children:[!e.getIsInMobileView()&&(0,k.jsx)(y.default,{}),(0,k.jsx)(d.default,{className:P()(e.getIsInMobileView()?b.$5:void 0,b.nC),showBackButtonText:!0,forthOverwrite:b.ky,backOverwrite:b.g9})]}))}))},41280:(n,e,t)=>{t.r(e),t.d(e,{default:()=>p});var o=t(80248),i=t(72874),r=t(65515),d=t.n(r),a=t(88130),l=t(9420),s=(t(87363),t(88683)),c=t(40976),u=t(39667),x=t(19047),f=t(47514),m=["className","showBackButtonText","backOverwrite","forthOverwrite","showNextButtonIcon","showCheckoutButtons"];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 p=(0,l.Pi)((function ActionNavigation(n){var e,t=n.className,o=n.showBackButtonText,r=n.backOverwrite,l=n.forthOverwrite,p=n.showNextButtonIcon,v=n.showCheckoutButtons,h=(0,i.Z)(n,m),g=(0,a.NP)(),b=(0,s.useTranslation)().t;return(0,f.jsx)("div",_objectSpread(_objectSpread({},h),{},{className:d()(t,c.jl,g.actionButtonState.isOnFirstStep?c.FN:void 0,g.actionButtonState.isOnFirstStepDisabled?c.$t:void 0,g.actionButtonState.isOnLastStep?c.Is:void 0,"vertical"==g.tabGroupState.curTabGroupType?c.KR:void 0,g.uiState.isMobilePortrait?c.tW:void 0,g.uiState.isMobileLandscape?c.Qv:void 0),children:(0,f.jsxs)("div",{className:c.nC,children:[(0,f.jsxs)("div",{className:d()(c.LI,c.op,r),onClick:function onClick(){window.lastNavigationType="NAVIGATION_STANDARD_BACK_BUTTON",g.actionButtonState.onClickConfiguratorSettingsBack()},children:[!o&&(0,f.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,f.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateBack, var(--secondaryColor))",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),o&&b("configurator.Back")]}),v&&(null===(e=g.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.map((function(n,e){return(0,x.evalVisible)(n,g,"navigator")?(0,f.jsx)("div",{className:c.rK,onClick:function onClick(){return(0,x.onClickCheckout)(n,g,e,b)},children:(0,f.jsx)(u.default,{checkoutButton:n,size:40})},e):(0,f.jsx)(f.Fragment,{})}))),(0,f.jsxs)("div",{className:d()(c.LI,c.ox,l),onClick:function onClick(){window.lastNavigationType="NAVIGATION_STANDARD_FORWARD_BUTTON",g.actionButtonState.onClickConfiguratorSettingsForth()},id:"wcConfigurator-action-next",children:[b("configurator.Next"),p&&(0,f.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,f.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateForthFontColor, #ffffff)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]})]})}))}))},81906:(n,e,t)=>{t.d(e,{F0:()=>x,ZP:()=>m,al:()=>f,kg:()=>u,nt:()=>c,rh:()=>a,tq:()=>l,wZ:()=>s});var o=t(8081),i=t.n(o),r=t(23645),d=t.n(r)()(i());d.push([n.id,".index-module--aaqir {\n  height: 40px;\n  line-height: 30px;\n  display: flex;\n  justify-content: space-between;\n  font-weight: 700;\n  font-size: 16px;\n  flex-grow: 1;\n}\n\n.index-module--KdwEi.index-module--aaqir {\n  line-height: 38px;\n  font-size: 18px;\n  justify-content: flex-end;\n  flex-wrap: nowrap;\n  gap: 12px;\n}\n\n.index-module--ckj80 {\n  display: flex;\n  justify-content: space-between;\n  flex-wrap: nowrap;\n}\n\n.index-module--IKzzi {\n  position: relative;\n  color: #262626;\n  text-wrap: nowrap;\n}\n\n.index-module--KdwEi .index-module--IKzzi {\n  font-size: 15px;\n}\n\n.index-module--Y17sU {\n  color: #b1223f;\n  margin-right: 12px;\n}\n\n.index-module--IKzzi.index-module--Xsp7Q {\n  color: #bfbfbf;\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--IKzzi.index-module--Xsp7Q.index-module--rNvqj {\n  opacity: 0;\n  max-width: 0px;\n}\n\n.index-module--IKzzi.index-module--Xsp7Q:before {\n  position: absolute;\n  content: '';\n  left: 0;\n  top: 42%;\n  right: 0;\n  border-top: 2px solid;\n  border-color: #b1223f;\n  transform: rotate(-7deg);\n}\n\n.index-module--KdwEi .index-module--IKzzi.index-module--Xsp7Q:before {\n  top: 45%;\n}\n",""]);var a="index-module--aaqir",l="index-module--KdwEi",s="index-module--ckj80",c="index-module--IKzzi",u="index-module--Y17sU",x="index-module--Xsp7Q",f="index-module--rNvqj";const m=d},65923:(n,e,t)=>{t.d(e,{$5:()=>c,ZP:()=>u,g9:()=>l,ky:()=>s,nC:()=>a});var o=t(8081),i=t.n(o),r=t(23645),d=t.n(r)()(i());d.push([n.id,".index-module--FPhE6 .index-module--JMki1,\n.index-module--FPhE6 .index-module--ufp_O {\n  border: 1px #262626 solid !important;\n  background-color: var(--thirdColor) !important;\n  color: #262626 !important;\n  font-weight: 700 !important;\n}\n\n.index-module--FPhE6 .index-module--JMki1,\n.index-module--FPhE6 .index-module--ufp_O {\n  cursor: pointer;\n  width: 50%;\n  flex-grow: 1;\n}\n\n.index-module--G6P2w {\n  height: 100%;\n}\n",""]);var a="index-module--FPhE6",l="index-module--JMki1",s="index-module--ufp_O",c="index-module--G6P2w";const u=d},28717:(n,e,t)=>{t.d(e,{$t:()=>m,FN:()=>v,Is:()=>p,KR:()=>s,LI:()=>c,Qv:()=>h,ZP:()=>b,jl:()=>a,nC:()=>l,op:()=>x,ox:()=>f,rK:()=>u,tW:()=>g});var o=t(8081),i=t.n(o),r=t(23645),d=t.n(r)()(i());d.push([n.id,"/*Navigaton Buttons*/\n.index-module--Ug06K {\n  transition: width 0.2s ease-in-out;\n}\n\n.index-module--uMdxf {\n  height: 100%;\n  font-weight: 300;\n  font-size: 14px;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  width: 100%;\n  display: flex;\n  gap: 3px;\n}\n.index-module--j2X1m .index-module--uMdxf {\n  line-height: var(--configuratorActionHeight);\n}\n\n.index-module--NUblS {\n  border-radius: var(--globalBorderRadius);\n  height: 100%;\n  text-align: center;\n}\n\n.index-module--mfwxp {\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--vWg5_ {\n  border: 1px var(--secondaryColor) solid;\n  border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n  background-color: white;\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--IneQR {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  background-color: var(--navigateForth, var(--secondaryColor));\n  color: #ffffff;\n  color: var(--navigateForthFontColor, #ffffff);\n  float: right;\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-grow: 3;\n}\n\n.index-module--vWg5_:hover,\n.index-module--IneQR:hover {\n  cursor: pointer;\n  box-shadow: var(--boxShadowHover);\n}\n.index-module--IneQR svg {\n  transform: rotate(180deg);\n  position: absolute;\n  right: 16px;\n}\n\n.index-module--n4fFc .index-module--IneQR {\n  pointer-events: none;\n  background-color: #707070;\n  background-color: var(--navigateForth, #707070);\n  border-color: #707070;\n}\n\n.index-module--YJM3e .index-module--vWg5_ {\n  width: 100%;\n}\n\n.index-module--YJM3e .index-module--IneQR {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--vWg5_ {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--IneQR {\n  width: 100%;\n}\n\n.index-module--CVPGS .index-module--NUblS,\n.index-module--KE5Qn .index-module--NUblS {\n  line-height: calc(var(--configuratorActionHeight) - 5px);\n  border-radius: var(--globalBorderRadius);\n}\n",""]);var a="index-module--Ug06K",l="index-module--uMdxf",s="index-module--j2X1m",c="index-module--NUblS",u="index-module--mfwxp",x="index-module--vWg5_",f="index-module--IneQR",m="index-module--n4fFc",p="index-module--YJM3e",v="index-module--X2uG9",h="index-module--CVPGS",g="index-module--KE5Qn";const b=d},40976:(n,e,t)=>{t.d(e,{$t:()=>p.$t,FN:()=>p.FN,Is:()=>p.Is,KR:()=>p.KR,LI:()=>p.LI,Qv:()=>p.Qv,jl:()=>p.jl,nC:()=>p.nC,op:()=>p.op,ox:()=>p.ox,rK:()=>p.rK,tW:()=>p.tW});var o=t(93379),i=t.n(o),r=t(7795),d=t.n(r),a=t(90569),l=t.n(a),s=t(3565),c=t.n(s),u=t(19216),x=t.n(u),f=t(44589),m=t.n(f),p=t(28717),v={};v.styleTagTransform=m(),v.setAttributes=c(),v.insert=l().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=x();i()(p.ZP,v),p.ZP&&p.ZP.locals&&p.ZP.locals}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 4585.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4585,2690,4619],{72690:(e,n,i)=>{i.r(n),i.d(n,{FullscreenArHeader:()=>z,default:()=>S});var t=i(9420),o=i(87363),r=i.n(o),a=i(22182),d=i(93379),M=i.n(d),u=i(7795),c=i.n(u),l=i(90569),s=i.n(l),N=i(3565),x=i.n(N),j=i(19216),g=i.n(j),D=i(44589),I=i.n(D),T=i(22109),p={};p.styleTagTransform=I(),p.setAttributes=x(),p.insert=s().bind(null,"head"),p.domAPI=c(),p.insertStyleElement=g();M()(T.ZP,p);T.ZP&&T.ZP.locals&&T.ZP.locals;var y=i(65515),w=i.n(y),m=i(88683),A=i(47514),z=function FullscreenArHeader(){var e=(0,m.useTranslation)().t;return(0,A.jsx)("div",{className:T.Fs,children:e("configurator.ar_qr_title")})};const S=(0,t.Pi)((function FullscreenAr(e){var n=e.url,i=e.isArCompatible,t=e.broswerSupportAR,o=e.activateAR,d=(0,m.useTranslation)().t;return 0!=i&&t?(0,A.jsx)("div",{className:T.Gr,children:(0,A.jsxs)("div",{className:T.YS,children:[(0,A.jsx)("div",{className:T.aS,children:(0,A.jsx)("div",{className:T.fL,children:d("configurator.ar_qr_text")})}),(0,A.jsxs)("div",{className:T.$D,children:[(0,A.jsxs)("div",{className:T.GD,children:[(0,A.jsx)("div",{className:w()(T.qv,T.ti)}),(0,A.jsxs)("div",{className:T.Ji,children:[(0,A.jsx)("div",{className:T.nx,children:d("configurator.ar_qr_step")+" 1"}),(0,A.jsx)("div",{className:T.$h,children:d("configurator.ar_qr_step1")})]})]}),(0,A.jsxs)("div",{className:T.GD,children:[(0,A.jsx)("div",{className:w()(T.qv,T.Ro)}),(0,A.jsxs)("div",{className:T.Ji,children:[(0,A.jsx)("div",{className:T.nx,children:d("configurator.ar_qr_step")+" 2"}),(0,A.jsx)("div",{className:T.$h,children:d("configurator.ar_qr_step2")})]})]}),(0,A.jsxs)("div",{className:T.GD,children:[(0,A.jsx)("div",{className:w()(T.qv,T.Lt)}),(0,A.jsxs)("div",{className:T.Ji,children:[(0,A.jsx)("div",{className:T.nx,children:d("configurator.ar_qr_step")+" 3"}),(0,A.jsx)("div",{className:T.$h,children:d("configurator.ar_qr_step3")})]})]})]}),(0,A.jsx)("div",{className:T.Yq,children:(0,A.jsx)("div",{"aria-disabled":!o,className:w()(T.c8,o?void 0:T.JU),onClick:function onClick(){return null==o?void 0:o()},children:o?d("configurator.open_ar"):(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)("div",{className:T._m}),d("arviewer.initializing")]})})}),(0,A.jsx)("div",{className:T.fL,children:d("configurator.ar_qr_bottom_text")}),n&&(0,A.jsxs)("div",{className:T.SS,children:[" ",n&&r().createElement(a.ZP,{value:n,size:220})]})]})}):(0,A.jsxs)("div",{className:T.J3,children:[(0,A.jsx)("div",{className:T.Mx,dangerouslySetInnerHTML:{__html:d("arviewer.failed")}}),(0,A.jsxs)("div",{className:T.dj,children:[" ",n&&r().createElement(a.ZP,{value:n,size:220})]})]})}))},54619:(e,n,i)=>{i.r(n),i.d(n,{default:()=>S});var t=i(80248),o=i(22182),r=i(9420),a=i(87363),d=i.n(a),M=i(88683),u=i(46770),c=i(88130),l=i(93379),s=i.n(l),N=i(7795),x=i.n(N),j=i(90569),g=i.n(j),D=i(3565),I=i.n(D),T=i(19216),p=i.n(T),y=i(44589),w=i.n(y),m=i(16033),A={};A.styleTagTransform=w(),A.setAttributes=I(),A.insert=g().bind(null,"head"),A.domAPI=x(),A.insertStyleElement=p();s()(m.ZP,A);m.ZP&&m.ZP.locals&&m.ZP.locals;var z=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const S=(0,r.Pi)((function ArQrCodeTooltip(e){var n,i=e.layerProps,t=e.arrowProps,r=e.autoClose,l=e.fadeIn,s=e.fadeout,N=e.url,x=(0,c.NP)(),j=x.getViewConfig().arQrCodeConfig,g=null!=j&&j.timeUnitAutohide?j.timeUnitAutohide:6,D=(0,M.useDivaCore)().state.theme,I=(0,M.useTranslation)().t,T=(0,a.useRef)();return(0,a.useEffect)((function(){return r&&(null!=T&&T.current||(T.current=setTimeout((function(){return x.productState.setDoShowARQRCode(!1)}),1e3*(g+1)))),function(){null!=T&&T.current&&clearTimeout(T.current)}}),[r]),(0,a.useEffect)((function(){x.productState.doShowARQRCode?x.productState.setArCodeWasVisibleOnce():null!=T&&T.current&&clearTimeout(T.current)}),[x.productState.doShowARQRCode]),(0,z.jsxs)("div",_objectSpread(_objectSpread({},i),{},{className:m.YS,style:_objectSpread(_objectSpread({opacity:s?0:l?1:void 0},i.style),{},{zIndex:1000005}),children:[(0,z.jsx)("div",{className:m.SS,children:N&&d().createElement(o.ZP,{value:N,size:96,onClick:function onClick(){return N&&window.open(N,"_blank")}})}),(0,z.jsxs)("div",{className:m.aS,style:{fontFamily:null==D||null===(n=D.typography)||void 0===n?void 0:n.fontFamily},children:[(0,z.jsx)("div",{className:m.Fs,children:I("configurator.ar_qr_title")}),(0,z.jsx)("div",{className:m.fL,children:I("configurator.ar_qr_text")})]}),(0,z.jsx)("div",{className:m.UF,onClick:function onClick(){return x.productState.setDoShowARQRCode(!1)}}),(0,z.jsx)(u.Eh,_objectSpread({onPointerEnterCapture:void 0,onPointerLeaveCapture:void 0},t)),r&&(0,z.jsx)("div",{className:m.L3,style:{animationDuration:g+"s"}})]}))}))},24585:(e,n,i)=>{i.r(n),i.d(n,{default:()=>I});var t=i(80248),o=i(34988),r=i(72874),a=i(9420),d=i(88130),M=i(87363),u=i(46770),c=i(54619),l=i(88683),s=i(65515),N=i.n(s),x=i(72690),j=i(22182),g=i(47514),D=["Button","dontOpenModal"];function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const I=(0,a.Pi)((function ArQrCodeTooltip(e){var n=e.Button,i=e.dontOpenModal,t=(0,r.Z)(e,D),a=(0,d.NP)(),s=(0,l.useTranslation)().t,I=(0,l.useDivaCore)(),T=I.actions.openDrawerMenu,p=I.state,y=p.isMobile,w=p.dimensions.isTablet,m=(0,M.useState)(!1),A=(0,o.Z)(m,2),z=A[0],S=A[1],f=(0,M.useRef)(),C=(0,M.useState)(!1),h=(0,o.Z)(C,2),O=h[0],b=h[1],L=a.getViewConfig().arQrCodeConfig,E=y||w,Q=E&&(!a.uiState.AllConfig.arViewerIframe||!a.productState.allow3DComb&&!a.productState.allowRTV),v=(0,M.useState)(a.productState.arCodeWasVisibleOnce),U=(0,o.Z)(v,2),k=U[0],P=U[1],R=(k||a.productState.doShowARQRCode)&&!E&&a.isParentViewVisible&&!i,Y=(0,u.sJ)({isOpen:R,auto:!0,placement:"right-end",triggerOffset:16}),Z=Y.triggerProps,V=Y.layerProps,W=Y.renderLayer,F=Y.arrowProps,H=(0,M.useState)(),G=(0,o.Z)(H,2),_=G[0],B=G[1];(0,M.useEffect)((function(){T({id:"ar-qr-code",mountElementId:"wcConfigurator-mobile-wrapper",onClose:function onClose(){b(!1),a.productState.loadRTVForAr=!1,a.productState.setDoShowARQRCode(!1),a.productState.onChangePlannerView(a.productState.allow3DComb?"3DCOMB":a.productState.allowRTV?"RTV":"3D")},title:(0,g.jsx)(x.FullscreenArHeader,{}),content:(0,g.jsx)(x.default,{url:_,isArCompatible:a.productState.isArCompatible,broswerSupportAR:a.productState.browserSupportAR,activateAR:a.productState.activateAR}),open:O})}),[O]),(0,M.useEffect)((function(){1==a.productState.doShowARQRCode&&a.openARObserverConnection((function(){return a.divaWebPlanner.getPlannerHandler().saveSetHQRenderScript()})).then((function(e){return B(e)}))}),[a.productState.doShowARQRCode]),(0,M.useEffect)((function(){a.productState.doShowARQRCode&&Q&&b(!0)}),[a.productState.activateAR,_]),(0,M.useEffect)((function(){if(!i){var e;if(!a.productState.arCodeWasVisibleOnce&&null!=L&&L.doAutoShow&&!E)f.current=setTimeout((function(){a.productState.setArCodeWasVisibleOnce(),S(!0),a.productState.setDoShowARQRCode(!0)}),1e3*(null!==(e=null==L?void 0:L.timeUntilAutoShow)&&void 0!==e?e:30));!a.productState.doShowARQRCode&&z&&S(!1),k!==a.productState.doShowARQRCode&&setTimeout((function(){P(a.productState.doShowARQRCode)}),200)}}),[a.productState.doShowARQRCode]);var J=function onClick(){a.productState.setDoShowARQRCode(!0),Q&&(a.productState.doShowRTV||"RTViewer"==a.viewPlannerHandler.getCurPlannerViewMode()||"3DCOMB"==a.viewPlannerHandler.getCurPlannerViewMode()||(a.setHQRenderScript(void 0),a.productState.onChangePlannerView(a.productState.allow3DComb?"3DCOMB":"RTV")),b(!0),a.productState.loadRTVForAr=!0)};return _&&!E&&i?(0,g.jsxs)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",width:"100%"},children:[(0,g.jsx)(j.ZP,{value:_,size:96,onClick:function onClick(){return _&&window.open(_,"_blank")}}),";"]}):n?(0,g.jsx)(n,{onClick:J}):(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)("li",_objectSpread(_objectSpread(_objectSpread({id:"ar-icon"},t),{},{className:N()(t.className),onClick:J,title:s("configurator.ar_qr_title")},Z),{},{style:{visibility:a.productState.doShowRenderImage||a.productState.doShow3DComb||a.productState.doShowRTV?"visible":"hidden"}})),R&&W((0,g.jsx)(c.default,{arrowProps:F,layerProps:V,autoClose:z,fadeIn:k,fadeout:!a.productState.doShowARQRCode,url:_}))]})}))},22109:(e,n,i)=>{i.d(n,{$D:()=>A,$h:()=>C,Fs:()=>w,GD:()=>z,Gr:()=>g,J3:()=>D,JU:()=>v,Ji:()=>S,Lt:()=>L,Mx:()=>I,Ro:()=>b,SS:()=>U,YS:()=>p,Yq:()=>E,ZP:()=>P,_m:()=>k,aS:()=>y,c8:()=>Q,dj:()=>T,fL:()=>m,nx:()=>f,qv:()=>h,ti:()=>O});var t=i(8081),o=i.n(t),r=i(23645),a=i.n(r),d=i(61667),M=i.n(d),u=new URL(i(96214),i.b),c=new URL(i(78752),i.b),l=new URL(i(30923),i.b),s=a()(o()),N=M()(u),x=M()(c),j=M()(l);s.push([e.id,".index-module--ImFgT {\n  overflow: auto;\n}\n\n.index-module--b5la4 {\n  display: flex;\n  gap: 48px;\n  flex-wrap: wrap;\n  justify-content: center;\n}\n.index-module--rPHsB {\n  max-width: 400px;\n}\n.index-module--pCvNx {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--rJxjD {\n  display: flex;\n  flex-direction: column;\n  margin: 8px;\n  gap: 42px;\n  color: #000;\n}\n\n.index-module--D8Hh2 {\n  display: flex;\n  flex-direction: column;\n  gap: 32px;\n}\n\n.index-module--Wih2i {\n  max-width: calc(100% - 32px);\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 40px;\n  height: 40px;\n}\n\n.index-module--NZIwX {\n  font-weight: 300;\n  font-size: 18px;\n  line-height: 130%;\n}\n\n.index-module--c06na {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.index-module--XQWSR {\n  display: flex;\n  gap: 12px;\n}\n\n.index-module--hsJe1 {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  justify-content: center;\n}\n\n.index-module--R08lN {\n  font-weight: 300;\n  font-size: 16px;\n  color: #7b7b7b;\n}\n\n.index-module--w1zAR {\n  font-size: 14px;\n  color: #000000;\n}\n\n.index-module--tNtQi {\n  border-radius: 50%;\n  background-color: #f2f2f2;\n  width: 56px;\n  height: 56px;\n}\n\n.index-module--RMCB9 {\n  background: center / 50% no-repeat #f2f2f2 url("+N+");\n}\n.index-module--rlsDm {\n  background: center / 50% no-repeat #f2f2f2 url("+x+");\n}\n.index-module--gAkyp {\n  background: center / 40% no-repeat #f2f2f2 url("+j+");\n}\n.index-module--RZc1O {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.index-module--vFCfN {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  padding: 10px 21px;\n  gap: 10px;\n  background-color: var(--primaryColor);\n  border-radius: 3px;\n  cursor: pointer;\n  transition:\n    box-shadow 0.3s,\n    background-color 0.3s ease,\n    color 0.3s ease;\n  font-weight: 600;\n  letter-spacing: 0.8px;\n  color: #fff;\n  height: 38px;\n}\n.index-module--vLdW3 {\n  cursor: wait;\n  background-color: var(--secondaryColor);\n}\n\n.index-module--vFCfN:hover {\n  box-shadow: 0px 1px 4px #707070;\n}\n.index-module--vFCfN.index-module--vLdW3:hover {\n  box-shadow: none;\n}\n\n.index-module--Xiew7 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding-bottom: 64px;\n}\n\n.index-module--U0ivw {\n  border: 3px solid #f3f3f3;\n  border-radius: 50%;\n  border-top: 3px solid #aaa;\n  width: 25px;\n  height: 25px;\n  animation: index-module--r8P_P 2s linear infinite;\n}\n\n@keyframes index-module--r8P_P {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var g="index-module--ImFgT",D="index-module--b5la4",I="index-module--rPHsB",T="index-module--pCvNx",p="index-module--rJxjD",y="index-module--D8Hh2",w="index-module--Wih2i",m="index-module--NZIwX",A="index-module--c06na",z="index-module--XQWSR",S="index-module--hsJe1",f="index-module--R08lN",C="index-module--w1zAR",h="index-module--tNtQi",O="index-module--RMCB9",b="index-module--rlsDm",L="index-module--gAkyp",E="index-module--RZc1O",Q="index-module--vFCfN",v="index-module--vLdW3",U="index-module--Xiew7",k="index-module--U0ivw";const P=s},16033:(e,n,i)=>{i.d(n,{Fs:()=>j,L3:()=>I,SS:()=>N,UF:()=>D,YS:()=>s,ZP:()=>T,aS:()=>x,fL:()=>g});var t=i(8081),o=i.n(t),r=i(23645),a=i.n(r),d=i(61667),M=i.n(d),u=new URL(i(55345),i.b),c=a()(o()),l=M()(u);c.push([e.id,".index-module--GFPXG {\n  background: #ffffff;\n  border-radius: 3px;\n  filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.25));\n  display: flex;\n  padding: 22px;\n  gap: 12px;\n  opacity: 0;\n  transition: opacity 200ms ease-in-out;\n}\n\n.index-module--r8bLl {\n  width: 96px;\n  height: 96px;\n}\n\n.index-module--fQVST {\n  display: flex;\n  flex-direction: column;\n  color: #000000;\n  width: 220px;\n  gap: 8px;\n}\n\n.index-module--tTQQc {\n  max-width: calc(100% - 32px);\n  font-weight: 600;\n  font-size: 17px;\n  line-height: 19px;\n}\n\n.index-module--mWanv {\n  font-weight: 300;\n  font-size: 16px;\n  line-height: 130%;\n}\n\n.index-module--Yb4D5 {\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  width: 42px;\n  height: 42px;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 80%;\n  background-image: url("+l+");\n  transition: background-size 100ms ease-in;\n  cursor: pointer;\n}\n\n.index-module--Yb4D5:hover {\n  background-size: 90%;\n}\n.index-module--lC9xM {\n  background: var(--secondaryColor);\n  height: 3px;\n  border-radius: 0 2px 2px 0;\n  animation-name: index-module--zZxxQ;\n  animation-timing-function: linear;\n  transition: width 0s ease-in;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n}\n\n@keyframes index-module--zZxxQ {\n  from {\n    width: 100%;\n  }\n  to {\n    width: 0%;\n  }\n}\n",""]);var s="index-module--GFPXG",N="index-module--r8bLl",x="index-module--fQVST",j="index-module--tTQQc",g="index-module--mWanv",D="index-module--Yb4D5",I="index-module--lC9xM";const T=c},96214:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMwMF8zMDEwMCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8zMDBfMzAxMDApIj4KPHBhdGggZD0iTTQuNTQ4MTUgMTkuNUM0LjA0MzAyIDE5LjUgMy42MTU0NSAxOS4zMjUgMy4yNjU0NSAxOC45NzVDMi45MTU0NyAxOC42MjUgMi43NDA0OCAxOC4xOTc0IDIuNzQwNDggMTcuNjkyM1Y2LjMwNzczQzIuNzQwNDggNS44MDI2IDIuOTE1NDcgNS4zNzUwMyAzLjI2NTQ1IDUuMDI1MDNDMy42MTU0NSA0LjY3NTAzIDQuMDQzMDIgNC41MDAwMyA0LjU0ODE1IDQuNTAwMDNIMTUuOTMyN0MxNi40Mzc4IDQuNTAwMDMgMTYuODY1NCA0LjY3NTAzIDE3LjIxNTQgNS4wMjUwM0MxNy41NjU0IDUuMzc1MDMgMTcuNzQwNCA1LjgwMjYgMTcuNzQwNCA2LjMwNzczVjEwLjg4NDdMMjEuMjU5NiA3LjM2NTQ2VjE2LjYzNDZMMTcuNzQwNCAxMy4xMTU0VjE3LjY5MjNDMTcuNzQwNCAxOC4xOTc0IDE3LjU2NTQgMTguNjI1IDE3LjIxNTQgMTguOTc1QzE2Ljg2NTQgMTkuMzI1IDE2LjQzNzggMTkuNSAxNS45MzI3IDE5LjVINC41NDgxNVpNNC41NDgxNSAxOEgxNS45MzI3QzE2LjAyMjUgMTggMTYuMDk2MiAxNy45NzEyIDE2LjE1MzkgMTcuOTEzNUMxNi4yMTE2IDE3Ljg1NTggMTYuMjQwNCAxNy43ODIgMTYuMjQwNCAxNy42OTIzVjYuMzA3NzNDMTYuMjQwNCA2LjIxNzk4IDE2LjIxMTYgNi4xNDQyNiAxNi4xNTM5IDYuMDg2NTZDMTYuMDk2MiA2LjAyODg2IDE2LjAyMjUgNi4wMDAwMSAxNS45MzI3IDYuMDAwMDFINC41NDgxNUM0LjQ1ODQgNi4wMDAwMSA0LjM4NDY4IDYuMDI4ODYgNC4zMjY5OCA2LjA4NjU2QzQuMjY5MjggNi4xNDQyNiA0LjI0MDQzIDYuMjE3OTggNC4yNDA0MyA2LjMwNzczVjE3LjY5MjNDNC4yNDA0MyAxNy43ODIgNC4yNjkyOCAxNy44NTU4IDQuMzI2OTggMTcuOTEzNUM0LjM4NDY4IDE3Ljk3MTIgNC40NTg0IDE4IDQuNTQ4MTUgMThaIiBmaWxsPSIjMUMxQjFGIi8+CjxwYXRoIGQ9Ik01IDExLjc1TDguOTAzODMgMTUuNjUzOUwxNS42MjY5IDguOTMwNzhMMTQuNTczIDcuODc2OTVMOC45MDM4MyAxMy41NDYyTDYuMDUzODMgMTAuNjk2Mkw1IDExLjc1WiIgZmlsbD0iIzFDMUIxRiIvPgo8L2c+Cjwvc3ZnPgo="},78752:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMwMF8zMDExMCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8zMDBfMzAxMTApIj4KPHBhdGggZD0iTTEyIDIwLjk0MjJDMTEuNTk4NyAyMC45NDIyIDExLjI0MzkgMjAuODM2NSAxMC45MzU2IDIwLjYyNDlDMTAuNjI3MiAyMC40MTM0IDEwLjQxMTUgMjAuMTM1OCAxMC4yODg0IDE5Ljc5MjJIOS45OTk5N0M5LjU5MTAxIDE5Ljc5MjIgOS4yMzg3NyAxOS42NDQ1IDguOTQzMjcgMTkuMzQ5QzguNjQ3NzYgMTkuMDUzNSA4LjUgMTguNzAxMiA4LjUgMTguMjkyM1YxNS4wMTE1QzcuNDkxMDMgMTQuNCA2LjY5NzEyIDEzLjU4MDEgNi4xMTgyNyAxMi41NTE5QzUuNTM5NDIgMTEuNTIzNyA1LjI1IDEwLjQyMzEgNS4yNSA5LjI1MDAxQzUuMjUgNy4zNjc5NyA1LjkwNDQ4IDUuNzcyNDYgNy4yMTM0NSA0LjQ2MzQ4QzguNTIyNDMgMy4xNTQ1MSAxMC4xMTc5IDIuNTAwMDMgMTIgMi41MDAwM0MxMy44ODIgMi41MDAwMyAxNS40Nzc1IDMuMTU0NTEgMTYuNzg2NSA0LjQ2MzQ4QzE4LjA5NTUgNS43NzI0NiAxOC43NSA3LjM2Nzk3IDE4Ljc1IDkuMjUwMDFDMTguNzUgMTAuNDQzNiAxOC40NjA1IDExLjU0OTQgMTcuODgxNyAxMi41NjczQzE3LjMwMjggMTMuNTg1MyAxNi41MDg5IDE0LjQgMTUuNSAxNS4wMTE1VjE4LjI5MjNDMTUuNSAxOC43MDEyIDE1LjM1MjIgMTkuMDUzNSAxNS4wNTY3IDE5LjM0OUMxNC43NjEyIDE5LjY0NDUgMTQuNDA4OSAxOS43OTIyIDE0IDE5Ljc5MjJIMTMuNzExNUMxMy41ODg0IDIwLjEzNTggMTMuMzcyNyAyMC40MTM0IDEzLjA2NDQgMjAuNjI0OUMxMi43NTYxIDIwLjgzNjUgMTIuNDAxMyAyMC45NDIyIDEyIDIwLjk0MjJaTTkuOTk5OTcgMTguMjkyM0gxNFYxNy4zNTM4SDkuOTk5OTdWMTguMjkyM1pNOS45OTk5NyAxNi40NjkySDE0VjE1LjVIOS45OTk5N1YxNi40NjkyWk05Ljc5OTk3IDE0SDExLjQwMzhWMTEuMDg4NUw5LjI2MTUzIDguOTQ2MTZMMTAuMSA4LjEwNzcxTDEyIDEwLjAwNzdMMTMuOSA4LjEwNzcxTDE0LjczODQgOC45NDYxNkwxMi41OTYxIDExLjA4ODVWMTRIMTQuMkMxNS4xIDEzLjU2NjcgMTUuODMzMyAxMi45MjkyIDE2LjQgMTIuMDg3NUMxNi45NjY2IDExLjI0NTggMTcuMjUgMTAuMyAxNy4yNSA5LjI1MDAxQzE3LjI1IDcuNzgzMzQgMTYuNzQxNiA2LjU0MTY3IDE1LjcyNSA1LjUyNTAxQzE0LjcwODMgNC41MDgzNCAxMy40NjY2IDQuMDAwMDEgMTIgNC4wMDAwMUMxMC41MzMzIDQuMDAwMDEgOS4yOTE2NCA0LjUwODM0IDguMjc0OTcgNS41MjUwMUM3LjI1ODMxIDYuNTQxNjcgNi43NDk5NyA3Ljc4MzM0IDYuNzQ5OTcgOS4yNTAwMUM2Ljc0OTk3IDEwLjMgNy4wMzMzMSAxMS4yNDU4IDcuNTk5OTcgMTIuMDg3NUM4LjE2NjY0IDEyLjkyOTIgOC44OTk5NyAxMy41NjY3IDkuNzk5OTcgMTRaIiBmaWxsPSIjMUMxQjFGIi8+CjwvZz4KPC9zdmc+Cg=="},30923:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDE5LjY1MzhMNi4wOTYxOSAxNS43NUw3LjE2NTM5IDE0LjY4MDhMOS4yNTAwNCAxNi43NjU0VjEyLjI1SDEwLjc1VjE2Ljc1MDFMMTIuODE5MiAxNC42NjU0TDEzLjkwMzggMTUuNzVMMTAgMTkuNjUzOFpNNC4yNTAwMiAxMy45MDM4TDAuMzQ2MTkxIDEwTDQuMjM0NjQgNi4xMTE1OEw1LjMwMzg0IDcuMTgwNzhMMy4yMzQ1OSA5LjI1MDAzSDcuNzQ5OTlWMTAuNzVIMy4yNDk5N0w1LjMzNDYyIDEyLjgxOTJMNC4yNTAwMiAxMy45MDM4Wk0xNS43NSAxMy45MDM4TDE0LjY4MDggMTIuODM0NkwxNi43NjU0IDEwLjc1SDEyLjI1VjkuMjUwMDNIMTYuNzUwMUwxNC42NjU0IDcuMTgwNzhMMTUuNzUgNi4wOTYxOEwxOS42NTM4IDEwTDE1Ljc1IDEzLjkwMzhaTTkuMjUwMDQgNy43NDk5OFYzLjIzNDU4TDcuMTY1MzkgNS4zMTkyTDYuMDk2MTkgNC4yNUwxMCAwLjM0NjE3NkwxMy45MDM4IDQuMjVMMTIuODM0NiA1LjMxOTJMMTAuNzUgMy4yMzQ1OFY3Ljc0OTk4SDkuMjUwMDRaIiBmaWxsPSIjMUMxQjFGIi8+Cjwvc3ZnPgo="},55345:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMzMl8xNDMiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI0Q5RDlEOSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMzMyXzE0MykiPgo8cGF0aCBkPSJNOC4yMjc0OSAxNi44MzY1TDcuMTY0MDYgMTUuNzczMUwxMC45MzcyIDEyTDcuMTY0MDYgOC4yNTE5TDguMjI3NDkgNy4xODg0OEwxMi4wMDA2IDEwLjk2MTZMMTUuNzQ4NyA3LjE4ODQ4TDE2LjgxMjEgOC4yNTE5TDEzLjAzOSAxMkwxNi44MTIxIDE1Ljc3MzFMMTUuNzQ4NyAxNi44MzY1TDEyLjAwMDYgMTMuMDYzNEw4LjIyNzQ5IDE2LjgzNjVaIiBmaWxsPSIjMUMxQjFGIi8+CjwvZz4KPC9zdmc+Cg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4585,2690,4619],{72690:(e,n,i)=>{i.r(n),i.d(n,{FullscreenArHeader:()=>S,default:()=>f});var t=i(9420),o=i(87363),r=i.n(o),a=i(22182),d=i(93379),M=i.n(d),u=i(7795),c=i.n(u),l=i(90569),s=i.n(l),N=i(3565),x=i.n(N),j=i(19216),g=i.n(j),D=i(44589),I=i.n(D),T=i(22109),p={};p.styleTagTransform=I(),p.setAttributes=x(),p.insert=s().bind(null,"head"),p.domAPI=c(),p.insertStyleElement=g();M()(T.ZP,p);T.ZP&&T.ZP.locals&&T.ZP.locals;var w=i(65515),y=i.n(w),m=i(88683),A=i(47514),z=(0,m.getLogger)("Planner","WEB-PLANNER-REACT"),S=function FullscreenArHeader(){var e=(0,m.useTranslation)().t;return(0,A.jsx)("div",{className:T.Fs,children:e("configurator.ar_qr_title")})};const f=(0,t.Pi)((function FullscreenAr(e){var n=e.url,i=e.isArCompatible,t=e.broswerSupportAR,o=e.activateAR,d=e.hqRenderScript,M=(0,m.useTranslation)().t;return 0!=i&&t?(0,A.jsx)("div",{className:T.Gr,children:(0,A.jsxs)("div",{className:T.YS,children:[(0,A.jsx)("div",{className:T.aS,children:(0,A.jsx)("div",{className:T.fL,children:M("configurator.ar_qr_text")})}),(0,A.jsxs)("div",{className:T.$D,children:[(0,A.jsxs)("div",{className:T.GD,children:[(0,A.jsx)("div",{className:y()(T.qv,T.ti)}),(0,A.jsxs)("div",{className:T.Ji,children:[(0,A.jsx)("div",{className:T.nx,children:M("configurator.ar_qr_step")+" 1"}),(0,A.jsx)("div",{className:T.$h,children:M("configurator.ar_qr_step1")})]})]}),(0,A.jsxs)("div",{className:T.GD,children:[(0,A.jsx)("div",{className:y()(T.qv,T.Ro)}),(0,A.jsxs)("div",{className:T.Ji,children:[(0,A.jsx)("div",{className:T.nx,children:M("configurator.ar_qr_step")+" 2"}),(0,A.jsx)("div",{className:T.$h,children:M("configurator.ar_qr_step2")})]})]}),(0,A.jsxs)("div",{className:T.GD,children:[(0,A.jsx)("div",{className:y()(T.qv,T.Lt)}),(0,A.jsxs)("div",{className:T.Ji,children:[(0,A.jsx)("div",{className:T.nx,children:M("configurator.ar_qr_step")+" 3"}),(0,A.jsx)("div",{className:T.$h,children:M("configurator.ar_qr_step3")})]})]})]}),(0,A.jsx)("div",{className:T.Yq,children:(0,A.jsx)("div",{"aria-disabled":!o,className:y()(T.c8,o?void 0:T.JU),onClick:function onClick(){z.businessEvent("onInitARViewer","RealTimeViewer","Load AR viewer",{arMedia:n,hqRenderScript:d}),null==o||o()},children:o?M("configurator.open_ar"):(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)("div",{className:T._m}),M("arviewer.initializing")]})})}),(0,A.jsx)("div",{className:T.fL,children:M("configurator.ar_qr_bottom_text")}),n&&(0,A.jsxs)("div",{className:T.SS,children:[" ",n&&r().createElement(a.ZP,{value:n,size:220})]})]})}):(0,A.jsxs)("div",{className:T.J3,children:[(0,A.jsx)("div",{className:T.Mx,dangerouslySetInnerHTML:{__html:M("arviewer.failed")}}),(0,A.jsxs)("div",{className:T.dj,children:[" ",n&&r().createElement(a.ZP,{value:n,size:220})]})]})}))},54619:(e,n,i)=>{i.r(n),i.d(n,{default:()=>S});var t=i(80248),o=i(22182),r=i(9420),a=i(87363),d=i.n(a),M=i(88683),u=i(46770),c=i(88130),l=i(93379),s=i.n(l),N=i(7795),x=i.n(N),j=i(90569),g=i.n(j),D=i(3565),I=i.n(D),T=i(19216),p=i.n(T),w=i(44589),y=i.n(w),m=i(16033),A={};A.styleTagTransform=y(),A.setAttributes=I(),A.insert=g().bind(null,"head"),A.domAPI=x(),A.insertStyleElement=p();s()(m.ZP,A);m.ZP&&m.ZP.locals&&m.ZP.locals;var z=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const S=(0,r.Pi)((function ArQrCodeTooltip(e){var n,i=e.layerProps,t=e.arrowProps,r=e.autoClose,l=e.fadeIn,s=e.fadeout,N=e.url,x=(0,c.NP)(),j=x.getViewConfig().arQrCodeConfig,g=null!=j&&j.timeUnitAutohide?j.timeUnitAutohide:6,D=(0,M.useDivaCore)().state.theme,I=(0,M.useTranslation)().t,T=(0,a.useRef)();return(0,a.useEffect)((function(){return r&&(null!=T&&T.current||(T.current=setTimeout((function(){return x.productState.setDoShowARQRCode(!1)}),1e3*(g+1)))),function(){null!=T&&T.current&&clearTimeout(T.current)}}),[r]),(0,a.useEffect)((function(){x.productState.doShowARQRCode?x.productState.setArCodeWasVisibleOnce():null!=T&&T.current&&clearTimeout(T.current)}),[x.productState.doShowARQRCode]),(0,z.jsxs)("div",_objectSpread(_objectSpread({},i),{},{className:m.YS,style:_objectSpread(_objectSpread({opacity:s?0:l?1:void 0},i.style),{},{zIndex:1000005}),children:[(0,z.jsx)("div",{className:m.SS,children:N&&d().createElement(o.ZP,{value:N,size:96,onClick:function onClick(){return N&&window.open(N,"_blank")}})}),(0,z.jsxs)("div",{className:m.aS,style:{fontFamily:null==D||null===(n=D.typography)||void 0===n?void 0:n.fontFamily},children:[(0,z.jsx)("div",{className:m.Fs,children:I("configurator.ar_qr_title")}),(0,z.jsx)("div",{className:m.fL,children:I("configurator.ar_qr_text")})]}),(0,z.jsx)("div",{className:m.UF,onClick:function onClick(){return x.productState.setDoShowARQRCode(!1)}}),(0,z.jsx)(u.Eh,_objectSpread({onPointerEnterCapture:void 0,onPointerLeaveCapture:void 0},t)),r&&(0,z.jsx)("div",{className:m.L3,style:{animationDuration:g+"s"}})]}))}))},24585:(e,n,i)=>{i.r(n),i.d(n,{default:()=>I});var t=i(80248),o=i(34988),r=i(72874),a=i(9420),d=i(88130),M=i(87363),u=i(46770),c=i(54619),l=i(88683),s=i(65515),N=i.n(s),x=i(72690),j=i(22182),g=i(47514),D=["Button","dontOpenModal"];function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const I=(0,a.Pi)((function ArQrCodeTooltip(e){var n=e.Button,i=e.dontOpenModal,t=(0,r.Z)(e,D),a=(0,d.NP)(),s=(0,l.useTranslation)().t,I=(0,l.useDivaCore)(),T=I.actions.openDrawerMenu,p=I.state,w=p.isMobile,y=p.dimensions.isTablet,m=(0,M.useState)(!1),A=(0,o.Z)(m,2),z=A[0],S=A[1],f=(0,M.useRef)(),C=(0,M.useState)(!1),h=(0,o.Z)(C,2),O=h[0],b=h[1],L=a.getViewConfig().arQrCodeConfig,E=w||y,Q=E&&(!a.uiState.AllConfig.arViewerIframe||!a.productState.allow3DComb&&!a.productState.allowRTV),v=(0,M.useState)(a.productState.arCodeWasVisibleOnce),U=(0,o.Z)(v,2),k=U[0],P=U[1],R=(k||a.productState.doShowARQRCode)&&!E&&a.isParentViewVisible&&!i,Y=(0,u.sJ)({isOpen:R,auto:!0,placement:"right-end",triggerOffset:16}),Z=Y.triggerProps,V=Y.layerProps,W=Y.renderLayer,F=Y.arrowProps,H=(0,M.useState)(),G=(0,o.Z)(H,2),_=G[0],B=G[1];(0,M.useEffect)((function(){a.uiState.AllConfig.arViewerIframe||T({id:"ar-qr-code",mountElementId:"wcConfigurator-mobile-wrapper",onClose:function onClose(){b(!1),a.productState.loadRTVForAr=!1,a.productState.setDoShowARQRCode(!1),a.productState.onChangePlannerView(a.productState.allow3DComb?"3DCOMB":a.productState.allowRTV?"RTV":"3D")},title:(0,g.jsx)(x.FullscreenArHeader,{}),content:(0,g.jsx)(x.default,{url:_,isArCompatible:a.productState.isArCompatible,broswerSupportAR:a.productState.browserSupportAR,activateAR:a.productState.activateAR,hqRenderScript:a.hqRenderScript}),open:O})}),[O]),(0,M.useEffect)((function(){1==a.productState.doShowARQRCode&&a.openARObserverConnection((function(){return a.divaWebPlanner.getPlannerHandler().saveSetHQRenderScript()})).then((function(e){return B(e)}))}),[a.productState.doShowARQRCode]),(0,M.useEffect)((function(){a.productState.doShowARQRCode&&Q&&b(!0)}),[a.productState.activateAR,_]),(0,M.useEffect)((function(){if(!i){var e;if(!a.productState.arCodeWasVisibleOnce&&null!=L&&L.doAutoShow&&!E)f.current=setTimeout((function(){a.productState.setArCodeWasVisibleOnce(),S(!0),a.productState.setDoShowARQRCode(!0)}),1e3*(null!==(e=null==L?void 0:L.timeUntilAutoShow)&&void 0!==e?e:30));!a.productState.doShowARQRCode&&z&&S(!1),k!==a.productState.doShowARQRCode&&setTimeout((function(){P(a.productState.doShowARQRCode)}),200)}}),[a.productState.doShowARQRCode]);var J=function onClick(){a.productState.setDoShowARQRCode(!0),Q&&(a.productState.doShowRTV||"RTViewer"==a.viewPlannerHandler.getCurPlannerViewMode()||"3DCOMB"==a.viewPlannerHandler.getCurPlannerViewMode()||(a.setHQRenderScript(void 0),a.productState.onChangePlannerView(a.productState.allow3DComb?"3DCOMB":"RTV")),b(!0),a.productState.loadRTVForAr=!0)};return _&&!E&&i?(0,g.jsxs)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",width:"100%"},children:[(0,g.jsx)(j.ZP,{value:_,size:96,onClick:function onClick(){return _&&window.open(_,"_blank")}}),";"]}):n?(0,g.jsx)(n,{onClick:J}):(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)("li",_objectSpread(_objectSpread(_objectSpread({id:"ar-icon"},t),{},{className:N()(t.className),onClick:J,title:s("configurator.ar_qr_title")},Z),{},{style:{visibility:a.productState.doShowRenderImage||a.productState.doShow3DComb||a.productState.doShowRTV?"visible":"hidden"}})),R&&W((0,g.jsx)(c.default,{arrowProps:F,layerProps:V,autoClose:z,fadeIn:k,fadeout:!a.productState.doShowARQRCode,url:_}))]})}))},22109:(e,n,i)=>{i.d(n,{$D:()=>A,$h:()=>C,Fs:()=>y,GD:()=>z,Gr:()=>g,J3:()=>D,JU:()=>v,Ji:()=>S,Lt:()=>L,Mx:()=>I,Ro:()=>b,SS:()=>U,YS:()=>p,Yq:()=>E,ZP:()=>P,_m:()=>k,aS:()=>w,c8:()=>Q,dj:()=>T,fL:()=>m,nx:()=>f,qv:()=>h,ti:()=>O});var t=i(8081),o=i.n(t),r=i(23645),a=i.n(r),d=i(61667),M=i.n(d),u=new URL(i(96214),i.b),c=new URL(i(78752),i.b),l=new URL(i(30923),i.b),s=a()(o()),N=M()(u),x=M()(c),j=M()(l);s.push([e.id,".index-module--ImFgT {\n  overflow: auto;\n}\n\n.index-module--b5la4 {\n  display: flex;\n  gap: 48px;\n  flex-wrap: wrap;\n  justify-content: center;\n}\n.index-module--rPHsB {\n  max-width: 400px;\n}\n.index-module--pCvNx {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--rJxjD {\n  display: flex;\n  flex-direction: column;\n  margin: 8px;\n  gap: 42px;\n  color: #000;\n}\n\n.index-module--D8Hh2 {\n  display: flex;\n  flex-direction: column;\n  gap: 32px;\n}\n\n.index-module--Wih2i {\n  max-width: calc(100% - 32px);\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 40px;\n  height: 40px;\n}\n\n.index-module--NZIwX {\n  font-weight: 300;\n  font-size: 18px;\n  line-height: 130%;\n}\n\n.index-module--c06na {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.index-module--XQWSR {\n  display: flex;\n  gap: 12px;\n}\n\n.index-module--hsJe1 {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  justify-content: center;\n}\n\n.index-module--R08lN {\n  font-weight: 300;\n  font-size: 16px;\n  color: #7b7b7b;\n}\n\n.index-module--w1zAR {\n  font-size: 14px;\n  color: #000000;\n}\n\n.index-module--tNtQi {\n  border-radius: 50%;\n  background-color: #f2f2f2;\n  width: 56px;\n  height: 56px;\n}\n\n.index-module--RMCB9 {\n  background: center / 50% no-repeat #f2f2f2 url("+N+");\n}\n.index-module--rlsDm {\n  background: center / 50% no-repeat #f2f2f2 url("+x+");\n}\n.index-module--gAkyp {\n  background: center / 40% no-repeat #f2f2f2 url("+j+");\n}\n.index-module--RZc1O {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.index-module--vFCfN {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  padding: 10px 21px;\n  gap: 10px;\n  background-color: var(--primaryColor);\n  border-radius: 3px;\n  cursor: pointer;\n  transition:\n    box-shadow 0.3s,\n    background-color 0.3s ease,\n    color 0.3s ease;\n  font-weight: 600;\n  letter-spacing: 0.8px;\n  color: #fff;\n  height: 38px;\n}\n.index-module--vLdW3 {\n  cursor: wait;\n  background-color: var(--secondaryColor);\n}\n\n.index-module--vFCfN:hover {\n  box-shadow: 0px 1px 4px #707070;\n}\n.index-module--vFCfN.index-module--vLdW3:hover {\n  box-shadow: none;\n}\n\n.index-module--Xiew7 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding-bottom: 64px;\n}\n\n.index-module--U0ivw {\n  border: 3px solid #f3f3f3;\n  border-radius: 50%;\n  border-top: 3px solid #aaa;\n  width: 25px;\n  height: 25px;\n  animation: index-module--r8P_P 2s linear infinite;\n}\n\n@keyframes index-module--r8P_P {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var g="index-module--ImFgT",D="index-module--b5la4",I="index-module--rPHsB",T="index-module--pCvNx",p="index-module--rJxjD",w="index-module--D8Hh2",y="index-module--Wih2i",m="index-module--NZIwX",A="index-module--c06na",z="index-module--XQWSR",S="index-module--hsJe1",f="index-module--R08lN",C="index-module--w1zAR",h="index-module--tNtQi",O="index-module--RMCB9",b="index-module--rlsDm",L="index-module--gAkyp",E="index-module--RZc1O",Q="index-module--vFCfN",v="index-module--vLdW3",U="index-module--Xiew7",k="index-module--U0ivw";const P=s},16033:(e,n,i)=>{i.d(n,{Fs:()=>j,L3:()=>I,SS:()=>N,UF:()=>D,YS:()=>s,ZP:()=>T,aS:()=>x,fL:()=>g});var t=i(8081),o=i.n(t),r=i(23645),a=i.n(r),d=i(61667),M=i.n(d),u=new URL(i(55345),i.b),c=a()(o()),l=M()(u);c.push([e.id,".index-module--GFPXG {\n  background: #ffffff;\n  border-radius: 3px;\n  filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.25));\n  display: flex;\n  padding: 22px;\n  gap: 12px;\n  opacity: 0;\n  transition: opacity 200ms ease-in-out;\n}\n\n.index-module--r8bLl {\n  width: 96px;\n  height: 96px;\n}\n\n.index-module--fQVST {\n  display: flex;\n  flex-direction: column;\n  color: #000000;\n  width: 220px;\n  gap: 8px;\n}\n\n.index-module--tTQQc {\n  max-width: calc(100% - 32px);\n  font-weight: 600;\n  font-size: 17px;\n  line-height: 19px;\n}\n\n.index-module--mWanv {\n  font-weight: 300;\n  font-size: 16px;\n  line-height: 130%;\n}\n\n.index-module--Yb4D5 {\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  width: 42px;\n  height: 42px;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 80%;\n  background-image: url("+l+");\n  transition: background-size 100ms ease-in;\n  cursor: pointer;\n}\n\n.index-module--Yb4D5:hover {\n  background-size: 90%;\n}\n.index-module--lC9xM {\n  background: var(--secondaryColor);\n  height: 3px;\n  border-radius: 0 2px 2px 0;\n  animation-name: index-module--zZxxQ;\n  animation-timing-function: linear;\n  transition: width 0s ease-in;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n}\n\n@keyframes index-module--zZxxQ {\n  from {\n    width: 100%;\n  }\n  to {\n    width: 0%;\n  }\n}\n",""]);var s="index-module--GFPXG",N="index-module--r8bLl",x="index-module--fQVST",j="index-module--tTQQc",g="index-module--mWanv",D="index-module--Yb4D5",I="index-module--lC9xM";const T=c},96214:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMwMF8zMDEwMCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8zMDBfMzAxMDApIj4KPHBhdGggZD0iTTQuNTQ4MTUgMTkuNUM0LjA0MzAyIDE5LjUgMy42MTU0NSAxOS4zMjUgMy4yNjU0NSAxOC45NzVDMi45MTU0NyAxOC42MjUgMi43NDA0OCAxOC4xOTc0IDIuNzQwNDggMTcuNjkyM1Y2LjMwNzczQzIuNzQwNDggNS44MDI2IDIuOTE1NDcgNS4zNzUwMyAzLjI2NTQ1IDUuMDI1MDNDMy42MTU0NSA0LjY3NTAzIDQuMDQzMDIgNC41MDAwMyA0LjU0ODE1IDQuNTAwMDNIMTUuOTMyN0MxNi40Mzc4IDQuNTAwMDMgMTYuODY1NCA0LjY3NTAzIDE3LjIxNTQgNS4wMjUwM0MxNy41NjU0IDUuMzc1MDMgMTcuNzQwNCA1LjgwMjYgMTcuNzQwNCA2LjMwNzczVjEwLjg4NDdMMjEuMjU5NiA3LjM2NTQ2VjE2LjYzNDZMMTcuNzQwNCAxMy4xMTU0VjE3LjY5MjNDMTcuNzQwNCAxOC4xOTc0IDE3LjU2NTQgMTguNjI1IDE3LjIxNTQgMTguOTc1QzE2Ljg2NTQgMTkuMzI1IDE2LjQzNzggMTkuNSAxNS45MzI3IDE5LjVINC41NDgxNVpNNC41NDgxNSAxOEgxNS45MzI3QzE2LjAyMjUgMTggMTYuMDk2MiAxNy45NzEyIDE2LjE1MzkgMTcuOTEzNUMxNi4yMTE2IDE3Ljg1NTggMTYuMjQwNCAxNy43ODIgMTYuMjQwNCAxNy42OTIzVjYuMzA3NzNDMTYuMjQwNCA2LjIxNzk4IDE2LjIxMTYgNi4xNDQyNiAxNi4xNTM5IDYuMDg2NTZDMTYuMDk2MiA2LjAyODg2IDE2LjAyMjUgNi4wMDAwMSAxNS45MzI3IDYuMDAwMDFINC41NDgxNUM0LjQ1ODQgNi4wMDAwMSA0LjM4NDY4IDYuMDI4ODYgNC4zMjY5OCA2LjA4NjU2QzQuMjY5MjggNi4xNDQyNiA0LjI0MDQzIDYuMjE3OTggNC4yNDA0MyA2LjMwNzczVjE3LjY5MjNDNC4yNDA0MyAxNy43ODIgNC4yNjkyOCAxNy44NTU4IDQuMzI2OTggMTcuOTEzNUM0LjM4NDY4IDE3Ljk3MTIgNC40NTg0IDE4IDQuNTQ4MTUgMThaIiBmaWxsPSIjMUMxQjFGIi8+CjxwYXRoIGQ9Ik01IDExLjc1TDguOTAzODMgMTUuNjUzOUwxNS42MjY5IDguOTMwNzhMMTQuNTczIDcuODc2OTVMOC45MDM4MyAxMy41NDYyTDYuMDUzODMgMTAuNjk2Mkw1IDExLjc1WiIgZmlsbD0iIzFDMUIxRiIvPgo8L2c+Cjwvc3ZnPgo="},78752:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMwMF8zMDExMCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8zMDBfMzAxMTApIj4KPHBhdGggZD0iTTEyIDIwLjk0MjJDMTEuNTk4NyAyMC45NDIyIDExLjI0MzkgMjAuODM2NSAxMC45MzU2IDIwLjYyNDlDMTAuNjI3MiAyMC40MTM0IDEwLjQxMTUgMjAuMTM1OCAxMC4yODg0IDE5Ljc5MjJIOS45OTk5N0M5LjU5MTAxIDE5Ljc5MjIgOS4yMzg3NyAxOS42NDQ1IDguOTQzMjcgMTkuMzQ5QzguNjQ3NzYgMTkuMDUzNSA4LjUgMTguNzAxMiA4LjUgMTguMjkyM1YxNS4wMTE1QzcuNDkxMDMgMTQuNCA2LjY5NzEyIDEzLjU4MDEgNi4xMTgyNyAxMi41NTE5QzUuNTM5NDIgMTEuNTIzNyA1LjI1IDEwLjQyMzEgNS4yNSA5LjI1MDAxQzUuMjUgNy4zNjc5NyA1LjkwNDQ4IDUuNzcyNDYgNy4yMTM0NSA0LjQ2MzQ4QzguNTIyNDMgMy4xNTQ1MSAxMC4xMTc5IDIuNTAwMDMgMTIgMi41MDAwM0MxMy44ODIgMi41MDAwMyAxNS40Nzc1IDMuMTU0NTEgMTYuNzg2NSA0LjQ2MzQ4QzE4LjA5NTUgNS43NzI0NiAxOC43NSA3LjM2Nzk3IDE4Ljc1IDkuMjUwMDFDMTguNzUgMTAuNDQzNiAxOC40NjA1IDExLjU0OTQgMTcuODgxNyAxMi41NjczQzE3LjMwMjggMTMuNTg1MyAxNi41MDg5IDE0LjQgMTUuNSAxNS4wMTE1VjE4LjI5MjNDMTUuNSAxOC43MDEyIDE1LjM1MjIgMTkuMDUzNSAxNS4wNTY3IDE5LjM0OUMxNC43NjEyIDE5LjY0NDUgMTQuNDA4OSAxOS43OTIyIDE0IDE5Ljc5MjJIMTMuNzExNUMxMy41ODg0IDIwLjEzNTggMTMuMzcyNyAyMC40MTM0IDEzLjA2NDQgMjAuNjI0OUMxMi43NTYxIDIwLjgzNjUgMTIuNDAxMyAyMC45NDIyIDEyIDIwLjk0MjJaTTkuOTk5OTcgMTguMjkyM0gxNFYxNy4zNTM4SDkuOTk5OTdWMTguMjkyM1pNOS45OTk5NyAxNi40NjkySDE0VjE1LjVIOS45OTk5N1YxNi40NjkyWk05Ljc5OTk3IDE0SDExLjQwMzhWMTEuMDg4NUw5LjI2MTUzIDguOTQ2MTZMMTAuMSA4LjEwNzcxTDEyIDEwLjAwNzdMMTMuOSA4LjEwNzcxTDE0LjczODQgOC45NDYxNkwxMi41OTYxIDExLjA4ODVWMTRIMTQuMkMxNS4xIDEzLjU2NjcgMTUuODMzMyAxMi45MjkyIDE2LjQgMTIuMDg3NUMxNi45NjY2IDExLjI0NTggMTcuMjUgMTAuMyAxNy4yNSA5LjI1MDAxQzE3LjI1IDcuNzgzMzQgMTYuNzQxNiA2LjU0MTY3IDE1LjcyNSA1LjUyNTAxQzE0LjcwODMgNC41MDgzNCAxMy40NjY2IDQuMDAwMDEgMTIgNC4wMDAwMUMxMC41MzMzIDQuMDAwMDEgOS4yOTE2NCA0LjUwODM0IDguMjc0OTcgNS41MjUwMUM3LjI1ODMxIDYuNTQxNjcgNi43NDk5NyA3Ljc4MzM0IDYuNzQ5OTcgOS4yNTAwMUM2Ljc0OTk3IDEwLjMgNy4wMzMzMSAxMS4yNDU4IDcuNTk5OTcgMTIuMDg3NUM4LjE2NjY0IDEyLjkyOTIgOC44OTk5NyAxMy41NjY3IDkuNzk5OTcgMTRaIiBmaWxsPSIjMUMxQjFGIi8+CjwvZz4KPC9zdmc+Cg=="},30923:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDE5LjY1MzhMNi4wOTYxOSAxNS43NUw3LjE2NTM5IDE0LjY4MDhMOS4yNTAwNCAxNi43NjU0VjEyLjI1SDEwLjc1VjE2Ljc1MDFMMTIuODE5MiAxNC42NjU0TDEzLjkwMzggMTUuNzVMMTAgMTkuNjUzOFpNNC4yNTAwMiAxMy45MDM4TDAuMzQ2MTkxIDEwTDQuMjM0NjQgNi4xMTE1OEw1LjMwMzg0IDcuMTgwNzhMMy4yMzQ1OSA5LjI1MDAzSDcuNzQ5OTlWMTAuNzVIMy4yNDk5N0w1LjMzNDYyIDEyLjgxOTJMNC4yNTAwMiAxMy45MDM4Wk0xNS43NSAxMy45MDM4TDE0LjY4MDggMTIuODM0NkwxNi43NjU0IDEwLjc1SDEyLjI1VjkuMjUwMDNIMTYuNzUwMUwxNC42NjU0IDcuMTgwNzhMMTUuNzUgNi4wOTYxOEwxOS42NTM4IDEwTDE1Ljc1IDEzLjkwMzhaTTkuMjUwMDQgNy43NDk5OFYzLjIzNDU4TDcuMTY1MzkgNS4zMTkyTDYuMDk2MTkgNC4yNUwxMCAwLjM0NjE3NkwxMy45MDM4IDQuMjVMMTIuODM0NiA1LjMxOTJMMTAuNzUgMy4yMzQ1OFY3Ljc0OTk4SDkuMjUwMDRaIiBmaWxsPSIjMUMxQjFGIi8+Cjwvc3ZnPgo="},55345:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMzMl8xNDMiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI0Q5RDlEOSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMzMyXzE0MykiPgo8cGF0aCBkPSJNOC4yMjc0OSAxNi44MzY1TDcuMTY0MDYgMTUuNzczMUwxMC45MzcyIDEyTDcuMTY0MDYgOC4yNTE5TDguMjI3NDkgNy4xODg0OEwxMi4wMDA2IDEwLjk2MTZMMTUuNzQ4NyA3LjE4ODQ4TDE2LjgxMjEgOC4yNTE5TDEzLjAzOSAxMkwxNi44MTIxIDE1Ljc3MzFMMTUuNzQ4NyAxNi44MzY1TDEyLjAwMDYgMTMuMDYzNEw4LjIyNzQ5IDE2LjgzNjVaIiBmaWxsPSIjMUMxQjFGIi8+CjwvZz4KPC9zdmc+Cg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 4675.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4675],{34675:(n,e,r)=>{r.r(e),r.d(e,{default:()=>P});var o=r(72874),t=(r(87363),r(93379)),i=r.n(t),a=r(7795),l=r.n(a),d=r(90569),s=r.n(d),c=r(3565),u=r.n(c),b=r(19216),p=r.n(b),x=r(44589),h=r.n(x),f=r(54386),m={};m.styleTagTransform=h(),m.setAttributes=u(),m.insert=s().bind(null,"head"),m.domAPI=l(),m.insertStyleElement=p();i()(f.ZP,m);f.ZP&&f.ZP.locals&&f.ZP.locals;var g=r(88130),k=r(9420),v=r(47514),y=["tabGroup"];const P=(0,k.Pi)((function TabGroups(n){var e=n.tabGroup,r=((0,o.Z)(n,y),(0,g.NP)()),t=r.tabGroupState.curTabGroup;return(0,v.jsx)("div",{onClick:function onClick(){r.tabGroupState.navigateToTabgroupByPosNr(e.posNr)},children:(0,v.jsx)("table",{className:f.Kz,children:(0,v.jsx)("tbody",{children:(0,v.jsx)("tr",{children:(0,v.jsx)("th",{className:e.title===(null==t?void 0:t.title)?f.pA:void 0,children:e.title})})})})})}))},54386:(n,e,r)=>{r.d(e,{Kz:()=>l,ZP:()=>s,pA:()=>d});var o=r(8081),t=r.n(o),i=r(23645),a=r.n(i)()(t());a.push([n.id,".index-module--Z3W1q {\n  font-size: 20px;\n  font-weight: 300;\n}\n\n.index-module--yLOW8 {\n  border-collapse: collapse;\n  font-size: 0.9em;\n  font-family: sans-serif;\n  min-width: 400px;\n  width: 100%;\n  background: var(--thirdColor);\n  color: black;\n  text-align: left;\n  transition: background-color 0.3s;\n  border-radius: 5px;\n}\n.index-module--yLOW8 th {\n  width: 25%;\n  padding: 6px 10px;\n  font-weight: inherit;\n}\n.index-module--xorsR {\n  background-color: var(--primaryColor);\n  transition: background-color 0.3s;\n  border-radius: 5px;\n  color: #fff;\n}\n.index-module--kDIDD {\n  background-color: white;\n}\n",""]);var l="index-module--yLOW8",d="index-module--xorsR";const s=a}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4675],{34675:(n,e,o)=>{o.r(e),o.d(e,{default:()=>y});var r=o(72874),t=(o(87363),o(93379)),i=o.n(t),a=o(7795),l=o.n(a),d=o(90569),s=o.n(d),c=o(3565),u=o.n(c),p=o(19216),b=o.n(p),x=o(44589),h=o.n(x),f=o(54386),m={};m.styleTagTransform=h(),m.setAttributes=u(),m.insert=s().bind(null,"head"),m.domAPI=l(),m.insertStyleElement=b();i()(f.ZP,m);f.ZP&&f.ZP.locals&&f.ZP.locals;var g=o(88130),v=o(9420),k=o(47514),P=["tabGroup"];const y=(0,v.Pi)((function TabGroups(n){var e=n.tabGroup,o=((0,r.Z)(n,P),(0,g.NP)()),t=o.tabGroupState.curTabGroup;return(0,k.jsx)("div",{onClick:function onClick(){window.lastNavigationType="TABGROUP_BY_POS_NR",o.tabGroupState.navigateToTabgroupByPosNr(e.posNr)},children:(0,k.jsx)("table",{className:f.Kz,children:(0,k.jsx)("tbody",{children:(0,k.jsx)("tr",{children:(0,k.jsx)("th",{className:e.title===(null==t?void 0:t.title)?f.pA:void 0,children:e.title})})})})})}))},54386:(n,e,o)=>{o.d(e,{Kz:()=>l,ZP:()=>s,pA:()=>d});var r=o(8081),t=o.n(r),i=o(23645),a=o.n(i)()(t());a.push([n.id,".index-module--Z3W1q {\n  font-size: 20px;\n  font-weight: 300;\n}\n\n.index-module--yLOW8 {\n  border-collapse: collapse;\n  font-size: 0.9em;\n  font-family: sans-serif;\n  min-width: 400px;\n  width: 100%;\n  background: var(--thirdColor);\n  color: black;\n  text-align: left;\n  transition: background-color 0.3s;\n  border-radius: 5px;\n}\n.index-module--yLOW8 th {\n  width: 25%;\n  padding: 6px 10px;\n  font-weight: inherit;\n}\n.index-module--xorsR {\n  background-color: var(--primaryColor);\n  transition: background-color 0.3s;\n  border-radius: 5px;\n  color: #fff;\n}\n.index-module--kDIDD {\n  background-color: white;\n}\n",""]);var l="index-module--yLOW8",d="index-module--xorsR";const s=a}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 5647.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5647,1947,1078],{41947:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var i=t(80248),o=(t(87363),t(9420)),r=t(88130),a=t(93379),d=t.n(a),l=t(7795),s=t.n(l),c=t(90569),u=t.n(c),p=t(3565),m=t.n(p),x=t(19216),h=t.n(x),f=t(44589),v=t.n(f),g=t(2348),b={};b.styleTagTransform=v(),b.setAttributes=m(),b.insert=u().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=h();d()(g.ZP,b);g.ZP&&g.ZP.locals&&g.ZP.locals;var w=t(65515),y=t.n(w),C=t(24585),j=t(83485),S=t(88683),P=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const k=(0,o.Pi)((function ArticleOverview(){var e,n,t,i=(0,r.NP)(),o=(0,j.W)(),a=o.dimensions,d=o.dimOnlyForOneArticle,l=(0,S.useTranslation)().t,s=i.settingsState.bbox;return(0,P.jsxs)("div",{className:g.YS,children:[(0,P.jsx)("div",{className:g.O7,children:(0,P.jsxs)("div",{className:y()(g.$Q,g.Fs),children:[(0,P.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,P.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,P.jsx)("path",{d:"m14.5 12.5 2-2"}),(0,P.jsx)("path",{d:"m11.5 9.5 2-2"}),(0,P.jsx)("path",{d:"m8.5 6.5 2-2"}),(0,P.jsx)("path",{d:"m17.5 15.5 2-2"})]}),"Gesamtmaße"]})}),(0,P.jsxs)("div",{className:g.Bb,children:[(0,P.jsxs)("div",{className:g.O7,children:[(0,P.jsx)("div",{className:g.$Q,children:l("configurator.bth")}),(0,P.jsxs)("div",{className:y()(g.$Q,g.Sn),children:[null!==(e=null==s?void 0:s.X)&&void 0!==e?e:-1," × ",null!==(n=null==s?void 0:s.Y)&&void 0!==n?n:-1," × ",null!==(t=null==s?void 0:s.Z)&&void 0!==t?t:-1," cm"]})]}),!(null==a||!a.length)&&(null==a?void 0:a.map((function(e){var n,t;return(0,P.jsxs)("div",{className:g.O7,children:[(0,P.jsxs)("div",{className:g.$Q,children:[null!==(n=e.text)&&void 0!==n?n:l("configurator.headerdimension."+e.dimensionId),!d&&" ("+e.posNrs.join(",")+")"]}),(0,P.jsxs)("div",{className:y()(g.$Q,g.Sn),children:[null!==(t=e.dimension)&&void 0!==t?t:0," ",e.unit]})]})})))]}),i.productState.allowQRCodeAR&&(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("div",{className:g.kr}),(0,P.jsx)(C.default,{dontOpenModal:!0,Button:function Button(e){return(0,P.jsxs)("div",_objectSpread(_objectSpread({className:g.LI},e),{},{children:[(0,P.jsxs)("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,P.jsx)("circle",{cx:"16",cy:"16",r:"16"}),(0,P.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,P.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,P.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"]}))}})]})]})}))},40812:(e,n,t)=>{t.d(n,{e:()=>useStickyScroll});var i=t(34988),o=t(87363);function useStickyScroll(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,n=arguments.length>1?arguments[1]:void 0,t=(0,o.useRef)(null),r=(0,o.useState)(!1),a=(0,i.Z)(r,2),d=a[0],l=a[1],s=(0,o.useRef)(0);return(0,o.useEffect)((function(){var i=function handleScroll(){var i,o;if(t.current&&n){var r=Date.now();if(!(r-s.current<300)){var a=(null!==(i=t.current.getBoundingClientRect().top)&&void 0!==i?i:0)-(null!==(o=null==n?void 0:n.getBoundingClientRect().top)&&void 0!==o?o:0)<=e;a!==d&&(s.current=r,l(a))}}};return i(),null==n||n.addEventListener("scroll",i,{passive:!0}),function(){return null==n?void 0:n.removeEventListener("scroll",i)}}),[e,d,n]),{stickyRef:t,isSticky:d}}},83485:(e,n,t)=>{t.d(n,{W:()=>a});var i=t(34988),o=t(87363),r=t(88130),a=function useCustomDimensions(){var e=(0,r.NP)(),n=(0,o.useState)(),t=(0,i.Z)(n,2),a=t[0],d=t[1],l=(0,o.useState)(!1),s=(0,i.Z)(l,2),c=s[0],u=s[1];return(0,o.useEffect)((function(){var n;e.divaWebPlanner.actSet()&&(null===(n=e.productState.customDimensions)||void 0===n||n.then((function(e){d(e);var n=e.reduce((function(e,n){return e[n.dimensionId]?e[n.dimensionId].includes(n.dimension)||e[n.dimensionId].push(n.dimension):e[n.dimensionId]=[n.dimension],e}),{});u(!Object.values(n).find((function(e){return e.length>1})))})))}),[e.divaWebPlanner.actSet(),e.settingsState.configChanged]),{dimensions:a,dimOnlyForOneArticle:c}}},79587:(e,n,t)=>{t.r(n),t.d(n,{default:()=>p});var i=t(80248),o=t(34988),r=t(87363),a=t(9420),d=t(88130),l=t(88683),s=t(48133),c=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var u={force:.6,duration:5e3,particleCount:200,floorHeight:1600,floorWidth:1600};const p=(0,a.Pi)((function ConfettiInSummary(e){var n,t,i,a,p,m,x=(0,d.NP)(),h=(0,l.useDivaCore)().state.theme,f=x.getViewConfig().navigateMobileSwiper&&x.getIsInMobileView(),v=(0,r.useState)(!f),g=(0,o.Z)(v,2),b=g[0],w=g[1];(0,r.useEffect)((function(){f&&setTimeout((function(){w(!0)}),300)}),[]);var y=(0,r.useState)(!1),C=(0,o.Z)(y,2),j=C[0],S=C[1];if((0,r.useEffect)((function(){var e,n,t=null!==(e=null===(n=x.uiState.ViewConfig.showConfettiInSummary)||void 0===n?void 0:n.confettiCooldownInHours)&&void 0!==e?e:0;if(localStorage.getItem("lastConfettiSessionId")!==l.DivaUtils.SessionId||localStorage.getItem("lastConfettiChange")!=x.settingsState.configChanged.toString()){if(t>0){var i=localStorage.getItem("lastConfettiTime");if(i)if(Date.now()-Number(i)<60*t*60*1e3)return void S(!1);return localStorage.setItem("lastConfettiTime",Date.now().toString()),localStorage.setItem("lastConfettiChange",x.settingsState.configChanged.toString()),void S(!0)}localStorage.getItem("lastConfettiSessionId")!==l.DivaUtils.SessionId?(localStorage.setItem("lastConfettiSessionId",l.DivaUtils.SessionId),localStorage.setItem("lastConfettiChange",x.settingsState.configChanged.toString()),S(!0)):S(!1)}}),[]),!x.uiState.ViewConfig.showConfettiInSummary)return(0,c.jsx)(c.Fragment,{});if(!j)return(0,c.jsx)(c.Fragment,{});if(!x.isParentViewVisible)return(0,c.jsx)(c.Fragment,{});var P=x.uiState.ViewConfig.showConfettiInSummary.confettiProps;return(0,c.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",width:"100%"},children:b&&(0,c.jsx)(s.Z,_objectSpread(_objectSpread(_objectSpread({zIndex:1000001},u),null!=P?P:{}),{},{colors:[null!==(n=null===(t=h.palette)||void 0===t||null===(t=t.primary)||void 0===t?void 0:t.main)&&void 0!==n?n:"",null!==(i=null===(a=h.palette)||void 0===a||null===(a=a.primary)||void 0===a?void 0:a.dark)&&void 0!==i?i:"",null!==(p=null===(m=h.palette)||void 0===m||null===(m=m.primary)||void 0===m?void 0:m.light)&&void 0!==p?p:""]}))})}))},61078:(e,n,t)=>{t.r(n),t.d(n,{default:()=>j});var i=t(9420),o=t(88683),r=(t(87363),t(93379)),a=t.n(r),d=t(7795),l=t.n(d),s=t(90569),c=t.n(s),u=t(3565),p=t.n(u),m=t(19216),x=t.n(m),h=t(44589),f=t.n(h),v=t(28564),g={};g.styleTagTransform=f(),g.setAttributes=p(),g.insert=c().bind(null,"head"),g.domAPI=l(),g.insertStyleElement=x();a()(v.ZP,g);v.ZP&&v.ZP.locals&&v.ZP.locals;var b=t(65515),w=t.n(b),y=t(88130),C=t(47514);const j=(0,i.Pi)((function SummaryHeader(e){var n,t,i=(0,o.useTranslation)().t,r=(0,y.NP)(),a=void 0!==r.productState.formatedBruttoPrice&&!r.getViewConfig().hideRabattPrice;return(0,C.jsxs)("div",{className:w()(v.YS,r.getIsInMobileView()?v.ai:void 0,a?v.y6:void 0),children:[(0,C.jsx)("div",{className:v.TN,children:i("🎉 Fertig konfiguriert – weiter geht’s! 🚀")}),(0,C.jsxs)("div",{className:v.wZ,children:[(0,C.jsx)("div",{className:v.h0,children:o.DivaUtils.formatPrice(null!==(n=r.productState.formatedBruttoPrice)&&void 0!==n?n:0,r.productState.priceFormat)}),(0,C.jsx)("div",{className:v.nt,children:o.DivaUtils.formatPrice(null!==(t=r.productState.formatedCurSetPrice)&&void 0!==t?t:0,r.productState.priceFormat)}),a&&(0,C.jsxs)("div",{className:v.e9,children:["-",Math.round(100*r.productState.formatedCurSetPrice/r.productState.formatedBruttoPrice),"%"]})]})]})}))},75647:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var i=t(9420),o=(t(87363),t(79587)),r=t(19047),a=t(41947),d=t(88130),l=t(61078),s=t(93379),c=t.n(s),u=t(7795),p=t.n(u),m=t(90569),x=t.n(m),h=t(3565),f=t.n(h),v=t(19216),g=t.n(v),b=t(44589),w=t.n(b),y=t(24899),C={};C.styleTagTransform=w(),C.setAttributes=f(),C.insert=x().bind(null,"head"),C.domAPI=p(),C.insertStyleElement=g();c()(y.ZP,C);y.ZP&&y.ZP.locals&&y.ZP.locals;var j=t(40812),S=t(65515),P=t.n(S),k=t(47514);const O=(0,i.Pi)((function SummaryOverview(e){var n,t=(0,d.NP)(),i=(0,j.e)(-50,null!==(n=t.settingsState.settingsScrollerElement)&&void 0!==n?n:null),s=i.stickyRef,c=i.isSticky;return(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(o.default,{}),(0,k.jsx)(l.default,{}),(0,k.jsx)("div",{ref:s,className:y.oZ,style:{opacity:c?"0":"1"},children:(0,k.jsx)(r.default,{viewHandler:t})}),(0,k.jsx)("div",{className:P()(y.oZ,y.Xo),style:{opacity:c?"1":"0",pointerEvents:c?"auto":"none"},children:(0,k.jsx)(r.default,{viewHandler:t})}),(0,k.jsx)(a.default,{})]})}))},2348:(e,n,t)=>{t.d(n,{$Q:()=>u,Bb:()=>l,Fs:()=>c,LI:()=>x,O7:()=>s,Sn:()=>p,YS:()=>d,ZP:()=>h,kr:()=>m});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.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",l="index-module--K4_z9",s="index-module--RkkoP",c="index-module--sQl1l",u="index-module--ZF6Gz",p="index-module--ub3Fh",m="index-module--kL69q",x="index-module--uReTO";const h=a},28564:(e,n,t)=>{t.d(n,{TN:()=>p,YS:()=>d,ZP:()=>h,ai:()=>m,e9:()=>x,h0:()=>u,nt:()=>s,wZ:()=>l,y6:()=>c});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--tgY3n {\n  position: sticky;\n  width: calc(100% - 24px);\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  margin-bottom: 8px;\n}\n\n.index-module--ZQBOj {\n  display: flex;\n  flex-direction: row;\n  gap: 16px;\n  width: 100%;\n}\n\n.index-module--kcl1K {\n  font-size: 18px;\n  line-height: 18px;\n  font-size: 24px;\n  line-height: 24px;\n  color: rgba(17, 24, 39, 1);\n  font-weight: 700;\n}\n.index-module--kGHzf .index-module--kcl1K {\n  color: rgb(220, 38, 38);\n}\n\n.index-module--ZJwYg {\n  font-size: 18px;\n  line-height: 24px;\n  font-weight: 300;\n  color: rgba(107, 114, 128, 1);\n  -webkit-text-decoration-line: line-through;\n          text-decoration-line: line-through;\n  display: none;\n}\n.index-module--kGHzf .index-module--ZJwYg {\n  display: block;\n}\n\n.index-module--Qoi4e {\n  width: auto;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  color: var(--secondaryColor);\n  margin-top: 10px;\n  float: left;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  text-align: center;\n}\n\n.index-module--eO4iO .index-module--Qoi4e {\n  font-size: 16px;\n  line-height: 20px;\n}\n\n.index-module--G4dak {\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 16px;\n  color: #fff;\n  padding: 4px 8px;\n  border-radius: 40px;\n  background-color: rgb(220, 38, 38);\n}\n",""]);var d="index-module--tgY3n",l="index-module--ZQBOj",s="index-module--kcl1K",c="index-module--kGHzf",u="index-module--ZJwYg",p="index-module--Qoi4e",m="index-module--eO4iO",x="index-module--G4dak";const h=a},24899:(e,n,t)=>{t.d(n,{Xo:()=>l,ZP:()=>s,oZ:()=>d});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--Lbf5b {\n  padding-top: 8px;\n  padding-bottom: 8px;\n  z-index: 100;\n}\n\n.index-module--dc_1V .checkout-button-wrapper {\n  transition: max-height 0.4s ease;\n  max-height: 200px;\n}\n\n.index-module--dc_1V {\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  padding: 8px 16px;\n  width: calc(100% - 32px);\n  transition: opacity 0.2s ease;\n  background-color: rgba(244, 244, 244, 0.8);\n}\n.index-module--dc_1V .checkout-button-wrapper {\n  flex-wrap: nowrap;\n  max-height: 60px; /* fits one row */\n}\n\n.index-module--dc_1V .checkout-button-wrapper button {\n  transition:\n    font-size 0.4s ease,\n    height 0.4s ease;\n  white-space: nowrap;\n  overflow: hidden; /* optional if text might overflow */\n  display: none;\n}\n\n.index-module--dc_1V .checkout-button-wrapper button:nth-child(1),\n.index-module--dc_1V .checkout-button-wrapper button:nth-child(2),\n.index-module--dc_1V .checkout-button-wrapper button:nth-child(3) {\n  display: flex;\n}\n\n.index-module--dc_1V .checkout-button-wrapper button {\n  font-size: 14px;\n  height: 36px;\n}\n\n.index-module--dc_1V .checkout-secondary-button-wrapper {\n  width: 100%;\n  transition: width 0.4s ease;\n}\n\n.index-module--dc_1V .checkout-secondary-button-wrapper:not(.no-primary-buttons) {\n  grid-template-columns: repeat(auto-fit, minmax(calc(30% - 4px), 1fr)) !important;\n}\n\n.index-module--dc_1V .checkout-secondary-button-wrapper:not(.no-primary-buttons) {\n  width: 40%;\n}\n\n.index-module--dc_1V .checkout-secondary-button-wrapper:empty {\n  display: none;\n}\n\n.index-module--dc_1V .checkout-secondary-button-wrapper > button div:nth-child(2) {\n  display: none;\n}\n",""]);var d="index-module--Lbf5b",l="index-module--dc_1V";const s=a}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5647,1947,1078],{41947:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var i=t(80248),o=(t(87363),t(9420)),r=t(88130),a=t(93379),d=t.n(a),l=t(7795),s=t.n(l),c=t(90569),u=t.n(c),p=t(3565),m=t.n(p),x=t(19216),h=t.n(x),f=t(44589),v=t.n(f),g=t(2348),b={};b.styleTagTransform=v(),b.setAttributes=m(),b.insert=u().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=h();d()(g.ZP,b);g.ZP&&g.ZP.locals&&g.ZP.locals;var w=t(65515),y=t.n(w),C=t(24585),j=t(83485),S=t(88683),P=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const k=(0,o.Pi)((function ArticleOverview(){var e,n,t,i=(0,r.NP)(),o=(0,j.W)(),a=o.dimensions,d=o.dimOnlyForOneArticle,l=(0,S.useTranslation)().t,s=i.settingsState.bbox;return(0,P.jsxs)("div",{className:g.YS,children:[(0,P.jsx)("div",{className:g.O7,children:(0,P.jsxs)("div",{className:y()(g.$Q,g.Fs),children:[(0,P.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,P.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,P.jsx)("path",{d:"m14.5 12.5 2-2"}),(0,P.jsx)("path",{d:"m11.5 9.5 2-2"}),(0,P.jsx)("path",{d:"m8.5 6.5 2-2"}),(0,P.jsx)("path",{d:"m17.5 15.5 2-2"})]}),l("configurator.summary.total_dimensions")]})}),(0,P.jsxs)("div",{className:g.Bb,children:[(0,P.jsxs)("div",{className:g.O7,children:[(0,P.jsx)("div",{className:g.$Q,children:l("configurator.bth")}),(0,P.jsxs)("div",{className:y()(g.$Q,g.Sn),children:[null!==(e=null==s?void 0:s.X)&&void 0!==e?e:-1," × ",null!==(n=null==s?void 0:s.Y)&&void 0!==n?n:-1," × ",null!==(t=null==s?void 0:s.Z)&&void 0!==t?t:-1," cm"]})]}),!(null==a||!a.length)&&(null==a?void 0:a.map((function(e){var n,t;return(0,P.jsxs)("div",{className:g.O7,children:[(0,P.jsxs)("div",{className:g.$Q,children:[null!==(n=e.text)&&void 0!==n?n:l("configurator.headerdimension."+e.dimensionId),!d&&" ("+e.posNrs.join(",")+")"]}),(0,P.jsxs)("div",{className:y()(g.$Q,g.Sn),children:[null!==(t=e.dimension)&&void 0!==t?t:0," ",e.unit]})]})})))]}),i.productState.allowQRCodeAR&&(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("div",{className:g.kr}),(0,P.jsx)(C.default,{dontOpenModal:!0,Button:function Button(e){return(0,P.jsxs)("div",_objectSpread(_objectSpread({className:g.LI},e),{},{children:[(0,P.jsxs)("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,P.jsx)("circle",{cx:"16",cy:"16",r:"16"}),(0,P.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,P.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,P.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)"})]}),l("configurator.ar_try_at_home")]}))}})]})]})}))},40812:(e,n,t)=>{t.d(n,{e:()=>useStickyScroll});var i=t(34988),o=t(87363);function useStickyScroll(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,n=arguments.length>1?arguments[1]:void 0,t=(0,o.useRef)(null),r=(0,o.useState)(!1),a=(0,i.Z)(r,2),d=a[0],l=a[1],s=(0,o.useRef)(0);return(0,o.useEffect)((function(){var i=function handleScroll(){var i,o;if(t.current&&n){var r=Date.now();if(!(r-s.current<300)){var a=(null!==(i=t.current.getBoundingClientRect().top)&&void 0!==i?i:0)-(null!==(o=null==n?void 0:n.getBoundingClientRect().top)&&void 0!==o?o:0)<=e;a!==d&&(s.current=r,l(a))}}};return i(),null==n||n.addEventListener("scroll",i,{passive:!0}),function(){return null==n?void 0:n.removeEventListener("scroll",i)}}),[e,d,n]),{stickyRef:t,isSticky:d}}},83485:(e,n,t)=>{t.d(n,{W:()=>a});var i=t(34988),o=t(87363),r=t(88130),a=function useCustomDimensions(){var e=(0,r.NP)(),n=(0,o.useState)(),t=(0,i.Z)(n,2),a=t[0],d=t[1],l=(0,o.useState)(!1),s=(0,i.Z)(l,2),c=s[0],u=s[1];return(0,o.useEffect)((function(){var n;e.divaWebPlanner.actSet()&&(null===(n=e.productState.customDimensions)||void 0===n||n.then((function(e){d(e);var n=e.reduce((function(e,n){return e[n.dimensionId]?e[n.dimensionId].includes(n.dimension)||e[n.dimensionId].push(n.dimension):e[n.dimensionId]=[n.dimension],e}),{});u(!Object.values(n).find((function(e){return e.length>1})))})))}),[e.divaWebPlanner.actSet(),e.settingsState.configChanged]),{dimensions:a,dimOnlyForOneArticle:c}}},79587:(e,n,t)=>{t.r(n),t.d(n,{default:()=>p});var i=t(80248),o=t(34988),r=t(87363),a=t(9420),d=t(88130),l=t(88683),s=t(48133),c=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var u={force:.6,duration:5e3,particleCount:200,floorHeight:1600,floorWidth:1600};const p=(0,a.Pi)((function ConfettiInSummary(e){var n,t,i,a,p,m,x=(0,d.NP)(),h=(0,l.useDivaCore)().state.theme,f=x.getViewConfig().navigateMobileSwiper&&x.getIsInMobileView(),v=(0,r.useState)(!f),g=(0,o.Z)(v,2),b=g[0],w=g[1];(0,r.useEffect)((function(){f&&setTimeout((function(){w(!0)}),300)}),[]);var y=(0,r.useState)(!1),C=(0,o.Z)(y,2),j=C[0],S=C[1];if((0,r.useEffect)((function(){var e,n,t=null!==(e=null===(n=x.uiState.ViewConfig.showConfettiInSummary)||void 0===n?void 0:n.confettiCooldownInHours)&&void 0!==e?e:0;if(localStorage.getItem("lastConfettiSessionId")!==l.DivaUtils.SessionId||localStorage.getItem("lastConfettiChange")!=x.settingsState.configChanged.toString()){if(t>0){var i=localStorage.getItem("lastConfettiTime");if(i)if(Date.now()-Number(i)<60*t*60*1e3)return void S(!1);return localStorage.setItem("lastConfettiTime",Date.now().toString()),localStorage.setItem("lastConfettiChange",x.settingsState.configChanged.toString()),void S(!0)}localStorage.getItem("lastConfettiSessionId")!==l.DivaUtils.SessionId?(localStorage.setItem("lastConfettiSessionId",l.DivaUtils.SessionId),localStorage.setItem("lastConfettiChange",x.settingsState.configChanged.toString()),S(!0)):S(!1)}}),[]),!x.uiState.ViewConfig.showConfettiInSummary)return(0,c.jsx)(c.Fragment,{});if(!j)return(0,c.jsx)(c.Fragment,{});if(!x.isParentViewVisible)return(0,c.jsx)(c.Fragment,{});var P=x.uiState.ViewConfig.showConfettiInSummary.confettiProps;return(0,c.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",width:"100%"},children:b&&(0,c.jsx)(s.Z,_objectSpread(_objectSpread(_objectSpread({zIndex:1000001},u),null!=P?P:{}),{},{colors:[null!==(n=null===(t=h.palette)||void 0===t||null===(t=t.primary)||void 0===t?void 0:t.main)&&void 0!==n?n:"",null!==(i=null===(a=h.palette)||void 0===a||null===(a=a.primary)||void 0===a?void 0:a.dark)&&void 0!==i?i:"",null!==(p=null===(m=h.palette)||void 0===m||null===(m=m.primary)||void 0===m?void 0:m.light)&&void 0!==p?p:""]}))})}))},61078:(e,n,t)=>{t.r(n),t.d(n,{default:()=>j});var i=t(9420),o=t(88683),r=(t(87363),t(93379)),a=t.n(r),d=t(7795),l=t.n(d),s=t(90569),c=t.n(s),u=t(3565),p=t.n(u),m=t(19216),x=t.n(m),h=t(44589),f=t.n(h),v=t(28564),g={};g.styleTagTransform=f(),g.setAttributes=p(),g.insert=c().bind(null,"head"),g.domAPI=l(),g.insertStyleElement=x();a()(v.ZP,g);v.ZP&&v.ZP.locals&&v.ZP.locals;var b=t(65515),w=t.n(b),y=t(88130),C=t(47514);const j=(0,i.Pi)((function SummaryHeader(e){var n,t,i=(0,o.useTranslation)().t,r=(0,y.NP)(),a=(0,o.useDivaCore)().state.hidePrices,d=void 0!==r.productState.formatedBruttoPrice&&!r.getViewConfig().hideRabattPrice;return(0,C.jsxs)("div",{className:w()(v.YS,r.getIsInMobileView()?v.ai:void 0,d?v.y6:void 0),children:[(0,C.jsx)("div",{className:v.TN,children:i("configurator.summary.header.title")}),!a&&(0,C.jsxs)("div",{className:v.wZ,children:[(0,C.jsx)("div",{className:v.h0,children:o.DivaUtils.formatPrice(null!==(n=r.productState.formatedBruttoPrice)&&void 0!==n?n:0,r.productState.priceFormat)}),(0,C.jsx)("div",{className:v.nt,children:o.DivaUtils.formatPrice(null!==(t=r.productState.formatedCurSetPrice)&&void 0!==t?t:0,r.productState.priceFormat)}),d&&(0,C.jsxs)("div",{className:v.e9,children:[100-Math.round(100*r.productState.formatedCurSetPrice/r.productState.formatedBruttoPrice),"%"]})]})]})}))},75647:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var i=t(9420),o=(t(87363),t(79587)),r=t(19047),a=t(41947),d=t(88130),l=t(61078),s=t(93379),c=t.n(s),u=t(7795),p=t.n(u),m=t(90569),x=t.n(m),h=t(3565),f=t.n(h),v=t(19216),g=t.n(v),b=t(44589),w=t.n(b),y=t(24899),C={};C.styleTagTransform=w(),C.setAttributes=f(),C.insert=x().bind(null,"head"),C.domAPI=p(),C.insertStyleElement=g();c()(y.ZP,C);y.ZP&&y.ZP.locals&&y.ZP.locals;var j=t(40812),S=t(65515),P=t.n(S),k=t(47514);const O=(0,i.Pi)((function SummaryOverview(e){var n,t=(0,d.NP)(),i=(0,j.e)(-50,null!==(n=t.settingsState.settingsScrollerElement)&&void 0!==n?n:null),s=i.stickyRef,c=i.isSticky;return(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(o.default,{}),(0,k.jsx)(l.default,{}),(0,k.jsx)("div",{ref:s,className:y.oZ,style:{opacity:c?"0":"1"},children:(0,k.jsx)(r.default,{viewHandler:t})}),(0,k.jsx)("div",{className:P()(y.oZ,y.Xo),style:{opacity:c?"1":"0",pointerEvents:c?"auto":"none"},children:(0,k.jsx)(r.default,{viewHandler:t})}),(0,k.jsx)(a.default,{})]})}))},2348:(e,n,t)=>{t.d(n,{$Q:()=>u,Bb:()=>l,Fs:()=>c,LI:()=>x,O7:()=>s,Sn:()=>p,YS:()=>d,ZP:()=>h,kr:()=>m});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.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",l="index-module--K4_z9",s="index-module--RkkoP",c="index-module--sQl1l",u="index-module--ZF6Gz",p="index-module--ub3Fh",m="index-module--kL69q",x="index-module--uReTO";const h=a},28564:(e,n,t)=>{t.d(n,{TN:()=>p,YS:()=>d,ZP:()=>h,ai:()=>m,e9:()=>x,h0:()=>u,nt:()=>s,wZ:()=>l,y6:()=>c});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--tgY3n {\n  position: sticky;\n  width: calc(100% - 24px);\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  margin-bottom: 8px;\n}\n\n.index-module--ZQBOj {\n  display: flex;\n  flex-direction: row;\n  gap: 16px;\n  width: 100%;\n}\n\n.index-module--kcl1K {\n  font-size: 18px;\n  line-height: 18px;\n  font-size: 24px;\n  line-height: 24px;\n  color: rgba(17, 24, 39, 1);\n  font-weight: 700;\n}\n.index-module--kGHzf .index-module--kcl1K {\n  color: rgb(220, 38, 38);\n}\n\n.index-module--ZJwYg {\n  font-size: 18px;\n  line-height: 24px;\n  font-weight: 300;\n  color: rgba(107, 114, 128, 1);\n  -webkit-text-decoration-line: line-through;\n          text-decoration-line: line-through;\n  display: none;\n}\n.index-module--kGHzf .index-module--ZJwYg {\n  display: block;\n}\n\n.index-module--Qoi4e {\n  width: auto;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  color: var(--secondaryColor);\n  margin-top: 10px;\n  float: left;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  text-align: center;\n}\n\n.index-module--eO4iO .index-module--Qoi4e {\n  font-size: 16px;\n  line-height: 20px;\n}\n\n.index-module--G4dak {\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 16px;\n  color: #fff;\n  padding: 4px 8px;\n  border-radius: 40px;\n  background-color: rgb(220, 38, 38);\n}\n",""]);var d="index-module--tgY3n",l="index-module--ZQBOj",s="index-module--kcl1K",c="index-module--kGHzf",u="index-module--ZJwYg",p="index-module--Qoi4e",m="index-module--eO4iO",x="index-module--G4dak";const h=a},24899:(e,n,t)=>{t.d(n,{Xo:()=>l,ZP:()=>s,oZ:()=>d});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--Lbf5b {\n  padding-top: 8px;\n  padding-bottom: 8px;\n  z-index: 100;\n}\n\n.index-module--dc_1V .checkout-button-wrapper {\n  transition: max-height 0.4s ease;\n  max-height: 200px;\n}\n\n.index-module--dc_1V {\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  padding: 8px 16px;\n  width: calc(100% - 32px);\n  transition: opacity 0.2s ease;\n  background-color: rgba(244, 244, 244, 0.8);\n}\n.index-module--dc_1V .checkout-button-wrapper {\n  flex-wrap: nowrap;\n  max-height: 60px; /* fits one row */\n}\n\n.index-module--dc_1V .checkout-button-wrapper button {\n  transition:\n    font-size 0.4s ease,\n    height 0.4s ease;\n  white-space: nowrap;\n  overflow: hidden; /* optional if text might overflow */\n  display: none;\n}\n\n.index-module--dc_1V .checkout-button-wrapper button:nth-child(1),\n.index-module--dc_1V .checkout-button-wrapper button:nth-child(2),\n.index-module--dc_1V .checkout-button-wrapper button:nth-child(3) {\n  display: flex;\n}\n\n.index-module--dc_1V .checkout-button-wrapper button {\n  font-size: 14px;\n  height: 36px;\n}\n\n.index-module--dc_1V .checkout-secondary-button-wrapper {\n  width: 100%;\n  transition: width 0.4s ease;\n}\n\n.index-module--dc_1V .checkout-secondary-button-wrapper:not(.no-primary-buttons) {\n  grid-template-columns: repeat(auto-fit, minmax(calc(30% - 4px), 1fr)) !important;\n}\n\n.index-module--dc_1V .checkout-secondary-button-wrapper:not(.no-primary-buttons) {\n  width: 40%;\n}\n\n.index-module--dc_1V .checkout-secondary-button-wrapper:empty {\n  display: none;\n}\n\n.index-module--dc_1V .checkout-secondary-button-wrapper > button div:nth-child(2) {\n  display: none;\n}\n",""]);var d="index-module--Lbf5b",l="index-module--dc_1V";const s=a}}]);

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

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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6771.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6771],{26771:(n,e,o)=>{o.r(e),o.d(e,{default:()=>I});var i=o(65515),d=o.n(i),t=o(88130),r=o(9420),l=o(87363),a=o(88683),u=o(93379),s=o.n(u),c=o(7795),x=o.n(c),m=o(90569),p=o.n(m),b=o(3565),g=o.n(b),h=o(19216),k=o.n(h),v=o(44589),G=o.n(v),f=o(39202),w={};w.styleTagTransform=G(),w.setAttributes=g(),w.insert=p().bind(null,"head"),w.domAPI=x(),w.insertStyleElement=k();s()(f.ZP,w);f.ZP&&f.ZP.locals&&f.ZP.locals;var y=o(47514);const I=(0,r.Pi)((function TabGroupItemHorizontalGold(n){var e=n.tabGroup,o=(0,t.NP)(),i=(0,a.useTranslation)().t,r=(0,l.useRef)(null),u=o.tabGroupState.curTabGroup;(0,l.useEffect)((function(){o.tabGroupState.setTabGroupItems(e.key,r.current)}),[r]);var s=e.posNr==(null==u?void 0:u.posNr);return(0,y.jsxs)("div",{ref:r,onClick:function onClick(n){n.stopPropagation(),function onTabGroupClick(n){o.tabGroupState.navigateToTabgroupByPosNr(+n.posNr)}(e)},className:d()(f.TI,o.uiState.isMobilePortrait?f.tW:void 0,o.uiState.isTablet?f.Mq:void 0,e.title==(null==u?void 0:u.title)&&s?f.F1:void 0,!o.tabGroupAlreadyVisited(e)||e.title==(null==u?void 0:u.title)&&s?void 0:f.to),children:[o.uiState.isMobilePortrait?(0,y.jsx)(y.Fragment,{}):(0,y.jsx)("span",{className:d()(f.EF),children:e.posNr}),i("configurator."+e.title,e.title)]})}))},39202:(n,e,o)=>{o.d(e,{EF:()=>h,F1:()=>b,Mq:()=>p,TI:()=>x,ZP:()=>k,tW:()=>m,to:()=>g});var i=o(8081),d=o.n(i),t=o(23645),r=o.n(t),l=o(61667),a=o.n(l),u=new URL(o(6893),o.b),s=r()(d()),c=a()(u);s.push([n.id,".index-module--LnV_Q {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  float: left;\n  border: none;\n  transition:\n    background-color 0.3s ease-out,\n    color 0.3s ease-out;\n  line-height: 56px;\n  padding: 0 13px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.index-module--dkOeS:not(.index-module--reGXV).index-module--LnV_Q {\n  line-height: calc(var(--configuratorTabGroupHeight) - 3px);\n  gap: 6px;\n  font-size: 12px;\n  font-weight: 300;\n  padding: 0 10px;\n}\n\n.index-module--LnV_Q.index-module--rH4Y7 {\n  color: white;\n  background-color: var(--primaryColor);\n}\n\n.index-module--rH4Y7.index-module--LnV_Q:hover {\n  background-color: var(--primaryColor);\n}\n\n.index-module--LEDZd {\n  background-color: #d8d8d8;\n}\n\n.index-module--LnV_Q:hover {\n  background-color: #dcdcdc;\n}\n.index-module--LEDZd.index-module--LnV_Q:hover {\n  background-color: #cacaca;\n}\n\n.index-module--sjwGE {\n  display: inline-block;\n  height: 20px;\n  width: 20px;\n  border: 1px solid white;\n  background-color: white;\n  border-radius: 10px;\n  text-align: center;\n  line-height: 20px;\n  font-size: 14px;\n  color: #6f6f6f;\n}\n\n.index-module--dkOeS:not(.index-module--reGXV) .index-module--sjwGE {\n  height: 14px;\n  width: 14px;\n  line-height: 14px;\n  font-size: 10px;\n}\n\n.index-module--rH4Y7 .index-module--sjwGE {\n  color: var(--primaryColor);\n  font-weight: 700;\n}\n.index-module--LEDZd .index-module--sjwGE {\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  color: transparent;\n}\n\n.index-module--dkOeS:not(.index-module--reGXV).index-module--LEDZd .index-module--sjwGE {\n  background-size: 8px;\n}\n\n.index-module--LEDZd .index-module--sjwGE:empty:before {\n  content: '\\200b';\n}\n",""]);var x="index-module--LnV_Q",m="index-module--dkOeS",p="index-module--reGXV",b="index-module--rH4Y7",g="index-module--LEDZd",h="index-module--sjwGE";const k=s},6893:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjQ0NTMxIDMuNDkxMjZMNS42MjUgOC4wOTM3NUwxMC43NSAwLjk1MzYxMyIgc3Ryb2tlPSIjNkY2RjZGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6771],{26771:(n,e,o)=>{o.r(e),o.d(e,{default:()=>I});var i=o(65515),d=o.n(i),t=o(88130),r=o(9420),l=o(87363),a=o(88683),u=o(93379),s=o.n(u),c=o(7795),x=o.n(c),m=o(90569),p=o.n(m),b=o(3565),g=o.n(b),h=o(19216),v=o.n(h),G=o(44589),k=o.n(G),w=o(39202),f={};f.styleTagTransform=k(),f.setAttributes=g(),f.insert=p().bind(null,"head"),f.domAPI=x(),f.insertStyleElement=v();s()(w.ZP,f);w.ZP&&w.ZP.locals&&w.ZP.locals;var y=o(47514);const I=(0,r.Pi)((function TabGroupItemHorizontalGold(n){var e=n.tabGroup,o=(0,t.NP)(),i=(0,a.useTranslation)().t,r=(0,l.useRef)(null),u=o.tabGroupState.curTabGroup;(0,l.useEffect)((function(){o.tabGroupState.setTabGroupItems(e.key,r.current)}),[r]);var s=e.posNr==(null==u?void 0:u.posNr);return(0,y.jsxs)("div",{ref:r,onClick:function onClick(n){n.stopPropagation(),function onTabGroupClick(n){window.lastNavigationType="TABGROUP_BY_POS_NR",o.tabGroupState.navigateToTabgroupByPosNr(+n.posNr)}(e)},className:d()(w.TI,o.uiState.isMobilePortrait?w.tW:void 0,o.uiState.isTablet?w.Mq:void 0,e.title==(null==u?void 0:u.title)&&s?w.F1:void 0,!o.tabGroupAlreadyVisited(e)||e.title==(null==u?void 0:u.title)&&s?void 0:w.to),children:[o.uiState.isMobilePortrait?(0,y.jsx)(y.Fragment,{}):(0,y.jsx)("span",{className:d()(w.EF),children:e.posNr}),i("configurator."+e.title,e.title)]})}))},39202:(n,e,o)=>{o.d(e,{EF:()=>h,F1:()=>b,Mq:()=>p,TI:()=>x,ZP:()=>v,tW:()=>m,to:()=>g});var i=o(8081),d=o.n(i),t=o(23645),r=o.n(t),l=o(61667),a=o.n(l),u=new URL(o(6893),o.b),s=r()(d()),c=a()(u);s.push([n.id,".index-module--LnV_Q {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  float: left;\n  border: none;\n  transition:\n    background-color 0.3s ease-out,\n    color 0.3s ease-out;\n  line-height: 56px;\n  padding: 0 13px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.index-module--dkOeS:not(.index-module--reGXV).index-module--LnV_Q {\n  line-height: calc(var(--configuratorTabGroupHeight) - 3px);\n  gap: 6px;\n  font-size: 12px;\n  font-weight: 300;\n  padding: 0 10px;\n}\n\n.index-module--LnV_Q.index-module--rH4Y7 {\n  color: white;\n  background-color: var(--primaryColor);\n}\n\n.index-module--rH4Y7.index-module--LnV_Q:hover {\n  background-color: var(--primaryColor);\n}\n\n.index-module--LEDZd {\n  background-color: #d8d8d8;\n}\n\n.index-module--LnV_Q:hover {\n  background-color: #dcdcdc;\n}\n.index-module--LEDZd.index-module--LnV_Q:hover {\n  background-color: #cacaca;\n}\n\n.index-module--sjwGE {\n  display: inline-block;\n  height: 20px;\n  width: 20px;\n  border: 1px solid white;\n  background-color: white;\n  border-radius: 10px;\n  text-align: center;\n  line-height: 20px;\n  font-size: 14px;\n  color: #6f6f6f;\n}\n\n.index-module--dkOeS:not(.index-module--reGXV) .index-module--sjwGE {\n  height: 14px;\n  width: 14px;\n  line-height: 14px;\n  font-size: 10px;\n}\n\n.index-module--rH4Y7 .index-module--sjwGE {\n  color: var(--primaryColor);\n  font-weight: 700;\n}\n.index-module--LEDZd .index-module--sjwGE {\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  color: transparent;\n}\n\n.index-module--dkOeS:not(.index-module--reGXV).index-module--LEDZd .index-module--sjwGE {\n  background-size: 8px;\n}\n\n.index-module--LEDZd .index-module--sjwGE:empty:before {\n  content: '\\200b';\n}\n",""]);var x="index-module--LnV_Q",m="index-module--dkOeS",p="index-module--reGXV",b="index-module--rH4Y7",g="index-module--LEDZd",h="index-module--sjwGE";const v=s},6893:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjQ0NTMxIDMuNDkxMjZMNS42MjUgOC4wOTM3NUwxMC43NSAwLjk1MzYxMyIgc3Ryb2tlPSIjNkY2RjZGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg=="}}]);

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8238.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8238],{78238:(n,e,t)=>{t.r(e),t.d(e,{default:()=>P});var i=t(34988),o=t(9420),a=t(87363),r=t(88130),s=t(93379),u=t.n(s),d=t(7795),l=t.n(d),c=t(90569),p=t.n(c),x=t(3565),b=t.n(x),m=t(19216),g=t.n(m),h=t(44589),v=t.n(h),y=t(76640),S={};S.styleTagTransform=v(),S.setAttributes=b(),S.insert=p().bind(null,"head"),S.domAPI=l(),S.insertStyleElement=g();u()(y.ZP,S);y.ZP&&y.ZP.locals&&y.ZP.locals;var w=t(65515),I=t.n(w),k=t(47514);const P=(0,o.Pi)((function NavForwardButton(n){var e=(0,r.NP)(),t=(0,a.useState)(!1),o=(0,i.Z)(t,2),s=o[0],u=o[1];return(0,a.useEffect)((function(){setTimeout((function(){u(!e.actionButtonState.isOnLastStep&&!e.actionButtonState.isOnFirstStepDisabled)}),400)}),[e.actionButtonState.isOnLastStep,e.actionButtonState.isOnFirstStepDisabled]),(0,k.jsx)("div",{className:I()(y.YS,s&&y.oP,e.uiState.isTablet?y.Mq:void 0),onClick:function onClick(){return e.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,k.jsx)("div",{className:y.qv})})}))},76640:(n,e,t)=>{t.d(e,{Mq:()=>m,YS:()=>p,ZP:()=>g,oP:()=>b,qv:()=>x});var i=t(8081),o=t.n(i),a=t(23645),r=t.n(a),s=t(61667),u=t.n(s),d=new URL(t(81165),t.b),l=r()(o()),c=u()(d);l.push([n.id,".index-module--OH1rD {\n  position: absolute;\n  bottom: 12px;\n  right: 12px;\n  width: 42px;\n  height: 42px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--diva-theme-palette-primary-main);\n  border-radius: 50%;\n  cursor: pointer;\n  z-index: 12000;\n  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n  opacity: 0;\n  transition:\n    opacity 1.5s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n  pointer-events: none;\n}\n\n.index-module--OH1rD:hover {\n  scale: 0.8;\n}\n\n.index-module--OH1rD:focus {\n  scale: 0.9;\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--GRTuu {\n  width: 20px;\n  height: 20px;\n  background-image: url("+c+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n\n.index-module--BWnyQ {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.index-module--CF6oq {\n  bottom: 16px;\n  right: 16px;\n  width: 52px;\n  height: 52px;\n}\n\n.index-module--CF6oq .index-module--GRTuu {\n  width: 26px;\n  height: 26px;\n}\n",""]);var p="index-module--OH1rD",x="index-module--GRTuu",b="index-module--BWnyQ",m="index-module--CF6oq";const g=l},81165:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8238],{78238:(n,t,e)=>{e.r(t),e.d(t,{default:()=>k});var i=e(34988),o=e(9420),a=e(87363),r=e(88130),s=e(93379),d=e.n(s),u=e(7795),l=e.n(u),c=e(90569),p=e.n(c),x=e(3565),b=e.n(x),m=e(19216),g=e.n(m),h=e(44589),v=e.n(h),S=e(76640),y={};y.styleTagTransform=v(),y.setAttributes=b(),y.insert=p().bind(null,"head"),y.domAPI=l(),y.insertStyleElement=g();d()(S.ZP,y);S.ZP&&S.ZP.locals&&S.ZP.locals;var w=e(65515),I=e.n(w),P=e(47514);const k=(0,o.Pi)((function NavForwardButton(n){var t=(0,r.NP)(),e=(0,a.useState)(!1),o=(0,i.Z)(e,2),s=o[0],d=o[1];return(0,a.useEffect)((function(){setTimeout((function(){d(!t.actionButtonState.isOnLastStep&&!t.actionButtonState.isOnFirstStepDisabled)}),400)}),[t.actionButtonState.isOnLastStep,t.actionButtonState.isOnFirstStepDisabled]),(0,P.jsx)("div",{className:I()(S.YS,s&&S.oP,t.uiState.isTablet?S.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",t.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,P.jsx)("div",{className:S.qv})})}))},76640:(n,t,e)=>{e.d(t,{Mq:()=>m,YS:()=>p,ZP:()=>g,oP:()=>b,qv:()=>x});var i=e(8081),o=e.n(i),a=e(23645),r=e.n(a),s=e(61667),d=e.n(s),u=new URL(e(81165),e.b),l=r()(o()),c=d()(u);l.push([n.id,".index-module--OH1rD {\n  position: absolute;\n  bottom: 12px;\n  right: 12px;\n  width: 42px;\n  height: 42px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--diva-theme-palette-primary-main);\n  border-radius: 50%;\n  cursor: pointer;\n  z-index: 12000;\n  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n  opacity: 0;\n  transition:\n    opacity 1.5s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n  pointer-events: none;\n}\n\n.index-module--OH1rD:hover {\n  scale: 0.8;\n}\n\n.index-module--OH1rD:focus {\n  scale: 0.9;\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--GRTuu {\n  width: 20px;\n  height: 20px;\n  background-image: url("+c+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n\n.index-module--BWnyQ {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.index-module--CF6oq {\n  bottom: 16px;\n  right: 16px;\n  width: 52px;\n  height: 52px;\n}\n\n.index-module--CF6oq .index-module--GRTuu {\n  width: 26px;\n  height: 26px;\n}\n",""]);var p="index-module--OH1rD",x="index-module--GRTuu",b="index-module--BWnyQ",m="index-module--CF6oq";const g=l},81165:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);