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

@crystaldesign/diva-web-planner-react 26.12.0-beta.1 → 26.12.0-beta.2

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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 5502.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5502],{25502:(e,n,t)=>{t.r(n),t.d(n,{default:()=>j});var a=t(84658),i=t(34988),o=t(50747),r=t.n(o),l=t(87363),d=t(58902),s=t(93379),c=t.n(s),u=t(7795),m=t.n(u),v=t(90569),h=t.n(v),b=t(3565),p=t.n(b),x=t(19216),f=t.n(x),g=t(44589),S=t.n(g),C=t(50557),P={};P.styleTagTransform=S(),P.setAttributes=p(),P.insert=h().bind(null,"head"),P.domAPI=m(),P.insertStyleElement=f();c()(C.ZP,P);C.ZP&&C.ZP.locals&&C.ZP.locals;var V=t(9204),z=t(9420),I=t(88683),Z=t(65515),D=t.n(Z),w=t(47514),O=void 0,R=void 0,N=void 0;const j=(0,z.Pi)((function OrbitInteractionStandard(e){var n,t=e.orbitInteractionContainerClass,o=void 0===t?C.il:t,s=(0,V.NP)(),c=(0,l.useState)(!0),u=(0,i.Z)(c,2),m=u[0],v=u[1],h=(0,I.useTranslation)().t,b=(0,I.useDivaCore)().state.isModalOpen?null:null!==(n=s.productState.planner3DImageSvgArea)&&void 0!==n?n:document.getElementById("diva3dImg");if((0,l.useEffect)((function(){N&&clearTimeout(N),m?N=setTimeout((0,a.Z)(r().mark((function _callee(){return r().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:s.productState.setOrbitIsHidden(!0);case 1:case"end":return e.stop()}}),_callee)}))),2e3):s.productState.setOrbitIsHidden(!1)}),[m]),!s.productState.doShowRenderImage||s.productState.doShowAIRoom||s.productState.plannerRenderingIsStaticBG)return(0,w.jsx)(w.Fragment,{});var p=s.viewPlannerHandler.getOrbitCubeInitParams();return s.uiState.isLoading&&(O=void 0,R=void 0),(0,w.jsx)("div",{className:D()(o,s.uiState.isInMobileView?C.ai:void 0,s.productState.roomListExpanded?C.th:void 0),children:(0,w.jsx)(d.Z,{hiddenState:[m,v],ref:function ref(e){return s.productState.setOrbitCubeElement(e)},size:s.uiState.isInMobileView?"40px":"80px",interactionElement:b,onRotationChange:function onRotationChange(e){if(s.productState.ignoreUpdateRenderingOnOrbitChanged)s.productState.setIgnoreUpdateRenderingOnOrbitChanged(!1);else if(null==O||null==R||e.horizontal!=O||e.vertical!=R){var n=e.horizontal,t=e.vertical;O=e.horizontal,R=e.vertical,s.viewPlannerHandler.updateOrbitCubeInitParams(e.horizontal,e.vertical),s.divaWebPlanner.handle3DVisualizationChanged("Nav3DSetVPByVal",{nav3DSetVPByVal:{rotX:n,rotY:t}})}},onZoomChange:function onZoomChange(e){var n=Math.round(e.absoluteZoom);s.divaWebPlanner.handle3DVisualizationChanged("Nav3DZoom",{nav3DZoom:{zoomVal:n}})},autoHide:2e3,initialRotation:null!=p?{horizontal:p.rotHorizontal,vertical:p.rotVertical}:void 0,zoomFactorResetDelay:500,minCssScale:.5,maxCssScale:1.5,disableDefaultScrollBehaviour:!0,cubeFaceChildren:{back:(0,w.jsx)("div",{className:C.VK,children:h("cube.back")}),bottom:(0,w.jsx)("div",{className:C.VK,children:h("cube.bottom")}),front:(0,w.jsx)("div",{className:C.VK,children:h("cube.front")}),left:(0,w.jsx)("div",{className:C.VK,children:h("cube.left")}),right:(0,w.jsx)("div",{className:C.VK,children:h("cube.right")}),top:(0,w.jsx)("div",{className:C.VK,children:h("cube.top")})}})})}))},50557:(e,n,t)=>{t.d(n,{VK:()=>d,ZP:()=>u,ai:()=>s,il:()=>l,th:()=>c});var a=t(8081),i=t.n(a),o=t(23645),r=t.n(o)()(i());r.push([e.id,".index-module--cG_fH {\n  position: absolute;\n  bottom: 16px;\n  right: 20px;\n  z-index: 350;\n}\n\n.index-module--s0Mfg {\n  font-size: max(12px, min(2vw, 20px));\n}\n\n.index-module--zoQmM.index-module--cG_fH {\n  position: absolute;\n  bottom: 52px;\n  left: 10px;\n  right: auto;\n  right: initial;\n  z-index: 350;\n}\n\n.index-module--i_KdX {\n  display: none;\n}\n",""]);var l="index-module--cG_fH",d="index-module--s0Mfg",s="index-module--zoQmM",c="index-module--i_KdX";const u=r}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5502],{25502:(e,n,t)=>{t.r(n),t.d(n,{default:()=>j});var a=t(84658),i=t(34988),o=t(50747),r=t.n(o),l=t(87363),d=t(58902),s=t(93379),c=t.n(s),u=t(7795),m=t.n(u),v=t(90569),h=t.n(v),b=t(3565),p=t.n(b),x=t(19216),f=t.n(x),g=t(44589),S=t.n(g),C=t(50557),P={};P.styleTagTransform=S(),P.setAttributes=p(),P.insert=h().bind(null,"head"),P.domAPI=m(),P.insertStyleElement=f();c()(C.ZP,P);C.ZP&&C.ZP.locals&&C.ZP.locals;var V=t(75327),z=t(9420),I=t(88683),Z=t(65515),D=t.n(Z),w=t(47514),O=void 0,R=void 0,N=void 0;const j=(0,z.Pi)((function OrbitInteractionStandard(e){var n,t=e.orbitInteractionContainerClass,o=void 0===t?C.il:t,s=(0,V.NP)(),c=(0,l.useState)(!0),u=(0,i.Z)(c,2),m=u[0],v=u[1],h=(0,I.useTranslation)().t,b=(0,I.useDivaCore)().state.isModalOpen?null:null!==(n=s.productState.planner3DImageSvgArea)&&void 0!==n?n:document.getElementById("diva3dImg");if((0,l.useEffect)((function(){N&&clearTimeout(N),m?N=setTimeout((0,a.Z)(r().mark((function _callee(){return r().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:s.productState.setOrbitIsHidden(!0);case 1:case"end":return e.stop()}}),_callee)}))),2e3):s.productState.setOrbitIsHidden(!1)}),[m]),!s.productState.doShowRenderImage||s.productState.doShowAIRoom||s.productState.plannerRenderingIsStaticBG)return(0,w.jsx)(w.Fragment,{});var p=s.viewPlannerHandler.getOrbitCubeInitParams();return s.uiState.isLoading&&(O=void 0,R=void 0),(0,w.jsx)("div",{className:D()(o,s.uiState.isInMobileView?C.ai:void 0,s.productState.roomListExpanded?C.th:void 0),children:(0,w.jsx)(d.Z,{hiddenState:[m,v],ref:function ref(e){return s.productState.setOrbitCubeElement(e)},size:s.uiState.isInMobileView?"40px":"80px",interactionElement:b,onRotationChange:function onRotationChange(e){if(s.productState.ignoreUpdateRenderingOnOrbitChanged)s.productState.setIgnoreUpdateRenderingOnOrbitChanged(!1);else if(null==O||null==R||e.horizontal!=O||e.vertical!=R){var n=e.horizontal,t=e.vertical;O=e.horizontal,R=e.vertical,s.viewPlannerHandler.updateOrbitCubeInitParams(e.horizontal,e.vertical),s.divaWebPlanner.handle3DVisualizationChanged("Nav3DSetVPByVal",{nav3DSetVPByVal:{rotX:n,rotY:t}})}},onZoomChange:function onZoomChange(e){var n=Math.round(e.absoluteZoom);s.divaWebPlanner.handle3DVisualizationChanged("Nav3DZoom",{nav3DZoom:{zoomVal:n}})},autoHide:2e3,initialRotation:null!=p?{horizontal:p.rotHorizontal,vertical:p.rotVertical}:void 0,zoomFactorResetDelay:500,minCssScale:.5,maxCssScale:1.5,disableDefaultScrollBehaviour:!0,cubeFaceChildren:{back:(0,w.jsx)("div",{className:C.VK,children:h("cube.back")}),bottom:(0,w.jsx)("div",{className:C.VK,children:h("cube.bottom")}),front:(0,w.jsx)("div",{className:C.VK,children:h("cube.front")}),left:(0,w.jsx)("div",{className:C.VK,children:h("cube.left")}),right:(0,w.jsx)("div",{className:C.VK,children:h("cube.right")}),top:(0,w.jsx)("div",{className:C.VK,children:h("cube.top")})}})})}))},50557:(e,n,t)=>{t.d(n,{VK:()=>d,ZP:()=>u,ai:()=>s,il:()=>l,th:()=>c});var a=t(8081),i=t.n(a),o=t(23645),r=t.n(o)()(i());r.push([e.id,".index-module--cG_fH {\n  position: absolute;\n  bottom: 16px;\n  right: 20px;\n  z-index: 350;\n}\n\n.index-module--s0Mfg {\n  font-size: max(12px, min(2vw, 20px));\n}\n\n.index-module--zoQmM.index-module--cG_fH {\n  position: absolute;\n  bottom: 52px;\n  left: 10px;\n  right: auto;\n  right: initial;\n  z-index: 350;\n}\n\n.index-module--i_KdX {\n  display: none;\n}\n",""]);var l="index-module--cG_fH",d="index-module--s0Mfg",s="index-module--zoQmM",c="index-module--i_KdX";const u=r}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 5536.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5536,9001,4190,5070,5820],{68063:(n,e,t)=>{t.r(e),t.d(e,{default:()=>u});var i=t(80248),o=t(88291),r=(t(87363),t(9204)),a=t(39667),s=t(19047),l=t(88683),d=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}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,i.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 u=function BasketMobile(n){var e,t=Object.assign({},((0,o.Z)(n),n)),i=(0,r.NP)(),u=null===(e=i.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.find((function(n){return"ADD_TO_BASKET"===n.type})),c=(0,l.useTranslation)().t;return(0,d.jsx)(d.Fragment,{children:u?(0,d.jsx)("div",{onClick:function onClick(){return(0,s.onClickCheckout)(u,i,u.index,c)},className:t.className,style:{backgroundImage:"unset",display:"flex",justifyContent:"center",alignItems:"center"},children:(0,d.jsx)(a.default,{checkoutButton:_objectSpread({isPrimary:!0},u),size:32})}):(0,d.jsx)("div",_objectSpread(_objectSpread({},t),{},{onClick:function onClick(){return i.actionButtonState.onClickAddToBasket(i)}}))})}},69001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}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,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function NavigationButtons(n){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},73666:(n,e,t)=>{t.r(e),t.d(e,{default:()=>k});var i=t(84658),o=t(88291),r=t(50747),a=t.n(r),s=t(9204),l=t(87363),d=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),g=t(90569),b=t.n(g),f=t(3565),m=t.n(f),h=t(19216),S=t.n(h),v=t(44589),w=t.n(v),y=t(39545),P={};P.styleTagTransform=w(),P.setAttributes=m(),P.insert=b().bind(null,"head"),P.domAPI=x(),P.insertStyleElement=S();c()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var j=t(47514);const k=(0,d.Pi)((function Inputbox(n){(0,o.Z)(n);var e=(0,s.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,i,o;e.settingsState.setInputBoxValue(null!==(n=null===(i=e.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==n?n:""),null===(o=t.current)||void 0===o||o.focus()}),[]),(0,l.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,j.jsx)(j.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var d=function(){var n=(0,i.Z)(a().mark((function _callee(){return a().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,j.jsx)("div",{children:(0,j.jsxs)("div",{className:y.Q_,children:[(0,j.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,j.jsxs)("div",{style:{width:"100%"},children:[(0,j.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,j.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(d(),n.stopPropagation())}(n)},className:y.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,j.jsx)("button",{className:y.vX,onClick:d})]})]})})}))},45536:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Z});var i=t(65515),o=t.n(i),r=t(9204),a=t(87363),s=t(93379),l=t.n(s),d=t(7795),u=t.n(d),c=t(90569),p=t.n(c),x=t(3565),g=t.n(x),b=t(19216),f=t.n(b),m=t(44589),h=t.n(m),S=t(26643),v={};v.styleTagTransform=h(),v.setAttributes=g(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=f();l()(S.ZP,v);S.ZP&&S.ZP.locals&&S.ZP.locals;var w=t(73666),y=t(34190),P=t(97853),j=t(69001),k=t(54340),O=t(12576),C=t(9420),T=t(68063),G=t(88683),B=t(43958),I=t(47514),N={"--primaryColor":"#a81e1e","--secondaryColor":"#4a4a4a","--thirdColor":"#f3f3f3","--settingsBackgroundColor":"rgba(248, 248, 248, 0.95)","--tabGroupBackground":"rgba(248, 248, 248, 0.95)","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--galleryItemRadius":"3px","--galleryItemRowCount":"4","--galleryItemMargin":"1%","--galleryItemRowCountSmall":"3","--galleryItemMarginSmall":"0.5%","--galleryItemBorderColor":"#e8e9ed83","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorder":"1px","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"10px","--settingsScrollerPaddingLeft":"10px","--configuratorActionHeight":"40px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0 , 0.3)","--globalBorderRadius":"3px","--mobile-tabgroup-drawer-border-radius":"12px","--buttons-border-radius":"8px"};const Z=(0,C.Pi)((function Ralph(n){var e=(0,r.NP)();(0,a.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(N)}),[]);var t=(0,G.useDivaCore)().state.isFullscreenComponent;return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)("div",{ref:function ref(n){return e.uiState.setConfiguratorRef(n)},style:{pointerEvents:e.uiState.configuratorDisabled?"none":void 0},hidden:e.uiState.configuratorHidden,id:"wcConfigurator",className:o()(S.xn,e.uiState.configSettingsIsExpanded?S.zh:void 0,e.uiState.isMobileLandscape?S.rK:void 0,e.uiState.isMobilePortrait?S.tW:void 0),children:(0,I.jsxs)("div",{id:"wcConfigurator-wrapper",ref:function ref(n){return e.uiState.setWrapperRef(n)},className:S.Ly,children:[(0,I.jsx)(y.default,{className:S.kL}),e.uiState.isInMobileView?(0,I.jsx)(P.default,{tabgroupElement:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(O.default,{className:S.x6,showCloseButtonInMobile:t?"left":void 0}),(0,I.jsx)(T.default,{className:S.Bg}),(0,I.jsx)(B.default,{})]})}):(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(O.default,{className:S.x6,showCloseButtonInMobile:"right"}),(0,I.jsx)(P.default,{className:S.vt}),(0,I.jsx)(j.default,{className:S.jl,showCheckoutButtons:e.uiState.isMobilePortrait}),(0,I.jsx)(k.default,{containerClassName:S.tM,showCheckoutButtons:!0})]}),")"]})}),e.settingsState.inputBoxVisible&&(0,I.jsx)(w.default,{})]})}))},34190:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}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,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function Product(n){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/Product"}))}},51451:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var i=t(9420),o=(t(87363),t(9204)),r=t(82956),a=t(65515),s=t.n(a),l=t(47514);const d=(0,i.Pi)((function SettingsExpanderButtons(n){var e=(0,o.NP)(),t=e.settingsState.contentItemId&&e.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[e.uiState.doShowConfSettingsExpander&&!e.uiState.isInMobileView&&(0,l.jsx)("div",{className:s()(r.AH,t?r.al:void 0),onClick:e.uiState.onClickExpandConfigSettings}),!e.uiState.isInMobileView&&e.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!e.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:s()(r.EN,t?r.al:void 0),onClick:e.uiState.onClickExpandMaxConfigSettings}),!e.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:r.nW,onClick:e.uiState.onClickExpandMinConfigSettings})]})]})}))},45070:(n,e,t)=>{t.r(e),t.d(e,{default:()=>j});var i=t(34988),o=t(9420),r=t(87363),a=t(9204),s=t(93379),l=t.n(s),d=t(7795),u=t.n(d),c=t(90569),p=t.n(c),x=t(3565),g=t.n(x),b=t(19216),f=t.n(b),m=t(44589),h=t.n(m),S=t(76640),v={};v.styleTagTransform=h(),v.setAttributes=g(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=f();l()(S.ZP,v);S.ZP&&S.ZP.locals&&S.ZP.locals;var w=t(65515),y=t.n(w),P=t(47514);const j=(0,o.Pi)((function NavForwardButton(n){var e=(0,a.NP)(),t=(0,r.useState)(!1),o=(0,i.Z)(t,2),s=o[0],l=o[1];return(0,r.useEffect)((function(){setTimeout((function(){l(!e.actionButtonState.isOnLastStep&&!e.actionButtonState.isOnFirstStepDisabled)}),400)}),[e.actionButtonState.isOnLastStep,e.actionButtonState.isOnFirstStepDisabled]),(0,P.jsx)("div",{className:y()(S.YS,s&&S.oP,e.uiState.isTablet?S.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",e.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,P.jsx)("div",{className:S.qv})})}))},49202:(n,e,t)=>{t.r(e),t.d(e,{default:()=>w});var i=t(88291),o=t(9420),r=t(87363),a=t(37707),s=t(9204),l=t(82956),d=t(16567),u=t(74133),c=t(84658),p=t(12952),x=t(34988),g=t(50747),b=t.n(g),f=t(88683),m=t(45070),h=t(65515),S=t.n(h),v=t(47514);const w=(0,o.Pi)((function SettingsSwiper(n){(0,i.Z)(n);var e=(0,s.NP)(),t=function useSwiperHook(n){var e=(0,r.useState)(null),t=(0,x.Z)(e,2),i=t[0],o=t[1],a=(0,r.useState)([]),s=(0,x.Z)(a,2),l=s[0],d=s[1];(0,r.useEffect)((function(){var e=(0,p.Z)(n.tabGroupState.allTabGroups.keys());d(e),n.tabGroupState.curTabGroup&&e.indexOf(n.tabGroupState.curTabGroup.key)!=(null==i?void 0:i.activeIndex)&&(null==i||i.slideTo(e.indexOf(n.tabGroupState.curTabGroup.key),400))}),[n.tabGroupState.allTabGroups,n.tabGroupState.curTabGroup,i]);var u=function(){var n=(0,c.Z)(b().mark((function _callee(){var n,e,t,o,r,a=arguments;return b().wrap((function _callee$(s){for(;;)switch(s.prev=s.next){case 0:if(n=a.length>0&&void 0!==a[0]?a[0]:50,e=a.length>1&&void 0!==a[1]?a[1]:500,i){s.next=4;break}return s.abrupt("return");case 4:return t=.25*e,o=i.getTranslate(),r=o-n,i.allowTouchMove=!1,i.setTransition(2*t),i.setTranslate(r),s.next=12,f.DivaUtils.Sleep(2*t);case 12:return i.setTransition(t),i.setTranslate(o-.5*n),s.next=16,f.DivaUtils.Sleep(t);case 16:return i.setTransition(.5*t),i.setTranslate(.8*r),s.next=20,f.DivaUtils.Sleep(.5*t);case 20:i.setTransition(1.75*t),i.setTranslate(o),i.allowTouchMove=!0;case 23:case"end":return s.stop()}}),_callee)})));return function teaseSwipe(){return n.apply(this,arguments)}}(),g=n.tabGroupState.curTabGroup?l.indexOf(n.tabGroupState.curTabGroup.key):0;return{swiperRef:i,setSwiperRef:o,allSwipes:l,handleSlideChange:function handleSlideChange(e){if(void 0!==n.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var t=e.activeIndex-l.indexOf(n.tabGroupState.curTabGroup.key);if(1==t)n.actionButtonState.onClickConfiguratorSettingsForth(!0,!0);else if(-1==t)n.actionButtonState.onClickConfiguratorSettingsBack();else if(0!==t){var i=n.tabGroupState.allTabGroups.get(l[e.activeIndex]);i&&n.tabGroupState.navigateToTabgroupByPosNr(i.posNr)}}},handleSetTransition:function handleSetTransition(){n.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){n.uiState.swiperNavigationActive=!1},initialSlide:g,teaseSwipe:u}}(e),o=t.setSwiperRef,g=t.allSwipes,h=t.handleSlideChange,w=t.handleSetTransition,y=t.handleTransitionEnd,P=t.initialSlide;return e.tabGroupState.curTabGroup&&null!=g&&g.length?(0,v.jsx)(a.tq,{onSlideChange:h,onSetTransition:w,onTransitionEnd:y,initialSlide:P,onSwiper:o,className:l.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:S()("swiper-wrapper",l.Iz),children:g.map((function(n){var t,i=e.tabGroupState.allTabGroups.get(n),o=i?null===(t=Array.from(i.options.values())[0])||void 0===t?void 0:t.title:void 0;return(0,v.jsx)(a.o5,{className:l.AI,children:n==e.tabGroupState.curTabGroup.key?(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(d.default,{},n),(0,v.jsx)(m.default,{})]}):(0,v.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:o&&(0,v.jsx)(u.default,{text:o,isSettingsHeader:!1,isInScroller:!0})})},n)}))}):(0,v.jsx)(v.Fragment,{})}))},97853:(n,e,t)=>{t.r(e),t.d(e,{default:()=>m});var i=t(80248),o=t(72874),r=(t(87363),t(9204)),a=t(80509),s=t(16567),l=t(9420),d=t(82956),u=t(65515),c=t.n(u),p=t(49202),x=t(51451),g=t(71883),b=t(47514),f=["className","tabgroupElement"];function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}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,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const m=(0,l.Pi)((function Settings(n){var e,t,i=n.className,l=n.tabgroupElement,u=(0,o.Z)(n,f),m=(0,r.NP)(),h=m.getIsInMobileView()&&m.getViewConfig().navigateMobileSwiper,S=(0,b.jsx)(b.Fragment,{children:h?(0,b.jsx)(p.default,{}):(0,b.jsxs)(b.Fragment,{children:[!m.uiState.isInMobileView&&!m.settingsState.forceSettingsHeaderInScrollContainer&&!m.wysiwygDebugState.wysiwygInspectView&&(0,b.jsx)(a.default,{},null!==(e=null===(t=m.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==e?e:0),(0,b.jsx)(s.default,{}),(0,b.jsx)(x.default,{})]})});return(0,b.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(i,d.vt,"horizontal"==m.tabGroupState.curTabGroupType?d.s1:void 0,m.uiState.configSettingsIsExpanded?d.zh:void 0),children:[(0,b.jsx)(g.default,{draggerElement:l,children:S}),!m.uiState.isInMobileView&&S]}))}))},43958:(n,e,t)=>{t.r(e),t.d(e,{default:()=>w});var i=t(88291),o=t(9204),r=(t(87363),t(9420)),a=t(93379),s=t.n(a),l=t(7795),d=t.n(l),u=t(90569),c=t.n(u),p=t(3565),x=t.n(p),g=t(19216),b=t.n(g),f=t(44589),m=t.n(f),h=t(29390),S={};S.styleTagTransform=m(),S.setAttributes=x(),S.insert=c().bind(null,"head"),S.domAPI=d(),S.insertStyleElement=b();s()(h.ZP,S);h.ZP&&h.ZP.locals&&h.ZP.locals;var v=t(47514);const w=(0,r.Pi)((function ProgressBar(n){var e;(0,i.Z)(n);var t=(0,o.NP)(),r=null===(e=t.configuratorStructureHandler)||void 0===e?void 0:e.lastConfigStep,a=t.tabGroupState.curConfigStep;if(!r||!a)return(0,v.jsx)(v.Fragment,{});var s=a.posNr,l=r.posNr,d=1==l?0:Math.round(s/l*100),u=100-d;return(0,v.jsxs)("div",{className:h.YS,children:[(0,v.jsx)("div",{className:h.L3,style:{width:d+"%"}}),(0,v.jsx)("div",{className:h.LM,style:{width:u+"%"}})]})}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>p,Jg:()=>g,Q_:()=>x,ZP:()=>f,vX:()=>b});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),s=t(61667),l=t.n(s),d=new URL(t(38403),t.b),u=a()(o()),c=l()(d);u.push([n.id,".index-module--nrbS_ {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var p="index-module--nrbS_",x="index-module--lGJqa",g="index-module--OZydS",b="index-module--FQDBA";const f=u},26643:(n,e,t)=>{t.d(e,{Bg:()=>w,Ly:()=>y,ZP:()=>P,jl:()=>h,kL:()=>b,rK:()=>x,tM:()=>S,tW:()=>g,vt:()=>f,x6:()=>m,xn:()=>p,zh:()=>v});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),s=t(61667),l=t.n(s),d=new URL(t(2431),t.b),u=a()(o()),c=l()(d);u.push([n.id,".index-module--QpGuZ {\n  position: relative;\n  height: calc(100% - 60px);\n  width: 100%;\n  margin: 30px 0;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 300;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n  overscroll-behavior-y: contain;\n  background-color: var(--configuratorBackgroundColor);\n}\n\n.index-module--QpGuZ *,\n.index-module--QpGuZ *::before,\n.index-module--QpGuZ *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--QpGuZ.index-module--M83gG {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n.index-module--QpGuZ.index-module--FX0XZ {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n/******************************************Product*******************************************/\n\n.index-module--y_P3G {\n  position: absolute;\n  width: 69%;\n  top: calc(56px + 20px);\n  height: calc(100% - 56px - 20px);\n}\n\n/**************************************ConfigPalette***************************************/\n.index-module--CgVUn {\n  position: absolute;\n  width: 31%;\n  overflow: visible;\n  z-index: 600;\n  right: 0px;\n  top: calc(56px + 20px);\n  height: calc(100% - 60px - 56px - 70px - 40px);\n  transition: width 0.2s ease-in-out;\n}\n\n/**************************************TabGroup********************************************/\n\n.index-module--mDl2O {\n  position: absolute;\n  z-index: 600;\n  height: 56px;\n  width: 100%;\n  transition: width 0.2s ease-in-out;\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.index-module--EZFN9 {\n  position: absolute;\n  width: calc(31% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n  height: 80px;\n  right: 0px;\n  bottom: calc(40px + 20px);\n  padding-top: 10px;\n  z-index: 600;\n  transition: width 0.2s ease-in-out;\n  padding-right: var(--settingsScrollerPaddingRight);\n  padding-left: var(--settingsScrollerPaddingLeft);\n  background-color: var(--settingsBackgroundColor);\n}\n\n/*************************************Basket Button****************************************/\n.index-module--Kxi4K {\n  position: absolute;\n  width: calc(31% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n  height: 40px;\n  right: 0px;\n  bottom: 0px;\n  padding-top: 20px;\n  z-index: 600;\n  transition: width 0.2s ease-in-out;\n  font-weight: 700;\n  padding-right: var(--settingsScrollerPaddingRight);\n  padding-left: var(--settingsScrollerPaddingLeft);\n}\n\n/****************************************Settings- Expanded *******************************/\n.index-module--xWB6r .index-module--CgVUn {\n  width: 62%;\n}\n\n.index-module--xWB6r .index-module--Kxi4K,\n.index-module--xWB6r .index-module--EZFN9 {\n  width: calc(62% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n}\n\n.index-module--QpGuZ.index-module--FX0XZ,\n.index-module--M83gG.index-module--QpGuZ {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n} /*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.index-module--M83gG .index-module--y_P3G {\n  width: 100%;\n  height: 100%;\n  top: 0px;\n  left: 0px;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.index-module--M83gG .index-module--CgVUn {\n  display: none;\n}\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.index-module--M83gG .index-module--mDl2O {\n  display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.index-module--M83gG .index-module--EZFN9 {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.index-module--M83gG .index-module--Kxi4K {\n  display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.index-module--FX0XZ .index-module--y_P3G {\n  top: 0px;\n  left: 0px;\n  height: var(--configuratorProductHeight);\n  transition: height 0.2s ease-out;\n  width: 100%;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.index-module--FX0XZ .index-module--CgVUn {\n  left: 0px;\n  top: auto;\n  top: initial;\n  transition: height 0.2s ease-out;\n  bottom: 0px;\n  width: 100%;\n  z-index: 1000;\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.index-module--FX0XZ .index-module--mDl2O {\n  position: relative;\n  right: auto;\n  right: initial;\n  top: auto;\n  top: initial;\n  transition: none 0s ease 0s;\n  transition: initial;\n  flex-grow: 10;\n  height: var(--configuratorTabGroupHeight);\n  width: 100%;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.index-module--FX0XZ .index-module--EZFN9 {\n  display: none;\n  bottom: 0px;\n  width: calc(100% - 10px);\n\n  height: calc(var(--configuratorActionHeight) - 5px);\n  margin: 0 5px 5px 5px;\n  padding-top: 0px;\n  right: 0px;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.index-module--FX0XZ .index-module--Kxi4K,\n.index-module--FX0XZ.index-module--fBW3N .index-module--Kxi4K {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Portrait onTop *********************************/\n\n.index-module--JoQjU {\n  position: relative;\n  transition: bottom 0.2s ease-out;\n  width: 50px;\n  height: var(--configuratorTabGroupHeight);\n  background: no-repeat url("+c+") center center var(--primaryColor);\n  background-size: 37%;\n  z-index: 300;\n}\n\n.index-module--oaff8 {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.index-module--M83gG,\n.index-module--FX0XZ {\n  --configuratorActionHeight: 50px;\n  --configuratorTabGroupHeight: 38px;\n}\n\n.index-module--QlPFY {\n  --configuratorTabGroupHeight: 50px;\n  --mobile-tabgroup-drawer-border-radius: 16px;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var p="index-module--QpGuZ",x="index-module--M83gG",g="index-module--FX0XZ",b="index-module--y_P3G",f="index-module--CgVUn",m="index-module--mDl2O",h="index-module--EZFN9",S="index-module--Kxi4K",v="index-module--xWB6r",w="index-module--JoQjU",y="index-module--oaff8";const P=u},76640:(n,e,t)=>{t.d(e,{Mq:()=>b,YS:()=>p,ZP:()=>f,oP:()=>g,qv:()=>x});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),s=t(61667),l=t.n(s),d=new URL(t(81165),t.b),u=a()(o()),c=l()(d);u.push([n.id,".index-module--OH1rD {\n  position: absolute;\n  transform: translateZ(0);\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.vaul-dragging .index-module--OH1rD {\n  opacity: 0;\n  transition:\n    opacity 0s 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}\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",g="index-module--BWnyQ",b="index-module--CF6oq";const f=u},29390:(n,e,t)=>{t.d(e,{L3:()=>l,LM:()=>d,YS:()=>s,ZP:()=>u});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([n.id,".index-module--rHd3V {\n  position: absolute;\n  width: 100%;\n  height: 3px;\n  bottom: 0;\n  left: 0;\n  z-index: 2000;\n}\n\n.index-module--_zSo1 {\n  background: #ccc;\n  border-radius: 0 1px 1px 0;\n  transition: width 0.35s ease-in-out;\n  height: 100%;\n}\n\n.index-module--tkNQ6 {\n  background: #eee;\n  transition: width 0.35s ease-in-out;\n  height: 100%;\n}\n",""]);var s="index-module--rHd3V",l="index-module--_zSo1",d="index-module--tkNQ6";const u=a},81165:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5536,9001,4190,5070,5820],{68063:(n,e,t)=>{t.r(e),t.d(e,{default:()=>u});var i=t(80248),o=t(88291),r=(t(87363),t(75327)),a=t(39667),s=t(19047),l=t(88683),d=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}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,i.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 u=function BasketMobile(n){var e,t=Object.assign({},((0,o.Z)(n),n)),i=(0,r.NP)(),u=null===(e=i.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.find((function(n){return"ADD_TO_BASKET"===n.type})),c=(0,l.useTranslation)().t;return(0,d.jsx)(d.Fragment,{children:u?(0,d.jsx)("div",{onClick:function onClick(){return(0,s.onClickCheckout)(u,i,u.index,c)},className:t.className,style:{backgroundImage:"unset",display:"flex",justifyContent:"center",alignItems:"center"},children:(0,d.jsx)(a.default,{checkoutButton:_objectSpread({isPrimary:!0},u),size:32})}):(0,d.jsx)("div",_objectSpread(_objectSpread({},t),{},{onClick:function onClick(){return i.actionButtonState.onClickAddToBasket(i)}}))})}},69001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}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,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function NavigationButtons(n){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},73666:(n,e,t)=>{t.r(e),t.d(e,{default:()=>k});var i=t(84658),o=t(88291),r=t(50747),a=t.n(r),s=t(75327),l=t(87363),d=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),g=t(90569),b=t.n(g),f=t(3565),m=t.n(f),h=t(19216),S=t.n(h),v=t(44589),w=t.n(v),y=t(39545),P={};P.styleTagTransform=w(),P.setAttributes=m(),P.insert=b().bind(null,"head"),P.domAPI=x(),P.insertStyleElement=S();c()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var j=t(47514);const k=(0,d.Pi)((function Inputbox(n){(0,o.Z)(n);var e=(0,s.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,i,o;e.settingsState.setInputBoxValue(null!==(n=null===(i=e.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==n?n:""),null===(o=t.current)||void 0===o||o.focus()}),[]),(0,l.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,j.jsx)(j.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var d=function(){var n=(0,i.Z)(a().mark((function _callee(){return a().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,j.jsx)("div",{children:(0,j.jsxs)("div",{className:y.Q_,children:[(0,j.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,j.jsxs)("div",{style:{width:"100%"},children:[(0,j.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,j.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(d(),n.stopPropagation())}(n)},className:y.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,j.jsx)("button",{className:y.vX,onClick:d})]})]})})}))},45536:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Z});var i=t(65515),o=t.n(i),r=t(75327),a=t(87363),s=t(93379),l=t.n(s),d=t(7795),u=t.n(d),c=t(90569),p=t.n(c),x=t(3565),g=t.n(x),b=t(19216),f=t.n(b),m=t(44589),h=t.n(m),S=t(26643),v={};v.styleTagTransform=h(),v.setAttributes=g(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=f();l()(S.ZP,v);S.ZP&&S.ZP.locals&&S.ZP.locals;var w=t(73666),y=t(34190),P=t(97853),j=t(69001),k=t(54340),O=t(12576),C=t(9420),T=t(68063),G=t(88683),B=t(43958),I=t(47514),N={"--primaryColor":"#a81e1e","--secondaryColor":"#4a4a4a","--thirdColor":"#f3f3f3","--settingsBackgroundColor":"rgba(248, 248, 248, 0.95)","--tabGroupBackground":"rgba(248, 248, 248, 0.95)","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--galleryItemRadius":"3px","--galleryItemRowCount":"4","--galleryItemMargin":"1%","--galleryItemRowCountSmall":"3","--galleryItemMarginSmall":"0.5%","--galleryItemBorderColor":"#e8e9ed83","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorder":"1px","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"10px","--settingsScrollerPaddingLeft":"10px","--configuratorActionHeight":"40px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0 , 0.3)","--globalBorderRadius":"3px","--mobile-tabgroup-drawer-border-radius":"12px","--buttons-border-radius":"8px"};const Z=(0,C.Pi)((function Ralph(n){var e=(0,r.NP)();(0,a.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(N)}),[]);var t=(0,G.useDivaCore)().state.isFullscreenComponent;return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)("div",{ref:function ref(n){return e.uiState.setConfiguratorRef(n)},style:{pointerEvents:e.uiState.configuratorDisabled?"none":void 0},hidden:e.uiState.configuratorHidden,id:"wcConfigurator",className:o()(S.xn,e.uiState.configSettingsIsExpanded?S.zh:void 0,e.uiState.isMobileLandscape?S.rK:void 0,e.uiState.isMobilePortrait?S.tW:void 0),children:(0,I.jsxs)("div",{id:"wcConfigurator-wrapper",ref:function ref(n){return e.uiState.setWrapperRef(n)},className:S.Ly,children:[(0,I.jsx)(y.default,{className:S.kL}),e.uiState.isInMobileView?(0,I.jsx)(P.default,{tabgroupElement:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(O.default,{className:S.x6,showCloseButtonInMobile:t?"left":void 0}),(0,I.jsx)(T.default,{className:S.Bg}),(0,I.jsx)(B.default,{})]})}):(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(O.default,{className:S.x6,showCloseButtonInMobile:"right"}),(0,I.jsx)(P.default,{className:S.vt}),(0,I.jsx)(j.default,{className:S.jl,showCheckoutButtons:e.uiState.isMobilePortrait}),(0,I.jsx)(k.default,{containerClassName:S.tM,showCheckoutButtons:!0})]}),")"]})}),e.settingsState.inputBoxVisible&&(0,I.jsx)(w.default,{})]})}))},34190:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}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,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function Product(n){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/Product"}))}},51451:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var i=t(9420),o=(t(87363),t(75327)),r=t(82956),a=t(65515),s=t.n(a),l=t(47514);const d=(0,i.Pi)((function SettingsExpanderButtons(n){var e=(0,o.NP)(),t=e.settingsState.contentItemId&&e.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[e.uiState.doShowConfSettingsExpander&&!e.uiState.isInMobileView&&(0,l.jsx)("div",{className:s()(r.AH,t?r.al:void 0),onClick:e.uiState.onClickExpandConfigSettings}),!e.uiState.isInMobileView&&e.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!e.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:s()(r.EN,t?r.al:void 0),onClick:e.uiState.onClickExpandMaxConfigSettings}),!e.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:r.nW,onClick:e.uiState.onClickExpandMinConfigSettings})]})]})}))},45070:(n,e,t)=>{t.r(e),t.d(e,{default:()=>j});var i=t(34988),o=t(9420),r=t(87363),a=t(75327),s=t(93379),l=t.n(s),d=t(7795),u=t.n(d),c=t(90569),p=t.n(c),x=t(3565),g=t.n(x),b=t(19216),f=t.n(b),m=t(44589),h=t.n(m),S=t(76640),v={};v.styleTagTransform=h(),v.setAttributes=g(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=f();l()(S.ZP,v);S.ZP&&S.ZP.locals&&S.ZP.locals;var w=t(65515),y=t.n(w),P=t(47514);const j=(0,o.Pi)((function NavForwardButton(n){var e=(0,a.NP)(),t=(0,r.useState)(!1),o=(0,i.Z)(t,2),s=o[0],l=o[1];return(0,r.useEffect)((function(){setTimeout((function(){l(!e.actionButtonState.isOnLastStep&&!e.actionButtonState.isOnFirstStepDisabled)}),400)}),[e.actionButtonState.isOnLastStep,e.actionButtonState.isOnFirstStepDisabled]),(0,P.jsx)("div",{className:y()(S.YS,s&&S.oP,e.uiState.isTablet?S.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",e.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,P.jsx)("div",{className:S.qv})})}))},49202:(n,e,t)=>{t.r(e),t.d(e,{default:()=>w});var i=t(88291),o=t(9420),r=t(87363),a=t(37707),s=t(75327),l=t(82956),d=t(16567),u=t(74133),c=t(84658),p=t(12952),x=t(34988),g=t(50747),b=t.n(g),f=t(88683),m=t(45070),h=t(65515),S=t.n(h),v=t(47514);const w=(0,o.Pi)((function SettingsSwiper(n){(0,i.Z)(n);var e=(0,s.NP)(),t=function useSwiperHook(n){var e=(0,r.useState)(null),t=(0,x.Z)(e,2),i=t[0],o=t[1],a=(0,r.useState)([]),s=(0,x.Z)(a,2),l=s[0],d=s[1];(0,r.useEffect)((function(){var e=(0,p.Z)(n.tabGroupState.allTabGroups.keys());d(e),n.tabGroupState.curTabGroup&&e.indexOf(n.tabGroupState.curTabGroup.key)!=(null==i?void 0:i.activeIndex)&&(null==i||i.slideTo(e.indexOf(n.tabGroupState.curTabGroup.key),400))}),[n.tabGroupState.allTabGroups,n.tabGroupState.curTabGroup,i]);var u=function(){var n=(0,c.Z)(b().mark((function _callee(){var n,e,t,o,r,a=arguments;return b().wrap((function _callee$(s){for(;;)switch(s.prev=s.next){case 0:if(n=a.length>0&&void 0!==a[0]?a[0]:50,e=a.length>1&&void 0!==a[1]?a[1]:500,i){s.next=4;break}return s.abrupt("return");case 4:return t=.25*e,o=i.getTranslate(),r=o-n,i.allowTouchMove=!1,i.setTransition(2*t),i.setTranslate(r),s.next=12,f.DivaUtils.Sleep(2*t);case 12:return i.setTransition(t),i.setTranslate(o-.5*n),s.next=16,f.DivaUtils.Sleep(t);case 16:return i.setTransition(.5*t),i.setTranslate(.8*r),s.next=20,f.DivaUtils.Sleep(.5*t);case 20:i.setTransition(1.75*t),i.setTranslate(o),i.allowTouchMove=!0;case 23:case"end":return s.stop()}}),_callee)})));return function teaseSwipe(){return n.apply(this,arguments)}}(),g=n.tabGroupState.curTabGroup?l.indexOf(n.tabGroupState.curTabGroup.key):0;return{swiperRef:i,setSwiperRef:o,allSwipes:l,handleSlideChange:function handleSlideChange(e){if(void 0!==n.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var t=e.activeIndex-l.indexOf(n.tabGroupState.curTabGroup.key);if(1==t)n.actionButtonState.onClickConfiguratorSettingsForth(!0,!0);else if(-1==t)n.actionButtonState.onClickConfiguratorSettingsBack();else if(0!==t){var i=n.tabGroupState.allTabGroups.get(l[e.activeIndex]);i&&n.tabGroupState.navigateToTabgroupByPosNr(i.posNr)}}},handleSetTransition:function handleSetTransition(){n.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){n.uiState.swiperNavigationActive=!1},initialSlide:g,teaseSwipe:u}}(e),o=t.setSwiperRef,g=t.allSwipes,h=t.handleSlideChange,w=t.handleSetTransition,y=t.handleTransitionEnd,P=t.initialSlide;return e.tabGroupState.curTabGroup&&null!=g&&g.length?(0,v.jsx)(a.tq,{onSlideChange:h,onSetTransition:w,onTransitionEnd:y,initialSlide:P,onSwiper:o,className:l.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:S()("swiper-wrapper",l.Iz),children:g.map((function(n){var t,i=e.tabGroupState.allTabGroups.get(n),o=i?null===(t=Array.from(i.options.values())[0])||void 0===t?void 0:t.title:void 0;return(0,v.jsx)(a.o5,{className:l.AI,children:n==e.tabGroupState.curTabGroup.key?(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(d.default,{},n),(0,v.jsx)(m.default,{})]}):(0,v.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:o&&(0,v.jsx)(u.default,{text:o,isSettingsHeader:!1,isInScroller:!0})})},n)}))}):(0,v.jsx)(v.Fragment,{})}))},97853:(n,e,t)=>{t.r(e),t.d(e,{default:()=>m});var i=t(80248),o=t(72874),r=(t(87363),t(75327)),a=t(80509),s=t(16567),l=t(9420),d=t(82956),u=t(65515),c=t.n(u),p=t(49202),x=t(51451),g=t(71883),b=t(47514),f=["className","tabgroupElement"];function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}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,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const m=(0,l.Pi)((function Settings(n){var e,t,i=n.className,l=n.tabgroupElement,u=(0,o.Z)(n,f),m=(0,r.NP)(),h=m.getIsInMobileView()&&m.getViewConfig().navigateMobileSwiper,S=(0,b.jsx)(b.Fragment,{children:h?(0,b.jsx)(p.default,{}):(0,b.jsxs)(b.Fragment,{children:[!m.uiState.isInMobileView&&!m.settingsState.forceSettingsHeaderInScrollContainer&&!m.wysiwygDebugState.wysiwygInspectView&&(0,b.jsx)(a.default,{},null!==(e=null===(t=m.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==e?e:0),(0,b.jsx)(s.default,{}),(0,b.jsx)(x.default,{})]})});return(0,b.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(i,d.vt,"horizontal"==m.tabGroupState.curTabGroupType?d.s1:void 0,m.uiState.configSettingsIsExpanded?d.zh:void 0),children:[(0,b.jsx)(g.default,{draggerElement:l,children:S}),!m.uiState.isInMobileView&&S]}))}))},43958:(n,e,t)=>{t.r(e),t.d(e,{default:()=>w});var i=t(88291),o=t(75327),r=(t(87363),t(9420)),a=t(93379),s=t.n(a),l=t(7795),d=t.n(l),u=t(90569),c=t.n(u),p=t(3565),x=t.n(p),g=t(19216),b=t.n(g),f=t(44589),m=t.n(f),h=t(29390),S={};S.styleTagTransform=m(),S.setAttributes=x(),S.insert=c().bind(null,"head"),S.domAPI=d(),S.insertStyleElement=b();s()(h.ZP,S);h.ZP&&h.ZP.locals&&h.ZP.locals;var v=t(47514);const w=(0,r.Pi)((function ProgressBar(n){var e;(0,i.Z)(n);var t=(0,o.NP)(),r=null===(e=t.configuratorStructureHandler)||void 0===e?void 0:e.lastConfigStep,a=t.tabGroupState.curConfigStep;if(!r||!a)return(0,v.jsx)(v.Fragment,{});var s=a.posNr,l=r.posNr,d=1==l?0:Math.round(s/l*100),u=100-d;return(0,v.jsxs)("div",{className:h.YS,children:[(0,v.jsx)("div",{className:h.L3,style:{width:d+"%"}}),(0,v.jsx)("div",{className:h.LM,style:{width:u+"%"}})]})}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>p,Jg:()=>g,Q_:()=>x,ZP:()=>f,vX:()=>b});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),s=t(61667),l=t.n(s),d=new URL(t(38403),t.b),u=a()(o()),c=l()(d);u.push([n.id,".index-module--nrbS_ {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var p="index-module--nrbS_",x="index-module--lGJqa",g="index-module--OZydS",b="index-module--FQDBA";const f=u},26643:(n,e,t)=>{t.d(e,{Bg:()=>w,Ly:()=>y,ZP:()=>P,jl:()=>h,kL:()=>b,rK:()=>x,tM:()=>S,tW:()=>g,vt:()=>f,x6:()=>m,xn:()=>p,zh:()=>v});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),s=t(61667),l=t.n(s),d=new URL(t(2431),t.b),u=a()(o()),c=l()(d);u.push([n.id,".index-module--QpGuZ {\n  position: relative;\n  height: calc(100% - 60px);\n  width: 100%;\n  margin: 30px 0;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 300;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n  overscroll-behavior-y: contain;\n  background-color: var(--configuratorBackgroundColor);\n}\n\n.index-module--QpGuZ *,\n.index-module--QpGuZ *::before,\n.index-module--QpGuZ *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--QpGuZ.index-module--M83gG {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n.index-module--QpGuZ.index-module--FX0XZ {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n/******************************************Product*******************************************/\n\n.index-module--y_P3G {\n  position: absolute;\n  width: 69%;\n  top: calc(56px + 20px);\n  height: calc(100% - 56px - 20px);\n}\n\n/**************************************ConfigPalette***************************************/\n.index-module--CgVUn {\n  position: absolute;\n  width: 31%;\n  overflow: visible;\n  z-index: 600;\n  right: 0px;\n  top: calc(56px + 20px);\n  height: calc(100% - 60px - 56px - 70px - 40px);\n  transition: width 0.2s ease-in-out;\n}\n\n/**************************************TabGroup********************************************/\n\n.index-module--mDl2O {\n  position: absolute;\n  z-index: 600;\n  height: 56px;\n  width: 100%;\n  transition: width 0.2s ease-in-out;\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.index-module--EZFN9 {\n  position: absolute;\n  width: calc(31% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n  height: 80px;\n  right: 0px;\n  bottom: calc(40px + 20px);\n  padding-top: 10px;\n  z-index: 600;\n  transition: width 0.2s ease-in-out;\n  padding-right: var(--settingsScrollerPaddingRight);\n  padding-left: var(--settingsScrollerPaddingLeft);\n  background-color: var(--settingsBackgroundColor);\n}\n\n/*************************************Basket Button****************************************/\n.index-module--Kxi4K {\n  position: absolute;\n  width: calc(31% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n  height: 40px;\n  right: 0px;\n  bottom: 0px;\n  padding-top: 20px;\n  z-index: 600;\n  transition: width 0.2s ease-in-out;\n  font-weight: 700;\n  padding-right: var(--settingsScrollerPaddingRight);\n  padding-left: var(--settingsScrollerPaddingLeft);\n}\n\n/****************************************Settings- Expanded *******************************/\n.index-module--xWB6r .index-module--CgVUn {\n  width: 62%;\n}\n\n.index-module--xWB6r .index-module--Kxi4K,\n.index-module--xWB6r .index-module--EZFN9 {\n  width: calc(62% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n}\n\n.index-module--QpGuZ.index-module--FX0XZ,\n.index-module--M83gG.index-module--QpGuZ {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n} /*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.index-module--M83gG .index-module--y_P3G {\n  width: 100%;\n  height: 100%;\n  top: 0px;\n  left: 0px;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.index-module--M83gG .index-module--CgVUn {\n  display: none;\n}\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.index-module--M83gG .index-module--mDl2O {\n  display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.index-module--M83gG .index-module--EZFN9 {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.index-module--M83gG .index-module--Kxi4K {\n  display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.index-module--FX0XZ .index-module--y_P3G {\n  top: 0px;\n  left: 0px;\n  height: var(--configuratorProductHeight);\n  transition: height 0.2s ease-out;\n  width: 100%;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.index-module--FX0XZ .index-module--CgVUn {\n  left: 0px;\n  top: auto;\n  top: initial;\n  transition: height 0.2s ease-out;\n  bottom: 0px;\n  width: 100%;\n  z-index: 1000;\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.index-module--FX0XZ .index-module--mDl2O {\n  position: relative;\n  right: auto;\n  right: initial;\n  top: auto;\n  top: initial;\n  transition: none 0s ease 0s;\n  transition: initial;\n  flex-grow: 10;\n  height: var(--configuratorTabGroupHeight);\n  width: 100%;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.index-module--FX0XZ .index-module--EZFN9 {\n  display: none;\n  bottom: 0px;\n  width: calc(100% - 10px);\n\n  height: calc(var(--configuratorActionHeight) - 5px);\n  margin: 0 5px 5px 5px;\n  padding-top: 0px;\n  right: 0px;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.index-module--FX0XZ .index-module--Kxi4K,\n.index-module--FX0XZ.index-module--fBW3N .index-module--Kxi4K {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Portrait onTop *********************************/\n\n.index-module--JoQjU {\n  position: relative;\n  transition: bottom 0.2s ease-out;\n  width: 50px;\n  height: var(--configuratorTabGroupHeight);\n  background: no-repeat url("+c+") center center var(--primaryColor);\n  background-size: 37%;\n  z-index: 300;\n}\n\n.index-module--oaff8 {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.index-module--M83gG,\n.index-module--FX0XZ {\n  --configuratorActionHeight: 50px;\n  --configuratorTabGroupHeight: 38px;\n}\n\n.index-module--QlPFY {\n  --configuratorTabGroupHeight: 50px;\n  --mobile-tabgroup-drawer-border-radius: 16px;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var p="index-module--QpGuZ",x="index-module--M83gG",g="index-module--FX0XZ",b="index-module--y_P3G",f="index-module--CgVUn",m="index-module--mDl2O",h="index-module--EZFN9",S="index-module--Kxi4K",v="index-module--xWB6r",w="index-module--JoQjU",y="index-module--oaff8";const P=u},76640:(n,e,t)=>{t.d(e,{Mq:()=>b,YS:()=>p,ZP:()=>f,oP:()=>g,qv:()=>x});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),s=t(61667),l=t.n(s),d=new URL(t(81165),t.b),u=a()(o()),c=l()(d);u.push([n.id,".index-module--OH1rD {\n  position: absolute;\n  transform: translateZ(0);\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.vaul-dragging .index-module--OH1rD {\n  opacity: 0;\n  transition:\n    opacity 0s 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}\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",g="index-module--BWnyQ",b="index-module--CF6oq";const f=u},29390:(n,e,t)=>{t.d(e,{L3:()=>l,LM:()=>d,YS:()=>s,ZP:()=>u});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([n.id,".index-module--rHd3V {\n  position: absolute;\n  width: 100%;\n  height: 3px;\n  bottom: 0;\n  left: 0;\n  z-index: 2000;\n}\n\n.index-module--_zSo1 {\n  background: #ccc;\n  border-radius: 0 1px 1px 0;\n  transition: width 0.35s ease-in-out;\n  height: 100%;\n}\n\n.index-module--tkNQ6 {\n  background: #eee;\n  transition: width 0.35s ease-in-out;\n  height: 100%;\n}\n",""]);var s="index-module--rHd3V",l="index-module--_zSo1",d="index-module--tkNQ6";const u=a},81165:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 5573.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5573],{35573:(e,n,t)=>{t.r(n),t.d(n,{default:()=>T});var r=t(84658),i=t(80248),o=t(34988),a=t(50747),d=t.n(a),l=t(87363),s=t(65515),c=t.n(s),u=t(93379),p=t.n(u),x=t(7795),m=t.n(x),f=t(90569),h=t.n(f),g=t(3565),b=t.n(g),v=t(19216),y=t.n(v),w=t(44589),j=t.n(w),O=t(18135),P={};P.styleTagTransform=j(),P.setAttributes=b(),P.insert=h().bind(null,"head"),P.domAPI=m(),P.insertStyleElement=y();p()(O.ZP,P);O.ZP&&O.ZP.locals&&O.ZP.locals;var C=t(9204),k=t(9420),_=t(74133),D=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,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 T=(0,k.Pi)((function TextBox(e){var n,t,a=e.item,s=e.paletteId,u=e.style,p=(0,C.NP)(),x=(0,l.useRef)(null),m=a.groups[0].items,f=(0,l.useState)(m[0].freeTextLang),h=(0,o.Z)(f,2),g=h[0],b=h[1],v=function(){var e=(0,r.Z)(d().mark((function _callee(e,n){return d().wrap((function _callee$(t){for(;;)switch(t.prev=t.next){case 0:p.paletteViewHandler.onFreeTextLangChanged(e,n,m[0],s);case 1:case"end":return t.stop()}}),_callee)})));return function updateLangLogic(n,t){return e.apply(this,arguments)}}(),y=null!==(n=p.getViewConfig().languagesForInput)&&void 0!==n?n:[];return(0,D.jsxs)("div",{className:O.O7,ref:function ref(e){return a.htmlRef=e},style:u,children:[(0,D.jsx)("div",{className:c()(O.eR,O.TN,O.t$),children:(0,D.jsx)(_.default,{item:a,isInScroller:!0,isSettingsHeader:!1})}),(0,D.jsx)("div",{className:c()(O.eR,O.F2),children:y.length?(0,D.jsx)(D.Fragment,{children:y.map((function(e){return(0,D.jsxs)("div",{className:O.t,children:[(0,D.jsx)("div",{className:O.kA,children:e}),(0,D.jsx)("input",{className:O.q_,onChange:function onChange(n){return function handleLangTextChange(e,n){x.current&&clearTimeout(x.current),x.current=setTimeout((function(){return v(e,n)}),500),b(_objectSpread(_objectSpread({},g),{},(0,i.Z)({},e,n)))}(e,n.target.value)},type:"text",value:null==g?void 0:g[e]})]},e)}))}):(0,D.jsx)("div",{children:(0,D.jsx)("input",{className:O.q_,onChange:function handleChange(e){m[0]&&(m[0].freeText=e.target.value,p.paletteViewHandler.clickedOnConfigPalette(m[0],"inputbox",s))},type:"text",value:null!==(t=m[0])&&void 0!==t&&t.freeText?m[0].freeText:""})})})]})}))},18135:(e,n,t)=>{t.d(n,{F2:()=>u,O7:()=>l,TN:()=>s,ZP:()=>f,eR:()=>p,kA:()=>m,q_:()=>d,t:()=>x,t$:()=>c});var r=t(8081),i=t.n(r),o=t(23645),a=t.n(o)()(i());a.push([e.id,".index-module--DhmpB {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  width: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n}\n\n.index-module--DhmpB:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n.index-module--DhmpB:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--BRYpa {\n  width: 100%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--DhmpB {\n  background-color: #374c86;\n  color: #fff;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--BRYpa {\n  background-color: #2c3c6b;\n  border-color: rgba(255, 255, 255, 0.2);\n  color: #fff;\n}\n\n.index-module--VyzqQ {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n}\n\n.index-module--KQkM7 {\n  display: flex;\n}\n.index-module--bKCuD {\n  width: 40%;\n}\n.index-module--FSuK_ {\n  width: 60%;\n}\n\n.index-module--pc3yf {\n  margin: 8px;\n  white-space: nowrap;\n}\n\n.index-module--laiEH {\n  display: flex;\n}\n.index-module--HL0mI {\n  width: 50px;\n  line-height: 60px;\n}\n",""]);var d="index-module--BRYpa",l="index-module--VyzqQ",s="index-module--KQkM7",c="index-module--bKCuD",u="index-module--FSuK_",p="index-module--pc3yf",x="index-module--laiEH",m="index-module--HL0mI";const f=a}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5573],{35573:(e,n,t)=>{t.r(n),t.d(n,{default:()=>T});var r=t(84658),i=t(80248),o=t(34988),a=t(50747),d=t.n(a),l=t(87363),s=t(65515),c=t.n(s),u=t(93379),p=t.n(u),x=t(7795),m=t.n(x),f=t(90569),h=t.n(f),g=t(3565),b=t.n(g),v=t(19216),y=t.n(v),w=t(44589),j=t.n(w),O=t(18135),P={};P.styleTagTransform=j(),P.setAttributes=b(),P.insert=h().bind(null,"head"),P.domAPI=m(),P.insertStyleElement=y();p()(O.ZP,P);O.ZP&&O.ZP.locals&&O.ZP.locals;var C=t(75327),k=t(9420),_=t(74133),D=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,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 T=(0,k.Pi)((function TextBox(e){var n,t,a=e.item,s=e.paletteId,u=e.style,p=(0,C.NP)(),x=(0,l.useRef)(null),m=a.groups[0].items,f=(0,l.useState)(m[0].freeTextLang),h=(0,o.Z)(f,2),g=h[0],b=h[1],v=function(){var e=(0,r.Z)(d().mark((function _callee(e,n){return d().wrap((function _callee$(t){for(;;)switch(t.prev=t.next){case 0:p.paletteViewHandler.onFreeTextLangChanged(e,n,m[0],s);case 1:case"end":return t.stop()}}),_callee)})));return function updateLangLogic(n,t){return e.apply(this,arguments)}}(),y=null!==(n=p.getViewConfig().languagesForInput)&&void 0!==n?n:[];return(0,D.jsxs)("div",{className:O.O7,ref:function ref(e){return a.htmlRef=e},style:u,children:[(0,D.jsx)("div",{className:c()(O.eR,O.TN,O.t$),children:(0,D.jsx)(_.default,{item:a,isInScroller:!0,isSettingsHeader:!1})}),(0,D.jsx)("div",{className:c()(O.eR,O.F2),children:y.length?(0,D.jsx)(D.Fragment,{children:y.map((function(e){return(0,D.jsxs)("div",{className:O.t,children:[(0,D.jsx)("div",{className:O.kA,children:e}),(0,D.jsx)("input",{className:O.q_,onChange:function onChange(n){return function handleLangTextChange(e,n){x.current&&clearTimeout(x.current),x.current=setTimeout((function(){return v(e,n)}),500),b(_objectSpread(_objectSpread({},g),{},(0,i.Z)({},e,n)))}(e,n.target.value)},type:"text",value:null==g?void 0:g[e]})]},e)}))}):(0,D.jsx)("div",{children:(0,D.jsx)("input",{className:O.q_,onChange:function handleChange(e){m[0]&&(m[0].freeText=e.target.value,p.paletteViewHandler.clickedOnConfigPalette(m[0],"inputbox",s))},type:"text",value:null!==(t=m[0])&&void 0!==t&&t.freeText?m[0].freeText:""})})})]})}))},18135:(e,n,t)=>{t.d(n,{F2:()=>u,O7:()=>l,TN:()=>s,ZP:()=>f,eR:()=>p,kA:()=>m,q_:()=>d,t:()=>x,t$:()=>c});var r=t(8081),i=t.n(r),o=t(23645),a=t.n(o)()(i());a.push([e.id,".index-module--DhmpB {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  width: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n}\n\n.index-module--DhmpB:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n.index-module--DhmpB:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--BRYpa {\n  width: 100%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--DhmpB {\n  background-color: #374c86;\n  color: #fff;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--BRYpa {\n  background-color: #2c3c6b;\n  border-color: rgba(255, 255, 255, 0.2);\n  color: #fff;\n}\n\n.index-module--VyzqQ {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n}\n\n.index-module--KQkM7 {\n  display: flex;\n}\n.index-module--bKCuD {\n  width: 40%;\n}\n.index-module--FSuK_ {\n  width: 60%;\n}\n\n.index-module--pc3yf {\n  margin: 8px;\n  white-space: nowrap;\n}\n\n.index-module--laiEH {\n  display: flex;\n}\n.index-module--HL0mI {\n  width: 50px;\n  line-height: 60px;\n}\n",""]);var d="index-module--BRYpa",l="index-module--VyzqQ",s="index-module--KQkM7",c="index-module--bKCuD",u="index-module--FSuK_",p="index-module--pc3yf",x="index-module--laiEH",m="index-module--HL0mI";const f=a}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 5622.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5622],{35622:(n,e,i)=>{i.r(e),i.d(e,{default:()=>K});var t=i(9204),o=i(87363),r=i(73666),a=i(93379),d=i.n(a),l=i(7795),s=i.n(l),u=i(90569),c=i.n(u),x=i(3565),f=i.n(x),b=i(19216),v=i.n(b),m=i(44589),p=i.n(m),h=i(87623),g={};g.styleTagTransform=p(),g.setAttributes=f(),g.insert=c().bind(null,"head"),g.domAPI=s(),g.insertStyleElement=v();d()(h.ZP,g);h.ZP&&h.ZP.locals&&h.ZP.locals;var w=i(40039),k=i(4273),y=i(97853),S=i(12576),O=i(9420),z=i(65515),C=i.n(z),P=i(47514);const K=(0,O.Pi)((function Serious(n){var e,i=(0,t.NP)();(0,o.useEffect)((function(){i.layoutRendered=!0,i.initCSSVariablesObj(w.cssVariables)}),[]);var a="PRODUCTS"==(null===(e=i.tabGroupState.curTabGroup)||void 0===e?void 0:e.type);return(0,P.jsxs)(P.Fragment,{children:[(0,P.jsxs)("div",{ref:function ref(n){return i.uiState.setConfiguratorRef(n)},style:{pointerEvents:i.uiState.configuratorDisabled?"none":void 0},hidden:i.uiState.configuratorHidden,id:"wcConfigurator",className:h.xn,children:[(0,P.jsx)(k.default,{className:C()(h.kL,a?h.Uu:void 0),contentItemStartPos:"left"}),(0,P.jsx)(y.default,{className:C()(h.vt,a?h.Uu:void 0)}),(0,P.jsx)(S.default,{className:h.x6})]}),i.settingsState.inputBoxVisible&&(0,P.jsx)(r.default,{})]})}))},87623:(n,e,i)=>{i.d(e,{Uu:()=>u,ZP:()=>x,kL:()=>s,vt:()=>c,x6:()=>l,xn:()=>d});var t=i(8081),o=i.n(t),r=i(23645),a=i.n(r)()(o());a.push([n.id,"body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.index-module--K6KzO {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  background-color: var(--configuratorBackgroundColor);\n}\n\n.index-module--K6KzO *,\n.index-module--K6KzO *::before,\n.index-module--K6KzO *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--wjIBY {\n  width: 75px;\n  position: relative;\n}\n.index-module--zOtvQ {\n  overflow: auto !important;\n}\n.index-module--zOtvQ {\n  width: calc(100% - 501px);\n  position: relative;\n}\n.index-module--zOtvQ.index-module--aLQCY {\n  display: none;\n}\n\n.index-module--LDBW2.index-module--aLQCY {\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\n}\n\n.index-module--LDBW2 {\n  width: 426px;\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var d="index-module--K6KzO",l="index-module--wjIBY",s="index-module--zOtvQ",u="index-module--aLQCY",c="index-module--LDBW2";const x=a}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5622],{35622:(n,e,i)=>{i.r(e),i.d(e,{default:()=>K});var t=i(75327),o=i(87363),r=i(73666),a=i(93379),d=i.n(a),l=i(7795),s=i.n(l),u=i(90569),c=i.n(u),x=i(3565),f=i.n(x),b=i(19216),v=i.n(b),m=i(44589),p=i.n(m),h=i(87623),g={};g.styleTagTransform=p(),g.setAttributes=f(),g.insert=c().bind(null,"head"),g.domAPI=s(),g.insertStyleElement=v();d()(h.ZP,g);h.ZP&&h.ZP.locals&&h.ZP.locals;var w=i(40039),k=i(4273),y=i(97853),S=i(12576),O=i(9420),z=i(65515),C=i.n(z),P=i(47514);const K=(0,O.Pi)((function Serious(n){var e,i=(0,t.NP)();(0,o.useEffect)((function(){i.layoutRendered=!0,i.initCSSVariablesObj(w.cssVariables)}),[]);var a="PRODUCTS"==(null===(e=i.tabGroupState.curTabGroup)||void 0===e?void 0:e.type);return(0,P.jsxs)(P.Fragment,{children:[(0,P.jsxs)("div",{ref:function ref(n){return i.uiState.setConfiguratorRef(n)},style:{pointerEvents:i.uiState.configuratorDisabled?"none":void 0},hidden:i.uiState.configuratorHidden,id:"wcConfigurator",className:h.xn,children:[(0,P.jsx)(k.default,{className:C()(h.kL,a?h.Uu:void 0),contentItemStartPos:"left"}),(0,P.jsx)(y.default,{className:C()(h.vt,a?h.Uu:void 0)}),(0,P.jsx)(S.default,{className:h.x6})]}),i.settingsState.inputBoxVisible&&(0,P.jsx)(r.default,{})]})}))},87623:(n,e,i)=>{i.d(e,{Uu:()=>u,ZP:()=>x,kL:()=>s,vt:()=>c,x6:()=>l,xn:()=>d});var t=i(8081),o=i.n(t),r=i(23645),a=i.n(r)()(o());a.push([n.id,"body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.index-module--K6KzO {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  background-color: var(--configuratorBackgroundColor);\n}\n\n.index-module--K6KzO *,\n.index-module--K6KzO *::before,\n.index-module--K6KzO *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--wjIBY {\n  width: 75px;\n  position: relative;\n}\n.index-module--zOtvQ {\n  overflow: auto !important;\n}\n.index-module--zOtvQ {\n  width: calc(100% - 501px);\n  position: relative;\n}\n.index-module--zOtvQ.index-module--aLQCY {\n  display: none;\n}\n\n.index-module--LDBW2.index-module--aLQCY {\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\n}\n\n.index-module--LDBW2 {\n  width: 426px;\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var d="index-module--K6KzO",l="index-module--wjIBY",s="index-module--zOtvQ",u="index-module--aLQCY",c="index-module--LDBW2";const x=a}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 5820.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5820,5070],{51451:(e,t,n)=>{n.r(t),n.d(t,{default:()=>u});var i=n(9420),a=(n(87363),n(9204)),r=n(82956),o=n(65515),s=n.n(o),l=n(47514);const u=(0,i.Pi)((function SettingsExpanderButtons(e){var t=(0,a.NP)(),n=t.settingsState.contentItemId&&t.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[t.uiState.doShowConfSettingsExpander&&!t.uiState.isInMobileView&&(0,l.jsx)("div",{className:s()(r.AH,n?r.al:void 0),onClick:t.uiState.onClickExpandConfigSettings}),!t.uiState.isInMobileView&&t.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!t.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:s()(r.EN,n?r.al:void 0),onClick:t.uiState.onClickExpandMaxConfigSettings}),!t.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:r.nW,onClick:t.uiState.onClickExpandMinConfigSettings})]})]})}))},45070:(e,t,n)=>{n.r(t),n.d(t,{default:()=>I});var i=n(34988),a=n(9420),r=n(87363),o=n(9204),s=n(93379),l=n.n(s),u=n(7795),c=n.n(u),d=n(90569),p=n.n(d),S=n(3565),g=n.n(S),b=n(19216),f=n.n(b),x=n(44589),v=n.n(x),h=n(76640),w={};w.styleTagTransform=v(),w.setAttributes=g(),w.insert=p().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=f();l()(h.ZP,w);h.ZP&&h.ZP.locals&&h.ZP.locals;var m=n(65515),T=n.n(m),y=n(47514);const I=(0,a.Pi)((function NavForwardButton(e){var t=(0,o.NP)(),n=(0,r.useState)(!1),a=(0,i.Z)(n,2),s=a[0],l=a[1];return(0,r.useEffect)((function(){setTimeout((function(){l(!t.actionButtonState.isOnLastStep&&!t.actionButtonState.isOnFirstStepDisabled)}),400)}),[t.actionButtonState.isOnLastStep,t.actionButtonState.isOnFirstStepDisabled]),(0,y.jsx)("div",{className:T()(h.YS,s&&h.oP,t.uiState.isTablet?h.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",t.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,y.jsx)("div",{className:h.qv})})}))},49202:(e,t,n)=>{n.r(t),n.d(t,{default:()=>m});var i=n(88291),a=n(9420),r=n(87363),o=n(37707),s=n(9204),l=n(82956),u=n(16567),c=n(74133),d=n(84658),p=n(12952),S=n(34988),g=n(50747),b=n.n(g),f=n(88683),x=n(45070),v=n(65515),h=n.n(v),w=n(47514);const m=(0,a.Pi)((function SettingsSwiper(e){(0,i.Z)(e);var t=(0,s.NP)(),n=function useSwiperHook(e){var t=(0,r.useState)(null),n=(0,S.Z)(t,2),i=n[0],a=n[1],o=(0,r.useState)([]),s=(0,S.Z)(o,2),l=s[0],u=s[1];(0,r.useEffect)((function(){var t=(0,p.Z)(e.tabGroupState.allTabGroups.keys());u(t),e.tabGroupState.curTabGroup&&t.indexOf(e.tabGroupState.curTabGroup.key)!=(null==i?void 0:i.activeIndex)&&(null==i||i.slideTo(t.indexOf(e.tabGroupState.curTabGroup.key),400))}),[e.tabGroupState.allTabGroups,e.tabGroupState.curTabGroup,i]);var c=function(){var e=(0,d.Z)(b().mark((function _callee(){var e,t,n,a,r,o=arguments;return b().wrap((function _callee$(s){for(;;)switch(s.prev=s.next){case 0:if(e=o.length>0&&void 0!==o[0]?o[0]:50,t=o.length>1&&void 0!==o[1]?o[1]:500,i){s.next=4;break}return s.abrupt("return");case 4:return n=.25*t,a=i.getTranslate(),r=a-e,i.allowTouchMove=!1,i.setTransition(2*n),i.setTranslate(r),s.next=12,f.DivaUtils.Sleep(2*n);case 12:return i.setTransition(n),i.setTranslate(a-.5*e),s.next=16,f.DivaUtils.Sleep(n);case 16:return i.setTransition(.5*n),i.setTranslate(.8*r),s.next=20,f.DivaUtils.Sleep(.5*n);case 20:i.setTransition(1.75*n),i.setTranslate(a),i.allowTouchMove=!0;case 23:case"end":return s.stop()}}),_callee)})));return function teaseSwipe(){return e.apply(this,arguments)}}(),g=e.tabGroupState.curTabGroup?l.indexOf(e.tabGroupState.curTabGroup.key):0;return{swiperRef:i,setSwiperRef:a,allSwipes:l,handleSlideChange:function handleSlideChange(t){if(void 0!==e.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var n=t.activeIndex-l.indexOf(e.tabGroupState.curTabGroup.key);if(1==n)e.actionButtonState.onClickConfiguratorSettingsForth(!0,!0);else if(-1==n)e.actionButtonState.onClickConfiguratorSettingsBack();else if(0!==n){var i=e.tabGroupState.allTabGroups.get(l[t.activeIndex]);i&&e.tabGroupState.navigateToTabgroupByPosNr(i.posNr)}}},handleSetTransition:function handleSetTransition(){e.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){e.uiState.swiperNavigationActive=!1},initialSlide:g,teaseSwipe:c}}(t),a=n.setSwiperRef,g=n.allSwipes,v=n.handleSlideChange,m=n.handleSetTransition,T=n.handleTransitionEnd,y=n.initialSlide;return t.tabGroupState.curTabGroup&&null!=g&&g.length?(0,w.jsx)(o.tq,{onSlideChange:v,onSetTransition:m,onTransitionEnd:T,initialSlide:y,onSwiper:a,className:l.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:h()("swiper-wrapper",l.Iz),children:g.map((function(e){var n,i=t.tabGroupState.allTabGroups.get(e),a=i?null===(n=Array.from(i.options.values())[0])||void 0===n?void 0:n.title:void 0;return(0,w.jsx)(o.o5,{className:l.AI,children:e==t.tabGroupState.curTabGroup.key?(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(u.default,{},e),(0,w.jsx)(x.default,{})]}):(0,w.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:a&&(0,w.jsx)(c.default,{text:a,isSettingsHeader:!1,isInScroller:!0})})},e)}))}):(0,w.jsx)(w.Fragment,{})}))},97853:(e,t,n)=>{n.r(t),n.d(t,{default:()=>x});var i=n(80248),a=n(72874),r=(n(87363),n(9204)),o=n(80509),s=n(16567),l=n(9420),u=n(82956),c=n(65515),d=n.n(c),p=n(49202),S=n(51451),g=n(71883),b=n(47514),f=["className","tabgroupElement"];function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const x=(0,l.Pi)((function Settings(e){var t,n,i=e.className,l=e.tabgroupElement,c=(0,a.Z)(e,f),x=(0,r.NP)(),v=x.getIsInMobileView()&&x.getViewConfig().navigateMobileSwiper,h=(0,b.jsx)(b.Fragment,{children:v?(0,b.jsx)(p.default,{}):(0,b.jsxs)(b.Fragment,{children:[!x.uiState.isInMobileView&&!x.settingsState.forceSettingsHeaderInScrollContainer&&!x.wysiwygDebugState.wysiwygInspectView&&(0,b.jsx)(o.default,{},null!==(t=null===(n=x.tabGroupState.curTabGroup)||void 0===n?void 0:n.key)&&void 0!==t?t:0),(0,b.jsx)(s.default,{}),(0,b.jsx)(S.default,{})]})});return(0,b.jsxs)("div",_objectSpread(_objectSpread({},c),{},{id:"wcConfigurator-settings",className:d()(i,u.vt,"horizontal"==x.tabGroupState.curTabGroupType?u.s1:void 0,x.uiState.configSettingsIsExpanded?u.zh:void 0),children:[(0,b.jsx)(g.default,{draggerElement:l,children:h}),!x.uiState.isInMobileView&&h]}))}))},76640:(e,t,n)=>{n.d(t,{Mq:()=>b,YS:()=>p,ZP:()=>f,oP:()=>g,qv:()=>S});var i=n(8081),a=n.n(i),r=n(23645),o=n.n(r),s=n(61667),l=n.n(s),u=new URL(n(81165),n.b),c=o()(a()),d=l()(u);c.push([e.id,".index-module--OH1rD {\n  position: absolute;\n  transform: translateZ(0);\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("+d+");\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.vaul-dragging .index-module--OH1rD {\n  opacity: 0;\n  transition:\n    opacity 0s 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}\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",S="index-module--GRTuu",g="index-module--BWnyQ",b="index-module--CF6oq";const f=c},81165:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5820,5070],{51451:(e,t,n)=>{n.r(t),n.d(t,{default:()=>u});var i=n(9420),a=(n(87363),n(75327)),r=n(82956),o=n(65515),s=n.n(o),l=n(47514);const u=(0,i.Pi)((function SettingsExpanderButtons(e){var t=(0,a.NP)(),n=t.settingsState.contentItemId&&t.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[t.uiState.doShowConfSettingsExpander&&!t.uiState.isInMobileView&&(0,l.jsx)("div",{className:s()(r.AH,n?r.al:void 0),onClick:t.uiState.onClickExpandConfigSettings}),!t.uiState.isInMobileView&&t.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!t.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:s()(r.EN,n?r.al:void 0),onClick:t.uiState.onClickExpandMaxConfigSettings}),!t.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:r.nW,onClick:t.uiState.onClickExpandMinConfigSettings})]})]})}))},45070:(e,t,n)=>{n.r(t),n.d(t,{default:()=>I});var i=n(34988),a=n(9420),r=n(87363),o=n(75327),s=n(93379),l=n.n(s),u=n(7795),c=n.n(u),d=n(90569),p=n.n(d),S=n(3565),g=n.n(S),b=n(19216),f=n.n(b),x=n(44589),v=n.n(x),h=n(76640),w={};w.styleTagTransform=v(),w.setAttributes=g(),w.insert=p().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=f();l()(h.ZP,w);h.ZP&&h.ZP.locals&&h.ZP.locals;var m=n(65515),T=n.n(m),y=n(47514);const I=(0,a.Pi)((function NavForwardButton(e){var t=(0,o.NP)(),n=(0,r.useState)(!1),a=(0,i.Z)(n,2),s=a[0],l=a[1];return(0,r.useEffect)((function(){setTimeout((function(){l(!t.actionButtonState.isOnLastStep&&!t.actionButtonState.isOnFirstStepDisabled)}),400)}),[t.actionButtonState.isOnLastStep,t.actionButtonState.isOnFirstStepDisabled]),(0,y.jsx)("div",{className:T()(h.YS,s&&h.oP,t.uiState.isTablet?h.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",t.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,y.jsx)("div",{className:h.qv})})}))},49202:(e,t,n)=>{n.r(t),n.d(t,{default:()=>m});var i=n(88291),a=n(9420),r=n(87363),o=n(37707),s=n(75327),l=n(82956),u=n(16567),c=n(74133),d=n(84658),p=n(12952),S=n(34988),g=n(50747),b=n.n(g),f=n(88683),x=n(45070),v=n(65515),h=n.n(v),w=n(47514);const m=(0,a.Pi)((function SettingsSwiper(e){(0,i.Z)(e);var t=(0,s.NP)(),n=function useSwiperHook(e){var t=(0,r.useState)(null),n=(0,S.Z)(t,2),i=n[0],a=n[1],o=(0,r.useState)([]),s=(0,S.Z)(o,2),l=s[0],u=s[1];(0,r.useEffect)((function(){var t=(0,p.Z)(e.tabGroupState.allTabGroups.keys());u(t),e.tabGroupState.curTabGroup&&t.indexOf(e.tabGroupState.curTabGroup.key)!=(null==i?void 0:i.activeIndex)&&(null==i||i.slideTo(t.indexOf(e.tabGroupState.curTabGroup.key),400))}),[e.tabGroupState.allTabGroups,e.tabGroupState.curTabGroup,i]);var c=function(){var e=(0,d.Z)(b().mark((function _callee(){var e,t,n,a,r,o=arguments;return b().wrap((function _callee$(s){for(;;)switch(s.prev=s.next){case 0:if(e=o.length>0&&void 0!==o[0]?o[0]:50,t=o.length>1&&void 0!==o[1]?o[1]:500,i){s.next=4;break}return s.abrupt("return");case 4:return n=.25*t,a=i.getTranslate(),r=a-e,i.allowTouchMove=!1,i.setTransition(2*n),i.setTranslate(r),s.next=12,f.DivaUtils.Sleep(2*n);case 12:return i.setTransition(n),i.setTranslate(a-.5*e),s.next=16,f.DivaUtils.Sleep(n);case 16:return i.setTransition(.5*n),i.setTranslate(.8*r),s.next=20,f.DivaUtils.Sleep(.5*n);case 20:i.setTransition(1.75*n),i.setTranslate(a),i.allowTouchMove=!0;case 23:case"end":return s.stop()}}),_callee)})));return function teaseSwipe(){return e.apply(this,arguments)}}(),g=e.tabGroupState.curTabGroup?l.indexOf(e.tabGroupState.curTabGroup.key):0;return{swiperRef:i,setSwiperRef:a,allSwipes:l,handleSlideChange:function handleSlideChange(t){if(void 0!==e.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var n=t.activeIndex-l.indexOf(e.tabGroupState.curTabGroup.key);if(1==n)e.actionButtonState.onClickConfiguratorSettingsForth(!0,!0);else if(-1==n)e.actionButtonState.onClickConfiguratorSettingsBack();else if(0!==n){var i=e.tabGroupState.allTabGroups.get(l[t.activeIndex]);i&&e.tabGroupState.navigateToTabgroupByPosNr(i.posNr)}}},handleSetTransition:function handleSetTransition(){e.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){e.uiState.swiperNavigationActive=!1},initialSlide:g,teaseSwipe:c}}(t),a=n.setSwiperRef,g=n.allSwipes,v=n.handleSlideChange,m=n.handleSetTransition,T=n.handleTransitionEnd,y=n.initialSlide;return t.tabGroupState.curTabGroup&&null!=g&&g.length?(0,w.jsx)(o.tq,{onSlideChange:v,onSetTransition:m,onTransitionEnd:T,initialSlide:y,onSwiper:a,className:l.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:h()("swiper-wrapper",l.Iz),children:g.map((function(e){var n,i=t.tabGroupState.allTabGroups.get(e),a=i?null===(n=Array.from(i.options.values())[0])||void 0===n?void 0:n.title:void 0;return(0,w.jsx)(o.o5,{className:l.AI,children:e==t.tabGroupState.curTabGroup.key?(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(u.default,{},e),(0,w.jsx)(x.default,{})]}):(0,w.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:a&&(0,w.jsx)(c.default,{text:a,isSettingsHeader:!1,isInScroller:!0})})},e)}))}):(0,w.jsx)(w.Fragment,{})}))},97853:(e,t,n)=>{n.r(t),n.d(t,{default:()=>x});var i=n(80248),a=n(72874),r=(n(87363),n(75327)),o=n(80509),s=n(16567),l=n(9420),u=n(82956),c=n(65515),d=n.n(c),p=n(49202),S=n(51451),g=n(71883),b=n(47514),f=["className","tabgroupElement"];function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const x=(0,l.Pi)((function Settings(e){var t,n,i=e.className,l=e.tabgroupElement,c=(0,a.Z)(e,f),x=(0,r.NP)(),v=x.getIsInMobileView()&&x.getViewConfig().navigateMobileSwiper,h=(0,b.jsx)(b.Fragment,{children:v?(0,b.jsx)(p.default,{}):(0,b.jsxs)(b.Fragment,{children:[!x.uiState.isInMobileView&&!x.settingsState.forceSettingsHeaderInScrollContainer&&!x.wysiwygDebugState.wysiwygInspectView&&(0,b.jsx)(o.default,{},null!==(t=null===(n=x.tabGroupState.curTabGroup)||void 0===n?void 0:n.key)&&void 0!==t?t:0),(0,b.jsx)(s.default,{}),(0,b.jsx)(S.default,{})]})});return(0,b.jsxs)("div",_objectSpread(_objectSpread({},c),{},{id:"wcConfigurator-settings",className:d()(i,u.vt,"horizontal"==x.tabGroupState.curTabGroupType?u.s1:void 0,x.uiState.configSettingsIsExpanded?u.zh:void 0),children:[(0,b.jsx)(g.default,{draggerElement:l,children:h}),!x.uiState.isInMobileView&&h]}))}))},76640:(e,t,n)=>{n.d(t,{Mq:()=>b,YS:()=>p,ZP:()=>f,oP:()=>g,qv:()=>S});var i=n(8081),a=n.n(i),r=n(23645),o=n.n(r),s=n(61667),l=n.n(s),u=new URL(n(81165),n.b),c=o()(a()),d=l()(u);c.push([e.id,".index-module--OH1rD {\n  position: absolute;\n  transform: translateZ(0);\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("+d+");\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.vaul-dragging .index-module--OH1rD {\n  opacity: 0;\n  transition:\n    opacity 0s 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}\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",S="index-module--GRTuu",g="index-module--BWnyQ",b="index-module--CF6oq";const f=c},81165:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 5875.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5875,6425],{76425:(e,n,t)=>{t.r(n),t.d(n,{default:()=>x});var a=t(9420),i=(t(87363),t(93379)),o=t.n(i),r=t(7795),l=t.n(r),d=t(90569),s=t.n(d),A=t(3565),c=t.n(A),u=t(19216),p=t.n(u),m=t(44589),v=t.n(m),g=t(33625),Q={};Q.styleTagTransform=v(),Q.setAttributes=c(),Q.insert=s().bind(null,"head"),Q.domAPI=l(),Q.insertStyleElement=p();o()(g.ZP,Q);g.ZP&&g.ZP.locals&&g.ZP.locals;var P=t(65515),D=t.n(P),f=t(9204),N=t(47514);const x=(0,a.Pi)((function FilterItem(e){var n,t=e.item,a=e.id,i=(0,f.NP)(),o=null===(n=i.settingsState.itemPalettes.get(a))||void 0===n?void 0:n.filterValue;return(0,N.jsx)("span",{onClick:function onClick(){return i.paletteViewHandler.onSelectFilter(a,t.text,"RAL")},style:{backgroundColor:t.rgb},className:D()(g.kT,o===t.text?g.pA:void 0)})}))},65875:(e,n,t)=>{t.r(n),t.d(n,{default:()=>x});t(87363);var a=t(20638);var i=t(93379),o=t.n(i),r=t(7795),l=t.n(r),d=t(90569),s=t.n(d),A=t(3565),c=t.n(A),u=t(19216),p=t.n(u),m=t(44589),v=t.n(m),g=t(98106),Q={};Q.styleTagTransform=v(),Q.setAttributes=c(),Q.insert=s().bind(null,"head"),Q.domAPI=l(),Q.insertStyleElement=p();o()(g.ZP,Q);g.ZP&&g.ZP.locals&&g.ZP.locals;var P=t(9420),D=t(76425),f=t(9204),N=t(47514);const x=(0,P.Pi)((function SlideFilter(e){var n,t=e.visibleColorItems,i=e.id,o=e.deleteCurValue,r=(0,f.NP)(),l=t.map((function(e){return{swiperSlideStyle:{backgroundColor:"transparent",width:60},content:(0,N.jsx)(D.default,{id:i,item:e})}})),d=(0,N.jsx)(a.p,{settings:{contentBoxProps:{type:"SliderContainer",sliderType:"slideX",resistanceRatio:0,height:"auto",slidesPerView:7,contents:l,centeredSlides:!0}}});return(0,N.jsxs)("div",{className:g.nC,"data-test-id":"slide-filter",children:[(null===(n=r.settingsState.itemPalettes.get(i))||void 0===n?void 0:n.filterValue)&&(0,N.jsx)("div",{className:g.tb,onClick:o}),(0,N.jsx)("img",{className:g.Mj,src:"data:image/jpeg;base64,/9j/4AAQSkZJRgABAAEAYABgAAD//gAfTEVBRCBUZWNobm9sb2dpZXMgSW5jLiBWMS4wMQD/2wCEAAUFBQgFCAwHBwwMCQkJDA0MDAwMDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0BBQgICgcKDAcHDA0MCgwNDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDf/EAaIAAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKCwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoLEAACAQMDAgQDBQUEBAAAAX0BAgMABBEFEiExQQYTUWEHInEUMoGRoQgjQrHBFVLR8CQzYnKCCQoWFxgZGiUmJygpKjQ1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4eLj5OXm5+jp6vHy8/T19vf4+foRAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/AABEIACgAKAMBEQACEQEDEQH/2gAMAwEAAhEDEQA/APlLw34buvE90LS0AGPmkkb7saZxuPqf7qjlj6AEi4xc3ZHXh8PPFTVOn829oru/0XU+oNE+Gmk6HEGWIXM2OZZwHOf9lSNiDrjau7BwWascRTajaLfy0P0bBYHC4a3uKpPrKaUvuT0j8lfu2aEtmoby9o2+mBj8ulfn+JvCT1aZ9vFx5LWXL2srfcYOq/DnTNdjP7oW8x6SwgKQf9pRhXHruGfRh1rlpZnXwstJOcesZO6+T3Xy08mfLY3LsJiU/cVOfScEou/mlZS+av2aPnHxR4XvPCd39kvACGG6KRc7JE6ZXPQg8Mp5U+oKsfvsLiqeNp+1paW0lF7xfZ/o+vrdL8uxWFngqjpVNesZLaS7r9V0flZv3P4fWsejWEYxiWYCSU9yW5UH/dUhceuT3r6mjT5YLu9X8z6LApUKSt8Uvef6L5L8bntOnXKXA2+tZ1ad0z3IVeVjJ9KYzcDivzXMaLhJn0MMVH2e50VhpDYGRXxkoO541bFJbM5f4peBl8QeH7jao+02SNcwHvuiUs6f9tIwygZxv2Mfu16uXV3hMRB/Ym1CS8pOyfydn6XXU+Zxs1iKbT3j70fluvmv0PHbGUKo2fdwMfTtX9BRhdK21jxVilBWvsdlpF60bjmpnS0IlmcYdT3DQpYrkBpgMAdfevgs1oqK5vvM4Zvzfu4nZRrAPuYr86qcqeht9Zct2Jc+SIn8zHl7G3em3B3fpmuCW65d76evQftT4E8KamL60Tn54gI3HuowD/wIYPpnIHSv6TwdRVaS/mj7r+Wz+a/G58bi5ypSt0eqPRtPGCDXTUlpY+Yq4hrqemaVfNGoGa+IzKPPFonD4hqVzsLXUmXvX5LiIOEmfZ0a10cb8U/HCeHPD9xtbFzeI1tAoPO6RdruPaNCXzjG7avG4Vtl2HeKxMFb3INTm+lk7pf9vPT0u+h6MZ30R8LaTq02jzCeHnsynO1h6HHcdj2PqMg/rVGtKhLnh810aMq1GNePJP5Pqn3PdfD3i/T9QCgyLDL3jkIU59icK3/ATn1Ar2/rUKi0dn2f9anwmLwNek7qLnH+aKv96Wq/LzPVLO9RV37ht9cjH59K8HFvmTPLpJxlazv2tqY+tfE7SdAQgyi5mA4hgIc5/wBpgdiD13NuxyFaviqmAqYmXurlX8z0+5bv+tT6/DUq07e64rvLT7lu/wAvM+YPFXiu98XXn2y9IAUbYolzsiTOdq56knlmPLH0AVR9FhcLTwcPZ0lvrJveT7v9F09bt/SwioKyP//Z",onClick:function onClick(){var e=r.settingsState.infoBoxContent;e&&e.id===i&&"filter"===e.type?r.settingsState.updateInfoBox():r.settingsState.updateInfoBox({type:"filter",id:i,content:d})}})]})}))},33625:(e,n,t)=>{t.d(n,{ZP:()=>s,kT:()=>l,pA:()=>d});var a=t(8081),i=t.n(a),o=t(23645),r=t.n(o)()(i());r.push([e.id,".index-module--ouZ0f {\n  width: 30px;\n  height: 30px;\n  border-radius: 50%;\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat;\n  border: solid #f0f0f0 var(--galleryItemBorder);\n  margin: 10px 0;\n}\n\n.index-module--PFRaI {\n  margin: 8px 0;\n\n  border: solid var(--secondaryColor) 4px;\n}\n",""]);var l="index-module--ouZ0f",d="index-module--PFRaI";const s=r},98106:(e,n,t)=>{t.d(n,{Mj:()=>p,ZP:()=>v,nC:()=>u,tb:()=>m});var a=t(8081),i=t.n(a),o=t(23645),r=t.n(o),l=t(61667),d=t.n(l),s=new URL(t(90263),t.b),A=r()(i()),c=d()(s);A.push([e.id,".index-module--Tmi2t {\n  position: relative;\n}\n\n.index-module--jfeai {\n  border-radius: 50%;\n  border: solid 2px var(--secondaryColor);\n  width: 26px;\n  height: 26px;\n  cursor: pointer;\n}\n\n.index-module--WGHBP {\n  position: absolute;\n  top: 0;\n  left: 0;\n  cursor: pointer;\n  background-image: url("+c+");\n  background-color: var(--secondaryColor);\n  border-radius: 50%;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 70%;\n  width: 12px;\n  height: 12px;\n}\n",""]);var u="index-module--Tmi2t",p="index-module--jfeai",m="index-module--WGHBP";const v=A},90263:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgNiA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNSAxTDMgM00zIDNMNSA1TTMgM0wxIDVNMyAzTDEgMSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5875,6425],{76425:(e,n,t)=>{t.r(n),t.d(n,{default:()=>x});var a=t(9420),i=(t(87363),t(93379)),o=t.n(i),r=t(7795),l=t.n(r),d=t(90569),s=t.n(d),A=t(3565),c=t.n(A),u=t(19216),p=t.n(u),m=t(44589),v=t.n(m),g=t(33625),Q={};Q.styleTagTransform=v(),Q.setAttributes=c(),Q.insert=s().bind(null,"head"),Q.domAPI=l(),Q.insertStyleElement=p();o()(g.ZP,Q);g.ZP&&g.ZP.locals&&g.ZP.locals;var P=t(65515),D=t.n(P),f=t(75327),N=t(47514);const x=(0,a.Pi)((function FilterItem(e){var n,t=e.item,a=e.id,i=(0,f.NP)(),o=null===(n=i.settingsState.itemPalettes.get(a))||void 0===n?void 0:n.filterValue;return(0,N.jsx)("span",{onClick:function onClick(){return i.paletteViewHandler.onSelectFilter(a,t.text,"RAL")},style:{backgroundColor:t.rgb},className:D()(g.kT,o===t.text?g.pA:void 0)})}))},65875:(e,n,t)=>{t.r(n),t.d(n,{default:()=>x});t(87363);var a=t(20638);var i=t(93379),o=t.n(i),r=t(7795),l=t.n(r),d=t(90569),s=t.n(d),A=t(3565),c=t.n(A),u=t(19216),p=t.n(u),m=t(44589),v=t.n(m),g=t(98106),Q={};Q.styleTagTransform=v(),Q.setAttributes=c(),Q.insert=s().bind(null,"head"),Q.domAPI=l(),Q.insertStyleElement=p();o()(g.ZP,Q);g.ZP&&g.ZP.locals&&g.ZP.locals;var P=t(9420),D=t(76425),f=t(75327),N=t(47514);const x=(0,P.Pi)((function SlideFilter(e){var n,t=e.visibleColorItems,i=e.id,o=e.deleteCurValue,r=(0,f.NP)(),l=t.map((function(e){return{swiperSlideStyle:{backgroundColor:"transparent",width:60},content:(0,N.jsx)(D.default,{id:i,item:e})}})),d=(0,N.jsx)(a.p,{settings:{contentBoxProps:{type:"SliderContainer",sliderType:"slideX",resistanceRatio:0,height:"auto",slidesPerView:7,contents:l,centeredSlides:!0}}});return(0,N.jsxs)("div",{className:g.nC,"data-test-id":"slide-filter",children:[(null===(n=r.settingsState.itemPalettes.get(i))||void 0===n?void 0:n.filterValue)&&(0,N.jsx)("div",{className:g.tb,onClick:o}),(0,N.jsx)("img",{className:g.Mj,src:"data:image/jpeg;base64,/9j/4AAQSkZJRgABAAEAYABgAAD//gAfTEVBRCBUZWNobm9sb2dpZXMgSW5jLiBWMS4wMQD/2wCEAAUFBQgFCAwHBwwMCQkJDA0MDAwMDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0BBQgICgcKDAcHDA0MCgwNDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDf/EAaIAAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKCwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoLEAACAQMDAgQDBQUEBAAAAX0BAgMABBEFEiExQQYTUWEHInEUMoGRoQgjQrHBFVLR8CQzYnKCCQoWFxgZGiUmJygpKjQ1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4eLj5OXm5+jp6vHy8/T19vf4+foRAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/AABEIACgAKAMBEQACEQEDEQH/2gAMAwEAAhEDEQA/APlLw34buvE90LS0AGPmkkb7saZxuPqf7qjlj6AEi4xc3ZHXh8PPFTVOn829oru/0XU+oNE+Gmk6HEGWIXM2OZZwHOf9lSNiDrjau7BwWascRTajaLfy0P0bBYHC4a3uKpPrKaUvuT0j8lfu2aEtmoby9o2+mBj8ulfn+JvCT1aZ9vFx5LWXL2srfcYOq/DnTNdjP7oW8x6SwgKQf9pRhXHruGfRh1rlpZnXwstJOcesZO6+T3Xy08mfLY3LsJiU/cVOfScEou/mlZS+av2aPnHxR4XvPCd39kvACGG6KRc7JE6ZXPQg8Mp5U+oKsfvsLiqeNp+1paW0lF7xfZ/o+vrdL8uxWFngqjpVNesZLaS7r9V0flZv3P4fWsejWEYxiWYCSU9yW5UH/dUhceuT3r6mjT5YLu9X8z6LApUKSt8Uvef6L5L8bntOnXKXA2+tZ1ad0z3IVeVjJ9KYzcDivzXMaLhJn0MMVH2e50VhpDYGRXxkoO541bFJbM5f4peBl8QeH7jao+02SNcwHvuiUs6f9tIwygZxv2Mfu16uXV3hMRB/Ym1CS8pOyfydn6XXU+Zxs1iKbT3j70fluvmv0PHbGUKo2fdwMfTtX9BRhdK21jxVilBWvsdlpF60bjmpnS0IlmcYdT3DQpYrkBpgMAdfevgs1oqK5vvM4Zvzfu4nZRrAPuYr86qcqeht9Zct2Jc+SIn8zHl7G3em3B3fpmuCW65d76evQftT4E8KamL60Tn54gI3HuowD/wIYPpnIHSv6TwdRVaS/mj7r+Wz+a/G58bi5ypSt0eqPRtPGCDXTUlpY+Yq4hrqemaVfNGoGa+IzKPPFonD4hqVzsLXUmXvX5LiIOEmfZ0a10cb8U/HCeHPD9xtbFzeI1tAoPO6RdruPaNCXzjG7avG4Vtl2HeKxMFb3INTm+lk7pf9vPT0u+h6MZ30R8LaTq02jzCeHnsynO1h6HHcdj2PqMg/rVGtKhLnh810aMq1GNePJP5Pqn3PdfD3i/T9QCgyLDL3jkIU59icK3/ATn1Ar2/rUKi0dn2f9anwmLwNek7qLnH+aKv96Wq/LzPVLO9RV37ht9cjH59K8HFvmTPLpJxlazv2tqY+tfE7SdAQgyi5mA4hgIc5/wBpgdiD13NuxyFaviqmAqYmXurlX8z0+5bv+tT6/DUq07e64rvLT7lu/wAvM+YPFXiu98XXn2y9IAUbYolzsiTOdq56knlmPLH0AVR9FhcLTwcPZ0lvrJveT7v9F09bt/SwioKyP//Z",onClick:function onClick(){var e=r.settingsState.infoBoxContent;e&&e.id===i&&"filter"===e.type?r.settingsState.updateInfoBox():r.settingsState.updateInfoBox({type:"filter",id:i,content:d})}})]})}))},33625:(e,n,t)=>{t.d(n,{ZP:()=>s,kT:()=>l,pA:()=>d});var a=t(8081),i=t.n(a),o=t(23645),r=t.n(o)()(i());r.push([e.id,".index-module--ouZ0f {\n  width: 30px;\n  height: 30px;\n  border-radius: 50%;\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat;\n  border: solid #f0f0f0 var(--galleryItemBorder);\n  margin: 10px 0;\n}\n\n.index-module--PFRaI {\n  margin: 8px 0;\n\n  border: solid var(--secondaryColor) 4px;\n}\n",""]);var l="index-module--ouZ0f",d="index-module--PFRaI";const s=r},98106:(e,n,t)=>{t.d(n,{Mj:()=>p,ZP:()=>v,nC:()=>u,tb:()=>m});var a=t(8081),i=t.n(a),o=t(23645),r=t.n(o),l=t(61667),d=t.n(l),s=new URL(t(90263),t.b),A=r()(i()),c=d()(s);A.push([e.id,".index-module--Tmi2t {\n  position: relative;\n}\n\n.index-module--jfeai {\n  border-radius: 50%;\n  border: solid 2px var(--secondaryColor);\n  width: 26px;\n  height: 26px;\n  cursor: pointer;\n}\n\n.index-module--WGHBP {\n  position: absolute;\n  top: 0;\n  left: 0;\n  cursor: pointer;\n  background-image: url("+c+");\n  background-color: var(--secondaryColor);\n  border-radius: 50%;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 70%;\n  width: 12px;\n  height: 12px;\n}\n",""]);var u="index-module--Tmi2t",p="index-module--jfeai",m="index-module--WGHBP";const v=A},90263:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgNiA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNSAxTDMgM00zIDNMNSA1TTMgM0wxIDVNMyAzTDEgMSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 5996.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5996],{95996:(n,e,t)=>{t.r(e),t.d(e,{default:()=>D});var o=t(80248),i=t(22182),r=t(9420),a=t(87363),d=t.n(a),c=t(88683),s=t(46770),l=t(9204),u=t(93379),p=t.n(u),x=t(7795),m=t.n(x),g=t(90569),f=t.n(g),b=t(3565),y=t.n(b),h=t(19216),j=t.n(h),C=t(44589),M=t.n(C),w=t(16033),I={};I.styleTagTransform=M(),I.setAttributes=y(),I.insert=f().bind(null,"head"),I.domAPI=m(),I.insertStyleElement=j();p()(w.ZP,I);w.ZP&&w.ZP.locals&&w.ZP.locals;var S=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const D=(0,r.Pi)((function ArQrCodeTooltip(n){var e,t=n.layerProps,o=n.arrowProps,r=n.autoClose,u=n.fadeIn,p=n.fadeout,x=n.url,m=(0,l.NP)(),g=m.getViewConfig().arQrCodeConfig,f=null!=g&&g.timeUnitAutohide?g.timeUnitAutohide:6,b=(0,c.useDivaCore)().state.theme,y=(0,c.useTranslation)().t,h=(0,a.useRef)();return(0,a.useEffect)((function(){return r&&(null!=h&&h.current||(h.current=setTimeout((function(){return m.productState.setDoShowARQRCode(!1)}),1e3*(f+1)))),function(){null!=h&&h.current&&clearTimeout(h.current)}}),[r]),(0,a.useEffect)((function(){m.productState.doShowARQRCode?m.productState.setArCodeWasVisibleOnce():null!=h&&h.current&&clearTimeout(h.current)}),[m.productState.doShowARQRCode]),(0,S.jsxs)("div",_objectSpread(_objectSpread({},t),{},{className:w.YS,style:_objectSpread(_objectSpread({opacity:p?0:u?1:void 0},t.style),{},{zIndex:1000005}),children:[(0,S.jsx)("div",{className:w.SS,children:x&&d().createElement(i.ZP,{value:x,size:96,onClick:function onClick(){return x&&window.open(x,"_blank")}})}),(0,S.jsxs)("div",{className:w.aS,style:{fontFamily:null==b||null===(e=b.typography)||void 0===e?void 0:e.fontFamily},children:[(0,S.jsx)("div",{className:w.Fs,children:y("configurator.ar_qr_title")}),(0,S.jsx)("div",{className:w.fL,children:y("configurator.ar_qr_text")})]}),(0,S.jsx)("div",{className:w.UF,onClick:function onClick(){return m.productState.setDoShowARQRCode(!1)}}),(0,S.jsx)(s.Eh,_objectSpread({onPointerEnterCapture:void 0,onPointerLeaveCapture:void 0},o)),r&&(0,S.jsx)("div",{className:w.L3,style:{animationDuration:f+"s"}})]}))}))},16033:(n,e,t)=>{t.d(e,{Fs:()=>g,L3:()=>y,SS:()=>x,UF:()=>b,YS:()=>p,ZP:()=>h,aS:()=>m,fL:()=>f});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),c=t.n(d),s=new URL(t(55345),t.b),l=a()(i()),u=c()(s);l.push([n.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("+u+");\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 p="index-module--GFPXG",x="index-module--r8bLl",m="index-module--fQVST",g="index-module--tTQQc",f="index-module--mWanv",b="index-module--Yb4D5",y="index-module--lC9xM";const h=l},55345:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMzMl8xNDMiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI0Q5RDlEOSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMzMyXzE0MykiPgo8cGF0aCBkPSJNOC4yMjc0OSAxNi44MzY1TDcuMTY0MDYgMTUuNzczMUwxMC45MzcyIDEyTDcuMTY0MDYgOC4yNTE5TDguMjI3NDkgNy4xODg0OEwxMi4wMDA2IDEwLjk2MTZMMTUuNzQ4NyA3LjE4ODQ4TDE2LjgxMjEgOC4yNTE5TDEzLjAzOSAxMkwxNi44MTIxIDE1Ljc3MzFMMTUuNzQ4NyAxNi44MzY1TDEyLjAwMDYgMTMuMDYzNEw4LjIyNzQ5IDE2LjgzNjVaIiBmaWxsPSIjMUMxQjFGIi8+CjwvZz4KPC9zdmc+Cg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5996],{95996:(n,e,t)=>{t.r(e),t.d(e,{default:()=>D});var o=t(80248),i=t(22182),r=t(9420),a=t(87363),d=t.n(a),c=t(88683),s=t(46770),l=t(75327),u=t(93379),p=t.n(u),x=t(7795),m=t.n(x),g=t(90569),f=t.n(g),b=t(3565),y=t.n(b),h=t(19216),j=t.n(h),C=t(44589),M=t.n(C),w=t(16033),I={};I.styleTagTransform=M(),I.setAttributes=y(),I.insert=f().bind(null,"head"),I.domAPI=m(),I.insertStyleElement=j();p()(w.ZP,I);w.ZP&&w.ZP.locals&&w.ZP.locals;var S=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const D=(0,r.Pi)((function ArQrCodeTooltip(n){var e,t=n.layerProps,o=n.arrowProps,r=n.autoClose,u=n.fadeIn,p=n.fadeout,x=n.url,m=(0,l.NP)(),g=m.getViewConfig().arQrCodeConfig,f=null!=g&&g.timeUnitAutohide?g.timeUnitAutohide:6,b=(0,c.useDivaCore)().state.theme,y=(0,c.useTranslation)().t,h=(0,a.useRef)();return(0,a.useEffect)((function(){return r&&(null!=h&&h.current||(h.current=setTimeout((function(){return m.productState.setDoShowARQRCode(!1)}),1e3*(f+1)))),function(){null!=h&&h.current&&clearTimeout(h.current)}}),[r]),(0,a.useEffect)((function(){m.productState.doShowARQRCode?m.productState.setArCodeWasVisibleOnce():null!=h&&h.current&&clearTimeout(h.current)}),[m.productState.doShowARQRCode]),(0,S.jsxs)("div",_objectSpread(_objectSpread({},t),{},{className:w.YS,style:_objectSpread(_objectSpread({opacity:p?0:u?1:void 0},t.style),{},{zIndex:1000005}),children:[(0,S.jsx)("div",{className:w.SS,children:x&&d().createElement(i.ZP,{value:x,size:96,onClick:function onClick(){return x&&window.open(x,"_blank")}})}),(0,S.jsxs)("div",{className:w.aS,style:{fontFamily:null==b||null===(e=b.typography)||void 0===e?void 0:e.fontFamily},children:[(0,S.jsx)("div",{className:w.Fs,children:y("configurator.ar_qr_title")}),(0,S.jsx)("div",{className:w.fL,children:y("configurator.ar_qr_text")})]}),(0,S.jsx)("div",{className:w.UF,onClick:function onClick(){return m.productState.setDoShowARQRCode(!1)}}),(0,S.jsx)(s.Eh,_objectSpread({onPointerEnterCapture:void 0,onPointerLeaveCapture:void 0},o)),r&&(0,S.jsx)("div",{className:w.L3,style:{animationDuration:f+"s"}})]}))}))},16033:(n,e,t)=>{t.d(e,{Fs:()=>g,L3:()=>y,SS:()=>x,UF:()=>b,YS:()=>p,ZP:()=>h,aS:()=>m,fL:()=>f});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),c=t.n(d),s=new URL(t(55345),t.b),l=a()(i()),u=c()(s);l.push([n.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("+u+");\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 p="index-module--GFPXG",x="index-module--r8bLl",m="index-module--fQVST",g="index-module--tTQQc",f="index-module--mWanv",b="index-module--Yb4D5",y="index-module--lC9xM";const h=l},55345:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMzMl8xNDMiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI0Q5RDlEOSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMzMyXzE0MykiPgo8cGF0aCBkPSJNOC4yMjc0OSAxNi44MzY1TDcuMTY0MDYgMTUuNzczMUwxMC45MzcyIDEyTDcuMTY0MDYgOC4yNTE5TDguMjI3NDkgNy4xODg0OEwxMi4wMDA2IDEwLjk2MTZMMTUuNzQ4NyA3LjE4ODQ4TDE2LjgxMjEgOC4yNTE5TDEzLjAzOSAxMkwxNi44MTIxIDE1Ljc3MzFMMTUuNzQ4NyAxNi44MzY1TDEyLjAwMDYgMTMuMDYzNEw4LjIyNzQ5IDE2LjgzNjVaIiBmaWxsPSIjMUMxQjFGIi8+CjwvZz4KPC9zdmc+Cg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6001.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6001,4515],{24515:(e,n,i)=>{i.r(n),i.d(n,{default:()=>S});var t=i(34988),r=i(87363),o=i(9420),a=i(9204),d=i(88683),s=i(93379),l=i.n(s),c=i(7795),u=i.n(c),m=i(90569),p=i.n(m),f=i(3565),x=i.n(f),h=i(19216),g=i.n(h),w=i(44589),v=i.n(w),b=i(84855),y={};y.styleTagTransform=v(),y.setAttributes=x(),y.insert=p().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=g();l()(b.ZP,y);b.ZP&&b.ZP.locals&&b.ZP.locals;var R=i(47514);const S=(0,o.Pi)((function CustomInput(e){var n=e.selectedRoom,i=(0,d.useDivaCore)().state.user,o=(0,r.useState)(""),s=(0,t.Z)(o,2),l=s[0],c=s[1],u=(0,r.useState)(void 0),m=(0,t.Z)(u,2),p=m[0],f=m[1],x=(0,d.useTranslation)().t,h=(0,a.NP)();return(0,r.useEffect)((function(){h.aiState.setCustomPromptInput(l)}),[l]),(0,r.useEffect)((function(){h.aiState.customPromptInput!=l&&c(h.aiState.customPromptInput||"")}),[h.aiState.customPromptInput]),(0,r.useEffect)((function(){var e;if(n){var i=h.aiState.setHash,t=null===(e=h.aiState.aiGenerationErrors[n])||void 0===e?void 0:e[i];f(t)}}),[n,h.aiState.setHash,h.aiState.aiGenerationErrors]),(0,R.jsxs)("div",{children:[!!i&&(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)("div",{className:b.TN,children:x("configurator.roomRendering.customPrompt")}),(0,R.jsx)("input",{className:b.qH,type:"text",value:l,onChange:function onChange(e){return c(e.target.value)}})]}),p&&(0,R.jsx)("div",{style:{marginTop:"8px",padding:"8px",background:"rgba(255, 59, 48, 0.9)",color:"white",borderRadius:"4px",fontSize:"12px",textAlign:"center"},children:x(p)})]})}))},49260:(e,n,i)=>{i.r(n),i.d(n,{default:()=>k});var t=i(34988),r=i(88291),o=i(87363),a=i(93379),d=i.n(a),s=i(7795),l=i.n(s),c=i(90569),u=i.n(c),m=i(3565),p=i.n(m),f=i(19216),x=i.n(f),h=i(44589),g=i.n(h),w=i(57206),v={};v.styleTagTransform=g(),v.setAttributes=p(),v.insert=u().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=x();d()(w.ZP,v);w.ZP&&w.ZP.locals&&w.ZP.locals;var b=i(9420),y=i(88683),R=i(9204),S=i(47514);const k=(0,b.Pi)((function InfoBanner(e){(0,r.Z)(e);var n=(0,y.useTranslation)().t,i=(0,R.NP)(),a=(0,y.useDivaCore)().state.user,d=(0,o.useState)(0),s=(0,t.Z)(d,2),l=s[0],c=s[1],u=(0,o.useState)(0),m=(0,t.Z)(u,2),p=m[0],f=m[1],x=(0,o.useState)(0),h=(0,t.Z)(x,2),g=h[0],v=h[1],b=(0,o.useState)(""),k=(0,t.Z)(b,2),T=k[0],Z=k[1],P=(0,o.useState)(""),j=(0,t.Z)(P,2),L=j[0],C=j[1],I=!a,z=i.aiState.usageBudget,B=i.aiState.isTimeframeLimitReached,N=i.aiState.isIpLimitOnly,A=i.aiState.hasViolations,O=i.settingsState.organizationAISettings;return(0,o.useEffect)((function(){var e=0,t=0,r=!1;if(z)e=z.total,t=z.used,r=!!i.aiState.isTimeframeLimitReached;else if(I){e=(null==O?void 0:O.anonymousDailyIPLimit)||2,t=0}c(e),f(t);var o=e>0?(t+(i.aiState.isAnyGenerationInProgress?1:0))/e*100:0;v(o);var a,d="";if(a=n("configurator.roomRendering.anonymousBanner.used"),r){if(N)d=null==O||!O.leadRewardBonus||null!=z&&z.leadKeyActive?n("configurator.roomRendering.anonymousBanner.ipLimitReached"):n("configurator.roomRendering.anonymousBanner.ipLimitReachedWithLeadKey",{leadRewardBonus:O.leadRewardBonus});else if(B)switch(B){case"daily":d=n("configurator.roomRendering.banner.dailyLimitReached");break;case"weekly":d=n("configurator.roomRendering.banner.weeklyLimitReached");break;case"monthly":d=n("configurator.roomRendering.banner.monthlyLimitReached")}}else d=n("configurator.roomRendering.infoText");Z(d),C(a)}),[z,I,N,A,B,O,i.aiState.isAnyGenerationInProgress]),(0,S.jsxs)("div",{className:w.YS,children:[(0,S.jsx)("div",{className:w.TN,children:n("configurator.roomRendering.infoTitle")}),(0,S.jsx)("div",{className:w.fL,children:T}),(!B||"daily"==B)&&(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)("div",{className:w.dp,children:[(0,S.jsx)("div",{children:L}),(0,S.jsxs)("div",{children:[p," / ",l]})]}),(0,S.jsx)("div",{className:w.qT,style:{marginTop:"8px"},children:(0,S.jsx)("div",{className:w.Gr,style:{width:"".concat(g,"%"),backgroundColor:g>99?"var(--infoBannerProgressFillHigh, #d32f2f)":g>60?"var(--infoBannerProgressFillMedium, #f57c00)":"var(--infoBannerProgressFillLow, #4caf50)"}})})]})]})}))},30902:(e,n,i)=>{i.r(n),i.d(n,{default:()=>h});var t=i(80248),r=i(34988),o=i(87363),a=i(57984),d=i(65515),s=i.n(d),l=i(9420),c=i(21801),u=i(88683),m=i(9204),p=i(39667),f=i(19047),x=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 h=(0,l.Pi)((function RoomItem(e){var n,i,t,d,l,h,g=e.item,w=(0,u.useTranslation)().t,v=(0,m.NP)(),b=(0,o.useState)(!1),y=(0,r.Z)(b,2),R=y[0],S=y[1],k=(0,o.useState)(!1),T=(0,r.Z)(k,2),Z=T[0],P=T[1],j=(0,o.useState)(!1),L=(0,r.Z)(j,2),C=L[0],I=L[1],z=(0,u.useDivaCore)().state.user;(0,o.useEffect)((function(){var e,n,i,t=v.aiState.setHash;S(void 0!==(null===(e=v.aiState.aiGeneratedRooms[g.key])||void 0===e||null===(e=e[t])||void 0===e?void 0:e.image)),P((null===(n=v.aiState.aiGeneratedRooms[g.key])||void 0===n||null===(n=n[t])||void 0===n?void 0:n.promise)&&"fulfilled"!==(null===(i=v.aiState.aiGeneratedRooms[g.key])||void 0===i||null===(i=i[t])||void 0===i?void 0:i.promise)),I(!!v.aiState.favoriteAiImageKeys.find((function(e){return e.key===g.key})))}),[v.aiState.setHash,v.aiState.aiGeneratedRooms,v.aiState.favoriteAiImageKeys]);var B=!z,N=null===(n=v.uiState.checkoutConfig)||void 0===n?void 0:n.buttons.find((function(e){return"SHARE"===e.type})),A=null!==(i=null===(t=v.aiState.usageBudget)||void 0===t?void 0:t.isLimitReached)&&void 0!==i&&i,O=null!==(d=(null===(l=v.settingsState.organizationAISettings)||void 0===l?void 0:l.leadRewardBonus)&&!(null!==(h=v.aiState.usageBudget)&&void 0!==h&&h.leadKeyActive)&&B)&&void 0!==d&&d,G=v.aiState.isAnyGenerationInProgress,H=B&&G&&!Z;return(0,x.jsxs)("div",{className:s()(a.QM,g.selected?a.pA:void 0,R?a.ow:a.Sc,Z?a.V_:void 0),onClick:function onItemClick(){var e,n,i=v.aiState.setHash;null!==(e=v.aiState.aiGeneratedRooms[g.key])&&void 0!==e&&e[i]&&(v.aiState.useAiGeneratedRoom(g.key,i),null===(n=g.onClick)||void 0===n||n.call(g))},children:[(0,x.jsxs)("div",{className:a.YS,children:[(0,x.jsx)("img",{src:g.image}),(0,x.jsx)("div",{className:a.XC}),(0,x.jsx)("div",{className:a.TN,children:g.name}),g.contentItemId&&(0,x.jsx)(c.default,{item:g,style:{top:0,bottom:"unset"}})]}),(0,x.jsxs)("button",{className:s()(a.LI,A?a.hj:void 0,!O&&A?a.f6:void 0,H&&!Z?a.QK:void 0),onClick:function onButtonClick(){Z||v.aiState.handleGenerate(g.key)},disabled:A&&!O||H,children:[(0,x.jsx)("div",{className:s()(A?a.OL:Z?a.VC:a.re)}),w(A?O?"configurator.roomRendering.limited":"configurator.roomRendering.stop":Z?"configurator.roomRendering.generating":H?"configurator.roomRendering.blockedWaitingForOtherGeneration":"configurator.roomRendering.generate")]}),(0,x.jsx)("div",{className:s()(a.k7,C?a.$g:void 0,R&&(g.selected||C)?a.Qo:void 0),title:w("configurator.roomRendering.includeInBasket"),onClick:function onClick(){return v.aiState.onFavoriteAiImageKeyChange(g.key,!1)}}),N&&!v.uiState.isInMobileView&&(0,x.jsx)("div",{className:s()(a.Ws,R&&g.selected?a.oP:void 0),onClick:function onClick(){v.divaWebPlanner.setAiImageAsJpg(g.key,g.image),(0,f.onClickCheckout)(N,v,N.index,w)},children:(0,x.jsx)(p.default,{checkoutButton:_objectSpread(_objectSpread({},N),{},{isPrimary:!0}),size:28,showTitle:!1})},N.index)]})}))},66001:(e,n,i)=>{i.r(n),i.d(n,{default:()=>C});var t=i(34988),r=i(9420),o=i(87363),a=i(37707),d=i(74635),s=i(30902),l=i(93379),c=i.n(l),u=i(7795),m=i.n(u),p=i(90569),f=i.n(p),x=i(3565),h=i.n(x),g=i(19216),w=i.n(g),v=i(44589),b=i.n(v),y=i(91989),R={};R.styleTagTransform=b(),R.setAttributes=h(),R.insert=f().bind(null,"head"),R.domAPI=m(),R.insertStyleElement=w();c()(y.ZP,R);y.ZP&&y.ZP.locals&&y.ZP.locals;var S=i(65515),k=i.n(S),T=i(49260),Z=i(9204),P=i(85431),j=i(24515),L=i(47514);const C=(0,r.Pi)((function RoomGallery(e){var n=e.roomItems,i=e.selectedRoom,r=(0,o.useState)(null),l=(0,t.Z)(r,2),c=l[0],u=l[1],m=(0,Z.NP)(),p=m.aiState.isTimeframeLimitReached&&"daily"!==m.aiState.isTimeframeLimitReached;return(0,L.jsxs)("div",{className:y.hi,children:[(0,L.jsx)(T.default,{}),!p&&(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)("div",{className:k()(y.jB,y.T_),children:(0,L.jsx)(a.tq,{onSwiper:u,resizeObserver:!0,modules:[d.W_,d.rj],spaceBetween:m.uiState.isInMobileView?4:8,scrollbar:!0,slideToClickedSlide:!0,wrapperClass:"no-swiping",slidesPerView:3,style:{marginTop:"16px"},grid:{rows:2},children:n.map((function(e,n){return(0,L.jsx)(a.o5,{onClick:function onClick(e){var i=(n-n%2)/2-1;!function navigateToOnClick(e){null==c||c.slideTo(e)}(i>=0?i:0),e.stopPropagation()},children:e.uploadItem?(0,L.jsx)(P.default,{item:e},e.key):(0,L.jsx)(s.default,{item:e},e.key)},n)}))})}),(0,L.jsx)(j.default,{selectedRoom:i})]})]})}))},84855:(e,n,i)=>{i.d(n,{TN:()=>d,ZP:()=>l,qH:()=>s});var t=i(8081),r=i.n(t),o=i(23645),a=i.n(o)()(r());a.push([e.id,".index-module--CD5oJ {\n  padding: 8px 0;\n  font-size: 14px;\n  font-weight: 500;\n  display: block;\n  width: 100%;\n  color: #2a4b63;\n  margin-bottom: 4px;\n}\n.index-module--d4cMP {\n  height: 20px;\n  padding: 8px 12px;\n  border-radius: 6px;\n  font-size: 16px;\n  border: rgb(228, 228, 231) solid 1px;\n  width: calc(100% - 28px);\n  box-sizing: content-box;\n}\n",""]);var d="index-module--CD5oJ",s="index-module--d4cMP";const l=a},57206:(e,n,i)=>{i.d(n,{Gr:()=>m,TN:()=>s,YS:()=>d,ZP:()=>p,dp:()=>c,fL:()=>l,qT:()=>u});var t=i(8081),r=i.n(t),o=i(23645),a=i.n(o)()(r());a.push([e.id,".index-module--zFIza {\n  text-align: center;\n  color: #2a4b63;\n  color: var(--infoBannerColor, #2a4b63);\n  width: calc(100% - 42px);\n  padding: 12px 16px;\n  background-color: #f5f9fc;\n  background-color: var(--infoBannerBackground, #f5f9fc);\n  border-radius: 8px;\n}\n\n.index-module--efW1H {\n  font-weight: bold;\n  font-size: 17px;\n  margin-bottom: 4px;\n}\n\n.index-module--RL_hv {\n  font-size: 14px;\n  margin-bottom: 8px;\n}\n\n.index-module--US7Sz {\n  font-size: 13px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  font-weight: 500;\n}\n\n.index-module--qi3Ht {\n  width: 100%;\n  height: 8px;\n  background-color: #e0e0e0;\n  background-color: var(--infoBannerProgressBarBackground, #e0e0e0);\n  border-radius: 4px;\n  overflow: hidden;\n  margin-top: 8px;\n}\n\n.index-module--XMThq {\n  height: 100%;\n  transition:\n    width 4s ease,\n    background-color 0.3s ease;\n  border-radius: 4px;\n}\n\n.mobile .index-module--efW1H {\n  font-size: 1em;\n}\n\n.mobile .index-module--zFIza {\n  font-size: 0.9em;\n}\n",""]);var d="index-module--zFIza",s="index-module--efW1H",l="index-module--RL_hv",c="index-module--US7Sz",u="index-module--qi3Ht",m="index-module--XMThq";const p=a},91989:(e,n,i)=>{i.d(n,{T_:()=>p,ZP:()=>x,hi:()=>m,jB:()=>f});var t=i(8081),r=i.n(t),o=i(23645),a=i.n(o),d=i(61667),s=i.n(d),l=new URL(i(64197),i.b),c=a()(r()),u=s()(l);c.push([e.id,".index-module--F_kIC {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 16px;\n  justify-content: center;\n  align-items: center;\n  background: linear-gradient(to right, #b7cbdc, #e9eff3);\n  background: var(--roomGalleryBackground, linear-gradient(to right, #b7cbdc, #e9eff3));\n  padding: 16px;\n  border-radius: 12px;\n  border: 1px solid #e0e0e0;\n}\n\n.index-module--be5TR.index-module--Lhe5Z {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  margin: 4px;\n}\n\n/*grid css*/\n\n.index-module--be5TR.index-module--Lhe5Z .swiper-grid > .swiper-wrapper {\n  flex-wrap: wrap;\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-grid-column > .swiper-wrapper {\n  flex-wrap: wrap;\n  flex-direction: column;\n  max-height: 198px;\n  height: -moz-fit-content;\n  height: fit-content;\n}\n\n/*swiper min css*/\n\n@font-face {\n  font-family: swiper-icons;\n  src: url("+u+');\n  font-weight: 400;\n  font-style: normal;\n}\n\n.index-module--be5TR.index-module--Lhe5Z .swiper {\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  z-index: 1;\n  width: 100%;\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-vertical.swiper {\n  width: 100%;\n}\n\n.index-module--be5TR.index-module--Lhe5Z .swiper-vertical > .swiper-wrapper {\n  flex-direction: column;\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  transition-property: transform;\n  box-sizing: content-box;\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-android .swiper-slide,\n.index-module--be5TR.index-module--Lhe5Z .swiper-wrapper {\n  transform: translate3d(0px, 0, 0);\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-pointer-events {\n  touch-action: pan-y;\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-pointer-events.swiper-vertical {\n  touch-action: pan-x;\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-slide {\n  flex-shrink: 0;\n  height: 100%;\n  position: relative;\n  transition-property: transform;\n}\n\n.index-module--be5TR.index-module--Lhe5Z .swiper-vertical .swiper-slide {\n  height: auto;\n}\n\n.index-module--be5TR.index-module--Lhe5Z .swiper-slide-invisible-blank {\n  visibility: hidden;\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-autoheight,\n.index-module--be5TR.index-module--Lhe5Z .swiper-autoheight .swiper-slide {\n  height: auto;\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-autoheight .swiper-wrapper {\n  align-items: flex-start;\n  transition-property: transform, height;\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-backface-hidden .swiper-slide {\n  transform: translateZ(0);\n  backface-visibility: hidden;\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: x mandatory;\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: y mandatory;\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-centered > .swiper-wrapper::before {\n  content: \'\';\n  flex-shrink: 0;\n  order: 9999;\n}\n[dir="ltr"] .index-module--be5TR.index-module--Lhe5Z .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-left: var(--swiper-centered-offset-before);\n}\n[dir="rtl"] .index-module--be5TR.index-module--Lhe5Z .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-right: var(--swiper-centered-offset-before);\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-centered.swiper-horizontal > .swiper-wrapper::before {\n  height: 100%;\n  min-height: 1px;\n  width: var(--swiper-centered-offset-after);\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n  margin-top: var(--swiper-centered-offset-before);\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-centered.swiper-vertical > .swiper-wrapper::before {\n  width: 100%;\n  min-width: 1px;\n  height: var(--swiper-centered-offset-after);\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-centered > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: center center;\n}\n',""]);var m="index-module--F_kIC",p="index-module--be5TR",f="index-module--Lhe5Z";const x=c}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6001,4515],{24515:(e,n,i)=>{i.r(n),i.d(n,{default:()=>S});var t=i(34988),r=i(87363),o=i(9420),a=i(75327),d=i(88683),s=i(93379),l=i.n(s),c=i(7795),u=i.n(c),m=i(90569),p=i.n(m),f=i(3565),x=i.n(f),h=i(19216),g=i.n(h),w=i(44589),v=i.n(w),b=i(84855),y={};y.styleTagTransform=v(),y.setAttributes=x(),y.insert=p().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=g();l()(b.ZP,y);b.ZP&&b.ZP.locals&&b.ZP.locals;var R=i(47514);const S=(0,o.Pi)((function CustomInput(e){var n=e.selectedRoom,i=(0,d.useDivaCore)().state.user,o=(0,r.useState)(""),s=(0,t.Z)(o,2),l=s[0],c=s[1],u=(0,r.useState)(void 0),m=(0,t.Z)(u,2),p=m[0],f=m[1],x=(0,d.useTranslation)().t,h=(0,a.NP)();return(0,r.useEffect)((function(){h.aiState.setCustomPromptInput(l)}),[l]),(0,r.useEffect)((function(){h.aiState.customPromptInput!=l&&c(h.aiState.customPromptInput||"")}),[h.aiState.customPromptInput]),(0,r.useEffect)((function(){var e;if(n){var i=h.aiState.setHash,t=null===(e=h.aiState.aiGenerationErrors[n])||void 0===e?void 0:e[i];f(t)}}),[n,h.aiState.setHash,h.aiState.aiGenerationErrors]),(0,R.jsxs)("div",{children:[!!i&&(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)("div",{className:b.TN,children:x("configurator.roomRendering.customPrompt")}),(0,R.jsx)("input",{className:b.qH,type:"text",value:l,onChange:function onChange(e){return c(e.target.value)}})]}),p&&(0,R.jsx)("div",{style:{marginTop:"8px",padding:"8px",background:"rgba(255, 59, 48, 0.9)",color:"white",borderRadius:"4px",fontSize:"12px",textAlign:"center"},children:x(p)})]})}))},49260:(e,n,i)=>{i.r(n),i.d(n,{default:()=>k});var t=i(34988),r=i(88291),o=i(87363),a=i(93379),d=i.n(a),s=i(7795),l=i.n(s),c=i(90569),u=i.n(c),m=i(3565),p=i.n(m),f=i(19216),x=i.n(f),h=i(44589),g=i.n(h),w=i(57206),v={};v.styleTagTransform=g(),v.setAttributes=p(),v.insert=u().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=x();d()(w.ZP,v);w.ZP&&w.ZP.locals&&w.ZP.locals;var b=i(9420),y=i(88683),R=i(75327),S=i(47514);const k=(0,b.Pi)((function InfoBanner(e){(0,r.Z)(e);var n=(0,y.useTranslation)().t,i=(0,R.NP)(),a=(0,y.useDivaCore)().state.user,d=(0,o.useState)(0),s=(0,t.Z)(d,2),l=s[0],c=s[1],u=(0,o.useState)(0),m=(0,t.Z)(u,2),p=m[0],f=m[1],x=(0,o.useState)(0),h=(0,t.Z)(x,2),g=h[0],v=h[1],b=(0,o.useState)(""),k=(0,t.Z)(b,2),T=k[0],Z=k[1],P=(0,o.useState)(""),j=(0,t.Z)(P,2),L=j[0],C=j[1],I=!a,z=i.aiState.usageBudget,B=i.aiState.isTimeframeLimitReached,N=i.aiState.isIpLimitOnly,A=i.aiState.hasViolations,O=i.settingsState.organizationAISettings;return(0,o.useEffect)((function(){var e=0,t=0,r=!1;if(z)e=z.total,t=z.used,r=!!i.aiState.isTimeframeLimitReached;else if(I){e=(null==O?void 0:O.anonymousDailyIPLimit)||2,t=0}c(e),f(t);var o=e>0?(t+(i.aiState.isAnyGenerationInProgress?1:0))/e*100:0;v(o);var a,d="";if(a=n("configurator.roomRendering.anonymousBanner.used"),r){if(N)d=null==O||!O.leadRewardBonus||null!=z&&z.leadKeyActive?n("configurator.roomRendering.anonymousBanner.ipLimitReached"):n("configurator.roomRendering.anonymousBanner.ipLimitReachedWithLeadKey",{leadRewardBonus:O.leadRewardBonus});else if(B)switch(B){case"daily":d=n("configurator.roomRendering.banner.dailyLimitReached");break;case"weekly":d=n("configurator.roomRendering.banner.weeklyLimitReached");break;case"monthly":d=n("configurator.roomRendering.banner.monthlyLimitReached")}}else d=n("configurator.roomRendering.infoText");Z(d),C(a)}),[z,I,N,A,B,O,i.aiState.isAnyGenerationInProgress]),(0,S.jsxs)("div",{className:w.YS,children:[(0,S.jsx)("div",{className:w.TN,children:n("configurator.roomRendering.infoTitle")}),(0,S.jsx)("div",{className:w.fL,children:T}),(!B||"daily"==B)&&(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)("div",{className:w.dp,children:[(0,S.jsx)("div",{children:L}),(0,S.jsxs)("div",{children:[p," / ",l]})]}),(0,S.jsx)("div",{className:w.qT,style:{marginTop:"8px"},children:(0,S.jsx)("div",{className:w.Gr,style:{width:"".concat(g,"%"),backgroundColor:g>99?"var(--infoBannerProgressFillHigh, #d32f2f)":g>60?"var(--infoBannerProgressFillMedium, #f57c00)":"var(--infoBannerProgressFillLow, #4caf50)"}})})]})]})}))},30902:(e,n,i)=>{i.r(n),i.d(n,{default:()=>h});var t=i(80248),r=i(34988),o=i(87363),a=i(57984),d=i(65515),s=i.n(d),l=i(9420),c=i(21801),u=i(88683),m=i(75327),p=i(39667),f=i(19047),x=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 h=(0,l.Pi)((function RoomItem(e){var n,i,t,d,l,h,g=e.item,w=(0,u.useTranslation)().t,v=(0,m.NP)(),b=(0,o.useState)(!1),y=(0,r.Z)(b,2),R=y[0],S=y[1],k=(0,o.useState)(!1),T=(0,r.Z)(k,2),Z=T[0],P=T[1],j=(0,o.useState)(!1),L=(0,r.Z)(j,2),C=L[0],I=L[1],z=(0,u.useDivaCore)().state.user;(0,o.useEffect)((function(){var e,n,i,t=v.aiState.setHash;S(void 0!==(null===(e=v.aiState.aiGeneratedRooms[g.key])||void 0===e||null===(e=e[t])||void 0===e?void 0:e.image)),P((null===(n=v.aiState.aiGeneratedRooms[g.key])||void 0===n||null===(n=n[t])||void 0===n?void 0:n.promise)&&"fulfilled"!==(null===(i=v.aiState.aiGeneratedRooms[g.key])||void 0===i||null===(i=i[t])||void 0===i?void 0:i.promise)),I(!!v.aiState.favoriteAiImageKeys.find((function(e){return e.key===g.key})))}),[v.aiState.setHash,v.aiState.aiGeneratedRooms,v.aiState.favoriteAiImageKeys]);var B=!z,N=null===(n=v.uiState.checkoutConfig)||void 0===n?void 0:n.buttons.find((function(e){return"SHARE"===e.type})),A=null!==(i=null===(t=v.aiState.usageBudget)||void 0===t?void 0:t.isLimitReached)&&void 0!==i&&i,O=null!==(d=(null===(l=v.settingsState.organizationAISettings)||void 0===l?void 0:l.leadRewardBonus)&&!(null!==(h=v.aiState.usageBudget)&&void 0!==h&&h.leadKeyActive)&&B)&&void 0!==d&&d,G=v.aiState.isAnyGenerationInProgress,H=B&&G&&!Z;return(0,x.jsxs)("div",{className:s()(a.QM,g.selected?a.pA:void 0,R?a.ow:a.Sc,Z?a.V_:void 0),onClick:function onItemClick(){var e,n,i=v.aiState.setHash;null!==(e=v.aiState.aiGeneratedRooms[g.key])&&void 0!==e&&e[i]&&(v.aiState.useAiGeneratedRoom(g.key,i),null===(n=g.onClick)||void 0===n||n.call(g))},children:[(0,x.jsxs)("div",{className:a.YS,children:[(0,x.jsx)("img",{src:g.image}),(0,x.jsx)("div",{className:a.XC}),(0,x.jsx)("div",{className:a.TN,children:g.name}),g.contentItemId&&(0,x.jsx)(c.default,{item:g,style:{top:0,bottom:"unset"}})]}),(0,x.jsxs)("button",{className:s()(a.LI,A?a.hj:void 0,!O&&A?a.f6:void 0,H&&!Z?a.QK:void 0),onClick:function onButtonClick(){Z||v.aiState.handleGenerate(g.key)},disabled:A&&!O||H,children:[(0,x.jsx)("div",{className:s()(A?a.OL:Z?a.VC:a.re)}),w(A?O?"configurator.roomRendering.limited":"configurator.roomRendering.stop":Z?"configurator.roomRendering.generating":H?"configurator.roomRendering.blockedWaitingForOtherGeneration":"configurator.roomRendering.generate")]}),(0,x.jsx)("div",{className:s()(a.k7,C?a.$g:void 0,R&&(g.selected||C)?a.Qo:void 0),title:w("configurator.roomRendering.includeInBasket"),onClick:function onClick(){return v.aiState.onFavoriteAiImageKeyChange(g.key,!1)}}),N&&!v.uiState.isInMobileView&&(0,x.jsx)("div",{className:s()(a.Ws,R&&g.selected?a.oP:void 0),onClick:function onClick(){v.divaWebPlanner.setAiImageAsJpg(g.key,g.image),(0,f.onClickCheckout)(N,v,N.index,w)},children:(0,x.jsx)(p.default,{checkoutButton:_objectSpread(_objectSpread({},N),{},{isPrimary:!0}),size:28,showTitle:!1})},N.index)]})}))},66001:(e,n,i)=>{i.r(n),i.d(n,{default:()=>C});var t=i(34988),r=i(9420),o=i(87363),a=i(37707),d=i(74635),s=i(30902),l=i(93379),c=i.n(l),u=i(7795),m=i.n(u),p=i(90569),f=i.n(p),x=i(3565),h=i.n(x),g=i(19216),w=i.n(g),v=i(44589),b=i.n(v),y=i(91989),R={};R.styleTagTransform=b(),R.setAttributes=h(),R.insert=f().bind(null,"head"),R.domAPI=m(),R.insertStyleElement=w();c()(y.ZP,R);y.ZP&&y.ZP.locals&&y.ZP.locals;var S=i(65515),k=i.n(S),T=i(49260),Z=i(75327),P=i(85431),j=i(24515),L=i(47514);const C=(0,r.Pi)((function RoomGallery(e){var n=e.roomItems,i=e.selectedRoom,r=(0,o.useState)(null),l=(0,t.Z)(r,2),c=l[0],u=l[1],m=(0,Z.NP)(),p=m.aiState.isTimeframeLimitReached&&"daily"!==m.aiState.isTimeframeLimitReached;return(0,L.jsxs)("div",{className:y.hi,children:[(0,L.jsx)(T.default,{}),!p&&(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)("div",{className:k()(y.jB,y.T_),children:(0,L.jsx)(a.tq,{onSwiper:u,resizeObserver:!0,modules:[d.W_,d.rj],spaceBetween:m.uiState.isInMobileView?4:8,scrollbar:!0,slideToClickedSlide:!0,wrapperClass:"no-swiping",slidesPerView:3,style:{marginTop:"16px"},grid:{rows:2},children:n.map((function(e,n){return(0,L.jsx)(a.o5,{onClick:function onClick(e){var i=(n-n%2)/2-1;!function navigateToOnClick(e){null==c||c.slideTo(e)}(i>=0?i:0),e.stopPropagation()},children:e.uploadItem?(0,L.jsx)(P.default,{item:e},e.key):(0,L.jsx)(s.default,{item:e},e.key)},n)}))})}),(0,L.jsx)(j.default,{selectedRoom:i})]})]})}))},84855:(e,n,i)=>{i.d(n,{TN:()=>d,ZP:()=>l,qH:()=>s});var t=i(8081),r=i.n(t),o=i(23645),a=i.n(o)()(r());a.push([e.id,".index-module--CD5oJ {\n  padding: 8px 0;\n  font-size: 14px;\n  font-weight: 500;\n  display: block;\n  width: 100%;\n  color: #2a4b63;\n  margin-bottom: 4px;\n}\n.index-module--d4cMP {\n  height: 20px;\n  padding: 8px 12px;\n  border-radius: 6px;\n  font-size: 16px;\n  border: rgb(228, 228, 231) solid 1px;\n  width: calc(100% - 28px);\n  box-sizing: content-box;\n}\n",""]);var d="index-module--CD5oJ",s="index-module--d4cMP";const l=a},57206:(e,n,i)=>{i.d(n,{Gr:()=>m,TN:()=>s,YS:()=>d,ZP:()=>p,dp:()=>c,fL:()=>l,qT:()=>u});var t=i(8081),r=i.n(t),o=i(23645),a=i.n(o)()(r());a.push([e.id,".index-module--zFIza {\n  text-align: center;\n  color: #2a4b63;\n  color: var(--infoBannerColor, #2a4b63);\n  width: calc(100% - 42px);\n  padding: 12px 16px;\n  background-color: #f5f9fc;\n  background-color: var(--infoBannerBackground, #f5f9fc);\n  border-radius: 8px;\n}\n\n.index-module--efW1H {\n  font-weight: bold;\n  font-size: 17px;\n  margin-bottom: 4px;\n}\n\n.index-module--RL_hv {\n  font-size: 14px;\n  margin-bottom: 8px;\n}\n\n.index-module--US7Sz {\n  font-size: 13px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  font-weight: 500;\n}\n\n.index-module--qi3Ht {\n  width: 100%;\n  height: 8px;\n  background-color: #e0e0e0;\n  background-color: var(--infoBannerProgressBarBackground, #e0e0e0);\n  border-radius: 4px;\n  overflow: hidden;\n  margin-top: 8px;\n}\n\n.index-module--XMThq {\n  height: 100%;\n  transition:\n    width 4s ease,\n    background-color 0.3s ease;\n  border-radius: 4px;\n}\n\n.mobile .index-module--efW1H {\n  font-size: 1em;\n}\n\n.mobile .index-module--zFIza {\n  font-size: 0.9em;\n}\n",""]);var d="index-module--zFIza",s="index-module--efW1H",l="index-module--RL_hv",c="index-module--US7Sz",u="index-module--qi3Ht",m="index-module--XMThq";const p=a},91989:(e,n,i)=>{i.d(n,{T_:()=>p,ZP:()=>x,hi:()=>m,jB:()=>f});var t=i(8081),r=i.n(t),o=i(23645),a=i.n(o),d=i(61667),s=i.n(d),l=new URL(i(64197),i.b),c=a()(r()),u=s()(l);c.push([e.id,".index-module--F_kIC {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 16px;\n  justify-content: center;\n  align-items: center;\n  background: linear-gradient(to right, #b7cbdc, #e9eff3);\n  background: var(--roomGalleryBackground, linear-gradient(to right, #b7cbdc, #e9eff3));\n  padding: 16px;\n  border-radius: 12px;\n  border: 1px solid #e0e0e0;\n}\n\n.index-module--be5TR.index-module--Lhe5Z {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  margin: 4px;\n}\n\n/*grid css*/\n\n.index-module--be5TR.index-module--Lhe5Z .swiper-grid > .swiper-wrapper {\n  flex-wrap: wrap;\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-grid-column > .swiper-wrapper {\n  flex-wrap: wrap;\n  flex-direction: column;\n  max-height: 198px;\n  height: -moz-fit-content;\n  height: fit-content;\n}\n\n/*swiper min css*/\n\n@font-face {\n  font-family: swiper-icons;\n  src: url("+u+');\n  font-weight: 400;\n  font-style: normal;\n}\n\n.index-module--be5TR.index-module--Lhe5Z .swiper {\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  z-index: 1;\n  width: 100%;\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-vertical.swiper {\n  width: 100%;\n}\n\n.index-module--be5TR.index-module--Lhe5Z .swiper-vertical > .swiper-wrapper {\n  flex-direction: column;\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  transition-property: transform;\n  box-sizing: content-box;\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-android .swiper-slide,\n.index-module--be5TR.index-module--Lhe5Z .swiper-wrapper {\n  transform: translate3d(0px, 0, 0);\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-pointer-events {\n  touch-action: pan-y;\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-pointer-events.swiper-vertical {\n  touch-action: pan-x;\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-slide {\n  flex-shrink: 0;\n  height: 100%;\n  position: relative;\n  transition-property: transform;\n}\n\n.index-module--be5TR.index-module--Lhe5Z .swiper-vertical .swiper-slide {\n  height: auto;\n}\n\n.index-module--be5TR.index-module--Lhe5Z .swiper-slide-invisible-blank {\n  visibility: hidden;\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-autoheight,\n.index-module--be5TR.index-module--Lhe5Z .swiper-autoheight .swiper-slide {\n  height: auto;\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-autoheight .swiper-wrapper {\n  align-items: flex-start;\n  transition-property: transform, height;\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-backface-hidden .swiper-slide {\n  transform: translateZ(0);\n  backface-visibility: hidden;\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: x mandatory;\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: y mandatory;\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-centered > .swiper-wrapper::before {\n  content: \'\';\n  flex-shrink: 0;\n  order: 9999;\n}\n[dir="ltr"] .index-module--be5TR.index-module--Lhe5Z .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-left: var(--swiper-centered-offset-before);\n}\n[dir="rtl"] .index-module--be5TR.index-module--Lhe5Z .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-right: var(--swiper-centered-offset-before);\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-centered.swiper-horizontal > .swiper-wrapper::before {\n  height: 100%;\n  min-height: 1px;\n  width: var(--swiper-centered-offset-after);\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n  margin-top: var(--swiper-centered-offset-before);\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-centered.swiper-vertical > .swiper-wrapper::before {\n  width: 100%;\n  min-width: 1px;\n  height: var(--swiper-centered-offset-after);\n}\n.index-module--be5TR.index-module--Lhe5Z .swiper-centered > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: center center;\n}\n',""]);var m="index-module--F_kIC",p="index-module--be5TR",f="index-module--Lhe5Z";const x=c}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6011.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6011],{96011:(n,e,t)=>{t.r(e),t.d(e,{default:()=>R});var i=t(9204),o=t(9420),a=t(87363),d=t(93379),A=t.n(d),l=t(7795),r=t.n(l),s=t(90569),g=t.n(s),h=t(3565),c=t.n(h),u=t(19216),Q=t.n(u),p=t(44589),I=t.n(p),D=t(89460),v={};v.styleTagTransform=I(),v.setAttributes=c(),v.insert=g().bind(null,"head"),v.domAPI=r(),v.insertStyleElement=Q();A()(D.ZP,v);D.ZP&&D.ZP.locals&&D.ZP.locals;var w=t(47514),O=!1;const R=(0,o.Pi)((function Planner2DGrid(n){var e=(0,i.NP)(),t=(0,i._w)(),o=(0,a.useRef)(null);(0,a.useEffect)((function(){o&&e.productState.setPlanner2DGridElement(o.current)}),[o]);var d=function on2DPlannerBGClick(n){e.viewPlannerHandler.onClearElementSelection(),n.stopPropagation()};return(0,w.jsxs)("div",{ref:o,className:D.NK,id:"wcConfigurator-grid-container",style:{width:"100%",height:"100%",zIndex:2,visibility:e.productState.doShowGrid?"visible":"hidden"},onClick:d,onTouchStart:function onTouchStart(){O=!1},onTouchMove:function onTouchMove(){O=!0},onTouchEnd:function onTouchEnd(n){O||d(n),O=!1},children:[(0,w.jsx)("canvas",{className:D.Ff,id:"wcConfigurator-grid-2D-canvas"}),(0,w.jsx)("div",{className:D.Dn,style:{zoom:t.get2DGridBackgroundState().zoom,backgroundPosition:t.get2DGridBackgroundState().position.x+"px "+t.get2DGridBackgroundState().position.y+"px"}})]})}))},89460:(n,e,t)=>{t.d(e,{Dn:()=>u,Ff:()=>c,NK:()=>h,ZP:()=>Q});var i=t(8081),o=t.n(i),a=t(23645),d=t.n(a),A=t(61667),l=t.n(A),r=new URL(t(47129),t.b),s=d()(o()),g=l()(r);s.push([n.id,".index-module--e25H_ {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n}\n\n.index-module--R7_8F {\n  width: 100% !important;\n  height: 100% !important;\n  position: absolute !important;\n}\n\n.index-module--R7_8F {\n  z-index: 5;\n}\n\n.index-module--Dws3z {\n  background-repeat: repeat;\n  width: 100%;\n  height: 100%;\n  left: 0px;\n  top: 0px;\n  position: absolute;\n  background-image: url("+g+');\n  /*background-image: url("images/Standard/grid_standard.png");*/\n  background-size: 100px 100px;\n  z-index: 0;\n  /* zoom: 200%;*/\n}\n',""]);var h="index-module--e25H_",c="index-module--R7_8F",u="index-module--Dws3z";const Q=s},47129:n=>{n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAHdElNRQfdDAUQEiovM6IXAAAAGnRFWHRTb2Z0d2FyZQBQYWludC5ORVQgdjMuNS4xMUfzQjcAAAP7SURBVHhe7ZzZbtsKEEP7/38Yf0JWZEGWJxc0MMVAGFMUwN6rynw4DeA5kSkRUTBO7V8/Pz/nNZ6ensbHlzi97+9vyfv6+rp4W9xp1nF65eB8pnnndDqdU8hAChlIIQQlHHB6KYSghANOL4UQlHDA6aUQghIOOL0UQlDCAaeXQq5QFwZf11BOwu19fn5evC3uNOs4vXJwPtO8cykE8hG4v78fH98Lr6+vq9zd3eWWNbHrWxZQwgGnl0IISjjg9FIIQQkHnF4KISjhgNNLIQQlHHB6KYSghANOL4UQlHDA6d1sIRDXwAFxYIa63dbxpllH9ep5t7jTrOP0ysH5TPPOpRDIR2Dvm/rb29u4nXeyqV/B6ZUj/4RMgyVKOOD0UghBCQecXgohKOGA00shBCUccHophKCEA04vhRCUcMDppRCCEg44vZstBN/AqE1zmnXU7Va90KpXz/v4+DjOO2pGp1eOXAjkI/Dw8DA+vhewqa+RTf0KTq8c+SdkGixRwgGnl0IISjjg9FIIQQkHnF4KISjhgNNLIQQlHHB6KYSghANOL4UQlHDA6d1sIRDXqAOuoZyE26tNGIvhNO9kU/8P2fum/v7+fv74+KDklnWF//WWNQ2WKOGA00shBCUccHophKCEA04vhRCUcMDppRCCEg44vRRCUMIBp5dCCEo44PRuthB8A6M2zWnWUbdb9UKrXj3vFneadZxeOXIhkMPf5+XlZZVLIdOg8/z8fHlZYpp1VA/hVA//k2SagT5XTxq+4tXLMNOss8XD9ZlmnUP9DsH7Q6Z5p9xp1nF65ci3rGmwRAkHnN7WQra406yTQgZSCEEJB5xeCiEo4YDTSyEEJRxweimEoIQDTi+FEJRwwOmlkCvUhcHXNZSTcHt56WSn1Ba+V6YPClhyqFsWXp6Y5p1D3LKAEg44va2FbHGnWSeFDKQQghIOOL0UQlDCAaeXQghKOOD0UghBCQecXgohKOGA07vZQiCugQPiwAx1u63jTbOO6tXzbnGnWcfplYPzmeady/vUIR+B+vv2XsEHA0zbeedQt6xs6gNOb2shW9xp1kkhAymEoIQDTi+FEJRwwOmlEIISDji9FEJQwgGnl0IISjjg9G62EHwDozbNadZRt1v1QqtePa+yh6gZnV45SiGH2tT3/jf15cf5TeSWdQWnV458y5oGS5RwwOmlEIISDji9FEJQwgGnl0IISjjg9FIIQQkHnF4KISjhgNNLIQQlHHB6N1sIxDXqgGsoJ+H2ahNW3oWbTT38IR/xN/BP3LKmwRIlHHB6KYSghANOL4UQlHDA6aUQghIOOL0UQlDCAaeXQghKOOD0UghBCQec3s0Wgn/CXjidfwOJNZK+WhRfKgAAAABJRU5ErkJggg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6011],{96011:(n,e,t)=>{t.r(e),t.d(e,{default:()=>R});var i=t(75327),o=t(9420),a=t(87363),d=t(93379),A=t.n(d),l=t(7795),r=t.n(l),s=t(90569),g=t.n(s),h=t(3565),c=t.n(h),u=t(19216),Q=t.n(u),p=t(44589),I=t.n(p),D=t(89460),v={};v.styleTagTransform=I(),v.setAttributes=c(),v.insert=g().bind(null,"head"),v.domAPI=r(),v.insertStyleElement=Q();A()(D.ZP,v);D.ZP&&D.ZP.locals&&D.ZP.locals;var w=t(47514),O=!1;const R=(0,o.Pi)((function Planner2DGrid(n){var e=(0,i.NP)(),t=(0,i._w)(),o=(0,a.useRef)(null);(0,a.useEffect)((function(){o&&e.productState.setPlanner2DGridElement(o.current)}),[o]);var d=function on2DPlannerBGClick(n){e.viewPlannerHandler.onClearElementSelection(),n.stopPropagation()};return(0,w.jsxs)("div",{ref:o,className:D.NK,id:"wcConfigurator-grid-container",style:{width:"100%",height:"100%",zIndex:2,visibility:e.productState.doShowGrid?"visible":"hidden"},onClick:d,onTouchStart:function onTouchStart(){O=!1},onTouchMove:function onTouchMove(){O=!0},onTouchEnd:function onTouchEnd(n){O||d(n),O=!1},children:[(0,w.jsx)("canvas",{className:D.Ff,id:"wcConfigurator-grid-2D-canvas"}),(0,w.jsx)("div",{className:D.Dn,style:{zoom:t.get2DGridBackgroundState().zoom,backgroundPosition:t.get2DGridBackgroundState().position.x+"px "+t.get2DGridBackgroundState().position.y+"px"}})]})}))},89460:(n,e,t)=>{t.d(e,{Dn:()=>u,Ff:()=>c,NK:()=>h,ZP:()=>Q});var i=t(8081),o=t.n(i),a=t(23645),d=t.n(a),A=t(61667),l=t.n(A),r=new URL(t(47129),t.b),s=d()(o()),g=l()(r);s.push([n.id,".index-module--e25H_ {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n}\n\n.index-module--R7_8F {\n  width: 100% !important;\n  height: 100% !important;\n  position: absolute !important;\n}\n\n.index-module--R7_8F {\n  z-index: 5;\n}\n\n.index-module--Dws3z {\n  background-repeat: repeat;\n  width: 100%;\n  height: 100%;\n  left: 0px;\n  top: 0px;\n  position: absolute;\n  background-image: url("+g+');\n  /*background-image: url("images/Standard/grid_standard.png");*/\n  background-size: 100px 100px;\n  z-index: 0;\n  /* zoom: 200%;*/\n}\n',""]);var h="index-module--e25H_",c="index-module--R7_8F",u="index-module--Dws3z";const Q=s},47129:n=>{n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAHdElNRQfdDAUQEiovM6IXAAAAGnRFWHRTb2Z0d2FyZQBQYWludC5ORVQgdjMuNS4xMUfzQjcAAAP7SURBVHhe7ZzZbtsKEEP7/38Yf0JWZEGWJxc0MMVAGFMUwN6rynw4DeA5kSkRUTBO7V8/Pz/nNZ6ensbHlzi97+9vyfv6+rp4W9xp1nF65eB8pnnndDqdU8hAChlIIQQlHHB6KYSghANOL4UQlHDA6aUQghIOOL0UQlDCAaeXQq5QFwZf11BOwu19fn5evC3uNOs4vXJwPtO8cykE8hG4v78fH98Lr6+vq9zd3eWWNbHrWxZQwgGnl0IISjjg9FIIQQkHnF4KISjhgNNLIQQlHHB6KYSghANOL4UQlHDA6d1sIRDXwAFxYIa63dbxpllH9ep5t7jTrOP0ysH5TPPOpRDIR2Dvm/rb29u4nXeyqV/B6ZUj/4RMgyVKOOD0UghBCQecXgohKOGA00shBCUccHophKCEA04vhRCUcMDppRCCEg44vZstBN/AqE1zmnXU7Va90KpXz/v4+DjOO2pGp1eOXAjkI/Dw8DA+vhewqa+RTf0KTq8c+SdkGixRwgGnl0IISjjg9FIIQQkHnF4KISjhgNNLIQQlHHB6KYSghANOL4UQlHDA6d1sIRDXqAOuoZyE26tNGIvhNO9kU/8P2fum/v7+fv74+KDklnWF//WWNQ2WKOGA00shBCUccHophKCEA04vhRCUcMDppRCCEg44vRRCUMIBp5dCCEo44PRuthB8A6M2zWnWUbdb9UKrXj3vFneadZxeOXIhkMPf5+XlZZVLIdOg8/z8fHlZYpp1VA/hVA//k2SagT5XTxq+4tXLMNOss8XD9ZlmnUP9DsH7Q6Z5p9xp1nF65ci3rGmwRAkHnN7WQra406yTQgZSCEEJB5xeCiEo4YDTSyEEJRxweimEoIQDTi+FEJRwwOmlkCvUhcHXNZSTcHt56WSn1Ba+V6YPClhyqFsWXp6Y5p1D3LKAEg44va2FbHGnWSeFDKQQghIOOL0UQlDCAaeXQghKOOD0UghBCQecXgohKOGA07vZQiCugQPiwAx1u63jTbOO6tXzbnGnWcfplYPzmeady/vUIR+B+vv2XsEHA0zbeedQt6xs6gNOb2shW9xp1kkhAymEoIQDTi+FEJRwwOmlEIISDji9FEJQwgGnl0IISjjg9G62EHwDozbNadZRt1v1QqtePa+yh6gZnV45SiGH2tT3/jf15cf5TeSWdQWnV458y5oGS5RwwOmlEIISDji9FEJQwgGnl0IISjjg9FIIQQkHnF4KISjhgNNLIQQlHHB6N1sIxDXqgGsoJ+H2ahNW3oWbTT38IR/xN/BP3LKmwRIlHHB6KYSghANOL4UQlHDA6aUQghIOOL0UQlDCAaeXQghKOOD0UghBCQec3s0Wgn/CXjidfwOJNZK+WhRfKgAAAABJRU5ErkJggg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6028.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6028,4423],{16028:(M,I,N)=>{N.r(I),N.d(I,{default:()=>C});N(87363);var j=N(93379),D=N.n(j),g=N(7795),z=N.n(g),u=N(90569),y=N.n(u),T=N(3565),x=N.n(T),i=N(19216),A=N.n(i),n=N(44589),e=N.n(n),c=N(60444),E={};E.styleTagTransform=e(),E.setAttributes=x(),E.insert=y().bind(null,"head"),E.domAPI=z(),E.insertStyleElement=A();D()(c.ZP,E);c.ZP&&c.ZP.locals&&c.ZP.locals;var L=N(65515),O=N.n(L),o=N(9204),S=N(24585),d=N(88683),t=N(9420),w=N(94423),l=N(47514);const C=(0,t.Pi)((function MobileNavIcons(M){var I,N,j,D=(0,o.NP)(),g=(0,d.useTranslation)().t,z=null===(I=D.aiState)||void 0===I?void 0:I.doAllowAI,u=D.productState,y=u.doShowGrid,T=u.doShowAIRoom,x=u.allow3DComb,i=u.allowRTV,A=x?"3DCOMB":i?"RTV":"3D";return z?T?(N="3D",j=function switcherOnClick(){return D.productState.onChangePlannerView(A)}):y?(N="AI",j=function switcherOnClick(){var M;return null===(M=D.productState)||void 0===M?void 0:M.showAIRoom()}):(N="2D",j=function switcherOnClick(){return D.productState.onChangePlannerView("2D")}):(N=y?"3D":"2D",j=function switcherOnClick(){return D.productState.onChangePlannerView(y?A:"2D")}),(0,l.jsxs)("div",{className:O()(c.yT,D.uiState.isTablet&&!D.uiState.isMobileLandscape?c.Mq:void 0),children:[D.productState.footerVisible.length>1&&(0,l.jsx)("div",{className:O()(c.Yz),onClick:j,title:g("configurator.2d_3d_switcher"),children:N}),(0,l.jsx)(w.default,{}),D.productState.allowQRCodeAR&&(0,l.jsx)(S.default,{}),!D.productState.doShowGrid&&D.productState.doEnableToShow3DDimensionLines&&!D.productState.doShowRTV&&(0,l.jsx)("div",{className:O()(c.iD,D.productState.doShow3DDimensionLines?c.pA:void 0),onClick:function onClick(){return D.productState.onNav3DMenuSelect("Nav3DDimLine")},title:g("configurator.NAV3DDIMLINE_TT")})]})}))},94423:(M,I,N)=>{N.r(I),N.d(I,{default:()=>z});var j=N(80248),D=(N(87363),N(2765)),g=N(47514);function ownKeys(M,I){var N=Object.keys(M);if(Object.getOwnPropertySymbols){var j=Object.getOwnPropertySymbols(M);I&&(j=j.filter((function(I){return Object.getOwnPropertyDescriptor(M,I).enumerable}))),N.push.apply(N,j)}return N}function _objectSpread(M){for(var I=1;I<arguments.length;I++){var N=null!=arguments[I]?arguments[I]:{};I%2?ownKeys(Object(N),!0).forEach((function(I){(0,j.Z)(M,I,N[I])})):Object.getOwnPropertyDescriptors?Object.defineProperties(M,Object.getOwnPropertyDescriptors(N)):ownKeys(Object(N)).forEach((function(I){Object.defineProperty(M,I,Object.getOwnPropertyDescriptor(N,I))}))}return M}const z=function ProductRoomList(M){return(0,g.jsx)(D.ZP,_objectSpread(_objectSpread({},M),{},{componentName:"Product/ProductCenter/RoomListSelection"}))}},60444:(M,I,N)=>{N.d(I,{Mq:()=>o,Yz:()=>d,ZP:()=>w,iD:()=>S,pA:()=>t,yT:()=>O});var j=N(8081),D=N.n(j),g=N(23645),z=N.n(g),u=N(61667),y=N.n(u),T=new URL(N(44336),N.b),x=new URL(N(51343),N.b),i=new URL(N(96625),N.b),A=new URL(N(1768),N.b),n=z()(D()),e=y()(T),c=y()(x),E=y()(i),L=y()(A);n.push([M.id,".index-module--xIM6Y {\n  display: flex;\n  gap: 10px;\n  position: absolute;\n  left: 10px;\n  bottom: 10px;\n  z-index: 990;\n}\n\n.index-module--KFcuP.index-module--xIM6Y {\n  bottom: 16px;\n  left: 16px;\n  gap: 16px;\n}\n\n.index-module--AMxc0,\n.index-module--prjn6,\n.index-module--O3t36,\n.index-module--lVvx0,\n.index-module--xIM6Y #ar-icon {\n  height: 32px;\n  width: 32px;\n  cursor: pointer;\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: 100%;\n  border-radius: 50%;\n  display: block;\n  transition: background-color 0.15s ease;\n  z-index: 1000;\n  background-color: rgba(255,255,255,0.66667);\n  border: 1px solid #ddd;\n  color: #4a4543;\n}\n\n.index-module--KFcuP .index-module--AMxc0,\n.index-module--KFcuP .index-module--prjn6,\n.index-module--KFcuP .index-module--O3t36,\n.index-module--KFcuP .index-module--lVvx0,\n.index-module--KFcuP.index-module--xIM6Y #ar-icon,\n.index-module--KFcuP #room-list-selection {\n  height: 42px;\n  width: 42px;\n}\n\n.index-module--AMxc0:hover,\n.index-module--prjn6:hover,\n.index-module--O3t36:hover,\n.index-module--lVvx0:hover,\n.index-module--xIM6Y #ar-icon:hover {\n  background-color: rgba(243,243,243,0.66667);\n}\n\n.index-module--bjzoL.index-module--AMxc0,\n.index-module--bjzoL.index-module--prjn6,\n.index-module--bjzoL.index-module--O3t36,\n.index-module--bjzoL.index-module--lVvx0,\n.index-module--bjzoL.index-module--xIM6Y #ar-icon:hover {\n  background-color: rgba(217,217,217,0.66667);\n}\n\n.index-module--xIM6Y #ar-icon {\n  background-image: url("+e+");\n}\n\n.index-module--AMxc0 {\n  background-image: url("+c+");\n}\n\n.index-module--KAGMM {\n  background-image: url("+E+");\n}\n\n.index-module--_7Xoh {\n  background-image: url("+L+");\n}\n\n.index-module--prjn6 {\n  text-align: center;\n  line-height: 32px;\n  font-weight: 300;\n}\n\n.index-module--KFcuP .index-module--prjn6 {\n  line-height: 42px;\n  font-size: 18px;\n}\n\n.index-module--saVNj > *:not(:first-child) {\n  opacity: 0;\n}\n",""]);var O="index-module--xIM6Y",o="index-module--KFcuP",S="index-module--AMxc0",d="index-module--prjn6",t="index-module--bjzoL";const w=n},96625:M=>{M.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiIC8+CjxtYXNrIGlkPSJtYXNrMF8zNTYxXzk2NzEiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjQiIHk9IjQiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+CjxyZWN0IHg9IjQiIHk9IjQiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI0Q5RDlEOSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMzU2MV85NjcxKSI+CjxwYXRoIGQ9Ik05LjMwNzc1IDI0LjVDOC44MDI1OCAyNC41IDguMzc1IDI0LjMyNSA4LjAyNSAyMy45NzVDNy42NzUgMjMuNjI1IDcuNSAyMy4xOTc0IDcuNSAyMi42OTIzVjkuMzA3NzVDNy41IDguODAyNTggNy42NzUgOC4zNzUgOC4wMjUgOC4wMjVDOC4zNzUgNy42NzUgOC44MDI1OCA3LjUgOS4zMDc3NSA3LjVIMjIuNjkyM0MyMy4xOTc0IDcuNSAyMy42MjUgNy42NzUgMjMuOTc1IDguMDI1QzI0LjMyNSA4LjM3NSAyNC41IDguODAyNTggMjQuNSA5LjMwNzc1VjIyLjY5MjNDMjQuNSAyMy4xOTc0IDI0LjMyNSAyMy42MjUgMjMuOTc1IDIzLjk3NUMyMy42MjUgMjQuMzI1IDIzLjE5NzQgMjQuNSAyMi42OTIzIDI0LjVIOS4zMDc3NVpNOS4zMDc3NSAyM0gyMi42OTIzQzIyLjc2OTIgMjMgMjIuODM5OCAyMi45Njc5IDIyLjkwMzggMjIuOTAzOEMyMi45Njc5IDIyLjgzOTggMjMgMjIuNzY5MiAyMyAyMi42OTIzVjkuMzA3NzVDMjMgOS4yMzA3NSAyMi45Njc5IDkuMTYwMjUgMjIuOTAzOCA5LjA5NjI1QzIyLjgzOTggOS4wMzIwOCAyMi43NjkyIDkgMjIuNjkyMyA5SDkuMzA3NzVDOS4yMzA3NSA5IDkuMTYwMjUgOS4wMzIwOCA5LjA5NjI1IDkuMDk2MjVDOS4wMzIwOCA5LjE2MDI1IDkgOS4yMzA3NSA5IDkuMzA3NzVWMjIuNjkyM0M5IDIyLjc2OTIgOS4wMzIwOCAyMi44Mzk4IDkuMDk2MjUgMjIuOTAzOEM5LjE2MDI1IDIyLjk2NzkgOS4yMzA3NSAyMyA5LjMwNzc1IDIzWiIgZmlsbD0iIzRBNDU0MyIvPgo8L2c+Cjwvc3ZnPgo="},1768:M=>{M.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiLz4KPG1hc2sgaWQ9Im1hc2swXzM1NjFfMTAxMzgiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjQiIHk9IjQiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+CjxyZWN0IHg9IjQiIHk9IjQiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI0Q5RDlEOSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMzU2MV8xMDEzOCkiPgo8cGF0aCBkPSJNMTUuMjA1OSAyNC4wMDgxVjE2LjQ1NTdMOC41ODgyNCAxMi42MjY2VjE5Ljk5NkM4LjU4ODI0IDIwLjA1MDEgOC42MDE4MiAyMC4xMDEgOC42MjkgMjAuMTQ4NkM4LjY1NjE4IDIwLjE5NiA4LjY5Njg1IDIwLjIzNjcgOC43NTEwMyAyMC4yNzA1TDE1LjIwNTkgMjQuMDA4MVpNMTYuNzk0MSAyNC4wMDgxTDIzLjI0OSAyMC4yNzA1QzIzLjMwMzEgMjAuMjM2NyAyMy4zNDM4IDIwLjE5NiAyMy4zNzEgMjAuMTQ4NkMyMy4zOTgyIDIwLjEwMSAyMy40MTE4IDIwLjA1MDEgMjMuNDExOCAxOS45OTZWMTIuNjI2NkwxNi43OTQxIDE2LjQ1NTdWMjQuMDA4MVpNMTYgMTUuMDg4NkwyMi41MzgyIDExLjMxMjRMMTYuMTYyOCA3LjYyNzdDMTYuMTA4NiA3LjU5Mzg0IDE2LjA1NDQgNy41NzY5MSAxNiA3LjU3NjkxQzE1Ljk0NTYgNy41NzY5MSAxNS44OTE0IDcuNTkzODQgMTUuODM3MiA3LjYyNzdMOS40NjE3NiAxMS4zMTI0TDE2IDE1LjA4ODZaTTcuOTU3MTggMjEuNjY0MUM3LjY1NTc2IDIxLjQ5MDYgNy40MjA4OCAyMS4yNTg4IDcuMjUyNTMgMjAuOTY4NUM3LjA4NDE4IDIwLjY3ODEgNyAyMC4zNTkzIDcgMjAuMDEyMVYxMS45ODc5QzcgMTEuNjQwNyA3LjA4NDE4IDExLjMyMTkgNy4yNTI1MyAxMS4wMzE1QzcuNDIwODggMTAuNzQxMiA3LjY1NTc2IDEwLjUwOTQgNy45NTcxOCAxMC4zMzU5TDE1LjA0MzEgNi4yNjA1M0MxNS4zNDQzIDYuMDg2ODQgMTUuNjYzMyA2IDE2IDZDMTYuMzM2NyA2IDE2LjY1NTcgNi4wODY4NCAxNi45NTY5IDYuMjYwNTNMMjQuMDQyOCAxMC4zMzU5QzI0LjM0NDIgMTAuNTA5NCAyNC41NzkxIDEwLjc0MTIgMjQuNzQ3NSAxMS4wMzE1QzI0LjkxNTggMTEuMzIxOSAyNSAxMS42NDA3IDI1IDExLjk4NzlWMjAuMDEyMUMyNSAyMC4zNTkzIDI0LjkxNTggMjAuNjc4MSAyNC43NDc1IDIwLjk2ODVDMjQuNTc5MSAyMS4yNTg4IDI0LjM0NDIgMjEuNDkwNiAyNC4wNDI4IDIxLjY2NDFMMTYuOTU2OSAyNS43Mzk1QzE2LjY1NTcgMjUuOTEzMiAxNi4zMzY3IDI2IDE2IDI2QzE1LjY2MzMgMjYgMTUuMzQ0MyAyNS45MTMyIDE1LjA0MzEgMjUuNzM5NUw3Ljk1NzE4IDIxLjY2NDFaIiBmaWxsPSIjNEE0NTQzIi8+CjwvZz4KPC9zdmc+Cg=="},44336:M=>{M.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiIC8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTguOTA0NCA5LjE0NDY5TDE2LjU3MTQgOC4wNDE2NkMxNi40NTI0IDcuOTg2MTEgMTYuMzE3NSA3Ljk4NjExIDE2LjE5ODQgOC4wNDE2NkwxMy44NTc1IDkuMTQ0NjlDMTMuNTI0MiA5LjMwMzQgMTMuMzczNCA5LjcwODExIDEzLjUzMjEgMTAuMDQxNEMxMy42NDMyIDEwLjI4NzQgMTMuODg5MiAxMC40MzAyIDE0LjE0MzIgMTAuNDMwMkMxNC4yMzg0IDEwLjQzMDIgMTQuMzMzNiAxMC40MDY0IDE0LjQyODggMTAuMzY2OEwxNS43MDY0IDkuNzYzNjZWMTEuNDA2M0MxNS43MDY0IDExLjc3OTMgMTYuMDA4IDEyLjA4MDggMTYuMzgxIDEyLjA4MDhDMTYuNzUzOSAxMi4wODA4IDE3LjA1NTUgMTEuNzc5MyAxNy4wNTU1IDExLjQwNjNWOS43NjM2NkwxOC4zMzMxIDEwLjM2NjhDMTguNjY2NCAxMC41MjU1IDE5LjA3MTEgMTAuMzgyNiAxOS4yMjk4IDEwLjA0MTRDMTkuMzg4NSA5LjcwMDE4IDE5LjI0NTcgOS4zMDM0IDE4LjkwNDQgOS4xNDQ2OVpNMTguMzMyNCAxMy42OTIxTDE2LjM4MDMgMTQuNjEyNkwxNC40MjgyIDEzLjY5MjFDMTQuMDk0OSAxMy41MzM0IDEzLjY5MDIgMTMuNjc2MiAxMy41MzE1IDE0LjAxNzVDMTMuMzcyOCAxNC4zNTA4IDEzLjUxNTYgMTQuNzU1NSAxMy44NTY4IDE0LjkxNDJMMTUuNjgyIDE1Ljc3MTJDMTUuNjgyIDE1Ljc4NzEgMTUuNjc4IDE1LjgwMSAxNS42NzQgMTUuODE0OUMxNS42NzAxIDE1LjgyODcgMTUuNjY2MSAxNS44NDI2IDE1LjY2NjEgMTUuODU4NVYxNy41MDkxQzE1LjY2NjEgMTcuODgyIDE1Ljk2NzcgMTguMTgzNiAxNi4zNDA2IDE4LjE4MzZDMTYuNzEzNiAxOC4xODM2IDE3LjAxNTEgMTcuODgyIDE3LjAxNTEgMTcuNTA5MVYxNS44NTg1QzE3LjAxNTEgMTUuODUwNiAxNy4wMTMyIDE1Ljg0MjYgMTcuMDExMiAxNS44MzQ3TDE3LjAxMTIgMTUuODM0N0MxNy4wMDkyIDE1LjgyNjcgMTcuMDA3MiAxNS44MTg4IDE3LjAwNzIgMTUuODEwOUwxOC45MTE3IDE0LjkxNDJDMTkuMjQ1IDE0Ljc1NTUgMTkuMzk1OCAxNC4zNTA4IDE5LjIzNzEgMTQuMDE3NUMxOS4wNzA0IDEzLjY4NDIgMTguNjY1NyAxMy41MzM0IDE4LjMzMjQgMTMuNjkyMVpNMjEuNDE4OCAxMC4zODMyTDIzLjUwNTkgMTEuMzgzMUMyMy42NjQ2IDExLjQ1NDUgMjMuNzU5OCAxMS42MTMyIDIzLjc1OTggMTEuNzc5OFYxNC4xODQzQzIzLjc1OTggMTQuNTU3MyAyMy40NTgzIDE0Ljg1ODggMjMuMDg1MyAxNC44NTg4QzIyLjcxMjMgMTQuODU4OCAyMi40MTA4IDE0LjU1NzMgMjIuNDEwOCAxNC4xODQzVjEzLjI5NTVMMjEuMzA3NyAxMy44MTEzQzIxLjIxMjUgMTMuODUxIDIxLjExNzMgMTMuODc0OCAyMS4wMjIxIDEzLjg3NDhDMjAuNzY4MSAxMy44NzQ4IDIwLjUyMjEgMTMuNzMyIDIwLjQxMSAxMy40ODZDMjAuMjUyMyAxMy4xNTI3IDIwLjQwMzEgMTIuNzQ4IDIwLjczNjQgMTIuNTg5M0wyMS44MzE1IDEyLjA3MzVMMjAuODM5NSAxMS41OTczQzIwLjUwNjMgMTEuNDM4NiAyMC4zNjM0IDExLjAzMzkgMjAuNTIyMSAxMC43MDA2QzIwLjY4MDggMTAuMzY3MyAyMS4wODU1IDEwLjIyNDUgMjEuNDE4OCAxMC4zODMyWk0xMi4wMjM0IDEyLjU4OUwxMC45MjgzIDEyLjA3MzJMMTEuOTIwMyAxMS41OTdDMTIuMjUzNiAxMS40MzgzIDEyLjM5NjQgMTEuMDMzNiAxMi4yMzc3IDEwLjcwMDNDMTIuMDc5IDEwLjM1OTEgMTEuNjc0MyAxMC4yMTYyIDExLjM0MSAxMC4zODI5TDkuMjUzOTQgMTEuMzgyOEM5LjA5NTIzIDExLjQ1NDIgOSAxMS42MTI5IDkgMTEuNzc5NVYxNC4xNzYxQzkgMTQuNTQ5IDkuMzAxNTUgMTQuODUwNiA5LjY3NDUyIDE0Ljg1MDZDMTAuMDQ3NSAxNC44NTA2IDEwLjM0OSAxNC41NTcgMTAuMzQ5IDE0LjE4NFYxMy4yODczTDExLjQ1MjEgMTMuODAzMUMxMS41NDczIDEzLjg1MDcgMTEuNjQyNSAxMy44NzQ1IDExLjczNzcgMTMuODc0NUMxMS45OTE3IDEzLjg3NDUgMTIuMjM3NyAxMy43MzE3IDEyLjM0ODggMTMuNDg1N0MxMi41MDc1IDEzLjE1MjQgMTIuMzY0NiAxMi43NDc3IDEyLjAyMzQgMTIuNTg5Wk0xMS40NTIxIDE4LjQxMzlDMTEuNzg1NCAxOC4yNTUyIDEyLjE5MDEgMTguNDA1OSAxMi4zNDg4IDE4LjczOTJDMTIuNTA3NSAxOS4wODA1IDEyLjM2NDYgMTkuNDg1MiAxMi4wMjM0IDE5LjY0MzlMMTAuOTI4MyAyMC4xNTk3TDExLjkyMDMgMjAuNjM1OEMxMi4yNTM2IDIwLjc5NDUgMTIuMzk2NCAyMS4xOTkyIDEyLjIzNzcgMjEuNTMyNUMxMi4xMTg2IDIxLjc3MDYgMTEuODgwNiAyMS45MTM0IDExLjYyNjYgMjEuOTEzNEMxMS41MjM1IDIxLjkxMzQgMTEuNDI4MyAyMS44OTc2IDExLjMzMyAyMS44NDk5TDkuMjQ2IDIwLjg1MDFDOS4wOTUyMyAyMC43Nzg2IDkgMjAuNjE5OSA5IDIwLjQ1MzNWMTguMDQ4OEM5IDE3LjY3NTkgOS4zMDE1NSAxNy4zNzQzIDkuNjc0NTIgMTcuMzc0M0MxMC4wNDc1IDE3LjM3NDMgMTAuMzQ5IDE3LjY3NTkgMTAuMzQ5IDE4LjA0ODhWMTguOTM3NkwxMS40NTIxIDE4LjQxMzlaIiBmaWxsPSIjNEY0RjRGIi8+CjxwYXRoIGQ9Ik0xOC43NDkgMjRIMTcuNjgyM0wxNy4yNzIgMjIuNzk5SDE1LjM4NDlMMTQuOTc0NiAyNEgxMy45MjI5TDE1LjcyMDUgMTkuMDc2OUgxNi45NTEzTDE4Ljc0OSAyNFpNMTUuNjE2MSAyMi4wMzgySDE3LjA0MDhMMTYuMzI0NyAxOS44OUwxNS42MTYxIDIyLjAzODJaIiBmaWxsPSIjNEY0RjRGIi8+CjxwYXRoIGQ9Ik0yMS42NDk4IDE5LjA3NjlDMjIuMjA2OCAxOS4wNzY5IDIyLjY0NDQgMTkuMjExMiAyMi45NjI3IDE5LjQ3OTdDMjMuMjgwOSAxOS43NDgyIDIzLjQ0IDIwLjEwODggMjMuNDQgMjAuNTYxM0MyMy40NCAyMS4wNDM2IDIzLjI4MDkgMjEuNDE0MSAyMi45NjI3IDIxLjY3MjdDMjIuNjQ0NCAyMS45MjYzIDIyLjIwOTMgMjIuMDUzMSAyMS42NTczIDIyLjA1MzFMMjEuNTUyOSAyMi4xMTI4SDIwLjQ5MzdWMjRIMTkuNDc5MlYxOS4wNzY5SDIxLjY0OThaTTIxLjUzMDUgMjEuMzI5NkMyMS44MTg5IDIxLjMyOTYgMjIuMDMyNyAyMS4yNzI0IDIyLjE3MiAyMS4xNThDMjIuMzE2MiAyMS4wMzg3IDIyLjM4ODMgMjAuODU3MiAyMi4zODgzIDIwLjYxMzVDMjIuMzg4MyAyMC4zNjk4IDIyLjMxNjIgMjAuMTkwOCAyMi4xNzIgMjAuMDc2NEMyMi4wMzI3IDE5Ljk1NzEgMjEuODE4OSAxOS44OTc0IDIxLjUzMDUgMTkuODk3NEgyMC40OTM3VjIxLjMyOTZIMjEuNTMwNVpNMjIuMTM0NyAyMS41NDU5TDIzLjczMSAyNEgyMi41NzQ4TDIxLjI1NDUgMjEuODQ0M0wyMi4xMzQ3IDIxLjU0NTlaIiBmaWxsPSIjNEY0RjRGIi8+Cjwvc3ZnPgo="},51343:M=>{M.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiIC8+CjxtYXNrIGlkPSJtYXNrMF8zNTYxXzk2NjciIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjQiIHk9IjQiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+CjxyZWN0IHg9IjQiIHk9IjQiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI0Q5RDlEOSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMzU2MV85NjY3KSI+CjxwYXRoIGQ9Ik04LjMwNzc1IDIxLjVDNy44MDI1OCAyMS41IDcuMzc1IDIxLjMyNSA3LjAyNSAyMC45NzVDNi42NzUgMjAuNjI1IDYuNSAyMC4xOTc0IDYuNSAxOS42OTIzVjEyLjMwNzdDNi41IDExLjgwMjYgNi42NzUgMTEuMzc1IDcuMDI1IDExLjAyNUM3LjM3NSAxMC42NzUgNy44MDI1OCAxMC41IDguMzA3NzUgMTAuNUgyMy42OTIzQzI0LjE5NzQgMTAuNSAyNC42MjUgMTAuNjc1IDI0Ljk3NSAxMS4wMjVDMjUuMzI1IDExLjM3NSAyNS41IDExLjgwMjYgMjUuNSAxMi4zMDc3VjE5LjY5MjNDMjUuNSAyMC4xOTc0IDI1LjMyNSAyMC42MjUgMjQuOTc1IDIwLjk3NUMyNC42MjUgMjEuMzI1IDI0LjE5NzQgMjEuNSAyMy42OTIzIDIxLjVIOC4zMDc3NVpNOC4zMDc3NSAyMEgyMy42OTIzQzIzLjc2OTMgMjAgMjMuODM5OCAxOS45Njc5IDIzLjkwMzggMTkuOTAzOEMyMy45Njc5IDE5LjgzOTggMjQgMTkuNzY5MiAyNCAxOS42OTIzVjEyLjMwNzdDMjQgMTIuMjMwNyAyMy45Njc5IDEyLjE2MDIgMjMuOTAzOCAxMi4wOTYyQzIzLjgzOTggMTIuMDMyMSAyMy43NjkzIDEyIDIzLjY5MjMgMTJIMjAuNzVWMTUuNjE1MkgxOS4yNVYxMkgxNi43NVYxNS42MTUySDE1LjI1VjEySDEyLjc1VjE1LjYxNTJIMTEuMjVWMTJIOC4zMDc3NUM4LjIzMDc1IDEyIDguMTYwMjUgMTIuMDMyMSA4LjA5NjI1IDEyLjA5NjJDOC4wMzIwOCAxMi4xNjAyIDggMTIuMjMwNyA4IDEyLjMwNzdWMTkuNjkyM0M4IDE5Ljc2OTIgOC4wMzIwOCAxOS44Mzk4IDguMDk2MjUgMTkuOTAzOEM4LjE2MDI1IDE5Ljk2NzkgOC4yMzA3NSAyMCA4LjMwNzc1IDIwWiIgZmlsbD0iIzRBNDU0MyIvPgo8L2c+Cjwvc3ZnPgo="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6028,4423],{16028:(M,I,N)=>{N.r(I),N.d(I,{default:()=>C});N(87363);var j=N(93379),D=N.n(j),g=N(7795),z=N.n(g),u=N(90569),y=N.n(u),T=N(3565),x=N.n(T),i=N(19216),A=N.n(i),n=N(44589),e=N.n(n),c=N(60444),E={};E.styleTagTransform=e(),E.setAttributes=x(),E.insert=y().bind(null,"head"),E.domAPI=z(),E.insertStyleElement=A();D()(c.ZP,E);c.ZP&&c.ZP.locals&&c.ZP.locals;var L=N(65515),O=N.n(L),o=N(75327),S=N(24585),d=N(88683),t=N(9420),w=N(94423),l=N(47514);const C=(0,t.Pi)((function MobileNavIcons(M){var I,N,j,D=(0,o.NP)(),g=(0,d.useTranslation)().t,z=null===(I=D.aiState)||void 0===I?void 0:I.doAllowAI,u=D.productState,y=u.doShowGrid,T=u.doShowAIRoom,x=u.allow3DComb,i=u.allowRTV,A=x?"3DCOMB":i?"RTV":"3D";return z?T?(N="3D",j=function switcherOnClick(){return D.productState.onChangePlannerView(A)}):y?(N="AI",j=function switcherOnClick(){var M;return null===(M=D.productState)||void 0===M?void 0:M.showAIRoom()}):(N="2D",j=function switcherOnClick(){return D.productState.onChangePlannerView("2D")}):(N=y?"3D":"2D",j=function switcherOnClick(){return D.productState.onChangePlannerView(y?A:"2D")}),(0,l.jsxs)("div",{className:O()(c.yT,D.uiState.isTablet&&!D.uiState.isMobileLandscape?c.Mq:void 0),children:[D.productState.footerVisible.length>1&&(0,l.jsx)("div",{className:O()(c.Yz),onClick:j,title:g("configurator.2d_3d_switcher"),children:N}),(0,l.jsx)(w.default,{}),D.productState.allowQRCodeAR&&(0,l.jsx)(S.default,{}),!D.productState.doShowGrid&&D.productState.doEnableToShow3DDimensionLines&&!D.productState.doShowRTV&&(0,l.jsx)("div",{className:O()(c.iD,D.productState.doShow3DDimensionLines?c.pA:void 0),onClick:function onClick(){return D.productState.onNav3DMenuSelect("Nav3DDimLine")},title:g("configurator.NAV3DDIMLINE_TT")})]})}))},94423:(M,I,N)=>{N.r(I),N.d(I,{default:()=>z});var j=N(80248),D=(N(87363),N(2765)),g=N(47514);function ownKeys(M,I){var N=Object.keys(M);if(Object.getOwnPropertySymbols){var j=Object.getOwnPropertySymbols(M);I&&(j=j.filter((function(I){return Object.getOwnPropertyDescriptor(M,I).enumerable}))),N.push.apply(N,j)}return N}function _objectSpread(M){for(var I=1;I<arguments.length;I++){var N=null!=arguments[I]?arguments[I]:{};I%2?ownKeys(Object(N),!0).forEach((function(I){(0,j.Z)(M,I,N[I])})):Object.getOwnPropertyDescriptors?Object.defineProperties(M,Object.getOwnPropertyDescriptors(N)):ownKeys(Object(N)).forEach((function(I){Object.defineProperty(M,I,Object.getOwnPropertyDescriptor(N,I))}))}return M}const z=function ProductRoomList(M){return(0,g.jsx)(D.ZP,_objectSpread(_objectSpread({},M),{},{componentName:"Product/ProductCenter/RoomListSelection"}))}},60444:(M,I,N)=>{N.d(I,{Mq:()=>o,Yz:()=>d,ZP:()=>w,iD:()=>S,pA:()=>t,yT:()=>O});var j=N(8081),D=N.n(j),g=N(23645),z=N.n(g),u=N(61667),y=N.n(u),T=new URL(N(44336),N.b),x=new URL(N(51343),N.b),i=new URL(N(96625),N.b),A=new URL(N(1768),N.b),n=z()(D()),e=y()(T),c=y()(x),E=y()(i),L=y()(A);n.push([M.id,".index-module--xIM6Y {\n  display: flex;\n  gap: 10px;\n  position: absolute;\n  left: 10px;\n  bottom: 10px;\n  z-index: 990;\n}\n\n.index-module--KFcuP.index-module--xIM6Y {\n  bottom: 16px;\n  left: 16px;\n  gap: 16px;\n}\n\n.index-module--AMxc0,\n.index-module--prjn6,\n.index-module--O3t36,\n.index-module--lVvx0,\n.index-module--xIM6Y #ar-icon {\n  height: 32px;\n  width: 32px;\n  cursor: pointer;\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: 100%;\n  border-radius: 50%;\n  display: block;\n  transition: background-color 0.15s ease;\n  z-index: 1000;\n  background-color: rgba(255,255,255,0.66667);\n  border: 1px solid #ddd;\n  color: #4a4543;\n}\n\n.index-module--KFcuP .index-module--AMxc0,\n.index-module--KFcuP .index-module--prjn6,\n.index-module--KFcuP .index-module--O3t36,\n.index-module--KFcuP .index-module--lVvx0,\n.index-module--KFcuP.index-module--xIM6Y #ar-icon,\n.index-module--KFcuP #room-list-selection {\n  height: 42px;\n  width: 42px;\n}\n\n.index-module--AMxc0:hover,\n.index-module--prjn6:hover,\n.index-module--O3t36:hover,\n.index-module--lVvx0:hover,\n.index-module--xIM6Y #ar-icon:hover {\n  background-color: rgba(243,243,243,0.66667);\n}\n\n.index-module--bjzoL.index-module--AMxc0,\n.index-module--bjzoL.index-module--prjn6,\n.index-module--bjzoL.index-module--O3t36,\n.index-module--bjzoL.index-module--lVvx0,\n.index-module--bjzoL.index-module--xIM6Y #ar-icon:hover {\n  background-color: rgba(217,217,217,0.66667);\n}\n\n.index-module--xIM6Y #ar-icon {\n  background-image: url("+e+");\n}\n\n.index-module--AMxc0 {\n  background-image: url("+c+");\n}\n\n.index-module--KAGMM {\n  background-image: url("+E+");\n}\n\n.index-module--_7Xoh {\n  background-image: url("+L+");\n}\n\n.index-module--prjn6 {\n  text-align: center;\n  line-height: 32px;\n  font-weight: 300;\n}\n\n.index-module--KFcuP .index-module--prjn6 {\n  line-height: 42px;\n  font-size: 18px;\n}\n\n.index-module--saVNj > *:not(:first-child) {\n  opacity: 0;\n}\n",""]);var O="index-module--xIM6Y",o="index-module--KFcuP",S="index-module--AMxc0",d="index-module--prjn6",t="index-module--bjzoL";const w=n},96625:M=>{M.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiIC8+CjxtYXNrIGlkPSJtYXNrMF8zNTYxXzk2NzEiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjQiIHk9IjQiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+CjxyZWN0IHg9IjQiIHk9IjQiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI0Q5RDlEOSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMzU2MV85NjcxKSI+CjxwYXRoIGQ9Ik05LjMwNzc1IDI0LjVDOC44MDI1OCAyNC41IDguMzc1IDI0LjMyNSA4LjAyNSAyMy45NzVDNy42NzUgMjMuNjI1IDcuNSAyMy4xOTc0IDcuNSAyMi42OTIzVjkuMzA3NzVDNy41IDguODAyNTggNy42NzUgOC4zNzUgOC4wMjUgOC4wMjVDOC4zNzUgNy42NzUgOC44MDI1OCA3LjUgOS4zMDc3NSA3LjVIMjIuNjkyM0MyMy4xOTc0IDcuNSAyMy42MjUgNy42NzUgMjMuOTc1IDguMDI1QzI0LjMyNSA4LjM3NSAyNC41IDguODAyNTggMjQuNSA5LjMwNzc1VjIyLjY5MjNDMjQuNSAyMy4xOTc0IDI0LjMyNSAyMy42MjUgMjMuOTc1IDIzLjk3NUMyMy42MjUgMjQuMzI1IDIzLjE5NzQgMjQuNSAyMi42OTIzIDI0LjVIOS4zMDc3NVpNOS4zMDc3NSAyM0gyMi42OTIzQzIyLjc2OTIgMjMgMjIuODM5OCAyMi45Njc5IDIyLjkwMzggMjIuOTAzOEMyMi45Njc5IDIyLjgzOTggMjMgMjIuNzY5MiAyMyAyMi42OTIzVjkuMzA3NzVDMjMgOS4yMzA3NSAyMi45Njc5IDkuMTYwMjUgMjIuOTAzOCA5LjA5NjI1QzIyLjgzOTggOS4wMzIwOCAyMi43NjkyIDkgMjIuNjkyMyA5SDkuMzA3NzVDOS4yMzA3NSA5IDkuMTYwMjUgOS4wMzIwOCA5LjA5NjI1IDkuMDk2MjVDOS4wMzIwOCA5LjE2MDI1IDkgOS4yMzA3NSA5IDkuMzA3NzVWMjIuNjkyM0M5IDIyLjc2OTIgOS4wMzIwOCAyMi44Mzk4IDkuMDk2MjUgMjIuOTAzOEM5LjE2MDI1IDIyLjk2NzkgOS4yMzA3NSAyMyA5LjMwNzc1IDIzWiIgZmlsbD0iIzRBNDU0MyIvPgo8L2c+Cjwvc3ZnPgo="},1768:M=>{M.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiLz4KPG1hc2sgaWQ9Im1hc2swXzM1NjFfMTAxMzgiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjQiIHk9IjQiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+CjxyZWN0IHg9IjQiIHk9IjQiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI0Q5RDlEOSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMzU2MV8xMDEzOCkiPgo8cGF0aCBkPSJNMTUuMjA1OSAyNC4wMDgxVjE2LjQ1NTdMOC41ODgyNCAxMi42MjY2VjE5Ljk5NkM4LjU4ODI0IDIwLjA1MDEgOC42MDE4MiAyMC4xMDEgOC42MjkgMjAuMTQ4NkM4LjY1NjE4IDIwLjE5NiA4LjY5Njg1IDIwLjIzNjcgOC43NTEwMyAyMC4yNzA1TDE1LjIwNTkgMjQuMDA4MVpNMTYuNzk0MSAyNC4wMDgxTDIzLjI0OSAyMC4yNzA1QzIzLjMwMzEgMjAuMjM2NyAyMy4zNDM4IDIwLjE5NiAyMy4zNzEgMjAuMTQ4NkMyMy4zOTgyIDIwLjEwMSAyMy40MTE4IDIwLjA1MDEgMjMuNDExOCAxOS45OTZWMTIuNjI2NkwxNi43OTQxIDE2LjQ1NTdWMjQuMDA4MVpNMTYgMTUuMDg4NkwyMi41MzgyIDExLjMxMjRMMTYuMTYyOCA3LjYyNzdDMTYuMTA4NiA3LjU5Mzg0IDE2LjA1NDQgNy41NzY5MSAxNiA3LjU3NjkxQzE1Ljk0NTYgNy41NzY5MSAxNS44OTE0IDcuNTkzODQgMTUuODM3MiA3LjYyNzdMOS40NjE3NiAxMS4zMTI0TDE2IDE1LjA4ODZaTTcuOTU3MTggMjEuNjY0MUM3LjY1NTc2IDIxLjQ5MDYgNy40MjA4OCAyMS4yNTg4IDcuMjUyNTMgMjAuOTY4NUM3LjA4NDE4IDIwLjY3ODEgNyAyMC4zNTkzIDcgMjAuMDEyMVYxMS45ODc5QzcgMTEuNjQwNyA3LjA4NDE4IDExLjMyMTkgNy4yNTI1MyAxMS4wMzE1QzcuNDIwODggMTAuNzQxMiA3LjY1NTc2IDEwLjUwOTQgNy45NTcxOCAxMC4zMzU5TDE1LjA0MzEgNi4yNjA1M0MxNS4zNDQzIDYuMDg2ODQgMTUuNjYzMyA2IDE2IDZDMTYuMzM2NyA2IDE2LjY1NTcgNi4wODY4NCAxNi45NTY5IDYuMjYwNTNMMjQuMDQyOCAxMC4zMzU5QzI0LjM0NDIgMTAuNTA5NCAyNC41NzkxIDEwLjc0MTIgMjQuNzQ3NSAxMS4wMzE1QzI0LjkxNTggMTEuMzIxOSAyNSAxMS42NDA3IDI1IDExLjk4NzlWMjAuMDEyMUMyNSAyMC4zNTkzIDI0LjkxNTggMjAuNjc4MSAyNC43NDc1IDIwLjk2ODVDMjQuNTc5MSAyMS4yNTg4IDI0LjM0NDIgMjEuNDkwNiAyNC4wNDI4IDIxLjY2NDFMMTYuOTU2OSAyNS43Mzk1QzE2LjY1NTcgMjUuOTEzMiAxNi4zMzY3IDI2IDE2IDI2QzE1LjY2MzMgMjYgMTUuMzQ0MyAyNS45MTMyIDE1LjA0MzEgMjUuNzM5NUw3Ljk1NzE4IDIxLjY2NDFaIiBmaWxsPSIjNEE0NTQzIi8+CjwvZz4KPC9zdmc+Cg=="},44336:M=>{M.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiIC8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTguOTA0NCA5LjE0NDY5TDE2LjU3MTQgOC4wNDE2NkMxNi40NTI0IDcuOTg2MTEgMTYuMzE3NSA3Ljk4NjExIDE2LjE5ODQgOC4wNDE2NkwxMy44NTc1IDkuMTQ0NjlDMTMuNTI0MiA5LjMwMzQgMTMuMzczNCA5LjcwODExIDEzLjUzMjEgMTAuMDQxNEMxMy42NDMyIDEwLjI4NzQgMTMuODg5MiAxMC40MzAyIDE0LjE0MzIgMTAuNDMwMkMxNC4yMzg0IDEwLjQzMDIgMTQuMzMzNiAxMC40MDY0IDE0LjQyODggMTAuMzY2OEwxNS43MDY0IDkuNzYzNjZWMTEuNDA2M0MxNS43MDY0IDExLjc3OTMgMTYuMDA4IDEyLjA4MDggMTYuMzgxIDEyLjA4MDhDMTYuNzUzOSAxMi4wODA4IDE3LjA1NTUgMTEuNzc5MyAxNy4wNTU1IDExLjQwNjNWOS43NjM2NkwxOC4zMzMxIDEwLjM2NjhDMTguNjY2NCAxMC41MjU1IDE5LjA3MTEgMTAuMzgyNiAxOS4yMjk4IDEwLjA0MTRDMTkuMzg4NSA5LjcwMDE4IDE5LjI0NTcgOS4zMDM0IDE4LjkwNDQgOS4xNDQ2OVpNMTguMzMyNCAxMy42OTIxTDE2LjM4MDMgMTQuNjEyNkwxNC40MjgyIDEzLjY5MjFDMTQuMDk0OSAxMy41MzM0IDEzLjY5MDIgMTMuNjc2MiAxMy41MzE1IDE0LjAxNzVDMTMuMzcyOCAxNC4zNTA4IDEzLjUxNTYgMTQuNzU1NSAxMy44NTY4IDE0LjkxNDJMMTUuNjgyIDE1Ljc3MTJDMTUuNjgyIDE1Ljc4NzEgMTUuNjc4IDE1LjgwMSAxNS42NzQgMTUuODE0OUMxNS42NzAxIDE1LjgyODcgMTUuNjY2MSAxNS44NDI2IDE1LjY2NjEgMTUuODU4NVYxNy41MDkxQzE1LjY2NjEgMTcuODgyIDE1Ljk2NzcgMTguMTgzNiAxNi4zNDA2IDE4LjE4MzZDMTYuNzEzNiAxOC4xODM2IDE3LjAxNTEgMTcuODgyIDE3LjAxNTEgMTcuNTA5MVYxNS44NTg1QzE3LjAxNTEgMTUuODUwNiAxNy4wMTMyIDE1Ljg0MjYgMTcuMDExMiAxNS44MzQ3TDE3LjAxMTIgMTUuODM0N0MxNy4wMDkyIDE1LjgyNjcgMTcuMDA3MiAxNS44MTg4IDE3LjAwNzIgMTUuODEwOUwxOC45MTE3IDE0LjkxNDJDMTkuMjQ1IDE0Ljc1NTUgMTkuMzk1OCAxNC4zNTA4IDE5LjIzNzEgMTQuMDE3NUMxOS4wNzA0IDEzLjY4NDIgMTguNjY1NyAxMy41MzM0IDE4LjMzMjQgMTMuNjkyMVpNMjEuNDE4OCAxMC4zODMyTDIzLjUwNTkgMTEuMzgzMUMyMy42NjQ2IDExLjQ1NDUgMjMuNzU5OCAxMS42MTMyIDIzLjc1OTggMTEuNzc5OFYxNC4xODQzQzIzLjc1OTggMTQuNTU3MyAyMy40NTgzIDE0Ljg1ODggMjMuMDg1MyAxNC44NTg4QzIyLjcxMjMgMTQuODU4OCAyMi40MTA4IDE0LjU1NzMgMjIuNDEwOCAxNC4xODQzVjEzLjI5NTVMMjEuMzA3NyAxMy44MTEzQzIxLjIxMjUgMTMuODUxIDIxLjExNzMgMTMuODc0OCAyMS4wMjIxIDEzLjg3NDhDMjAuNzY4MSAxMy44NzQ4IDIwLjUyMjEgMTMuNzMyIDIwLjQxMSAxMy40ODZDMjAuMjUyMyAxMy4xNTI3IDIwLjQwMzEgMTIuNzQ4IDIwLjczNjQgMTIuNTg5M0wyMS44MzE1IDEyLjA3MzVMMjAuODM5NSAxMS41OTczQzIwLjUwNjMgMTEuNDM4NiAyMC4zNjM0IDExLjAzMzkgMjAuNTIyMSAxMC43MDA2QzIwLjY4MDggMTAuMzY3MyAyMS4wODU1IDEwLjIyNDUgMjEuNDE4OCAxMC4zODMyWk0xMi4wMjM0IDEyLjU4OUwxMC45MjgzIDEyLjA3MzJMMTEuOTIwMyAxMS41OTdDMTIuMjUzNiAxMS40MzgzIDEyLjM5NjQgMTEuMDMzNiAxMi4yMzc3IDEwLjcwMDNDMTIuMDc5IDEwLjM1OTEgMTEuNjc0MyAxMC4yMTYyIDExLjM0MSAxMC4zODI5TDkuMjUzOTQgMTEuMzgyOEM5LjA5NTIzIDExLjQ1NDIgOSAxMS42MTI5IDkgMTEuNzc5NVYxNC4xNzYxQzkgMTQuNTQ5IDkuMzAxNTUgMTQuODUwNiA5LjY3NDUyIDE0Ljg1MDZDMTAuMDQ3NSAxNC44NTA2IDEwLjM0OSAxNC41NTcgMTAuMzQ5IDE0LjE4NFYxMy4yODczTDExLjQ1MjEgMTMuODAzMUMxMS41NDczIDEzLjg1MDcgMTEuNjQyNSAxMy44NzQ1IDExLjczNzcgMTMuODc0NUMxMS45OTE3IDEzLjg3NDUgMTIuMjM3NyAxMy43MzE3IDEyLjM0ODggMTMuNDg1N0MxMi41MDc1IDEzLjE1MjQgMTIuMzY0NiAxMi43NDc3IDEyLjAyMzQgMTIuNTg5Wk0xMS40NTIxIDE4LjQxMzlDMTEuNzg1NCAxOC4yNTUyIDEyLjE5MDEgMTguNDA1OSAxMi4zNDg4IDE4LjczOTJDMTIuNTA3NSAxOS4wODA1IDEyLjM2NDYgMTkuNDg1MiAxMi4wMjM0IDE5LjY0MzlMMTAuOTI4MyAyMC4xNTk3TDExLjkyMDMgMjAuNjM1OEMxMi4yNTM2IDIwLjc5NDUgMTIuMzk2NCAyMS4xOTkyIDEyLjIzNzcgMjEuNTMyNUMxMi4xMTg2IDIxLjc3MDYgMTEuODgwNiAyMS45MTM0IDExLjYyNjYgMjEuOTEzNEMxMS41MjM1IDIxLjkxMzQgMTEuNDI4MyAyMS44OTc2IDExLjMzMyAyMS44NDk5TDkuMjQ2IDIwLjg1MDFDOS4wOTUyMyAyMC43Nzg2IDkgMjAuNjE5OSA5IDIwLjQ1MzNWMTguMDQ4OEM5IDE3LjY3NTkgOS4zMDE1NSAxNy4zNzQzIDkuNjc0NTIgMTcuMzc0M0MxMC4wNDc1IDE3LjM3NDMgMTAuMzQ5IDE3LjY3NTkgMTAuMzQ5IDE4LjA0ODhWMTguOTM3NkwxMS40NTIxIDE4LjQxMzlaIiBmaWxsPSIjNEY0RjRGIi8+CjxwYXRoIGQ9Ik0xOC43NDkgMjRIMTcuNjgyM0wxNy4yNzIgMjIuNzk5SDE1LjM4NDlMMTQuOTc0NiAyNEgxMy45MjI5TDE1LjcyMDUgMTkuMDc2OUgxNi45NTEzTDE4Ljc0OSAyNFpNMTUuNjE2MSAyMi4wMzgySDE3LjA0MDhMMTYuMzI0NyAxOS44OUwxNS42MTYxIDIyLjAzODJaIiBmaWxsPSIjNEY0RjRGIi8+CjxwYXRoIGQ9Ik0yMS42NDk4IDE5LjA3NjlDMjIuMjA2OCAxOS4wNzY5IDIyLjY0NDQgMTkuMjExMiAyMi45NjI3IDE5LjQ3OTdDMjMuMjgwOSAxOS43NDgyIDIzLjQ0IDIwLjEwODggMjMuNDQgMjAuNTYxM0MyMy40NCAyMS4wNDM2IDIzLjI4MDkgMjEuNDE0MSAyMi45NjI3IDIxLjY3MjdDMjIuNjQ0NCAyMS45MjYzIDIyLjIwOTMgMjIuMDUzMSAyMS42NTczIDIyLjA1MzFMMjEuNTUyOSAyMi4xMTI4SDIwLjQ5MzdWMjRIMTkuNDc5MlYxOS4wNzY5SDIxLjY0OThaTTIxLjUzMDUgMjEuMzI5NkMyMS44MTg5IDIxLjMyOTYgMjIuMDMyNyAyMS4yNzI0IDIyLjE3MiAyMS4xNThDMjIuMzE2MiAyMS4wMzg3IDIyLjM4ODMgMjAuODU3MiAyMi4zODgzIDIwLjYxMzVDMjIuMzg4MyAyMC4zNjk4IDIyLjMxNjIgMjAuMTkwOCAyMi4xNzIgMjAuMDc2NEMyMi4wMzI3IDE5Ljk1NzEgMjEuODE4OSAxOS44OTc0IDIxLjUzMDUgMTkuODk3NEgyMC40OTM3VjIxLjMyOTZIMjEuNTMwNVpNMjIuMTM0NyAyMS41NDU5TDIzLjczMSAyNEgyMi41NzQ4TDIxLjI1NDUgMjEuODQ0M0wyMi4xMzQ3IDIxLjU0NTlaIiBmaWxsPSIjNEY0RjRGIi8+Cjwvc3ZnPgo="},51343:M=>{M.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiIC8+CjxtYXNrIGlkPSJtYXNrMF8zNTYxXzk2NjciIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjQiIHk9IjQiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+CjxyZWN0IHg9IjQiIHk9IjQiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI0Q5RDlEOSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMzU2MV85NjY3KSI+CjxwYXRoIGQ9Ik04LjMwNzc1IDIxLjVDNy44MDI1OCAyMS41IDcuMzc1IDIxLjMyNSA3LjAyNSAyMC45NzVDNi42NzUgMjAuNjI1IDYuNSAyMC4xOTc0IDYuNSAxOS42OTIzVjEyLjMwNzdDNi41IDExLjgwMjYgNi42NzUgMTEuMzc1IDcuMDI1IDExLjAyNUM3LjM3NSAxMC42NzUgNy44MDI1OCAxMC41IDguMzA3NzUgMTAuNUgyMy42OTIzQzI0LjE5NzQgMTAuNSAyNC42MjUgMTAuNjc1IDI0Ljk3NSAxMS4wMjVDMjUuMzI1IDExLjM3NSAyNS41IDExLjgwMjYgMjUuNSAxMi4zMDc3VjE5LjY5MjNDMjUuNSAyMC4xOTc0IDI1LjMyNSAyMC42MjUgMjQuOTc1IDIwLjk3NUMyNC42MjUgMjEuMzI1IDI0LjE5NzQgMjEuNSAyMy42OTIzIDIxLjVIOC4zMDc3NVpNOC4zMDc3NSAyMEgyMy42OTIzQzIzLjc2OTMgMjAgMjMuODM5OCAxOS45Njc5IDIzLjkwMzggMTkuOTAzOEMyMy45Njc5IDE5LjgzOTggMjQgMTkuNzY5MiAyNCAxOS42OTIzVjEyLjMwNzdDMjQgMTIuMjMwNyAyMy45Njc5IDEyLjE2MDIgMjMuOTAzOCAxMi4wOTYyQzIzLjgzOTggMTIuMDMyMSAyMy43NjkzIDEyIDIzLjY5MjMgMTJIMjAuNzVWMTUuNjE1MkgxOS4yNVYxMkgxNi43NVYxNS42MTUySDE1LjI1VjEySDEyLjc1VjE1LjYxNTJIMTEuMjVWMTJIOC4zMDc3NUM4LjIzMDc1IDEyIDguMTYwMjUgMTIuMDMyMSA4LjA5NjI1IDEyLjA5NjJDOC4wMzIwOCAxMi4xNjAyIDggMTIuMjMwNyA4IDEyLjMwNzdWMTkuNjkyM0M4IDE5Ljc2OTIgOC4wMzIwOCAxOS44Mzk4IDguMDk2MjUgMTkuOTAzOEM4LjE2MDI1IDE5Ljk2NzkgOC4yMzA3NSAyMCA4LjMwNzc1IDIwWiIgZmlsbD0iIzRBNDU0MyIvPgo8L2c+Cjwvc3ZnPgo="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6052.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6052,1280],{26052:(n,e,o)=>{o.r(e),o.d(e,{default:()=>j});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),f=o.n(v),x=o(19216),g=o.n(x),b=o(44589),p=o.n(b),h=o(30867),m={};m.styleTagTransform=p(),m.setAttributes=f(),m.insert=u().bind(null,"head"),m.domAPI=c(),m.insertStyleElement=g();d()(h.ZP,m);h.ZP&&h.ZP.locals&&h.ZP.locals;var w=o(65515),y=o.n(w),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 j=(0,r.Pi)((function ActionNavigationGold(n){return(0,k.jsx)(i.default,_objectSpread(_objectSpread({},n),{},{className:y()(n.className,h.nC),showBackButtonText:!0,backOverwrite:h.op,forthOverwrite:h.ox}))}))},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(9204),l=o(9420),c=(o(87363),o(88683)),s=o(40976),u=o(39667),v=o(19047),f=o(47514),x=["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,b=n.showCheckoutButtons,p=(0,r.Z)(n,x),h=(0,d.NP)(),m=(0,c.useTranslation)().t;return(0,f.jsx)("div",_objectSpread(_objectSpread({},p),{},{className:a()(o,s.jl,h.actionButtonState.isOnFirstStep?s.FN:void 0,h.actionButtonState.isOnFirstStepDisabled?s.$t:void 0,h.actionButtonState.isOnLastStep?s.Is:void 0,"vertical"==h.tabGroupState.curTabGroupType?s.KR:void 0,h.uiState.isMobilePortrait?s.tW:void 0,h.uiState.isMobileLandscape?s.Qv:void 0),children:(0,f.jsxs)("div",{className:s.nC,children:[(0,f.jsxs)("div",{className:a()(s.LI,s.op,i),onClick:function onClick(){window.lastNavigationType="NAVIGATION_STANDARD_BACK_BUTTON",h.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&&m("configurator.Back")]}),b&&(null===(e=h.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.filter((function(n){return(0,v.evalVisible)(n,h,"navigator")})).map((function(n){return(0,f.jsx)("div",{className:s.rK,onClick:function onClick(){return(0,v.onClickCheckout)(n,h,n.index,m)},children:(0,f.jsx)(u.default,{checkoutButton:_objectSpread(_objectSpread({},n),{},{isPrimary:!1}),size:40})},n.index)}))),(0,f.jsxs)("div",{className:a()(s.LI,s.ox,l),onClick:function onClick(){window.lastNavigationType="NAVIGATION_STANDARD_FORWARD_BUTTON",h.actionButtonState.onClickConfiguratorSettingsForth()},id:"wcConfigurator-action-next",children:[m("configurator.Next"),g&&(0,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"})})]})]})}))}))},30867:(n,e,o)=>{o.d(e,{ZP:()=>s,nC:()=>d,op:()=>l,ox:()=>c});var t=o(8081),r=o.n(t),i=o(23645),a=o.n(i)()(r());a.push([n.id,".index-module--NSnuZ .index-module--vFsUL {\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: 50%;\n  box-sizing: border-box;\n  flex-grow: 1;\n}\n\n.index-module--NSnuZ .index-module--PgOEW {\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  width: 50%;\n  box-sizing: border-box;\n  flex-grow: 1;\n}\n",""]);var d="index-module--NSnuZ",l="index-module--vFsUL",c="index-module--PgOEW";const s=a},28717:(n,e,o)=>{o.d(e,{$t:()=>x,FN:()=>b,Is:()=>g,KR:()=>c,LI:()=>s,Qv:()=>p,ZP:()=>m,jl:()=>d,nC:()=>l,op:()=>v,ox:()=>f,rK:()=>u,tW:()=>h});var t=o(8081),r=o.n(t),i=o(23645),a=o.n(i)()(r());a.push([n.id,"/*Navigaton Buttons*/\n.index-module--Ug06K {\n  transition: width 0.2s ease-in-out;\n}\n\n.index-module--uMdxf {\n  height: 100%;\n  font-weight: 300;\n  font-size: 14px;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  width: 100%;\n  display: flex;\n  gap: 3px;\n}\n.index-module--j2X1m .index-module--uMdxf {\n  line-height: var(--configuratorActionHeight);\n}\n\n.index-module--NUblS {\n  border-radius: var(--globalBorderRadius);\n  height: 100%;\n  text-align: center;\n}\n\n.index-module--mfwxp {\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--vWg5_ {\n  border: 1px var(--secondaryColor) solid;\n  border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n  background-color: white;\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--IneQR {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  background-color: var(--navigateForth, var(--secondaryColor));\n  color: #ffffff;\n  color: var(--navigateForthFontColor, #ffffff);\n  float: right;\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-grow: 3;\n}\n\n.index-module--vWg5_:hover,\n.index-module--IneQR:hover {\n  cursor: pointer;\n  box-shadow: var(--boxShadowHover);\n}\n.index-module--IneQR svg {\n  transform: rotate(180deg);\n  position: absolute;\n  right: 16px;\n}\n\n.index-module--n4fFc .index-module--IneQR {\n  pointer-events: none;\n  background-color: #707070;\n  background-color: var(--navigateForth, #707070);\n  border-color: #707070;\n}\n\n.index-module--YJM3e .index-module--vWg5_ {\n  width: 100%;\n}\n\n.index-module--YJM3e .index-module--IneQR {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--vWg5_ {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--IneQR {\n  width: 100%;\n}\n\n.index-module--CVPGS .index-module--NUblS,\n.index-module--KE5Qn .index-module--NUblS {\n  line-height: calc(var(--configuratorActionHeight) - 5px);\n  border-radius: var(--globalBorderRadius);\n}\n",""]);var d="index-module--Ug06K",l="index-module--uMdxf",c="index-module--j2X1m",s="index-module--NUblS",u="index-module--mfwxp",v="index-module--vWg5_",f="index-module--IneQR",x="index-module--n4fFc",g="index-module--YJM3e",b="index-module--X2uG9",p="index-module--CVPGS",h="index-module--KE5Qn";const m=a},40976:(n,e,o)=>{o.d(e,{$t:()=>g.$t,FN:()=>g.FN,Is:()=>g.Is,KR:()=>g.KR,LI:()=>g.LI,Qv:()=>g.Qv,jl:()=>g.jl,nC:()=>g.nC,op:()=>g.op,ox:()=>g.ox,rK:()=>g.rK,tW:()=>g.tW});var t=o(93379),r=o.n(t),i=o(7795),a=o.n(i),d=o(90569),l=o.n(d),c=o(3565),s=o.n(c),u=o(19216),v=o.n(u),f=o(44589),x=o.n(f),g=o(28717),b={};b.styleTagTransform=x(),b.setAttributes=s(),b.insert=l().bind(null,"head"),b.domAPI=a(),b.insertStyleElement=v();r()(g.ZP,b),g.ZP&&g.ZP.locals&&g.ZP.locals}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6052,1280],{26052:(n,e,o)=>{o.r(e),o.d(e,{default:()=>j});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),f=o.n(v),x=o(19216),g=o.n(x),b=o(44589),p=o.n(b),h=o(30867),m={};m.styleTagTransform=p(),m.setAttributes=f(),m.insert=u().bind(null,"head"),m.domAPI=c(),m.insertStyleElement=g();d()(h.ZP,m);h.ZP&&h.ZP.locals&&h.ZP.locals;var w=o(65515),y=o.n(w),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 j=(0,r.Pi)((function ActionNavigationGold(n){return(0,k.jsx)(i.default,_objectSpread(_objectSpread({},n),{},{className:y()(n.className,h.nC),showBackButtonText:!0,backOverwrite:h.op,forthOverwrite:h.ox}))}))},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(75327),l=o(9420),c=(o(87363),o(88683)),s=o(40976),u=o(39667),v=o(19047),f=o(47514),x=["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,b=n.showCheckoutButtons,p=(0,r.Z)(n,x),h=(0,d.NP)(),m=(0,c.useTranslation)().t;return(0,f.jsx)("div",_objectSpread(_objectSpread({},p),{},{className:a()(o,s.jl,h.actionButtonState.isOnFirstStep?s.FN:void 0,h.actionButtonState.isOnFirstStepDisabled?s.$t:void 0,h.actionButtonState.isOnLastStep?s.Is:void 0,"vertical"==h.tabGroupState.curTabGroupType?s.KR:void 0,h.uiState.isMobilePortrait?s.tW:void 0,h.uiState.isMobileLandscape?s.Qv:void 0),children:(0,f.jsxs)("div",{className:s.nC,children:[(0,f.jsxs)("div",{className:a()(s.LI,s.op,i),onClick:function onClick(){window.lastNavigationType="NAVIGATION_STANDARD_BACK_BUTTON",h.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&&m("configurator.Back")]}),b&&(null===(e=h.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.filter((function(n){return(0,v.evalVisible)(n,h,"navigator")})).map((function(n){return(0,f.jsx)("div",{className:s.rK,onClick:function onClick(){return(0,v.onClickCheckout)(n,h,n.index,m)},children:(0,f.jsx)(u.default,{checkoutButton:_objectSpread(_objectSpread({},n),{},{isPrimary:!1}),size:40})},n.index)}))),(0,f.jsxs)("div",{className:a()(s.LI,s.ox,l),onClick:function onClick(){window.lastNavigationType="NAVIGATION_STANDARD_FORWARD_BUTTON",h.actionButtonState.onClickConfiguratorSettingsForth()},id:"wcConfigurator-action-next",children:[m("configurator.Next"),g&&(0,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"})})]})]})}))}))},30867:(n,e,o)=>{o.d(e,{ZP:()=>s,nC:()=>d,op:()=>l,ox:()=>c});var t=o(8081),r=o.n(t),i=o(23645),a=o.n(i)()(r());a.push([n.id,".index-module--NSnuZ .index-module--vFsUL {\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: 50%;\n  box-sizing: border-box;\n  flex-grow: 1;\n}\n\n.index-module--NSnuZ .index-module--PgOEW {\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  width: 50%;\n  box-sizing: border-box;\n  flex-grow: 1;\n}\n",""]);var d="index-module--NSnuZ",l="index-module--vFsUL",c="index-module--PgOEW";const s=a},28717:(n,e,o)=>{o.d(e,{$t:()=>x,FN:()=>b,Is:()=>g,KR:()=>c,LI:()=>s,Qv:()=>p,ZP:()=>m,jl:()=>d,nC:()=>l,op:()=>v,ox:()=>f,rK:()=>u,tW:()=>h});var t=o(8081),r=o.n(t),i=o(23645),a=o.n(i)()(r());a.push([n.id,"/*Navigaton Buttons*/\n.index-module--Ug06K {\n  transition: width 0.2s ease-in-out;\n}\n\n.index-module--uMdxf {\n  height: 100%;\n  font-weight: 300;\n  font-size: 14px;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  width: 100%;\n  display: flex;\n  gap: 3px;\n}\n.index-module--j2X1m .index-module--uMdxf {\n  line-height: var(--configuratorActionHeight);\n}\n\n.index-module--NUblS {\n  border-radius: var(--globalBorderRadius);\n  height: 100%;\n  text-align: center;\n}\n\n.index-module--mfwxp {\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--vWg5_ {\n  border: 1px var(--secondaryColor) solid;\n  border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n  background-color: white;\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--IneQR {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  background-color: var(--navigateForth, var(--secondaryColor));\n  color: #ffffff;\n  color: var(--navigateForthFontColor, #ffffff);\n  float: right;\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-grow: 3;\n}\n\n.index-module--vWg5_:hover,\n.index-module--IneQR:hover {\n  cursor: pointer;\n  box-shadow: var(--boxShadowHover);\n}\n.index-module--IneQR svg {\n  transform: rotate(180deg);\n  position: absolute;\n  right: 16px;\n}\n\n.index-module--n4fFc .index-module--IneQR {\n  pointer-events: none;\n  background-color: #707070;\n  background-color: var(--navigateForth, #707070);\n  border-color: #707070;\n}\n\n.index-module--YJM3e .index-module--vWg5_ {\n  width: 100%;\n}\n\n.index-module--YJM3e .index-module--IneQR {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--vWg5_ {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--IneQR {\n  width: 100%;\n}\n\n.index-module--CVPGS .index-module--NUblS,\n.index-module--KE5Qn .index-module--NUblS {\n  line-height: calc(var(--configuratorActionHeight) - 5px);\n  border-radius: var(--globalBorderRadius);\n}\n",""]);var d="index-module--Ug06K",l="index-module--uMdxf",c="index-module--j2X1m",s="index-module--NUblS",u="index-module--mfwxp",v="index-module--vWg5_",f="index-module--IneQR",x="index-module--n4fFc",g="index-module--YJM3e",b="index-module--X2uG9",p="index-module--CVPGS",h="index-module--KE5Qn";const m=a},40976:(n,e,o)=>{o.d(e,{$t:()=>g.$t,FN:()=>g.FN,Is:()=>g.Is,KR:()=>g.KR,LI:()=>g.LI,Qv:()=>g.Qv,jl:()=>g.jl,nC:()=>g.nC,op:()=>g.op,ox:()=>g.ox,rK:()=>g.rK,tW:()=>g.tW});var t=o(93379),r=o.n(t),i=o(7795),a=o.n(i),d=o(90569),l=o.n(d),c=o(3565),s=o.n(c),u=o(19216),v=o.n(u),f=o(44589),x=o.n(f),g=o(28717),b={};b.styleTagTransform=x(),b.setAttributes=s(),b.insert=l().bind(null,"head"),b.domAPI=a(),b.insertStyleElement=v();r()(g.ZP,b),g.ZP&&g.ZP.locals&&g.ZP.locals}}]);