@crystaldesign/diva-web-planner-react 24.12.0-rc.1 → 24.12.0-rc.11

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

@@ -1,2 +1,2 @@
 /*! For license information please see 9715.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9715,4514,7663,2458,5576,5393],{71996:(n,e,t)=>{t.r(e),t.d(e,{default:()=>w});var i=t(57851),o=t(9420),d=t(87363),r=t(93379),a=t.n(r),l=t(7795),s=t.n(l),u=t(90569),c=t.n(u),g=t(3565),p=t.n(g),m=t(19216),x=t.n(m),h=t(44589),b=t.n(h),f=t(89460),j={};j.styleTagTransform=b(),j.setAttributes=p(),j.insert=c().bind(null,"head"),j.domAPI=s(),j.insertStyleElement=x();a()(f.ZP,j);f.ZP&&f.ZP.locals&&f.ZP.locals;var S=t(47514),v=!1;const w=(0,o.Pi)((function Planner2DGrid(n){var e=(0,i.NP)(),t=(0,i._w)(),o=(0,d.useRef)(null);(0,d.useEffect)((function(){o&&(e.productState.setPlanner2DGridElement(o.current),o.current&&t.setGrid2DUIElement(o.current))}),[o]);var r=function on2DPlannerBGClick(n){e.viewPlannerHandler.onClearElementSelection(),n.stopPropagation()};return(0,S.jsxs)("div",{ref:o,className:f.NK,id:"wcConfigurator-grid-container",style:{width:"100%",height:"100%",zIndex:2,visibility:e.productState.doShowGrid?"visible":"hidden"},onClick:r,onTouchStart:function onTouchStart(){v=!1},onTouchMove:function onTouchMove(){v=!0},onTouchEnd:function onTouchEnd(n){v||r(n),v=!1},children:[(0,S.jsx)("canvas",{className:f.Ff,id:"wcConfigurator-grid-2D-canvas"}),(0,S.jsx)("div",{className:f.Dn,style:{zoom:t.get2DGridBackgroundState().zoom,backgroundPosition:t.get2DGridBackgroundState().position.x+"px "+t.get2DGridBackgroundState().position.y+"px"}})]})}))},80896:(n,e,t)=>{t.r(e),t.d(e,{default:()=>r});var i=t(57851),o=(t(87363),t(86924)),d=t(47514);const r=function Planner3DGrid(n){var e=(0,i.NP)();return(0,d.jsx)("div",{ref:function ref(n){return e.productState.setPlanner3DGridElement(n)},id:"diva3dImg_3DGrid",className:o.nX})}},22554:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});var i=t(9420),o=t(57851),d=(t(87363),t(88683)),r=t(93379),a=t.n(r),l=t(7795),s=t.n(l),u=t(90569),c=t.n(u),g=t(3565),p=t.n(g),m=t(19216),x=t.n(m),h=t(44589),b=t.n(h),f=t(19662),j={};j.styleTagTransform=b(),j.setAttributes=p(),j.insert=c().bind(null,"head"),j.domAPI=s(),j.insertStyleElement=x();a()(f.ZP,j);f.ZP&&f.ZP.locals&&f.ZP.locals;var S=t(65515),v=t.n(S),w=t(47514);const I=(0,i.Pi)((function Logo(n){var e=(0,o.NP)(),t=(0,d.useDivaCore)().state.organization.logoUrl;return(e.uiState.isInMobileView||e.uiState.ViewConfig.showLogoInProductDesktop)&&e.uiState.ViewConfig.showLogoInProduct&&t?(0,w.jsx)("img",{className:v()(f.jY,e.getIsInMobileView()?f.ai:void 0,e.productState.orbitHidden?f.Oj:f.al,e.uiState.isMobileLandscape?f.rK:void 0),src:t}):(0,w.jsx)(w.Fragment,{})}))},14514:(n,e,t)=>{t.r(e),t.d(e,{default:()=>r});var i=t(80248),o=(t(87363),t(2765)),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 r=function Image3DNavBar(n){return(0,d.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/ProductCenter/Planner3DImage/NavBar"}))}},27663:(n,e,t)=>{t.r(e),t.d(e,{default:()=>r});var i=t(80248),o=(t(87363),t(2765)),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 r=function OrbitInteraction(n){return(0,d.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/ProductCenter/Planner3DImage/OrbitInteraction"}))}},61912:(n,e,t)=>{t.r(e),t.d(e,{default:()=>s});var i=t(57851),o=t(9420),d=(t(87363),t(14514)),r=t(86924),a=t(22554),l=t(47514);const s=(0,o.Pi)((function Planner3DImage(n){var e=(0,i.NP)();return(0,l.jsxs)("div",{ref:function ref(n){return e.productState.setImage3DElement(n)},className:r.pI,id:"3DImage-Container",style:{visibility:e.productState.doShowRenderImage?"visible":"hidden"},children:[(0,l.jsx)(d.default,{}),(0,l.jsx)("img",{className:e.productState.plannerRenderingIsStaticBG?r.Y6:r.Y0,id:"diva3dImg",draggable:"false",src:e.productState.diva3dImgSrc}),(0,l.jsx)(a.default,{})]})}))},82458:(n,e,t)=>{t.r(e),t.d(e,{default:()=>r});var i=t(80248),o=(t(87363),t(2765)),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 r=function PlannerMsgContainer(n){return(0,d.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/ProductCenter/PlannerMsgContainer"}))}},5576:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});t(87363);var i=t(2765),o=t(47514);const d=function PlannerUIVariant(){return(0,o.jsx)(i.ZP,{componentName:"Product/ProductCenter/PlannerUI/PlannerUIVariants"})}},45393:(n,e,t)=>{t.r(e),t.d(e,{default:()=>y});var i=t(9420),o=t(57851),d=t(87363),r=t(93379),a=t.n(r),l=t(7795),s=t.n(l),u=t(90569),c=t.n(u),g=t(3565),p=t.n(g),m=t(19216),x=t.n(m),h=t(44589),b=t.n(h),f=t(43771),j={};j.styleTagTransform=b(),j.setAttributes=p(),j.insert=c().bind(null,"head"),j.domAPI=s(),j.insertStyleElement=x();a()(f.ZP,j);f.ZP&&f.ZP.locals&&f.ZP.locals;var S=t(65515),v=t.n(S),w=t(42933),I=t(88683),P=t(47514);const y=(0,i.Pi)((function PromotedOpvs(n){var e,t,i=(0,o.NP)(),r=(0,I.useDivaCore)().state.dimensions,a=r.height,l=r.width;(0,d.useEffect)((function(){i.productState.configChangedByPromoOpvs?i.productState.setConfigChangedByPromoOpvs(!1):i.productState.setSelectedPromitionIndex(void 0)}),[i.settingsState.configChanged]);var s=[],u=i.divaWebPlanner.getCatalogData(),c=null==u?void 0:u.promotedOpvs,g=null===(e=i.settingsState.selectedArticles)||void 0===e||null===(e=e[0])||void 0===e?void 0:e.codex;if(i.uiState.isLoading||!g||!c)return(0,P.jsx)(P.Fragment,{});if(!i.productState.promotionVisible||null===(t=c.articles[g])||void 0===t||!t.length)return i.uiState.configSettingsIsHidden&&i.uiState.onClickHideConfigSettings(),(0,P.jsx)(P.Fragment,{});for(var p=function _loop(n){var e=c.articles[g][n],t=u.getOptionValue(e.displayOPV);s.push({swiperSlideStyle:{height:"auto",width:"auto"},content:(0,P.jsx)("span",{onClick:function onClick(t){return i.productState.onPromotionClick(e.variantValues,n)},style:{backgroundImage:"url("+(null!=t&&t.image?u.getCatImageURL(t.image,"_gal"):"")+")"},className:v()(f.kT,i.productState.selectedPromotionIndex===n?f.pA:void 0)},n)})},m=0;m<c.articles[g].length;m++)p(m);var x={type:"SliderContainer",sliderType:i.uiState.isInMobileView?"slideX":"slideY",slidesPerView:"auto",freeMode:!0,allowTouchMove:!0,contents:s,scrollToSelectedItem:!0,mousewheel:!0};return(0,P.jsx)("div",{className:v()(f.nC,i.uiState.isInMobileView?f.ai:void 0,i.uiState.configSettingsIsHidden?void 0:f.al),children:(0,P.jsx)("div",{className:f.YS,children:(0,P.jsx)("div",{children:(0,P.jsx)(w.p,{settings:{contentBoxProps:x}},+a+l)})})})}))},96725:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});t(87363);var i=t(93379),o=t.n(i),d=t(7795),r=t.n(d),a=t(90569),l=t.n(a),s=t(3565),u=t.n(s),c=t(19216),g=t.n(c),p=t(44589),m=t.n(p),x=t(80292),h={};h.styleTagTransform=m(),h.setAttributes=u(),h.insert=l().bind(null,"head"),h.domAPI=r(),h.insertStyleElement=g();o()(x.ZP,h);x.ZP&&x.ZP.locals&&x.ZP.locals;var b=t(57851),f=t(65515),j=t.n(f),S=t(9420),v=t(88683),w=t(47514);const I=(0,S.Pi)((function RotateInfo(n){var e=(0,b.NP)(),t=(0,v.useTranslation)().t;return e.uiState.ViewConfig.landscapeProductNotFullscreen||!e.uiState.isMobileLandscape||e.uiState.isMobilePortrait||e.uiState.ViewConfig.disableLandscape?(0,w.jsx)(w.Fragment,{}):(0,w.jsxs)("div",{className:j()(x.nC,e.productState.orbitHidden?x.Oj:x.al),children:[(0,w.jsx)("img",{src:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTE2LjQ4IDIuNTJjMy4yNyAxLjU1IDUuNjEgNC43MiA1Ljk3IDguNDhoMS41QzIzLjQ0IDQuODQgMTguMjkgMCAxMiAwbC0uNjYuMDMgMy44MSAzLjgxIDEuMzMtMS4zMnptLTYuMjUtLjc3Yy0uNTktLjU5LTEuNTQtLjU5LTIuMTIgMEwxLjc1IDguMTFjLS41OS41OS0uNTkgMS41NCAwIDIuMTJsMTIuMDIgMTIuMDJjLjU5LjU5IDEuNTQuNTkgMi4xMiAwbDYuMzYtNi4zNmMuNTktLjU5LjU5LTEuNTQgMC0yLjEyTDEwLjIzIDEuNzV6bTQuNiAxOS40NEwyLjgxIDkuMTdsNi4zNi02LjM2IDEyLjAyIDEyLjAyLTYuMzYgNi4zNnptLTcuMzEuMjlDNC4yNSAxOS45NCAxLjkxIDE2Ljc2IDEuNTUgMTNILjA1Qy41NiAxOS4xNiA1LjcxIDI0IDEyIDI0bC42Ni0uMDMtMy44MS0zLjgxLTEuMzMgMS4zMnoiLz48L3N2Zz4="}),(0,w.jsx)("div",{className:x.fL,children:t("configurator.rotate_mobile")})]})}))},19715:(n,e,t)=>{t.r(e),t.d(e,{default:()=>v});var i=t(57851),o=t(9420),d=t(87363),r=t.n(d),a=t(71996),l=t(61912),s=t(86924),u=t(65515),c=t.n(u),g=t(80896),p=t(82458),m=t(5576),x=t(96725),h=t(45393),b=t(27663),f=t(47514),j=r().lazy((function(){return t.e(6201).then(t.bind(t,80158))})),S=r().lazy((function(){return Promise.all([t.e(6770),t.e(2182),t.e(4585),t.e(5492)]).then(t.bind(t,85492))}));const v=(0,o.Pi)((function ProductCenter(n){var e=n.style,t=n.folderPosition,o=void 0===t?"right":t,r=(0,i.NP)(),u=!r.uiState.ViewConfig.hideMobileFolder||r.uiState.ViewConfig.showSettingsFolder&&r.productState.promotionVisible,v=!r.uiState.ViewConfig.hideMobileFolder&&!r.uiState.configSettingsIsFoldedUp&&!r.uiState.configSettingsIsHidden&&r.uiState.isMobilePortrait&&!r.productState.roomListExpanded,w=r.uiState.configSettingsIsHidden&&r.uiState.isInMobileView||r.uiState.ViewConfig.showSettingsFolder&&r.productState.promotionVisible,I=r.productState.doShowRenderImage&&(!r.uiState.ViewConfig.dontShowOrbitInMobile||!r.getIsInMobileView())&&"3DImage"==r.viewPlannerHandler.getCurPlannerViewMode()&&r.productState.doShowRenderImage&&!r.productState.plannerRenderingIsStaticBG;return(0,f.jsxs)("div",{style:e,className:c()(s.i5,r.uiState.isMobilePortrait?s.tW:void 0,r.uiState.isMobileLandscape?s.rK:void 0,r.uiState.configSettingsIsHidden?s.U7:void 0,r.uiState.ViewConfig.landscapeProductNotFullscreen?void 0:s.Gr),children:[(0,f.jsx)(p.default,{}),(0,f.jsx)(l.default,{}),r.productState.allow3DComb&&r.isParentViewVisible&&(0,f.jsx)(d.Suspense,{fallback:(0,f.jsx)(f.Fragment,{}),children:(0,f.jsx)(j,{})}),(0,f.jsx)(g.default,{}),(r.productState.allowRTV||r.productState.allowQRCodeAR)&&r.isParentViewVisible&&(0,f.jsx)(d.Suspense,{fallback:(0,f.jsx)(f.Fragment,{}),children:(0,f.jsx)(S,{})}),I&&(0,f.jsx)(b.default,{}),(0,f.jsx)(a.default,{}),(0,f.jsx)(x.default,{}),(0,f.jsx)(h.default,{}),!r.productState.hidePlannerUiIcons&&!(r.productState.doShowRTV||r.productState.doShow3DComb)&&(0,f.jsx)(m.default,{}),"No"==r.productState.plannerMode&&(0,f.jsx)("div",{className:s.Eg,children:r.productState.articleImage&&(0,f.jsx)("img",{src:r.productState.articleImage,className:s.be})}),u&&(0,f.jsxs)(f.Fragment,{children:[w&&(0,f.jsx)("div",{className:c()(s.i_,"left"===o?s.Lq:void 0),onClick:r.uiState.onClickHideConfigSettings,id:"btnFoldDown"}),v&&(0,f.jsx)("div",{id:"btnFoldUp",className:c()(s.e),onClick:r.uiState.onClickFoldupConfigSettings})]})]})}))},89460:(n,e,t)=>{t.d(e,{Dn:()=>m,Ff:()=>p,NK:()=>g,ZP:()=>x});var i=t(8081),o=t.n(i),d=t(23645),r=t.n(d),a=t(61667),l=t.n(a),s=new URL(t(47129),t.b),u=r()(o()),c=l()(s);u.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("+c+');\n  /*background-image: url("images/Standard/grid_standard.png");*/\n  background-size: 100px 100px;\n  z-index: 0;\n  /* zoom: 200%;*/\n}\n',""]);var g="index-module--e25H_",p="index-module--R7_8F",m="index-module--Dws3z";const x=u},19662:(n,e,t)=>{t.d(e,{Oj:()=>u,ZP:()=>g,ai:()=>l,al:()=>s,jY:()=>a,rK:()=>c});var i=t(8081),o=t.n(i),d=t(23645),r=t.n(d)()(o());r.push([n.id,".index-module--id3ze {\n  right: 0px;\n  bottom: 0px;\n  position: absolute;\n  z-index: 600;\n  opacity: 1;\n  max-width: 30%;\n  max-height: 64px;\n  margin-bottom: 16px;\n  margin-right: 20px;\n}\n\n.index-module--CRC06 {\n  right: auto;\n  right: initial;\n  left: 0px;\n  margin-bottom: 10px;\n  margin-right: 0;\n  margin-right: initial;\n  margin-left: 20px;\n  max-height: 50px;\n}\n\n.index-module--aig60 {\n  opacity: 0;\n}\n\n.index-module--GcdrL {\n  transition: opacity 0.5s;\n}\n\n.index-module--W5fr1.index-module--id3ze {\n  opacity: 0;\n}\n",""]);var a="index-module--id3ze",l="index-module--CRC06",s="index-module--aig60",u="index-module--GcdrL",c="index-module--W5fr1";const g=r},43771:(n,e,t)=>{t.d(e,{YS:()=>u,ZP:()=>p,ai:()=>s,al:()=>l,kT:()=>c,nC:()=>a,pA:()=>g});var i=t(8081),o=t.n(i),d=t(23645),r=t.n(d)()(o());r.push([n.id,".index-module--CGqum {\n  position: absolute;\n  top: 20%;\n  right: 16px;\n  z-index: 700;\n  -webkit-tap-highlight-color: transparent;\n  width: 50px;\n  height: 100%;\n  transition: opacity 0.5s;\n}\n\n.index-module--AUq5n {\n  opacity: 0;\n  z-index: 0;\n}\n\n.index-module--FRx1v.index-module--CGqum {\n  right: auto;\n  right: initial;\n  top: auto;\n  top: initial;\n  bottom: 8px;\n  width: -moz-min-content;\n  width: min-content;\n  max-width: 50%;\n  border-radius: 48px;\n  height: 40px;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n.index-module--j3dty {\n  background-color: #f2f2f2;\n  border-radius: 40px;\n  position: relative;\n  height: -moz-min-content;\n  height: min-content;\n  max-height: 60%;\n  display: flex;\n  padding-left: 7px;\n  padding-right: 7px;\n  overflow: hidden;\n}\n\n.index-module--FRx1v .index-module--j3dty {\n  padding-top: 4px;\n  padding-bottom: 4px;\n  padding-left: 0;\n  padding-left: initial;\n  padding-right: 0;\n  padding-right: initial;\n  width: -moz-min-content;\n  width: min-content;\n  max-width: 100%;\n  height: 32px;\n  max-height: none;\n  max-height: initial;\n  display: block;\n}\n\n.index-module--hdrvj {\n  margin-top: 12px;\n  margin-bottom: 12px;\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat;\n  border: solid #f8f8f8 2px;\n  display: block;\n  cursor: pointer;\n  transition: border-color 200ms ease;\n}\n\n.index-module--FRx1v .index-module--hdrvj {\n  width: 28px;\n  height: 28px;\n  margin-top: 0;\n  margin-top: initial;\n  margin-bottom: 0;\n  margin-bottom: initial;\n  margin-left: 6px;\n  margin-right: 6px;\n}\n\n.index-module--xCTdU.index-module--hdrvj {\n  border: 2px solid #4f4f4f;\n}\n\n.index-module--hdrvj:hover {\n  cursor: pointer;\n  border: solid #9d9d9d 2px;\n}\n",""]);var a="index-module--CGqum",l="index-module--AUq5n",s="index-module--FRx1v",u="index-module--j3dty",c="index-module--hdrvj",g="index-module--xCTdU";const p=r},80292:(n,e,t)=>{t.d(e,{Oj:()=>s,ZP:()=>c,al:()=>l,fL:()=>u,nC:()=>a});var i=t(8081),o=t.n(i),d=t(23645),r=t.n(d)()(o());r.push([n.id,".index-module--N2P6A {\n  bottom: 0px;\n  left: 0px;\n  position: absolute;\n  z-index: 1000;\n  margin-left: 30px;\n  margin-bottom: 20px;\n  opacity: 1;\n  display: flex;\n  align-items: center;\n}\n\n.index-module--WXb38 {\n  opacity: 0;\n}\n\n.index-module--HLqXb {\n  transition: opacity 0.5s;\n}\n.index-module--kwrRG {\n  margin-left: 10px;\n  font-size: 13px;\n}\n",""]);var a="index-module--N2P6A",l="index-module--WXb38",s="index-module--HLqXb",u="index-module--kwrRG";const c=r},109:(n,e,t)=>{t.d(e,{Eg:()=>S,Gr:()=>f,Lq:()=>y,U7:()=>b,Y0:()=>w,Y6:()=>I,ZP:()=>N,be:()=>v,e:()=>A,i5:()=>m,i_:()=>P,nX:()=>D,pI:()=>j,rK:()=>x,tW:()=>h});var i=t(8081),o=t.n(i),d=t(23645),r=t.n(d),a=t(61667),l=t.n(a),s=new URL(t(66993),t.b),u=new URL(t(14060),t.b),c=r()(o()),g=l()(s),p=l()(u);c.push([n.id,".index-module--vorE_ {\n  position: absolute;\n  left: 0px;\n  top: 70.4px;\n  width: 100%;\n  height: calc(100% - 70.4px);\n  position: absolute;\n  width: 100%;\n}\n\n.index-module--gB2ft.index-module--vorE_ {\n  height: calc(100% - 54.4px);\n  top: 54.4px;\n}\n.index-module--oczb9.index-module--vorE_ {\n  height: calc(100% - 54.4px);\n  top: 0;\n}\n\n.index-module--gB2ft.index-module--vorE_ {\n  width: 45%;\n}\n.index-module--gB2ft.index-module--yjHgw.index-module--vorE_ {\n  width: 100%;\n  height: calc(100% - 54.4px);\n  top: 54.4px;\n}\n\n.index-module--rUFyU.index-module--gB2ft.index-module--vorE_ {\n  width: 100%;\n  top: 0px;\n  height: 100%;\n}\n\n.index-module--oczb9.index-module--vorE_ {\n  width: 100%;\n  height: 100%;\n}\n\n.index-module--oczb9.index-module--yjHgw.index-module--vorE_ {\n  width: 100%;\n  height: 100%;\n  top: 0;\n}\n\n.index-module--ns190 {\n  top: -70px;\n  width: 100%;\n  height: calc(100% + 70px);\n  position: absolute;\n}\n\n.index-module--k9Dtu {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n\n.index-module--k9Dtu .index-module--M16ih {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: auto;\n  height: auto;\n  max-width: 100%;\n  max-height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform: translate(-50%, -50%);\n}\n.index-module--bGZ75 {\n  box-sizing: inherit;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  z-index: 5;\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n\n.index-module--J4_kY {\n  box-sizing: inherit;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  z-index: 5;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--HoAjS {\n  background-image: url("+g+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  position: absolute;\n  float: left;\n  width: 52px;\n  height: 52px;\n  bottom: 0px;\n  right: 0px;\n  margin-right: 16px;\n  z-index: 702;\n}\n\n.index-module--gB2ft .index-module--HoAjS {\n  width: 32px;\n  height: 32px;\n}\n.index-module--oczb9 .index-module--HoAjS {\n  background-image: url("+p+");\n  bottom: 9px;\n  transform: rotate(0deg);\n  height: 32px;\n}\n\n.index-module--oczb9 .index-module--HoAjS.index-module--WA0Ly {\n  right: auto;\n  right: initial;\n  left: 8px;\n}\n\n.index-module--yjHgw .index-module--HoAjS {\n  transform: rotate(180deg);\n}\n\n.index-module--NywwO {\n  position: absolute;\n  display: block;\n  width: 16px;\n  height: 32px;\n  bottom: 0px;\n  right: 0px;\n  padding-top: 9.6px;\n  margin-right: var(--foldArrowMarginRight);\n  transition: all 0.35s ease;\n  background-repeat: no-repeat;\n  background-image: url("+p+");\n  background-position: center center;\n  background-size: contain;\n  transform: rotate(180deg);\n  cursor: pointer;\n  z-index: 600;\n}\n\n.index-module--ddqos {\n  z-index: 6;\n  position: absolute;\n  left: 0px;\n  top: 0px;\n}\n",""]);var m="index-module--vorE_",x="index-module--gB2ft",h="index-module--oczb9",b="index-module--yjHgw",f="index-module--rUFyU",j="index-module--ns190",S="index-module--k9Dtu",v="index-module--M16ih",w="index-module--bGZ75",I="index-module--J4_kY",P="index-module--HoAjS",y="index-module--WA0Ly",A="index-module--NywwO",D="index-module--ddqos";const N=c},86924:(n,e,t)=>{t.d(e,{Eg:()=>x.Eg,Gr:()=>x.Gr,Lq:()=>x.Lq,U7:()=>x.U7,Y0:()=>x.Y0,Y6:()=>x.Y6,be:()=>x.be,e:()=>x.e,i5:()=>x.i5,i_:()=>x.i_,nX:()=>x.nX,pI:()=>x.pI,rK:()=>x.rK,tW:()=>x.tW});var i=t(93379),o=t.n(i),d=t(7795),r=t.n(d),a=t(90569),l=t.n(a),s=t(3565),u=t.n(s),c=t(19216),g=t.n(c),p=t(44589),m=t.n(p),x=t(109),h={};h.styleTagTransform=m(),h.setAttributes=u(),h.insert=l().bind(null,"head"),h.domAPI=r(),h.insertStyleElement=g();o()(x.ZP,h),x.ZP&&x.ZP.locals&&x.ZP.locals},66993:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAxMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiM2ZjZmNmY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO308L3N0eWxlPjwvZGVmcz48dGl0bGU+RWxlbWVudCAxPC90aXRsZT48ZyBpZD0iRWJlbmVfMiIgZGF0YS1uYW1lPSJFYmVuZSAyIj48ZyBpZD0iRWJlbmVfMS0yIiBkYXRhLW5hbWU9IkViZW5lIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEwLjUuNWw1LDQuMjktNSw0LjcxIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNLjUuNWw1LDQuMjlMLjUsOS41Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjAuNS41bDUsNC4yOS01LDQuNzEiLz48L2c+PC9nPjwvc3ZnPg=="},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([[9715,4514,7663,2458,5576,5393],{71996:(n,e,t)=>{t.r(e),t.d(e,{default:()=>w});var i=t(57851),o=t(9420),d=t(87363),r=t(93379),a=t.n(r),l=t(7795),s=t.n(l),u=t(90569),c=t.n(u),g=t(3565),p=t.n(g),m=t(19216),x=t.n(m),h=t(44589),b=t.n(h),f=t(89460),j={};j.styleTagTransform=b(),j.setAttributes=p(),j.insert=c().bind(null,"head"),j.domAPI=s(),j.insertStyleElement=x();a()(f.ZP,j);f.ZP&&f.ZP.locals&&f.ZP.locals;var S=t(47514),v=!1;const w=(0,o.Pi)((function Planner2DGrid(n){var e=(0,i.NP)(),t=(0,i._w)(),o=(0,d.useRef)(null);(0,d.useEffect)((function(){o&&(e.productState.setPlanner2DGridElement(o.current),o.current&&t.setGrid2DUIElement(o.current))}),[o]);var r=function on2DPlannerBGClick(n){e.viewPlannerHandler.onClearElementSelection(),n.stopPropagation()};return(0,S.jsxs)("div",{ref:o,className:f.NK,id:"wcConfigurator-grid-container",style:{width:"100%",height:"100%",zIndex:2,visibility:e.productState.doShowGrid?"visible":"hidden"},onClick:r,onTouchStart:function onTouchStart(){v=!1},onTouchMove:function onTouchMove(){v=!0},onTouchEnd:function onTouchEnd(n){v||r(n),v=!1},children:[(0,S.jsx)("canvas",{className:f.Ff,id:"wcConfigurator-grid-2D-canvas"}),(0,S.jsx)("div",{className:f.Dn,style:{zoom:t.get2DGridBackgroundState().zoom,backgroundPosition:t.get2DGridBackgroundState().position.x+"px "+t.get2DGridBackgroundState().position.y+"px"}})]})}))},80896:(n,e,t)=>{t.r(e),t.d(e,{default:()=>r});var i=t(57851),o=(t(87363),t(86924)),d=t(47514);const r=function Planner3DGrid(n){var e=(0,i.NP)();return(0,d.jsx)("div",{ref:function ref(n){return e.productState.setPlanner3DGridElement(n)},id:"diva3dImg_3DGrid",className:o.nX})}},22554:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});var i=t(9420),o=t(57851),d=(t(87363),t(88683)),r=t(93379),a=t.n(r),l=t(7795),s=t.n(l),u=t(90569),c=t.n(u),g=t(3565),p=t.n(g),m=t(19216),x=t.n(m),h=t(44589),b=t.n(h),f=t(19662),j={};j.styleTagTransform=b(),j.setAttributes=p(),j.insert=c().bind(null,"head"),j.domAPI=s(),j.insertStyleElement=x();a()(f.ZP,j);f.ZP&&f.ZP.locals&&f.ZP.locals;var S=t(65515),v=t.n(S),w=t(47514);const I=(0,i.Pi)((function Logo(n){var e=(0,o.NP)(),t=(0,d.useDivaCore)().state.organization.logoUrl;return(e.uiState.isInMobileView||e.uiState.ViewConfig.showLogoInProductDesktop)&&e.uiState.ViewConfig.showLogoInProduct&&t?(0,w.jsx)("img",{className:v()(f.jY,e.getIsInMobileView()?f.ai:void 0,e.productState.orbitHidden?f.Oj:f.al,e.uiState.isMobileLandscape?f.rK:void 0),src:t}):(0,w.jsx)(w.Fragment,{})}))},14514:(n,e,t)=>{t.r(e),t.d(e,{default:()=>r});var i=t(80248),o=(t(87363),t(2765)),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 r=function Image3DNavBar(n){return(0,d.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/ProductCenter/Planner3DImage/NavBar"}))}},27663:(n,e,t)=>{t.r(e),t.d(e,{default:()=>r});var i=t(80248),o=(t(87363),t(2765)),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 r=function OrbitInteraction(n){return(0,d.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/ProductCenter/Planner3DImage/OrbitInteraction"}))}},61912:(n,e,t)=>{t.r(e),t.d(e,{default:()=>s});var i=t(57851),o=t(9420),d=(t(87363),t(14514)),r=t(86924),a=t(22554),l=t(47514);const s=(0,o.Pi)((function Planner3DImage(n){var e=(0,i.NP)();return(0,l.jsxs)("div",{ref:function ref(n){return e.productState.setImage3DElement(n)},className:r.pI,id:"3DImage-Container",style:{visibility:e.productState.doShowRenderImage?"visible":"hidden"},children:[(0,l.jsx)(d.default,{}),(0,l.jsx)("img",{className:e.productState.plannerRenderingIsStaticBG?r.Y6:r.Y0,id:"diva3dImg",draggable:"false",src:e.productState.diva3dImgSrc}),(0,l.jsx)(a.default,{})]})}))},82458:(n,e,t)=>{t.r(e),t.d(e,{default:()=>r});var i=t(80248),o=(t(87363),t(2765)),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 r=function PlannerMsgContainer(n){return(0,d.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/ProductCenter/PlannerMsgContainer"}))}},5576:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});t(87363);var i=t(2765),o=t(47514);const d=function PlannerUIVariant(){return(0,o.jsx)(i.ZP,{componentName:"Product/ProductCenter/PlannerUI/PlannerUIVariants"})}},45393:(n,e,t)=>{t.r(e),t.d(e,{default:()=>y});var i=t(9420),o=t(57851),d=t(87363),r=t(93379),a=t.n(r),l=t(7795),s=t.n(l),u=t(90569),c=t.n(u),g=t(3565),p=t.n(g),m=t(19216),x=t.n(m),h=t(44589),b=t.n(h),f=t(43771),j={};j.styleTagTransform=b(),j.setAttributes=p(),j.insert=c().bind(null,"head"),j.domAPI=s(),j.insertStyleElement=x();a()(f.ZP,j);f.ZP&&f.ZP.locals&&f.ZP.locals;var S=t(65515),v=t.n(S),w=t(42933),I=t(88683),P=t(47514);const y=(0,i.Pi)((function PromotedOpvs(n){var e,t,i=(0,o.NP)(),r=(0,I.useDivaCore)().state.dimensions,a=r.height,l=r.width;(0,d.useEffect)((function(){i.productState.configChangedByPromoOpvs?i.productState.setConfigChangedByPromoOpvs(!1):i.productState.setSelectedPromitionIndex(void 0)}),[i.settingsState.configChanged]);var s=[],u=i.divaWebPlanner.getCatalogData(),c=null==u?void 0:u.promotedOpvs,g=null===(e=i.settingsState.selectedArticles)||void 0===e||null===(e=e[0])||void 0===e?void 0:e.codex;if(i.uiState.isLoading||!g||!c)return(0,P.jsx)(P.Fragment,{});if(!i.productState.promotionVisible||null===(t=c.articles[g])||void 0===t||!t.length)return i.uiState.configSettingsIsHidden&&i.uiState.onClickHideConfigSettings(),(0,P.jsx)(P.Fragment,{});for(var p=function _loop(n){var e=c.articles[g][n],t=u.getOptionValue(e.displayOPV);s.push({swiperSlideStyle:{height:"auto",width:"auto"},content:(0,P.jsx)("span",{onClick:function onClick(t){return i.productState.onPromotionClick(e.variantValues,n)},style:{backgroundImage:"url("+(null!=t&&t.image?u.getCatImageURL(t.image,"_gal"):"")+")"},className:v()(f.kT,i.productState.selectedPromotionIndex===n?f.pA:void 0)},n)})},m=0;m<c.articles[g].length;m++)p(m);var x={type:"SliderContainer",sliderType:i.uiState.isInMobileView?"slideX":"slideY",slidesPerView:"auto",freeMode:!0,allowTouchMove:!0,contents:s,scrollToSelectedItem:!0,mousewheel:!0};return(0,P.jsx)("div",{className:v()(f.nC,i.uiState.isInMobileView?f.ai:void 0,i.uiState.configSettingsIsHidden?void 0:f.al),children:(0,P.jsx)("div",{className:f.YS,children:(0,P.jsx)("div",{children:(0,P.jsx)(w.p,{settings:{contentBoxProps:x}},+a+l)})})})}))},96725:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});t(87363);var i=t(93379),o=t.n(i),d=t(7795),r=t.n(d),a=t(90569),l=t.n(a),s=t(3565),u=t.n(s),c=t(19216),g=t.n(c),p=t(44589),m=t.n(p),x=t(80292),h={};h.styleTagTransform=m(),h.setAttributes=u(),h.insert=l().bind(null,"head"),h.domAPI=r(),h.insertStyleElement=g();o()(x.ZP,h);x.ZP&&x.ZP.locals&&x.ZP.locals;var b=t(57851),f=t(65515),j=t.n(f),S=t(9420),v=t(88683),w=t(47514);const I=(0,S.Pi)((function RotateInfo(n){var e=(0,b.NP)(),t=(0,v.useTranslation)().t;return e.uiState.ViewConfig.landscapeProductNotFullscreen||!e.uiState.isMobileLandscape||e.uiState.isMobilePortrait||e.uiState.ViewConfig.disableLandscape?(0,w.jsx)(w.Fragment,{}):(0,w.jsxs)("div",{className:j()(x.nC,e.productState.orbitHidden?x.Oj:x.al),children:[(0,w.jsx)("img",{src:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTE2LjQ4IDIuNTJjMy4yNyAxLjU1IDUuNjEgNC43MiA1Ljk3IDguNDhoMS41QzIzLjQ0IDQuODQgMTguMjkgMCAxMiAwbC0uNjYuMDMgMy44MSAzLjgxIDEuMzMtMS4zMnptLTYuMjUtLjc3Yy0uNTktLjU5LTEuNTQtLjU5LTIuMTIgMEwxLjc1IDguMTFjLS41OS41OS0uNTkgMS41NCAwIDIuMTJsMTIuMDIgMTIuMDJjLjU5LjU5IDEuNTQuNTkgMi4xMiAwbDYuMzYtNi4zNmMuNTktLjU5LjU5LTEuNTQgMC0yLjEyTDEwLjIzIDEuNzV6bTQuNiAxOS40NEwyLjgxIDkuMTdsNi4zNi02LjM2IDEyLjAyIDEyLjAyLTYuMzYgNi4zNnptLTcuMzEuMjlDNC4yNSAxOS45NCAxLjkxIDE2Ljc2IDEuNTUgMTNILjA1Qy41NiAxOS4xNiA1LjcxIDI0IDEyIDI0bC42Ni0uMDMtMy44MS0zLjgxLTEuMzMgMS4zMnoiLz48L3N2Zz4="}),(0,w.jsx)("div",{className:x.fL,children:t("configurator.rotate_mobile")})]})}))},19715:(n,e,t)=>{t.r(e),t.d(e,{default:()=>v});var i=t(57851),o=t(9420),d=t(87363),r=t.n(d),a=t(71996),l=t(61912),s=t(86924),u=t(65515),c=t.n(u),g=t(80896),p=t(82458),m=t(5576),x=t(96725),h=t(45393),b=t(27663),f=t(47514),j=r().lazy((function(){return t.e(6201).then(t.bind(t,80158))})),S=r().lazy((function(){return Promise.all([t.e(6770),t.e(2182),t.e(4585),t.e(5492)]).then(t.bind(t,85492))}));const v=(0,o.Pi)((function ProductCenter(n){var e=n.style,t=n.folderPosition,o=void 0===t?"right":t,r=(0,i.NP)(),u=!r.uiState.ViewConfig.hideMobileFolder||r.uiState.ViewConfig.showSettingsFolder&&r.productState.promotionVisible,v=!r.uiState.ViewConfig.hideMobileFolder&&!r.uiState.configSettingsIsFoldedUp&&!r.uiState.configSettingsIsHidden&&r.uiState.isMobilePortrait&&!r.productState.roomListExpanded,w=r.uiState.configSettingsIsHidden&&r.uiState.isInMobileView||r.uiState.ViewConfig.showSettingsFolder&&r.productState.promotionVisible,I=r.productState.doShowRenderImage&&(!r.uiState.ViewConfig.dontShowOrbitInMobile||!r.getIsInMobileView())&&"3DImage"==r.viewPlannerHandler.getCurPlannerViewMode()&&r.productState.doShowRenderImage&&!r.productState.plannerRenderingIsStaticBG;return(0,f.jsxs)("div",{style:e,className:c()(s.i5,r.uiState.isMobilePortrait?s.tW:void 0,r.uiState.isMobileLandscape?s.rK:void 0,r.uiState.configSettingsIsHidden?s.U7:void 0,r.uiState.ViewConfig.landscapeProductNotFullscreen?void 0:s.Gr),children:[(0,f.jsx)(p.default,{}),(0,f.jsx)(l.default,{}),r.productState.allow3DComb&&r.isParentViewVisible&&(0,f.jsx)(d.Suspense,{fallback:(0,f.jsx)(f.Fragment,{}),children:(0,f.jsx)(j,{})}),(0,f.jsx)(g.default,{}),(r.productState.allowRTV||r.productState.allowQRCodeAR)&&r.isParentViewVisible&&(0,f.jsx)(d.Suspense,{fallback:(0,f.jsx)(f.Fragment,{}),children:(0,f.jsx)(S,{})}),I&&(0,f.jsx)(b.default,{}),(0,f.jsx)(a.default,{}),(0,f.jsx)(x.default,{}),(0,f.jsx)(h.default,{}),!r.productState.hidePlannerUiIcons&&!(r.productState.doShowRTV||r.productState.doShow3DComb)&&(0,f.jsx)(m.default,{}),"No"==r.productState.plannerMode&&(0,f.jsx)("div",{className:s.Eg,children:r.productState.articleImage&&(0,f.jsx)("img",{src:r.productState.articleImage,className:s.be})}),u&&(0,f.jsxs)(f.Fragment,{children:[w&&(0,f.jsx)("div",{className:c()(s.i_,"left"===o?s.Lq:void 0),onClick:r.uiState.onClickHideConfigSettings,id:"btnFoldDown"}),v&&(0,f.jsx)("div",{id:"btnFoldUp",className:c()(s.e),onClick:r.uiState.onClickFoldupConfigSettings})]})]})}))},89460:(n,e,t)=>{t.d(e,{Dn:()=>m,Ff:()=>p,NK:()=>g,ZP:()=>x});var i=t(8081),o=t.n(i),d=t(23645),r=t.n(d),a=t(61667),l=t.n(a),s=new URL(t(47129),t.b),u=r()(o()),c=l()(s);u.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("+c+');\n  /*background-image: url("images/Standard/grid_standard.png");*/\n  background-size: 100px 100px;\n  z-index: 0;\n  /* zoom: 200%;*/\n}\n',""]);var g="index-module--e25H_",p="index-module--R7_8F",m="index-module--Dws3z";const x=u},19662:(n,e,t)=>{t.d(e,{Oj:()=>u,ZP:()=>g,ai:()=>l,al:()=>s,jY:()=>a,rK:()=>c});var i=t(8081),o=t.n(i),d=t(23645),r=t.n(d)()(o());r.push([n.id,".index-module--id3ze {\n  right: 0px;\n  bottom: 0px;\n  position: absolute;\n  z-index: 600;\n  opacity: 1;\n  max-width: 30%;\n  max-height: 64px;\n  margin-bottom: 16px;\n  margin-right: 20px;\n}\n\n.index-module--CRC06 {\n  right: auto;\n  right: initial;\n  left: 0px;\n  margin-bottom: 10px;\n  margin-right: 0;\n  margin-right: initial;\n  margin-left: 20px;\n  max-height: 50px;\n}\n\n.index-module--aig60 {\n  opacity: 0;\n}\n\n.index-module--GcdrL {\n  transition: opacity 0.5s;\n}\n\n.index-module--W5fr1.index-module--id3ze {\n  opacity: 0;\n}\n",""]);var a="index-module--id3ze",l="index-module--CRC06",s="index-module--aig60",u="index-module--GcdrL",c="index-module--W5fr1";const g=r},43771:(n,e,t)=>{t.d(e,{YS:()=>u,ZP:()=>p,ai:()=>s,al:()=>l,kT:()=>c,nC:()=>a,pA:()=>g});var i=t(8081),o=t.n(i),d=t(23645),r=t.n(d)()(o());r.push([n.id,".index-module--CGqum {\n  position: absolute;\n  top: 20%;\n  right: 16px;\n  z-index: 700;\n  -webkit-tap-highlight-color: transparent;\n  width: 50px;\n  height: 100%;\n  transition: opacity 0.5s;\n}\n\n.index-module--AUq5n {\n  opacity: 0;\n  z-index: 0;\n}\n\n.index-module--FRx1v.index-module--CGqum {\n  right: auto;\n  right: initial;\n  top: auto;\n  top: initial;\n  bottom: 8px;\n  width: -moz-min-content;\n  width: min-content;\n  max-width: 50%;\n  border-radius: 48px;\n  height: 40px;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n.index-module--j3dty {\n  background-color: #f2f2f2;\n  border-radius: 40px;\n  position: relative;\n  height: -moz-min-content;\n  height: min-content;\n  max-height: 60%;\n  display: flex;\n  padding-left: 7px;\n  padding-right: 7px;\n  overflow: hidden;\n}\n\n.index-module--FRx1v .index-module--j3dty {\n  padding-top: 4px;\n  padding-bottom: 4px;\n  padding-left: 0;\n  padding-left: initial;\n  padding-right: 0;\n  padding-right: initial;\n  width: -moz-min-content;\n  width: min-content;\n  max-width: 100%;\n  height: 32px;\n  max-height: none;\n  max-height: initial;\n  display: block;\n}\n\n.index-module--hdrvj {\n  margin-top: 12px;\n  margin-bottom: 12px;\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat;\n  border: solid #f8f8f8 2px;\n  display: block;\n  cursor: pointer;\n  transition: border-color 200ms ease;\n}\n\n.index-module--FRx1v .index-module--hdrvj {\n  width: 28px;\n  height: 28px;\n  margin-top: 0;\n  margin-top: initial;\n  margin-bottom: 0;\n  margin-bottom: initial;\n  margin-left: 6px;\n  margin-right: 6px;\n}\n\n.index-module--xCTdU.index-module--hdrvj {\n  border: 2px solid #4f4f4f;\n}\n\n.index-module--hdrvj:hover {\n  cursor: pointer;\n  border: solid #9d9d9d 2px;\n}\n",""]);var a="index-module--CGqum",l="index-module--AUq5n",s="index-module--FRx1v",u="index-module--j3dty",c="index-module--hdrvj",g="index-module--xCTdU";const p=r},80292:(n,e,t)=>{t.d(e,{Oj:()=>s,ZP:()=>c,al:()=>l,fL:()=>u,nC:()=>a});var i=t(8081),o=t.n(i),d=t(23645),r=t.n(d)()(o());r.push([n.id,".index-module--N2P6A {\n  bottom: 0px;\n  left: 0px;\n  position: absolute;\n  z-index: 1000;\n  margin-left: 30px;\n  margin-bottom: 20px;\n  opacity: 1;\n  display: flex;\n  align-items: center;\n}\n\n.index-module--WXb38 {\n  opacity: 0;\n}\n\n.index-module--HLqXb {\n  transition: opacity 0.5s;\n}\n.index-module--kwrRG {\n  margin-left: 10px;\n  font-size: 13px;\n}\n",""]);var a="index-module--N2P6A",l="index-module--WXb38",s="index-module--HLqXb",u="index-module--kwrRG";const c=r},109:(n,e,t)=>{t.d(e,{Eg:()=>S,Gr:()=>f,Lq:()=>y,U7:()=>b,Y0:()=>w,Y6:()=>I,ZP:()=>N,be:()=>v,e:()=>A,i5:()=>m,i_:()=>P,nX:()=>D,pI:()=>j,rK:()=>x,tW:()=>h});var i=t(8081),o=t.n(i),d=t(23645),r=t.n(d),a=t(61667),l=t.n(a),s=new URL(t(66993),t.b),u=new URL(t(14060),t.b),c=r()(o()),g=l()(s),p=l()(u);c.push([n.id,".index-module--vorE_ {\n  position: absolute;\n  left: 0px;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  width: 100%;\n}\n\n.index-module--gB2ft.index-module--vorE_ {\n  height: calc(100% - 54.4px);\n  top: 54.4px;\n}\n.index-module--oczb9.index-module--vorE_ {\n  height: calc(100% - 54.4px);\n  top: 0;\n}\n\n.index-module--gB2ft.index-module--vorE_ {\n  width: 45%;\n}\n.index-module--gB2ft.index-module--yjHgw.index-module--vorE_ {\n  width: 100%;\n  height: calc(100% - 54.4px);\n  top: 54.4px;\n}\n\n.index-module--rUFyU.index-module--gB2ft.index-module--vorE_ {\n  width: 100%;\n  top: 0px;\n  height: 100%;\n}\n\n.index-module--oczb9.index-module--vorE_ {\n  width: 100%;\n  height: 100%;\n}\n\n.index-module--oczb9.index-module--yjHgw.index-module--vorE_ {\n  width: 100%;\n  height: 100%;\n  top: 0;\n}\n\n.index-module--ns190 {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n}\n\n.index-module--k9Dtu {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n\n.index-module--k9Dtu .index-module--M16ih {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: auto;\n  height: auto;\n  max-width: 100%;\n  max-height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform: translate(-50%, -50%);\n}\n.index-module--bGZ75 {\n  box-sizing: inherit;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  z-index: 5;\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n\n.index-module--J4_kY {\n  box-sizing: inherit;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  z-index: 5;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--HoAjS {\n  background-image: url("+g+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  position: absolute;\n  float: left;\n  width: 52px;\n  height: 52px;\n  bottom: 0px;\n  right: 0px;\n  margin-right: 16px;\n  z-index: 702;\n}\n\n.index-module--gB2ft .index-module--HoAjS {\n  width: 32px;\n  height: 32px;\n}\n.index-module--oczb9 .index-module--HoAjS {\n  background-image: url("+p+");\n  bottom: 9px;\n  transform: rotate(0deg);\n  height: 32px;\n}\n\n.index-module--oczb9 .index-module--HoAjS.index-module--WA0Ly {\n  right: auto;\n  right: initial;\n  left: 8px;\n}\n\n.index-module--yjHgw .index-module--HoAjS {\n  transform: rotate(180deg);\n}\n\n.index-module--NywwO {\n  position: absolute;\n  display: block;\n  width: 16px;\n  height: 32px;\n  bottom: 0px;\n  right: 0px;\n  padding-top: 9.6px;\n  margin-right: var(--foldArrowMarginRight);\n  transition: all 0.35s ease;\n  background-repeat: no-repeat;\n  background-image: url("+p+");\n  background-position: center center;\n  background-size: contain;\n  transform: rotate(180deg);\n  cursor: pointer;\n  z-index: 600;\n}\n\n.index-module--ddqos {\n  z-index: 6;\n  position: absolute;\n  left: 0px;\n  top: 0px;\n}\n",""]);var m="index-module--vorE_",x="index-module--gB2ft",h="index-module--oczb9",b="index-module--yjHgw",f="index-module--rUFyU",j="index-module--ns190",S="index-module--k9Dtu",v="index-module--M16ih",w="index-module--bGZ75",I="index-module--J4_kY",P="index-module--HoAjS",y="index-module--WA0Ly",A="index-module--NywwO",D="index-module--ddqos";const N=c},86924:(n,e,t)=>{t.d(e,{Eg:()=>x.Eg,Gr:()=>x.Gr,Lq:()=>x.Lq,U7:()=>x.U7,Y0:()=>x.Y0,Y6:()=>x.Y6,be:()=>x.be,e:()=>x.e,i5:()=>x.i5,i_:()=>x.i_,nX:()=>x.nX,pI:()=>x.pI,rK:()=>x.rK,tW:()=>x.tW});var i=t(93379),o=t.n(i),d=t(7795),r=t.n(d),a=t(90569),l=t.n(a),s=t(3565),u=t.n(s),c=t(19216),g=t.n(c),p=t(44589),m=t.n(p),x=t(109),h={};h.styleTagTransform=m(),h.setAttributes=u(),h.insert=l().bind(null,"head"),h.domAPI=r(),h.insertStyleElement=g();o()(x.ZP,h),x.ZP&&x.ZP.locals&&x.ZP.locals},66993:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAxMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiM2ZjZmNmY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO308L3N0eWxlPjwvZGVmcz48dGl0bGU+RWxlbWVudCAxPC90aXRsZT48ZyBpZD0iRWJlbmVfMiIgZGF0YS1uYW1lPSJFYmVuZSAyIj48ZyBpZD0iRWJlbmVfMS0yIiBkYXRhLW5hbWU9IkViZW5lIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEwLjUuNWw1LDQuMjktNSw0LjcxIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNLjUuNWw1LDQuMjlMLjUsOS41Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjAuNS41bDUsNC4yOS01LDQuNzEiLz48L2c+PC9nPjwvc3ZnPg=="},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=="}}]);