@crystaldesign/diva-web-planner-react 25.9.0-beta.35 → 25.9.0-beta.37

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

@@ -1,2 +1,2 @@
 /*! For license information please see 4581.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4581],{14581:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _model__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(7097),mobx_react_lite__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(9420),react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(87363),react__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__),_index_module_css__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(35141),classnames__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(65515),classnames__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_4__),_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(88683),_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5__),_GlobalElements_Checkout__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(38557),_GlobalElements_Checkout_IconComponent__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(39667),_Navigation_standard_index_module_css__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(40976),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(47514),BasketActionStandard=function BasketActionStandard(e){var n,_=e.buttonTextClassName,o=void 0===_?_index_module_css__WEBPACK_IMPORTED_MODULE_3__.UU:_,i=e.buttonPriceClassName,r=void 0===i?_index_module_css__WEBPACK_IMPORTED_MODULE_3__.QD:i,a=e.containerClassName,t=e.price,d=e.showCheckoutButtons,l=(0,_model__WEBPACK_IMPORTED_MODULE_0__.NP)(),u=(0,_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5__.useDivaCore)().state.hidePrices,c=(0,_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5__.useTranslation)().t;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div",{className:classnames__WEBPACK_IMPORTED_MODULE_4___default()(_index_module_css__WEBPACK_IMPORTED_MODULE_3__.tM,a),children:[d&&(null===(n=l.uiState.checkoutConfig)||void 0===n?void 0:n.buttons.map((function(e,n){return evalVisible(e,l)?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div",{className:_Navigation_standard_index_module_css__WEBPACK_IMPORTED_MODULE_8__.rK,onClick:function onClick(){return(0,_GlobalElements_Checkout__WEBPACK_IMPORTED_MODULE_6__.onClickCheckout)(e,l,n,c)},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_GlobalElements_Checkout_IconComponent__WEBPACK_IMPORTED_MODULE_7__.default,{checkoutButton:e,size:32})},n):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.Fragment,{})}))),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div",{className:_index_module_css__WEBPACK_IMPORTED_MODULE_3__.m2,onClick:function onClick(){return l.actionButtonState.onClickAddToBasket(l)},id:"wcConfigurator-action-tobasket",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div",{className:o,children:c("configurator.ADD_TO_BASKET")}),!u&&"horizontal"==l.tabGroupState.curTabGroupType&&t&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div",{className:r,children:t})]})]})};const __WEBPACK_DEFAULT_EXPORT__=(0,mobx_react_lite__WEBPACK_IMPORTED_MODULE_1__.Pi)(BasketActionStandard);var evalVisible=function evalVisible(button,viewHandler){var rule=button.visibleNavigatorFunction;return!(button.visibleRule&&!eval(button.visibleRule))&&(!1!==rule&&void 0!==rule&&(!0===rule||viewHandler.uiState.isMobileLandscape&&rule.includes("MOBILE_L")||viewHandler.uiState.isMobilePortrait&&rule.includes("MOBILE_P")||!viewHandler.getIsInMobileView()&&rule.includes("DESKTOP")))}},38921:(e,n,_)=>{_.d(n,{QD:()=>x,UU:()=>g,ZP:()=>E,m2:()=>m,tM:()=>s});var o=_(8081),i=_.n(o),r=_(23645),a=_.n(r),t=_(61667),d=_.n(t),l=new URL(_(2431),_.b),u=a()(i()),c=d()(l);u.push([e.id,".index-module--NTXww {\n  background: rgba(242.2, 242.2, 242.2, 0.9);\n  transition: width 0.2s ease-in-out;\n  display: flex;\n}\n\n.index-module--g_4ro {\n  background-color: var(--primaryColor);\n  background-color: var(--saveButton, var(--primaryColor));\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--saveButton, var(--primaryColor)) solid;\n  border-radius: var(--globalBorderRadius);\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  line-height: var(--lineHeight1);\n  font-weight: var(--fontWeight1);\n  height: calc(100% - 2px);\n  font-size: 14px;\n  color: white;\n  flex-grow: 1;\n  -webkit-text-stroke: 0px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n}\n\n.index-module--HEZNE .index-module--g_4ro {\n  pointer-events: none;\n  background-color: #c25353;\n  border-color: #c25353;\n}\n\n.index-module--g_4ro:hover {\n  background-color: var(--diva-theme-palette-primary-dark);\n  border-color: var(--diva-theme-palette-primary-dark);\n  cursor: pointer;\n  transition:\n    box-shadow 0.3s ease,\n    background-color 0.3s ease,\n    border-color 0.3s ease;\n\n  box-shadow: 0px 1px 4px #707070;\n}\n\n.index-module--gle4T {\n  float: right;\n  margin-right: 10%;\n}\n.index-module--li8pV {\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  width: 50%;\n  height: 50%;\n  transform: translate(-50%, -50%);\n  left: 50%;\n  top: 50%;\n  position: absolute;\n}\n\n.index-module--gDeD1 .index-module--NTXww {\n  /*auser In die Zusammenfassung wird ausgeblendet*/\n  display: none;\n}\n.index-module--gDeD1 .index-module--xOi7v.index-module--xjW3V .index-module--NTXww {\n  display: none;\n}\n\n.index-module--gDeD1 .index-module--NTXww .index-module--g_4ro {\n  line-height: var(--configuratorActionHeight);\n}\n.index-module--g_4ro .index-module--CSmEc {\n  margin-top: 0px;\n}\n\n.index-module--gDeD1 .index-module--g_4ro .index-module--CSmEc,\n.index-module--MQ04O .index-module--g_4ro .index-module--CSmEc {\n  margin-top: 0px;\n}\n\n.index-module--CSmEc {\n  float: left;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n",""]);var s="index-module--NTXww",m="index-module--g_4ro",x="index-module--gle4T",g="index-module--CSmEc";const E=u},28717:(e,n,_)=>{_.d(n,{$t:()=>x,FN:()=>E,Is:()=>g,KR:()=>l,LI:()=>u,Qv:()=>M,ZP:()=>v,jl:()=>t,nC:()=>d,op:()=>s,ox:()=>m,rK:()=>c,tW:()=>b});var o=_(8081),i=_.n(o),r=_(23645),a=_.n(r)()(i());a.push([e.id,"/*Navigaton Buttons*/\n.index-module--Ug06K {\n  transition: width 0.2s ease-in-out;\n}\n\n.index-module--uMdxf {\n  height: 100%;\n  font-weight: 300;\n  font-size: 14px;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  width: 100%;\n  display: flex;\n  gap: 3px;\n}\n.index-module--j2X1m .index-module--uMdxf {\n  line-height: var(--configuratorActionHeight);\n}\n\n.index-module--NUblS {\n  border-radius: var(--globalBorderRadius);\n  height: 100%;\n  text-align: center;\n}\n\n.index-module--mfwxp {\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--vWg5_ {\n  border: 1px var(--secondaryColor) solid;\n  border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n  background-color: white;\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--IneQR {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  background-color: var(--navigateForth, var(--secondaryColor));\n  color: #ffffff;\n  color: var(--navigateForthFontColor, #ffffff);\n  float: right;\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-grow: 3;\n}\n\n.index-module--vWg5_:hover,\n.index-module--IneQR:hover {\n  cursor: pointer;\n  box-shadow: var(--boxShadowHover);\n}\n.index-module--IneQR svg {\n  transform: rotate(180deg);\n  position: absolute;\n  right: 16px;\n}\n\n.index-module--n4fFc .index-module--IneQR {\n  pointer-events: none;\n  background-color: #707070;\n  background-color: var(--navigateForth, #707070);\n  border-color: #707070;\n}\n\n.index-module--YJM3e .index-module--vWg5_ {\n  width: 100%;\n}\n\n.index-module--YJM3e .index-module--IneQR {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--vWg5_ {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--IneQR {\n  width: 100%;\n}\n\n.index-module--CVPGS .index-module--NUblS,\n.index-module--KE5Qn .index-module--NUblS {\n  line-height: calc(var(--configuratorActionHeight) - 5px);\n  border-radius: var(--globalBorderRadius);\n}\n",""]);var t="index-module--Ug06K",d="index-module--uMdxf",l="index-module--j2X1m",u="index-module--NUblS",c="index-module--mfwxp",s="index-module--vWg5_",m="index-module--IneQR",x="index-module--n4fFc",g="index-module--YJM3e",E="index-module--X2uG9",M="index-module--CVPGS",b="index-module--KE5Qn";const v=a},35141:(e,n,_)=>{_.d(n,{QD:()=>g.QD,UU:()=>g.UU,m2:()=>g.m2,tM:()=>g.tM});var o=_(93379),i=_.n(o),r=_(7795),a=_.n(r),t=_(90569),d=_.n(t),l=_(3565),u=_.n(l),c=_(19216),s=_.n(c),m=_(44589),x=_.n(m),g=_(38921),E={};E.styleTagTransform=x(),E.setAttributes=u(),E.insert=d().bind(null,"head"),E.domAPI=a(),E.insertStyleElement=s();i()(g.ZP,E),g.ZP&&g.ZP.locals&&g.ZP.locals},40976:(e,n,_)=>{_.d(n,{$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 o=_(93379),i=_.n(o),r=_(7795),a=_.n(r),t=_(90569),d=_.n(t),l=_(3565),u=_.n(l),c=_(19216),s=_.n(c),m=_(44589),x=_.n(m),g=_(28717),E={};E.styleTagTransform=x(),E.setAttributes=u(),E.insert=d().bind(null,"head"),E.domAPI=a(),E.insertStyleElement=s();i()(g.ZP,E),g.ZP&&g.ZP.locals&&g.ZP.locals},2431:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyNCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUgzLjcwNjQ3QzQuMTcxMjIgMSA0LjU3NDcxIDEuMzIwMTggNC42ODAzMSAxLjc3Mjc3TDUuNjY2NjcgNk01LjY2NjY3IDZMNy44MTk2OSAxNS4yMjcyQzcuOTI1MjkgMTUuNjc5OCA4LjMyODc4IDE2IDguNzkzNTMgMTZIMTkuNzE5MkMyMC4xNzgxIDE2IDIwLjU3ODEgMTUuNjg3NyAyMC42ODk0IDE1LjI0MjVMMjIuNjg5NCA3LjI0MjUzQzIyLjg0NzIgNi42MTEzOSAyMi4zNjk4IDYgMjEuNzE5MiA2SDUuNjY2NjdaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxjaXJjbGUgY3g9IjEwIiBjeT0iMjAiIHI9IjEuMjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPGNpcmNsZSBjeD0iMTgiIGN5PSIyMCIgcj0iMS4yNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4KCg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4581],{14581:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _model__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(9733),mobx_react_lite__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(9420),react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(87363),react__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__),_index_module_css__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(35141),classnames__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(65515),classnames__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_4__),_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(88683),_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5__),_GlobalElements_Checkout__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(38557),_GlobalElements_Checkout_IconComponent__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(39667),_Navigation_standard_index_module_css__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(40976),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(47514),BasketActionStandard=function BasketActionStandard(e){var n,_=e.buttonTextClassName,o=void 0===_?_index_module_css__WEBPACK_IMPORTED_MODULE_3__.UU:_,i=e.buttonPriceClassName,r=void 0===i?_index_module_css__WEBPACK_IMPORTED_MODULE_3__.QD:i,a=e.containerClassName,t=e.price,d=e.showCheckoutButtons,l=(0,_model__WEBPACK_IMPORTED_MODULE_0__.NP)(),u=(0,_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5__.useDivaCore)().state.hidePrices,c=(0,_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5__.useTranslation)().t;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div",{className:classnames__WEBPACK_IMPORTED_MODULE_4___default()(_index_module_css__WEBPACK_IMPORTED_MODULE_3__.tM,a),children:[d&&(null===(n=l.uiState.checkoutConfig)||void 0===n?void 0:n.buttons.map((function(e,n){return evalVisible(e,l)?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div",{className:_Navigation_standard_index_module_css__WEBPACK_IMPORTED_MODULE_8__.rK,onClick:function onClick(){return(0,_GlobalElements_Checkout__WEBPACK_IMPORTED_MODULE_6__.onClickCheckout)(e,l,n,c)},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_GlobalElements_Checkout_IconComponent__WEBPACK_IMPORTED_MODULE_7__.default,{checkoutButton:e,size:32})},n):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.Fragment,{})}))),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div",{className:_index_module_css__WEBPACK_IMPORTED_MODULE_3__.m2,onClick:function onClick(){return l.actionButtonState.onClickAddToBasket(l)},id:"wcConfigurator-action-tobasket",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div",{className:o,children:c("configurator.ADD_TO_BASKET")}),!u&&"horizontal"==l.tabGroupState.curTabGroupType&&t&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div",{className:r,children:t})]})]})};const __WEBPACK_DEFAULT_EXPORT__=(0,mobx_react_lite__WEBPACK_IMPORTED_MODULE_1__.Pi)(BasketActionStandard);var evalVisible=function evalVisible(button,viewHandler){var rule=button.visibleNavigatorFunction;return!(button.visibleRule&&!eval(button.visibleRule))&&(!1!==rule&&void 0!==rule&&(!0===rule||viewHandler.uiState.isMobileLandscape&&rule.includes("MOBILE_L")||viewHandler.uiState.isMobilePortrait&&rule.includes("MOBILE_P")||!viewHandler.getIsInMobileView()&&rule.includes("DESKTOP")))}},38921:(e,n,_)=>{_.d(n,{QD:()=>x,UU:()=>g,ZP:()=>E,m2:()=>m,tM:()=>s});var o=_(8081),i=_.n(o),r=_(23645),a=_.n(r),t=_(61667),d=_.n(t),l=new URL(_(2431),_.b),u=a()(i()),c=d()(l);u.push([e.id,".index-module--NTXww {\n  background: rgba(242.2, 242.2, 242.2, 0.9);\n  transition: width 0.2s ease-in-out;\n  display: flex;\n}\n\n.index-module--g_4ro {\n  background-color: var(--primaryColor);\n  background-color: var(--saveButton, var(--primaryColor));\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--saveButton, var(--primaryColor)) solid;\n  border-radius: var(--globalBorderRadius);\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  line-height: var(--lineHeight1);\n  font-weight: var(--fontWeight1);\n  height: calc(100% - 2px);\n  font-size: 14px;\n  color: white;\n  flex-grow: 1;\n  -webkit-text-stroke: 0px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n}\n\n.index-module--HEZNE .index-module--g_4ro {\n  pointer-events: none;\n  background-color: #c25353;\n  border-color: #c25353;\n}\n\n.index-module--g_4ro:hover {\n  background-color: var(--diva-theme-palette-primary-dark);\n  border-color: var(--diva-theme-palette-primary-dark);\n  cursor: pointer;\n  transition:\n    box-shadow 0.3s ease,\n    background-color 0.3s ease,\n    border-color 0.3s ease;\n\n  box-shadow: 0px 1px 4px #707070;\n}\n\n.index-module--gle4T {\n  float: right;\n  margin-right: 10%;\n}\n.index-module--li8pV {\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  width: 50%;\n  height: 50%;\n  transform: translate(-50%, -50%);\n  left: 50%;\n  top: 50%;\n  position: absolute;\n}\n\n.index-module--gDeD1 .index-module--NTXww {\n  /*auser In die Zusammenfassung wird ausgeblendet*/\n  display: none;\n}\n.index-module--gDeD1 .index-module--xOi7v.index-module--xjW3V .index-module--NTXww {\n  display: none;\n}\n\n.index-module--gDeD1 .index-module--NTXww .index-module--g_4ro {\n  line-height: var(--configuratorActionHeight);\n}\n.index-module--g_4ro .index-module--CSmEc {\n  margin-top: 0px;\n}\n\n.index-module--gDeD1 .index-module--g_4ro .index-module--CSmEc,\n.index-module--MQ04O .index-module--g_4ro .index-module--CSmEc {\n  margin-top: 0px;\n}\n\n.index-module--CSmEc {\n  float: left;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n",""]);var s="index-module--NTXww",m="index-module--g_4ro",x="index-module--gle4T",g="index-module--CSmEc";const E=u},28717:(e,n,_)=>{_.d(n,{$t:()=>x,FN:()=>E,Is:()=>g,KR:()=>l,LI:()=>u,Qv:()=>M,ZP:()=>v,jl:()=>t,nC:()=>d,op:()=>s,ox:()=>m,rK:()=>c,tW:()=>b});var o=_(8081),i=_.n(o),r=_(23645),a=_.n(r)()(i());a.push([e.id,"/*Navigaton Buttons*/\n.index-module--Ug06K {\n  transition: width 0.2s ease-in-out;\n}\n\n.index-module--uMdxf {\n  height: 100%;\n  font-weight: 300;\n  font-size: 14px;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  width: 100%;\n  display: flex;\n  gap: 3px;\n}\n.index-module--j2X1m .index-module--uMdxf {\n  line-height: var(--configuratorActionHeight);\n}\n\n.index-module--NUblS {\n  border-radius: var(--globalBorderRadius);\n  height: 100%;\n  text-align: center;\n}\n\n.index-module--mfwxp {\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--vWg5_ {\n  border: 1px var(--secondaryColor) solid;\n  border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n  background-color: white;\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--IneQR {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  background-color: var(--navigateForth, var(--secondaryColor));\n  color: #ffffff;\n  color: var(--navigateForthFontColor, #ffffff);\n  float: right;\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-grow: 3;\n}\n\n.index-module--vWg5_:hover,\n.index-module--IneQR:hover {\n  cursor: pointer;\n  box-shadow: var(--boxShadowHover);\n}\n.index-module--IneQR svg {\n  transform: rotate(180deg);\n  position: absolute;\n  right: 16px;\n}\n\n.index-module--n4fFc .index-module--IneQR {\n  pointer-events: none;\n  background-color: #707070;\n  background-color: var(--navigateForth, #707070);\n  border-color: #707070;\n}\n\n.index-module--YJM3e .index-module--vWg5_ {\n  width: 100%;\n}\n\n.index-module--YJM3e .index-module--IneQR {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--vWg5_ {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--IneQR {\n  width: 100%;\n}\n\n.index-module--CVPGS .index-module--NUblS,\n.index-module--KE5Qn .index-module--NUblS {\n  line-height: calc(var(--configuratorActionHeight) - 5px);\n  border-radius: var(--globalBorderRadius);\n}\n",""]);var t="index-module--Ug06K",d="index-module--uMdxf",l="index-module--j2X1m",u="index-module--NUblS",c="index-module--mfwxp",s="index-module--vWg5_",m="index-module--IneQR",x="index-module--n4fFc",g="index-module--YJM3e",E="index-module--X2uG9",M="index-module--CVPGS",b="index-module--KE5Qn";const v=a},35141:(e,n,_)=>{_.d(n,{QD:()=>g.QD,UU:()=>g.UU,m2:()=>g.m2,tM:()=>g.tM});var o=_(93379),i=_.n(o),r=_(7795),a=_.n(r),t=_(90569),d=_.n(t),l=_(3565),u=_.n(l),c=_(19216),s=_.n(c),m=_(44589),x=_.n(m),g=_(38921),E={};E.styleTagTransform=x(),E.setAttributes=u(),E.insert=d().bind(null,"head"),E.domAPI=a(),E.insertStyleElement=s();i()(g.ZP,E),g.ZP&&g.ZP.locals&&g.ZP.locals},40976:(e,n,_)=>{_.d(n,{$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 o=_(93379),i=_.n(o),r=_(7795),a=_.n(r),t=_(90569),d=_.n(t),l=_(3565),u=_.n(l),c=_(19216),s=_.n(c),m=_(44589),x=_.n(m),g=_(28717),E={};E.styleTagTransform=x(),E.setAttributes=u(),E.insert=d().bind(null,"head"),E.domAPI=a(),E.insertStyleElement=s();i()(g.ZP,E),g.ZP&&g.ZP.locals&&g.ZP.locals},2431:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyNCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUgzLjcwNjQ3QzQuMTcxMjIgMSA0LjU3NDcxIDEuMzIwMTggNC42ODAzMSAxLjc3Mjc3TDUuNjY2NjcgNk01LjY2NjY3IDZMNy44MTk2OSAxNS4yMjcyQzcuOTI1MjkgMTUuNjc5OCA4LjMyODc4IDE2IDguNzkzNTMgMTZIMTkuNzE5MkMyMC4xNzgxIDE2IDIwLjU3ODEgMTUuNjg3NyAyMC42ODk0IDE1LjI0MjVMMjIuNjg5NCA3LjI0MjUzQzIyLjg0NzIgNi42MTEzOSAyMi4zNjk4IDYgMjEuNzE5MiA2SDUuNjY2NjdaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxjaXJjbGUgY3g9IjEwIiBjeT0iMjAiIHI9IjEuMjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPGNpcmNsZSBjeD0iMTgiIGN5PSIyMCIgcj0iMS4yNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4KCg=="}}]);

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

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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 4777.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4777],{74777:(e,t,n)=>{n.r(t),n.d(t,{default:()=>I});var r=n(13125),i=n(43860),a=n(80248),o=n(51602),s=n(88683),d={uniforms:{tDiffuse:{value:null},opacity:{value:1},backgroundImg:{value:null}},vertexShader:["varying vec2 vUv;","void main() {","\tvUv = uv;","\tgl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );","}"].join("\n"),fragmentShader:["uniform float opacity;","uniform sampler2D tDiffuse;","uniform sampler2D backgroundImg;","varying vec2 vUv;","void main() {","\tvec4 texelForground = texture2D( tDiffuse, vUv );","   float brightness =  0.34 * texelForground.x + 0.5 *texelForground.y + 0.16 * texelForground.z; ","\tvec4 texelBackground = texture2D( backgroundImg, vUv );","   if( texelForground.w < 0.001){","       gl_FragColor = vec4(0, 0, 0, 0.0);","   }","   else if( texelBackground.x <  0.3 ){","       gl_FragColor = vec4(brightness,brightness,brightness, texelForground.w)* 0.8;","   }","   else {","       gl_FragColor = (1.0 - opacity) * vec4(brightness,brightness,brightness,texelForground.w);","   }","}"].join("\n")},l=n(82042),c=n(92528),h=n(3259),g=n(48655),u=n(27754),v=(0,s.getLogger)("Planner","Planner3DGrid"),m=function(){return(0,i.Z)((function Planner3DGrid(e,t){var n=this;(0,r.Z)(this,Planner3DGrid),(0,a.Z)(this,"autoDockingDistance",40),(0,a.Z)(this,"threeContainer",void 0),(0,a.Z)(this,"doShow3DGrid",!1),(0,a.Z)(this,"updatePlannerTrans",void 0),(0,a.Z)(this,"clearSelectionFrom3DGrid",void 0),(0,a.Z)(this,"getAllPlannedElements",void 0),(0,a.Z)(this,"groundPlane",void 0),(0,a.Z)(this,"camera",void 0),(0,a.Z)(this,"renderer",void 0),(0,a.Z)(this,"scene",void 0),(0,a.Z)(this,"sceneTree",void 0),(0,a.Z)(this,"backgroundTex",void 0),(0,a.Z)(this,"backGroundTexChanged",!1),(0,a.Z)(this,"canvasWidth",void 0),(0,a.Z)(this,"canvasHeight",void 0),(0,a.Z)(this,"moveIconPerspective",void 0),(0,a.Z)(this,"rotateIconPerspective",void 0),(0,a.Z)(this,"rotationCenter",void 0),(0,a.Z)(this,"isTransforming",!1),(0,a.Z)(this,"transformWorldPosLastFrame",void 0),(0,a.Z)(this,"curSelectedElement",void 0),(0,a.Z)(this,"blenderPass",null),(0,a.Z)(this,"composer",null),(0,a.Z)(this,"onMouseUpClearSelection",(function(e){n.clearSelectionFrom3DGrid(),n.threeContainer.removeEventListener("mouseup",n.onMouseUpClearSelection)})),(0,a.Z)(this,"getIntersectsGroundPlane",(function(e,t){if(n.camera){var r=new l.iMs,i=new l.Pa4;return e=e/n.canvasWidth*2-1,t=-t/n.canvasHeight*2+1,i.set(e,t,.5),r.setFromCamera(new l.FM8(i.x,i.y),n.camera),r.intersectObject(n.groundPlane,!0)}})),(0,a.Z)(this,"startMove",(function(e,t){n.isTransforming=!0;var r=n.getAllPlannedElements();r.has(e)&&(n.clearSceneTree(),r.forEach((function(e,t){for(var r=0;r<e.length;r++)n.updatePlannerElement(e[r])})),v.debug("Start transforming","Planner3DGrid"),n.updatePlannerTrans(e,t,new o.P(0,0,0),0,5,"START",n.autoDockingDistance))})),(0,a.Z)(this,"stopMove",(function(e,t){v.debug("Stop transforming","Planner3DGrid"),n.isTransforming=!1,n.transformWorldPosLastFrame=void 0,null!=n.curSelectedElement&&n.updatePlannerTrans(e,t,new o.P(0,0,0),0,5,"END",n.autoDockingDistance)})),(0,a.Z)(this,"startRotation",(function(e,t){n.isTransforming=!0;var r=n.getAllPlannedElements();r.has(e)&&(n.clearSceneTree(),r.forEach((function(e,t){for(var r=0;r<e.length;r++)n.updatePlannerElement(e[r])})),n.rotationCenter=void 0,n.updatePlannerTrans(e,t,new o.P(0,0,0),0,5,"START",n.autoDockingDistance))})),(0,a.Z)(this,"stopRotation",(function(e,t){n.isTransforming=!1,n.rotationCenter=void 0,n.updatePlannerTrans(e,t,new o.P(0,0,0),0,5,"END",n.autoDockingDistance)})),(0,a.Z)(this,"handleTranslation",(function(e,t,r){var i=n.getIntersectsGroundPlane(r.x,r.y);if(i.length>0){var a,s=new o.FM(i[0].point.x,i[0].point.z);if(v.debug("MOVE TO WORLD POS "+s.toString(),"Planner3DGrid"),!n.transformWorldPosLastFrame)return void(n.transformWorldPosLastFrame=s);var d=new o.FM(s.x-n.transformWorldPosLastFrame.x,s.y-n.transformWorldPosLastFrame.y),l=null===(a=n.sceneTree)||void 0===a?void 0:a.get(e).get(t);if(!l)return;l.position.x+=d.x,l.position.z+=d.y,null!=n.curSelectedElement&&n.updatePlannerTrans(n.curSelectedElement.getSetId(),n.curSelectedElement.getElementId(),new o.P(100*d.x,0,100*d.y),0,5,"UPDATE",n.autoDockingDistance),n.transformWorldPosLastFrame=s}})),(0,a.Z)(this,"handleRotation",(function(e,t,r){var i=n.getIntersectsGroundPlane(r.x,r.y);if(i.length>0){var a,s=null===(a=n.sceneTree)||void 0===a?void 0:a.get(e).get(t);if(!s)return;var d=new o.FM(i[0].point.x,i[0].point.z);if(n.rotationCenter){var l=new o.FM(d.x-s.position.x,d.y-s.position.z),c=new o.FM(0,1),h=o.FM.angleRad(l,c);d.x<s.position.x&&(h=2*Math.PI-h);var g=s.rotation.z-h;s.rotation.z=h,null!=n.curSelectedElement&&n.updatePlannerTrans(n.curSelectedElement.getSetId(),n.curSelectedElement.getElementId(),new o.P(0,0,0),180*g/Math.PI,5,"UPDATE",n.autoDockingDistance)}else n.rotationCenter=d}})),(0,a.Z)(this,"run",(function(){if(n.doShow3DGrid&&null!=n.renderer&&null!=n.backgroundTex){var e=n,t=n.isTransforming?30:10;setTimeout((function(){var t;null===(t=requestAnimationFrame)||void 0===t||t(e.run)}),1e3/t),n.backGroundTexChanged&&(n.backGroundTexChanged=!1,n.blenderPass.uniforms.backgroundImg.value=n.backgroundTex),n.composer.render()}})),this.getAllPlannedElements=t,this.sceneTree=new Map,this.curSelectedElement=void 0,this.threeContainer=null}),[{key:"setCallbackMethods",value:function setCallbackMethods(e){this.updatePlannerTrans=e}},{key:"initialize",value:function initialize(e,t){if(v.debug("Initialize Planner3D Grid! ","ViewPlanner3DGrid - initialize"),this.canvasWidth=e,this.canvasHeight=t,this.threeContainer=document.getElementById("diva3dImg_3DGrid"),this.threeContainer){this.scene=new l.xsS,this.camera=new l.cPb(24,e/t,.1,1e3),this.renderer=new l.CP7({alpha:!0,antialias:!0}),this.renderer.setClearColor(0,0),this.renderer.setSize(e,t);var n=new l._12(100,100),r=new l.YBo({color:255,transparent:!0,opacity:0});this.groundPlane=new l.Kj0(n,r),this.groundPlane.rotation.x=-Math.PI/2,this.scene.add(this.groundPlane),this.camera.position.z=-3,this.backgroundTex=new l.xEZ,this.threeContainer.appendChild(this.renderer.domElement),this.doShow3DGrid=!1,this.composer=new c.x(this.renderer),this.composer.addPass(new h.C(this.scene,this.camera)),this.blenderPass=new g.T(d),this.blenderPass.uniforms.opacity.value=.92,this.blenderPass.renderToScreen=!0,this.composer.addPass(this.blenderPass)}}},{key:"destroy",value:function destroy(e){var t;this.threeContainer&&(v.debug("Destroy Planner3D Grid! ","ViewPlanner3DGrid - destroy"),this.hide3DGrid(),e.clear3DGridUI(),this.clearSceneTree(),this.hide3DGrid(),this.scene=void 0,this.sceneTree.clear(),null!==(t=this.threeContainer)&&void 0!==t&&t.firstChild&&this.threeContainer.removeChild(this.threeContainer.firstChild),this.backgroundTex=null,this.composer=null,this.blenderPass=null,this.camera=void 0,this.moveIconPerspective=null,this.rotateIconPerspective=null,this.groundPlane=null,this.renderer=void 0)}},{key:"rotToThreeRot",value:function rotToThreeRot(e){var t=new l._fP;t.setFromEuler(new l.USm(e.x*Math.PI/180,e.y*Math.PI/180,e.z*Math.PI/180)),t.w*=-1;var n=new l.USm;return n.setFromQuaternion(t),n.y+=Math.PI,n.z*=-1,n}},{key:"posToThreePos",value:function posToThreePos(e){return new o.P(e.x/100,e.y/100,e.z/100)}},{key:"clearSceneTree",value:function clearSceneTree(){var e=this;this.sceneTree.forEach((function(t,n){t.forEach((function(t,n){e.scene.remove(t)}))}))}},{key:"updateCamera",value:function updateCamera(e){if(this.camera){var t=e.getCamInfo();if(t){var n=this.posToThreePos(t.pos);this.camera.rotation.copy(this.rotToThreeRot(t.rot)),this.camera.position.x=n.x,this.camera.position.y=n.y,this.camera.position.z=n.z,this.camera.updateMatrixWorld()}}}},{key:"updateInteractionIcons",value:function updateInteractionIcons(e,t){var n=new o.FM(-.15,t.getDepthOLT()/100/2+.15);n=o.FM.rotateOrigin(n,t.getRotDeg());var r=new l.Pa4(t.getWorldPosCenter().x/100+n.x,0,t.getWorldPosCenter().z/100+n.y),i=o.FM.convertToVector2(this.convertWorldPosToScreenPos(r));if(null!=i){var a=new o.FM(.15,t.getDepthOLT()/100/2+.15);a=o.FM.rotateOrigin(a,t.getRotDeg());var s=new l.Pa4(t.getWorldPosCenter().x/100+a.x,0,t.getWorldPosCenter().z/100+a.y),d=o.FM.convertToVector2(this.convertWorldPosToScreenPos(s));if(null!=d){var c=new o.FM((i.x+(null==d?void 0:d.x))/2,(i.y+d.y)/2),h=o.FM.getDirection(i,c),g=o.FM.getDirection(d,c),u=o.FM.add(o.FM.mulNum(o.FM.normalize(h),32),c);u.interpretation="pixel";var v=o.FM.add(o.FM.mulNum(o.FM.normalize(g),32),c);v.interpretation="pixel",e.addMove3DGrid(t.getSetId(),t.getElementId(),u,this.startMove,this.handleTranslation,this.stopMove),e.addRot3DGrid(t.getSetId(),t.getElementId(),v,this.startRotation,this.handleRotation,this.stopRotation)}}}},{key:"updatePlannerElement",value:function updatePlannerElement(e){if(e.hasSvgDataOLTBase64()&&this.renderer&&this.scene){var t=(new l.dpR).load(e.getSvgDataOLTBase64());t.wrapS=l.rpg,t.wrapT=l.rpg,t.generateMipmaps=!0,t.anisotropy=this.renderer.capabilities.getMaxAnisotropy();var n=e.getWidthOLT()/100,r=e.getDepthOLT()/100,i=new l._12(n,r),a=new l.vBJ({map:t}),o=new l.Kj0(i,a);o.rotation.z=-e.getRotRad(),o.rotation.x=-Math.PI/2,o.position.x=e.getWorldPosCenter().x/100,o.position.y=e.getLayer()/500,o.position.z=e.getWorldPosCenter().z/100,this.sceneTree.has(e.getSetId())||this.sceneTree.set(e.getSetId(),new Map),this.sceneTree.get(e.getSetId()).set(e.getElementId(),o),this.scene.add(o)}}},{key:"updateScene",value:function updateScene(e,t,n,r,i){var a=this;if(this.renderer||this.camera){e.clear3DGridUI(),this.show3DGrid(),this.clearSceneTree(),this.curSelectedElement=n,this.initBackgroundScene(t),this.canvasWidth=i.imgWidth,this.canvasHeight=i.imgHeight;var o=t.getCamInfo();(this.renderer&&this.renderer.getSize(new l.FM8).x!=i.imgWidth||this.renderer.getSize(new l.FM8).y!=i.imgHeight||(null==o?void 0:o.vertFov)!=this.camera.fov)&&(this.camera.fov=o.vertFov,this.camera.aspect=i.imgWidth/i.imgHeight,this.camera.updateProjectionMatrix(),this.renderer.setSize(i.imgWidth,i.imgHeight)),this.updateCamera(t),r.forEach((function(t,r){for(var i=0;i<t.length;i++)null!=n&&t[i].getElementId()==n.getElementId()&&a.updateInteractionIcons(e,t[i])}))}}},{key:"initBackgroundScene",value:function initBackgroundScene(e){if(!e.HasLayerMaskThreeTexture){var t=new l.dpR;e.LayerMaskThreeTexture=t.load(e.getLayerMaskForSrc())}this.backgroundTex=e.LayerMaskThreeTexture,this.backGroundTexChanged=!0}},{key:"isInTrasnformMode",value:function isInTrasnformMode(){return this.isTransforming}},{key:"show3DGrid",value:function show3DGrid(){this.doShow3DGrid||(this.doShow3DGrid=!0,this.run())}},{key:"hide3DGrid",value:function hide3DGrid(){this.renderer&&this.doShow3DGrid&&(this.renderer.clear(),this.doShow3DGrid=!1)}},{key:"updateUI",value:function updateUI(e,t){e.clear3DGridUI(),this.curSelectedElement=t,this.show3DGrid(),this.updateInteractionIcons(e,t)}},{key:"getPositionOfCanvasContainer",value:function getPositionOfCanvasContainer(){return new o.FM(0,0)}},{key:"convertWorldPosToScreenPos",value:function convertWorldPosToScreenPos(e){var t=e.clone();t.project(this.camera);var n=this.canvasWidth/2,r=this.canvasHeight/2;return t.x=t.x*n+n,t.y=-t.y*r+r,new u.F(t.x,t.y)}}])}(),P=function(){return(0,i.Z)((function Planner3DImageUI(e,t){(0,r.Z)(this,Planner3DImageUI),(0,a.Z)(this,"uiHTMLContainer",void 0),(0,a.Z)(this,"classUI","wc3DImageUI"),(0,a.Z)(this,"getConfiguratorState",void 0),(0,a.Z)(this,"plannerPaletteViewInfo",void 0),this.getConfiguratorState=e,this.plannerPaletteViewInfo=t}),[{key:"addDelIcon",value:function addDelIcon(e,t,n,r){n>100||n<0||r>100||r<0||e.addTrashIconUI(t.getSetId(),t.getElementId(),t.getRotDeg(),new o.FM(n,r,"percentage"),"BOX"==t.getPlannerType()?"BOX":"3D")}},{key:"addDimensionInfo",value:function addDimensionInfo(e,t,n,r){var i=r.getAlternateRenderInfo();if(!r.getAlternateRenderingsExist()||null!=i){var a=n.parentElementId+"."+n.shelfGridId+"."+n.shelfRasterHeight,o=r.getLeftBottomFrontUIPos(t,a);if(o&&!(o.x<0||o.x>100||o.y<0||o.y>100)){var s=Math.round(r.getDistanceToGround(t,a));-1!=s&&e.addDistanceFromGround(t,n.parentElementId,s,o)}}}},{key:"addPosNrUI",value:function addPosNrUI(e,t,n,r,i,a){n<0&&(n=0),n>100&&(n=100),r<0&&(r=0),r>100&&(r=100),e.addPosNrUI(t.getSetId(),t.getElementId(),t.getIsDockedAccessoire(),new o.FM(n,r,"percentage"),t.getRotDeg(),1,e.getPosNrByBasketId(t.getBasketId()).toString(),i?"selected":a?"selectable":"unselectable","3D")}},{key:"addBoxPlannerDockingPoints",value:function addBoxPlannerDockingPoints(e,t,n){var r=!1,i=t.getFreeDockingPointByTypeAndNumber("AVO",1);null==i||i.IsDisabled||(r=!0);var a=n.getBoxPlannerCornerUIPos(t.getSetId(),t.getElementId(),"LEFTCENTER");a&&e.addCopy(t.getSetId(),t.getElementId(),"BoxCopyLeft",a,"3D");var o=n.getBoxPlannerCornerUIPos(t.getSetId(),t.getElementId(),"RIGHTCENTER");if(o&&e.addCopy(t.getSetId(),t.getElementId(),"BoxCopyRight",o,"3D"),r){var s=n.getBoxPlannerCornerUIPos(t.getSetId(),t.getElementId(),"TOPCENTER");s&&e.addCopy(t.getSetId(),t.getElementId(),"BoxCopyTop",s,"3D")}}},{key:"addCopyIcon",value:function addCopyIcon(e,t){e.addCopy(t.getSetId(),t.getElementId(),"CopyElement",new o.FM(0,0),"3D")}},{key:"addAccDockingPoints",value:function addAccDockingPoints(e,t,n,r){for(var i=t.getAllDockingPoints(),a=0;a<i.length;a++){var s,d=i[a];if((null===(s=this.plannerPaletteViewInfo)||void 0===s||null===(s=s.plannerConfiguration.hideAVButtons)||void 0===s||!s.includes(d.Type))&&(("AVO"==d.Type||"AVC"==d.Type||"AVU"==d.Type||"AVS"==d.Type||"AVN"==d.Type)&&null==r||r===d.Type))for(var l=0;l<n.length;l++)d.Name==n[l].N&&e.addDP(t.getSetId(),t.getElementId(),d.DpId,"ACC",d.IsDocking?"DOCKING":"NOT_DOCKING",d.OnElementId,t.getRotDeg(),0,new o.FM(n[l].x,n[l].y,"percentage"),"3D")}}},{key:"addOutlinePolygon",value:function addOutlinePolygon(e,t,n,r,i){var a=t.getOutlinePolygonForSVG(n.getSetId(),n.getElementId(),i);a&&e.addOutline3D(n.getSetId(),n.getElementId(),a.points,a.avgCamDist,r,"BOX"==n.getPlannerType())}},{key:"initialize",value:function initialize(e){this.uiHTMLContainer||(this.uiHTMLContainer=document.createElement("div"),this.uiHTMLContainer.classList.add(this.classUI),e.appendChild(this.uiHTMLContainer))}},{key:"updateUI",value:function updateUI(e,t,n,r,i,a,o,s,d){var l=this;e.clear2D3DViewerUI(),t.forEach((function(t,n){for(var s=0;s<t.length;s++){var c=t[s];if(r.hasUIInfosOfElement(c.getSetId(),c.getElementId())){var h=!1,g=o;if(i.has(n))h=i.get(n).map((function(e){return e.getElementId()})).includes(c.getElementId());if(!h&&!o&&a.has(n))for(var u=a.get(n),v=0;v<u.length;v++)if(c.getElementId()==u[v].getElementId()){g=!0;break}switch(l.addOutlinePolygon(e,r,c,h?"selected":g?"selectable":"unselectable",d),c.getPlannerType()){case"STD":var m=r.getLeftTopBackUIPos(c.getSetId(),c.getElementId());if(m&&l.addPosNrUI(e,c,m.x,m.y,h,g),h&&["PLANNER","PRODUCTS","PROMOTED"].includes(l.getConfiguratorState())){c.getIsDockedAccessoire()?l.addAccDockingPoints(e,c,r.getAllDockingPoints(c.getSetId(),c.getElementId()),"AVO"):l.addAccDockingPoints(e,c,r.getAllDockingPoints(c.getSetId(),c.getElementId()));var P=r.getRightTopBackUIPos(c.getSetId(),c.getElementId());l.addDelIcon(e,c,P.x,P.y),l.addCopyIcon(e,c)}if("ACC_PLANNER"==l.getConfiguratorState()&&c.getIsDockedAccessoire()){var I=r.getRightTopBackUIPos(c.getSetId(),c.getElementId());l.addDelIcon(e,c,I.x,I.y)}break;case"BOX":var f=r.getBoxPlannerCornerUIPos(c.getSetId(),c.getElementId(),"RIGHTTOPFRONT");if(f&&l.addPosNrUI(e,c,f.x,f.y,h,g),h&&(l.addBoxPlannerDockingPoints(e,c,r),!l.checkBoxPlannerSingleElement(t)&&null!=c.getFreeDockingPointByTypeAndNumber("AVO",1))){var D=r.getBoxPlannerCornerUIPos(c.getSetId(),c.getElementId(),"RIGHTTOPFRONT");D&&l.addDelIcon(e,c,D.x,D.y)}}}}})),n.forEach((function(t,n){for(var i=0;i<t.length;i++){var a=t[i];a.isShelfAcc&&l.addDimensionInfo(e,n,a,r)}}))}},{key:"checkBoxPlannerSingleElement",value:function checkBoxPlannerSingleElement(e){if(1==e.length)return!0;if(2==e.length)for(var t=e[0].getAllDockingPoints(),n=e[0].getAllDockingPoints(),r=0;r<t.length;r++)for(var i=t[r],a=0;a<n.length;a++){var o=n[a];if(i.IsDocking&&o.IsDocking&&2==i.Number&&2==o.Number&&("AVO"==i.Type||"AVU"==i.Type))return!0}return!1}},{key:"Class3DUI",get:function get(){return this.classUI}}])}(),I=function(){return(0,i.Z)((function Planner3DImage(e,t,n,i,s,d){(0,r.Z)(this,Planner3DImage),(0,a.Z)(this,"imageContainer",void 0),(0,a.Z)(this,"UIHandler",void 0),(0,a.Z)(this,"curRendering",void 0),(0,a.Z)(this,"planner3DGrid",void 0),(0,a.Z)(this,"update3DImgSrcInView",void 0),(0,a.Z)(this,"onDoShowNav3DChanged",void 0),(0,a.Z)(this,"enablePlanner3DGrid",void 0),this.UIHandler=new P(e,d),this.curRendering=new o.Oy("Placeholder","Placeholder","",-1,-1,!1,!1,0,!1,!1,"STREAM"),this.planner3DGrid=new m(n,s),this.onDoShowNav3DChanged=i,this.enablePlanner3DGrid=!1,this.update3DImgSrcInView=t}),[{key:"initialize",value:function initialize(e,t){this.imageContainer=document.getElementById(e),this.planner3DGrid.setCallbackMethods(t),this.imageContainer&&this.UIHandler.initialize(this.imageContainer)}},{key:"handlePlanner3DGridChanged",value:function handlePlanner3DGridChanged(e,t,n,r){if(n)this.enablePlanner3DGrid&&(this.enablePlanner3DGrid=!1,this.planner3DGrid.destroy(e));else{var i=this.enablePlanner3DGrid;this.enablePlanner3DGrid=!!r||!this.enablePlanner3DGrid,i&&!this.enablePlanner3DGrid?this.planner3DGrid.destroy(e):!i&&this.enablePlanner3DGrid&&this.planner3DGrid.initialize(t.imgWidth,t.imgHeight)}}},{key:"clearView",value:function clearView(e){this.planner3DGrid.destroy(e),this.curRendering=new o.Oy("Placeholder","Placeholder","",-1,-1,!1,!1,0,!1,!1,"STREAM"),this.update3DImgSrcInView("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==")}},{key:"getPlanner3DGridEnabled",value:function getPlanner3DGridEnabled(){return this.enablePlanner3DGrid}},{key:"getPlanner3DGridIsInTransformMode",value:function getPlanner3DGridIsInTransformMode(){return this.planner3DGrid.isInTrasnformMode()}},{key:"updateUI",value:function updateUI(e,t,n,r,i,a,o,s){var d=this;this.enablePlanner3DGrid&&(r.size>0?r.forEach((function(t,n){for(var r=0;r<t.length;r++)d.planner3DGrid.updateUI(e,t[r])})):e.clear2D3DViewerUI()),this.UIHandler.updateUI(e,t,n,this.curRendering,r,i,a,o,s)}},{key:"updatePlannerView",value:function updatePlannerView(e,t,n,r,i){var a=this.curRendering.getHasStaticBackground(),o=t.getHasStaticBackground();if(a!=o&&this.onDoShowNav3DChanged(!o),this.curRendering=t,this.update3DImgSrcInView(t.getImageForSrc()),this.enablePlanner3DGrid){var s=void 0;r.size>0&&r.forEach((function(e,t){null==s&&e.length>0&&(s=e[0])})),this.planner3DGrid.updateScene(e,t,s,n,i)}}},{key:"resetSelectedElementsOnEnterPlannerMode",value:function resetSelectedElementsOnEnterPlannerMode(){return!1}}])}()}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4777],{74777:(e,t,n)=>{n.r(t),n.d(t,{default:()=>I});var r=n(13125),i=n(43860),a=n(80248),o=n(51602),s=n(88683),d={uniforms:{tDiffuse:{value:null},opacity:{value:1},backgroundImg:{value:null}},vertexShader:["varying vec2 vUv;","void main() {","\tvUv = uv;","\tgl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );","}"].join("\n"),fragmentShader:["uniform float opacity;","uniform sampler2D tDiffuse;","uniform sampler2D backgroundImg;","varying vec2 vUv;","void main() {","\tvec4 texelForground = texture2D( tDiffuse, vUv );","   float brightness =  0.34 * texelForground.x + 0.5 *texelForground.y + 0.16 * texelForground.z; ","\tvec4 texelBackground = texture2D( backgroundImg, vUv );","   if( texelForground.w < 0.001){","       gl_FragColor = vec4(0, 0, 0, 0.0);","   }","   else if( texelBackground.x <  0.3 ){","       gl_FragColor = vec4(brightness,brightness,brightness, texelForground.w)* 0.8;","   }","   else {","       gl_FragColor = (1.0 - opacity) * vec4(brightness,brightness,brightness,texelForground.w);","   }","}"].join("\n")},l=n(82042),c=n(92528),h=n(3259),g=n(48655),u=n(27754),v=(0,s.getLogger)("Planner","Planner3DGrid"),m=function(){return(0,i.Z)((function Planner3DGrid(e,t){var n=this;(0,r.Z)(this,Planner3DGrid),(0,a.Z)(this,"autoDockingDistance",40),(0,a.Z)(this,"threeContainer",void 0),(0,a.Z)(this,"doShow3DGrid",!1),(0,a.Z)(this,"updatePlannerTrans",void 0),(0,a.Z)(this,"clearSelectionFrom3DGrid",void 0),(0,a.Z)(this,"getAllPlannedElements",void 0),(0,a.Z)(this,"groundPlane",void 0),(0,a.Z)(this,"camera",void 0),(0,a.Z)(this,"renderer",void 0),(0,a.Z)(this,"scene",void 0),(0,a.Z)(this,"sceneTree",void 0),(0,a.Z)(this,"backgroundTex",void 0),(0,a.Z)(this,"backGroundTexChanged",!1),(0,a.Z)(this,"canvasWidth",void 0),(0,a.Z)(this,"canvasHeight",void 0),(0,a.Z)(this,"moveIconPerspective",void 0),(0,a.Z)(this,"rotateIconPerspective",void 0),(0,a.Z)(this,"rotationCenter",void 0),(0,a.Z)(this,"isTransforming",!1),(0,a.Z)(this,"transformWorldPosLastFrame",void 0),(0,a.Z)(this,"curSelectedElement",void 0),(0,a.Z)(this,"blenderPass",null),(0,a.Z)(this,"composer",null),(0,a.Z)(this,"onMouseUpClearSelection",(function(e){n.clearSelectionFrom3DGrid(),n.threeContainer.removeEventListener("mouseup",n.onMouseUpClearSelection)})),(0,a.Z)(this,"getIntersectsGroundPlane",(function(e,t){if(n.camera){var r=new l.iMs,i=new l.Pa4;return e=e/n.canvasWidth*2-1,t=-t/n.canvasHeight*2+1,i.set(e,t,.5),r.setFromCamera(new l.FM8(i.x,i.y),n.camera),r.intersectObject(n.groundPlane,!0)}})),(0,a.Z)(this,"startMove",(function(e,t){n.isTransforming=!0;var r=n.getAllPlannedElements();r.has(e)&&(n.clearSceneTree(),r.forEach((function(e,t){for(var r=0;r<e.length;r++)n.updatePlannerElement(e[r])})),v.debug("Start transforming","Planner3DGrid"),n.updatePlannerTrans(e,t,new o.P(0,0,0),0,5,"START",n.autoDockingDistance))})),(0,a.Z)(this,"stopMove",(function(e,t){v.debug("Stop transforming","Planner3DGrid"),n.isTransforming=!1,n.transformWorldPosLastFrame=void 0,null!=n.curSelectedElement&&n.updatePlannerTrans(e,t,new o.P(0,0,0),0,5,"END",n.autoDockingDistance)})),(0,a.Z)(this,"startRotation",(function(e,t){n.isTransforming=!0;var r=n.getAllPlannedElements();r.has(e)&&(n.clearSceneTree(),r.forEach((function(e,t){for(var r=0;r<e.length;r++)n.updatePlannerElement(e[r])})),n.rotationCenter=void 0,n.updatePlannerTrans(e,t,new o.P(0,0,0),0,5,"START",n.autoDockingDistance))})),(0,a.Z)(this,"stopRotation",(function(e,t){n.isTransforming=!1,n.rotationCenter=void 0,n.updatePlannerTrans(e,t,new o.P(0,0,0),0,5,"END",n.autoDockingDistance)})),(0,a.Z)(this,"handleTranslation",(function(e,t,r){var i=n.getIntersectsGroundPlane(r.x,r.y);if(i.length>0){var a,s=new o.FM(i[0].point.x,i[0].point.z);if(v.debug("MOVE TO WORLD POS "+s.toString(),"Planner3DGrid"),!n.transformWorldPosLastFrame)return void(n.transformWorldPosLastFrame=s);var d=new o.FM(s.x-n.transformWorldPosLastFrame.x,s.y-n.transformWorldPosLastFrame.y),l=null===(a=n.sceneTree)||void 0===a?void 0:a.get(e).get(t);if(!l)return;l.position.x+=d.x,l.position.z+=d.y,null!=n.curSelectedElement&&n.updatePlannerTrans(n.curSelectedElement.getSetId(),n.curSelectedElement.getElementId(),new o.P(100*d.x,0,100*d.y),0,5,"UPDATE",n.autoDockingDistance),n.transformWorldPosLastFrame=s}})),(0,a.Z)(this,"handleRotation",(function(e,t,r){var i=n.getIntersectsGroundPlane(r.x,r.y);if(i.length>0){var a,s=null===(a=n.sceneTree)||void 0===a?void 0:a.get(e).get(t);if(!s)return;var d=new o.FM(i[0].point.x,i[0].point.z);if(n.rotationCenter){var l=new o.FM(d.x-s.position.x,d.y-s.position.z),c=new o.FM(0,1),h=o.FM.angleRad(l,c);d.x<s.position.x&&(h=2*Math.PI-h);var g=s.rotation.z-h;s.rotation.z=h,null!=n.curSelectedElement&&n.updatePlannerTrans(n.curSelectedElement.getSetId(),n.curSelectedElement.getElementId(),new o.P(0,0,0),180*g/Math.PI,5,"UPDATE",n.autoDockingDistance)}else n.rotationCenter=d}})),(0,a.Z)(this,"run",(function(){if(n.doShow3DGrid&&null!=n.renderer&&null!=n.backgroundTex){var e=n,t=n.isTransforming?30:10;setTimeout((function(){var t;null===(t=requestAnimationFrame)||void 0===t||t(e.run)}),1e3/t),n.backGroundTexChanged&&(n.backGroundTexChanged=!1,n.blenderPass.uniforms.backgroundImg.value=n.backgroundTex),n.composer.render()}})),this.getAllPlannedElements=t,this.sceneTree=new Map,this.curSelectedElement=void 0,this.threeContainer=null}),[{key:"setCallbackMethods",value:function setCallbackMethods(e){this.updatePlannerTrans=e}},{key:"initialize",value:function initialize(e,t){if(v.debug("Initialize Planner3D Grid! ","ViewPlanner3DGrid - initialize"),this.canvasWidth=e,this.canvasHeight=t,this.threeContainer=document.getElementById("diva3dImg_3DGrid"),this.threeContainer){this.scene=new l.xsS,this.camera=new l.cPb(24,e/t,.1,1e3),this.renderer=new l.CP7({alpha:!0,antialias:!0}),this.renderer.setClearColor(0,0),this.renderer.setSize(e,t);var n=new l._12(100,100),r=new l.YBo({color:255,transparent:!0,opacity:0});this.groundPlane=new l.Kj0(n,r),this.groundPlane.rotation.x=-Math.PI/2,this.scene.add(this.groundPlane),this.camera.position.z=-3,this.backgroundTex=new l.xEZ,this.threeContainer.appendChild(this.renderer.domElement),this.doShow3DGrid=!1,this.composer=new c.x(this.renderer),this.composer.addPass(new h.C(this.scene,this.camera)),this.blenderPass=new g.T(d),this.blenderPass.uniforms.opacity.value=.92,this.blenderPass.renderToScreen=!0,this.composer.addPass(this.blenderPass)}}},{key:"destroy",value:function destroy(e){var t;this.threeContainer&&(v.debug("Destroy Planner3D Grid! ","ViewPlanner3DGrid - destroy"),this.hide3DGrid(),e.clear3DGridUI(),this.clearSceneTree(),this.hide3DGrid(),this.scene=void 0,this.sceneTree.clear(),null!==(t=this.threeContainer)&&void 0!==t&&t.firstChild&&this.threeContainer.removeChild(this.threeContainer.firstChild),this.backgroundTex=null,this.composer=null,this.blenderPass=null,this.camera=void 0,this.moveIconPerspective=null,this.rotateIconPerspective=null,this.groundPlane=null,this.renderer=void 0)}},{key:"rotToThreeRot",value:function rotToThreeRot(e){var t=new l._fP;t.setFromEuler(new l.USm(e.x*Math.PI/180,e.y*Math.PI/180,e.z*Math.PI/180)),t.w*=-1;var n=new l.USm;return n.setFromQuaternion(t),n.y+=Math.PI,n.z*=-1,n}},{key:"posToThreePos",value:function posToThreePos(e){return new o.P(e.x/100,e.y/100,e.z/100)}},{key:"clearSceneTree",value:function clearSceneTree(){var e=this;this.sceneTree.forEach((function(t,n){t.forEach((function(t,n){e.scene.remove(t)}))}))}},{key:"updateCamera",value:function updateCamera(e){if(this.camera){var t=e.getCamInfo();if(t){var n=this.posToThreePos(t.pos);this.camera.rotation.copy(this.rotToThreeRot(t.rot)),this.camera.position.x=n.x,this.camera.position.y=n.y,this.camera.position.z=n.z,this.camera.updateMatrixWorld()}}}},{key:"updateInteractionIcons",value:function updateInteractionIcons(e,t){var n=new o.FM(-.15,t.getDepthOLT()/100/2+.15);n=o.FM.rotateOrigin(n,t.getRotDeg());var r=new l.Pa4(t.getWorldPosCenter().x/100+n.x,0,t.getWorldPosCenter().z/100+n.y),i=o.FM.convertToVector2(this.convertWorldPosToScreenPos(r));if(null!=i){var a=new o.FM(.15,t.getDepthOLT()/100/2+.15);a=o.FM.rotateOrigin(a,t.getRotDeg());var s=new l.Pa4(t.getWorldPosCenter().x/100+a.x,0,t.getWorldPosCenter().z/100+a.y),d=o.FM.convertToVector2(this.convertWorldPosToScreenPos(s));if(null!=d){var c=new o.FM((i.x+(null==d?void 0:d.x))/2,(i.y+d.y)/2),h=o.FM.getDirection(i,c),g=o.FM.getDirection(d,c),u=o.FM.add(o.FM.mulNum(o.FM.normalize(h),32),c);u.interpretation="pixel";var v=o.FM.add(o.FM.mulNum(o.FM.normalize(g),32),c);v.interpretation="pixel",e.addMove3DGrid(t.getSetId(),t.getElementId(),u,this.startMove,this.handleTranslation,this.stopMove),e.addRot3DGrid(t.getSetId(),t.getElementId(),v,this.startRotation,this.handleRotation,this.stopRotation)}}}},{key:"updatePlannerElement",value:function updatePlannerElement(e){if(e.hasSvgDataOLTBase64()&&this.renderer&&this.scene){var t=(new l.dpR).load(e.getSvgDataOLTBase64());t.wrapS=l.rpg,t.wrapT=l.rpg,t.generateMipmaps=!0,t.anisotropy=this.renderer.capabilities.getMaxAnisotropy();var n=e.getWidthOLT()/100,r=e.getDepthOLT()/100,i=new l._12(n,r),a=new l.vBJ({map:t}),o=new l.Kj0(i,a);o.rotation.z=-e.getRotRad(),o.rotation.x=-Math.PI/2,o.position.x=e.getWorldPosCenter().x/100,o.position.y=e.getLayer()/500,o.position.z=e.getWorldPosCenter().z/100,this.sceneTree.has(e.getSetId())||this.sceneTree.set(e.getSetId(),new Map),this.sceneTree.get(e.getSetId()).set(e.getElementId(),o),this.scene.add(o)}}},{key:"updateScene",value:function updateScene(e,t,n,r,i){var a=this;if(this.renderer||this.camera){e.clear3DGridUI(),this.show3DGrid(),this.clearSceneTree(),this.curSelectedElement=n,this.initBackgroundScene(t),this.canvasWidth=i.imgWidth,this.canvasHeight=i.imgHeight;var o=t.getCamInfo();(this.renderer&&this.renderer.getSize(new l.FM8).x!=i.imgWidth||this.renderer.getSize(new l.FM8).y!=i.imgHeight||(null==o?void 0:o.vertFov)!=this.camera.fov)&&(this.camera.fov=o.vertFov,this.camera.aspect=i.imgWidth/i.imgHeight,this.camera.updateProjectionMatrix(),this.renderer.setSize(i.imgWidth,i.imgHeight)),this.updateCamera(t),r.forEach((function(t,r){for(var i=0;i<t.length;i++)null!=n&&t[i].getElementId()==n.getElementId()&&a.updateInteractionIcons(e,t[i])}))}}},{key:"initBackgroundScene",value:function initBackgroundScene(e){if(!e.HasLayerMaskThreeTexture){var t=new l.dpR;e.LayerMaskThreeTexture=t.load(e.getLayerMaskForSrc())}this.backgroundTex=e.LayerMaskThreeTexture,this.backGroundTexChanged=!0}},{key:"isInTrasnformMode",value:function isInTrasnformMode(){return this.isTransforming}},{key:"show3DGrid",value:function show3DGrid(){this.doShow3DGrid||(this.doShow3DGrid=!0,this.run())}},{key:"hide3DGrid",value:function hide3DGrid(){this.renderer&&this.doShow3DGrid&&(this.renderer.clear(),this.doShow3DGrid=!1)}},{key:"updateUI",value:function updateUI(e,t){e.clear3DGridUI(),this.curSelectedElement=t,this.show3DGrid(),this.updateInteractionIcons(e,t)}},{key:"getPositionOfCanvasContainer",value:function getPositionOfCanvasContainer(){return new o.FM(0,0)}},{key:"convertWorldPosToScreenPos",value:function convertWorldPosToScreenPos(e){var t=e.clone();t.project(this.camera);var n=this.canvasWidth/2,r=this.canvasHeight/2;return t.x=t.x*n+n,t.y=-t.y*r+r,new u.F(t.x,t.y)}}])}(),P=function(){return(0,i.Z)((function Planner3DImageUI(e,t){(0,r.Z)(this,Planner3DImageUI),(0,a.Z)(this,"uiHTMLContainer",void 0),(0,a.Z)(this,"classUI","wc3DImageUI"),(0,a.Z)(this,"getConfiguratorState",void 0),(0,a.Z)(this,"plannerPaletteViewInfo",void 0),this.getConfiguratorState=e,this.plannerPaletteViewInfo=t}),[{key:"addDelIcon",value:function addDelIcon(e,t,n,r){n>100||n<0||r>100||r<0||e.addTrashIconUI(t.getSetId(),t.getElementId(),t.getRotDeg(),new o.FM(n,r,"percentage"),"BOX"==t.getPlannerType()?"BOX":"3D")}},{key:"addDimensionInfo",value:function addDimensionInfo(e,t,n,r){var i=r.getAlternateRenderInfo();if(!r.getAlternateRenderingsExist()||null!=i){var a=n.parentElementId+"."+n.shelfGridId+"."+n.shelfRasterHeight,o=r.getLeftBottomFrontUIPos(t,a);if(o&&!(o.x<0||o.x>100||o.y<0||o.y>100)){var s=Math.round(r.getDistanceToGround(t,a));-1!=s&&e.addDistanceFromGround(t,n.parentElementId,s,o)}}}},{key:"addPosNrUI",value:function addPosNrUI(e,t,n,r,i,a){n<0&&(n=0),n>100&&(n=100),r<0&&(r=0),r>100&&(r=100),e.addPosNrUI(t.getSetId(),t.getElementId(),t.getIsDockedAccessoire(),new o.FM(n,r,"percentage"),t.getRotDeg(),1,e.getPosNrByBasketId(t.getBasketId()).toString(),i?"selected":a?"selectable":"unselectable","3D")}},{key:"addBoxPlannerDockingPoints",value:function addBoxPlannerDockingPoints(e,t,n){var r=!1,i=t.getFreeDockingPointByTypeAndNumber("AVO",1);null==i||i.IsDisabled||(r=!0);var a=n.getBoxPlannerCornerUIPos(t.getSetId(),t.getElementId(),"LEFTCENTER");a&&e.addCopy(t.getSetId(),t.getElementId(),"BoxCopyLeft",a,"3D");var o=n.getBoxPlannerCornerUIPos(t.getSetId(),t.getElementId(),"RIGHTCENTER");if(o&&e.addCopy(t.getSetId(),t.getElementId(),"BoxCopyRight",o,"3D"),r){var s=n.getBoxPlannerCornerUIPos(t.getSetId(),t.getElementId(),"TOPCENTER");s&&e.addCopy(t.getSetId(),t.getElementId(),"BoxCopyTop",s,"3D")}}},{key:"addCopyIcon",value:function addCopyIcon(e,t){e.addCopy(t.getSetId(),t.getElementId(),"CopyElement",new o.FM(0,0),"3D")}},{key:"addAccDockingPoints",value:function addAccDockingPoints(e,t,n,r){for(var i=t.getAllDockingPoints(),a=0;a<i.length;a++){var s,d=i[a];if((null===(s=this.plannerPaletteViewInfo)||void 0===s||null===(s=s.plannerConfiguration.hideAVButtons)||void 0===s||!s.includes(d.Type))&&(("AVO"==d.Type||"AVC"==d.Type||"AVU"==d.Type||"AVS"==d.Type||"AVN"==d.Type)&&null==r||r===d.Type))for(var l=0;l<n.length;l++)d.Name==n[l].N&&e.addDP(t.getSetId(),t.getElementId(),d.DpId,"ACC",d.IsDocking?"DOCKING":"NOT_DOCKING",d.OnElementId,t.getRotDeg(),0,new o.FM(n[l].x,n[l].y,"percentage"),"3D")}}},{key:"addOutlinePolygon",value:function addOutlinePolygon(e,t,n,r,i){var a=t.getOutlinePolygonForSVG(n.getSetId(),n.getElementId(),i);a&&e.addOutline3D(n.getSetId(),n.getElementId(),a.points,a.avgCamDist,r,"BOX"==n.getPlannerType())}},{key:"initialize",value:function initialize(e){this.uiHTMLContainer||(this.uiHTMLContainer=document.createElement("div"),this.uiHTMLContainer.classList.add(this.classUI),e.appendChild(this.uiHTMLContainer))}},{key:"updateUI",value:function updateUI(e,t,n,r,i,a,o,s,d){var l=this;e.clear2D3DViewerUI(),t.forEach((function(t,n){for(var s=0;s<t.length;s++){var c=t[s];if(r.hasUIInfosOfElement(c.getSetId(),c.getElementId())){var h=!1,g=o;if(i.has(n))h=i.get(n).map((function(e){return e.getElementId()})).includes(c.getElementId());if(!h&&!o&&a.has(n))for(var u=a.get(n),v=0;v<u.length;v++)if(c.getElementId()==u[v].getElementId()){g=!0;break}switch(l.addOutlinePolygon(e,r,c,h?"selected":g?"selectable":"unselectable",d),c.getPlannerType()){case"STD":var m=r.getLeftTopBackUIPos(c.getSetId(),c.getElementId());if(m&&l.addPosNrUI(e,c,m.x,m.y,h,g),h&&["PLANNER","PRODUCTS","PROMOTED","PLANNER_2.0"].includes(l.getConfiguratorState())){c.getIsDockedAccessoire()?l.addAccDockingPoints(e,c,r.getAllDockingPoints(c.getSetId(),c.getElementId()),"AVO"):l.addAccDockingPoints(e,c,r.getAllDockingPoints(c.getSetId(),c.getElementId()));var P=r.getRightTopBackUIPos(c.getSetId(),c.getElementId());l.addDelIcon(e,c,P.x,P.y),l.addCopyIcon(e,c)}if("ACC_PLANNER"==l.getConfiguratorState()&&c.getIsDockedAccessoire()){var I=r.getRightTopBackUIPos(c.getSetId(),c.getElementId());l.addDelIcon(e,c,I.x,I.y)}break;case"BOX":var f=r.getBoxPlannerCornerUIPos(c.getSetId(),c.getElementId(),"RIGHTTOPFRONT");if(f&&l.addPosNrUI(e,c,f.x,f.y,h,g),h&&(l.addBoxPlannerDockingPoints(e,c,r),!l.checkBoxPlannerSingleElement(t)&&null!=c.getFreeDockingPointByTypeAndNumber("AVO",1))){var D=r.getBoxPlannerCornerUIPos(c.getSetId(),c.getElementId(),"RIGHTTOPFRONT");D&&l.addDelIcon(e,c,D.x,D.y)}}}}})),n.forEach((function(t,n){for(var i=0;i<t.length;i++){var a=t[i];a.isShelfAcc&&l.addDimensionInfo(e,n,a,r)}}))}},{key:"checkBoxPlannerSingleElement",value:function checkBoxPlannerSingleElement(e){if(1==e.length)return!0;if(2==e.length)for(var t=e[0].getAllDockingPoints(),n=e[0].getAllDockingPoints(),r=0;r<t.length;r++)for(var i=t[r],a=0;a<n.length;a++){var o=n[a];if(i.IsDocking&&o.IsDocking&&2==i.Number&&2==o.Number&&("AVO"==i.Type||"AVU"==i.Type))return!0}return!1}},{key:"Class3DUI",get:function get(){return this.classUI}}])}(),I=function(){return(0,i.Z)((function Planner3DImage(e,t,n,i,s,d){(0,r.Z)(this,Planner3DImage),(0,a.Z)(this,"imageContainer",void 0),(0,a.Z)(this,"UIHandler",void 0),(0,a.Z)(this,"curRendering",void 0),(0,a.Z)(this,"planner3DGrid",void 0),(0,a.Z)(this,"update3DImgSrcInView",void 0),(0,a.Z)(this,"onDoShowNav3DChanged",void 0),(0,a.Z)(this,"enablePlanner3DGrid",void 0),this.UIHandler=new P(e,d),this.curRendering=new o.Oy("Placeholder","Placeholder","",-1,-1,!1,!1,0,!1,!1,"STREAM"),this.planner3DGrid=new m(n,s),this.onDoShowNav3DChanged=i,this.enablePlanner3DGrid=!1,this.update3DImgSrcInView=t}),[{key:"initialize",value:function initialize(e,t){this.imageContainer=document.getElementById(e),this.planner3DGrid.setCallbackMethods(t),this.imageContainer&&this.UIHandler.initialize(this.imageContainer)}},{key:"handlePlanner3DGridChanged",value:function handlePlanner3DGridChanged(e,t,n,r){if(n)this.enablePlanner3DGrid&&(this.enablePlanner3DGrid=!1,this.planner3DGrid.destroy(e));else{var i=this.enablePlanner3DGrid;this.enablePlanner3DGrid=!!r||!this.enablePlanner3DGrid,i&&!this.enablePlanner3DGrid?this.planner3DGrid.destroy(e):!i&&this.enablePlanner3DGrid&&this.planner3DGrid.initialize(t.imgWidth,t.imgHeight)}}},{key:"clearView",value:function clearView(e){this.planner3DGrid.destroy(e),this.curRendering=new o.Oy("Placeholder","Placeholder","",-1,-1,!1,!1,0,!1,!1,"STREAM"),this.update3DImgSrcInView("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==")}},{key:"getPlanner3DGridEnabled",value:function getPlanner3DGridEnabled(){return this.enablePlanner3DGrid}},{key:"getPlanner3DGridIsInTransformMode",value:function getPlanner3DGridIsInTransformMode(){return this.planner3DGrid.isInTrasnformMode()}},{key:"updateUI",value:function updateUI(e,t,n,r,i,a,o,s){var d=this;this.enablePlanner3DGrid&&(r.size>0?r.forEach((function(t,n){for(var r=0;r<t.length;r++)d.planner3DGrid.updateUI(e,t[r])})):e.clear2D3DViewerUI()),this.UIHandler.updateUI(e,t,n,this.curRendering,r,i,a,o,s)}},{key:"updatePlannerView",value:function updatePlannerView(e,t,n,r,i){var a=this.curRendering.getHasStaticBackground(),o=t.getHasStaticBackground();if(a!=o&&this.onDoShowNav3DChanged(!o),this.curRendering=t,this.update3DImgSrcInView(t.getImageForSrc()),this.enablePlanner3DGrid){var s=void 0;r.size>0&&r.forEach((function(e,t){null==s&&e.length>0&&(s=e[0])})),this.planner3DGrid.updateScene(e,t,s,n,i)}}},{key:"resetSelectedElementsOnEnterPlannerMode",value:function resetSelectedElementsOnEnterPlannerMode(){return!1}}])}()}}]);

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

@@ -0,0 +1,2 @@
+/*! For license information please see 4799.diva-web-planner-react.umd.min.js.LICENSE.txt */
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4799,4133,2105,1658,3125,4454,6521,2772,9596,6879],{74133:(e,n,t)=>{t.r(n),t.d(n,{default:()=>s});var i=t(80248),r=(t(87363),t(2765)),o=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const s=function SettingsHeader(e){return(0,o.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsHeaderContainer/SettingsItemHeader/Header"}))}},77586:(e,n,t)=>{t.r(n),t.d(n,{default:()=>R});var i=t(34988),r=t(9420),o=t(87363),s=t(37707),a=t(31964),l=t(93379),d=t.n(l),p=t(7795),c=t.n(p),u=t(90569),m=t.n(u),f=t(3565),x=t.n(f),g=t(19216),w=t.n(g),v=t(44589),h=t.n(v),y=t(83301),b={};b.styleTagTransform=h(),b.setAttributes=x(),b.insert=m().bind(null,"head"),b.domAPI=c(),b.insertStyleElement=w();d()(y.Z,b);y.Z&&y.Z.locals&&y.Z.locals;var P=t(95593),j=t(65515),O=t.n(j),S=t(47514);const R=(0,r.Pi)((function HorizantalGroup(e){var n=e.item,t=e.PaletteComponent,r=n.groups.flatMap((function(e){return e.items})),l=(0,o.useState)(null),d=(0,i.Z)(l,2),p=d[0],c=d[1],u=(0,o.useRef)(0);return(0,o.useEffect)((function(){p&&p.slideTo(u.current,0)}),[p]),1==r.length?(0,S.jsx)(S.Fragment,{}):(0,S.jsx)("div",{className:O()(y.t),id:n.id.toString(),children:(0,S.jsx)(s.tq,{onSwiper:c,resizeObserver:!0,modules:[a.W_],slidesPerView:"auto",style:{width:"fit-content"},spaceBetween:8,scrollbar:!0,children:r.map((function(e,i){return(0,S.jsx)(s.o5,{onClick:function onClick(e){!function navigateToOnClick(e){u.current=e,null==p||p.slideTo(e)}(i-1),e.stopPropagation()},children:(0,S.jsx)(t,{paletteType:n.type,paletteId:n.id,item:e},(0,P.getKey)(e))},i)}))})})}))},32105:(e,n,t)=>{t.r(n),t.d(n,{default:()=>s});var i=t(80248),r=(t(87363),t(2765)),o=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const s=function SettingsPaletteGroup(e){return(0,o.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/Groups/PaletteGroup"}))}},86114:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});var i=t(9733),r=t(9420),o=(t(87363),t(77586)),s=t(4903),a=t(93379),l=t.n(a),d=t(7795),p=t.n(d),c=t(90569),u=t.n(c),m=t(3565),f=t.n(m),x=t(19216),g=t.n(x),w=t(44589),v=t.n(w),h=t(53946),y={};y.styleTagTransform=v(),y.setAttributes=f(),y.insert=u().bind(null,"head"),y.domAPI=p(),y.insertStyleElement=g();l()(h.Z,y);h.Z&&h.Z.locals&&h.Z.locals;var b=t(47514);const P=(0,r.Pi)((function ArticleOverviewWrapper(e){var n=(0,i.NP)().settingsState.itemPalettes.get(1);if(!n)return(0,b.jsx)(b.Fragment,{});var t=s.default[n.type];return(0,b.jsx)("div",{className:h.Y,children:(0,b.jsx)(o.default,{item:n,PaletteComponent:t})})}))},1658:(e,n,t)=>{t.r(n),t.d(n,{default:()=>j});var i=t(9420),r=t(9733),o=t(93379),s=t.n(o),a=t(7795),l=t.n(a),d=t(90569),p=t.n(d),c=t(3565),u=t.n(c),m=t(19216),f=t.n(m),x=t(44589),g=t.n(x),w=t(11309),v={};v.styleTagTransform=g(),v.setAttributes=u(),v.insert=p().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=f();s()(w.ZP,v);w.ZP&&w.ZP.locals&&w.ZP.locals;t(87363);var h=t(65515),y=t.n(h),b=t(88683),P=t(47514);const j=(0,i.Pi)((function ReplaceSwitch(e){var n=(0,r.NP)(),t=(0,b.useTranslation)().t;return(0,P.jsxs)("div",{className:y()(w.YS),children:[(0,P.jsx)("div",{onClick:function onClick(){return n.paletteViewHandler.setPlannerReplaceMode(!1,!0)},className:y()(w.LI,n.settingsState.plannerReplaceMode?void 0:w.pA),id:"configurator_plan_tab",children:t("configurator.plan")}),(0,P.jsx)("div",{onClick:function onClick(){n.settingsState.plannerReplaceModeAvailable&&n.paletteViewHandler.setPlannerReplaceMode(!0,!0)},className:y()(w.LI,n.settingsState.plannerReplaceMode?w.pA:void 0,n.settingsState.plannerReplaceModeAvailable?void 0:w.JU),id:"configurator_replace_tab",children:t("configurator.replace")})]})}))},53125:(e,n,t)=>{t.r(n),t.d(n,{default:()=>s});var i=t(80248),r=(t(87363),t(2765)),o=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const s=function ItemVariant(e){return(0,o.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/DropDownText"}))}},14454:(e,n,t)=>{t.r(n),t.d(n,{default:()=>I});var i=t(84658),r=t(80248),o=t(34988),s=t(50747),a=t.n(s),l=t(87363),d=t(65515),p=t.n(d),c=t(93379),u=t.n(c),m=t(7795),f=t.n(m),x=t(90569),g=t.n(x),w=t(3565),v=t.n(w),h=t(19216),y=t.n(h),b=t(44589),P=t.n(b),j=t(18135),O={};O.styleTagTransform=P(),O.setAttributes=v(),O.insert=g().bind(null,"head"),O.domAPI=f(),O.insertStyleElement=y();u()(j.ZP,O);j.ZP&&j.ZP.locals&&j.ZP.locals;var S=t(9733),R=t(9420),N=t(74133),D=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const I=(0,R.Pi)((function TextBox(e){var n,t,s=e.item,d=e.paletteId,c=e.style,u=(0,S.NP)(),m=(0,l.useRef)(null),f=s.groups[0].items,x=(0,l.useState)(f[0].freeTextLang),g=(0,o.Z)(x,2),w=g[0],v=g[1],h=function(){var e=(0,i.Z)(a().mark((function _callee(e,n){return a().wrap((function _callee$(t){for(;;)switch(t.prev=t.next){case 0:u.paletteViewHandler.onFreeTextLangChanged(e,n,f[0],d);case 1:case"end":return t.stop()}}),_callee)})));return function updateLangLogic(n,t){return e.apply(this,arguments)}}(),y=null!==(n=u.getViewConfig().languagesForInput)&&void 0!==n?n:[];return(0,D.jsxs)("div",{className:j.O7,ref:function ref(e){return s.htmlRef=e},style:c,children:[(0,D.jsx)("div",{className:p()(j.eR,j.TN,j.t$),children:(0,D.jsx)(N.default,{item:s,isInScroller:!0,isSettingsHeader:!1})}),(0,D.jsx)("div",{className:p()(j.eR,j.F2),children:y.length?(0,D.jsx)(D.Fragment,{children:y.map((function(e){return(0,D.jsxs)("div",{className:j.t,children:[(0,D.jsx)("div",{className:j.kA,children:e}),(0,D.jsx)("input",{className:j.q_,onChange:function onChange(n){return function handleLangTextChange(e,n){m.current&&clearTimeout(m.current),m.current=setTimeout((function(){return h(e,n)}),500),v(_objectSpread(_objectSpread({},w),{},(0,r.Z)({},e,n)))}(e,n.target.value)},type:"text",value:null==w?void 0:w[e]})]},e)}))}):(0,D.jsx)("div",{children:(0,D.jsx)("input",{className:j.q_,onChange:function handleChange(e){f[0]&&(f[0].freeText=e.target.value,u.paletteViewHandler.clickedOnConfigPalette(f[0],"inputbox",d))},type:"text",value:null!==(t=f[0])&&void 0!==t&&t.freeText?f[0].freeText:""})})})]})}))},96521:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});var i=t(34988),r=t(87363),o=t(93379),s=t.n(o),a=t(7795),l=t.n(a),d=t(90569),p=t.n(d),c=t(3565),u=t.n(c),m=t(19216),f=t.n(m),x=t(44589),g=t.n(x),w=t(60636),v={};v.styleTagTransform=g(),v.setAttributes=u(),v.insert=p().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=f();s()(w.ZP,v);w.ZP&&w.ZP.locals&&w.ZP.locals;var h=t(65515),y=t.n(h),b=t(47514);const P=function MultiToggleSwitch(e){var n=e.values,t=(0,i.Z)(e.state,2),o=t[0],s=t[1],a=e.round,l=100/n.length,d=(0,r.useState)([]),p=(0,i.Z)(d,2),c=p[0],u=p[1];return(0,r.useEffect)((function(){n.some((function(e){return!e.endsWith("cm")}))?u(n):u(n.map((function(e,t){return e.replace("cm","")+(t==n.length-1?"cm":"")})))}),[n]),(0,b.jsx)("div",{className:w.YS,style:{borderRadius:a?"100px":void 0},children:(0,b.jsxs)("div",{className:w.No,children:[c.map((function(e,n){return(0,b.jsx)("div",{style:{width:l+"%"},children:(0,b.jsx)("label",{onClick:function onClick(){return s(n)},className:y()(w.F2,o===n&&w.pA),children:e})},n)})),(0,b.jsx)("div",{className:w.wb,style:{left:o/n.length*100+"%",width:l+"%",borderRadius:a?"100px":void 0}})]})})}},12772:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});var i=t(34988),r=t(87363),o=t(9420),s=t(9733),a=t(96521),l=t(93379),d=t.n(l),p=t(7795),c=t.n(p),u=t(90569),m=t.n(u),f=t(3565),x=t.n(f),g=t(19216),w=t.n(g),v=t(44589),h=t.n(v),y=t(7182),b={};b.styleTagTransform=h(),b.setAttributes=x(),b.insert=m().bind(null,"head"),b.domAPI=c(),b.insertStyleElement=w();d()(y.ZP,b);y.ZP&&y.ZP.locals&&y.ZP.locals;var P=t(65515),j=t.n(P),O=t(47514);const S=(0,o.Pi)((function SliderComponent(e){var n=e.item,t=e.style,o=e.round,l=(0,s.NP)(),d=(0,r.useState)([]),p=(0,i.Z)(d,2),c=p[0],u=p[1],m=(0,r.useState)([]),f=(0,i.Z)(m,2),x=f[0],g=f[1],w=(0,r.useState)(),v=(0,i.Z)(w,2),h=v[0],b=v[1],P=(0,r.useState)(!1),S=(0,i.Z)(P,2),R=S[0],N=S[1];return(0,r.useEffect)((function(){if(void 0!==h){var e=c[h];e&&l.paletteViewHandler.clickedOnConfigPalette(e)}}),[h]),(0,r.useEffect)((function(){var e=n.groups.flatMap((function(e){return e.items})),t=e.every((function(e){return e.text.endsWith("cm")}));u(e),N(t),g(e.map((function(e){return t?e.text.replace("cm",""):e.text}))),b(e.findIndex((function(e){return e.sel})))}),[n]),0===c.length?(0,O.jsx)(O.Fragment,{}):(0,O.jsxs)("div",{className:y.O7,ref:function ref(e){return n.htmlRef=e},style:t,children:[(0,O.jsx)("div",{className:j()(y.eR,y.TN),children:n.name+(R?" (cm)":"")}),(0,O.jsx)("div",{className:j()(y.eR,y.ZN),children:(0,O.jsx)(a.default,{values:x,state:[h,b],round:o})})]})}))},32415:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var i=t(34988),r=t(87363),o=t(9420),s=(t(89756),t(9733)),a=t(96935),l=t(74133),d=t(93379),p=t.n(d),c=t(7795),u=t.n(c),m=t(90569),f=t.n(m),x=t(3565),g=t.n(x),w=t(19216),v=t.n(w),h=t(44589),y=t.n(h),b=t(74219),P={};P.styleTagTransform=y(),P.setAttributes=g(),P.insert=f().bind(null,"head"),P.domAPI=u(),P.insertStyleElement=v();p()(b.ZP,P);b.ZP&&b.ZP.locals&&b.ZP.locals;var j=t(47514);const O=(0,o.Pi)((function SliderComponent(e){var n=e.item,t=e.style,o=(0,s.NP)(),d=(0,r.useState)({}),p=(0,i.Z)(d,2),c=p[0],u=p[1],m=(0,r.useState)([]),f=(0,i.Z)(m,2),x=f[0],g=f[1],w=(0,r.useState)(),v=(0,i.Z)(w,2),h=v[0],y=v[1],P=function onChangeComplete(e){void 0!==(null!=e?e:h)&&o.paletteViewHandler.clickedOnConfigPalette(x[null!=e?e:h])};return(0,r.useEffect)((function(){var e=n.groups.flatMap((function(e){return e.items}));g(e),y(e.findIndex((function(e){return e.sel}))),u(e.reduce((function(e,n,t){return e[t]=n.text,e}),{}))}),[n]),0===x.length?(0,j.jsx)(j.Fragment,{}):(0,j.jsxs)("div",{style:t,className:b.YS,children:[(0,j.jsx)(l.default,{isInScroller:!0,isSettingsHeader:!1,item:n}),(0,j.jsx)("div",{className:b.sL,children:(0,j.jsx)(a.Z,{marks:c,trackStyle:{backgroundColor:"#e9e9e9"},value:h,onChange:function onChange(e){Array.isArray(e)&&(e=e[0]),y(e),P(e)},onChangeComplete:P,min:Number(Object.keys(c)[0]),max:Number(Object.keys(c)[Object.keys(c).length-1])})})]})}))},76879:(e,n,t)=>{t.r(n),t.d(n,{default:()=>R});var i=t(34988),r=t(88683),o=t(9733),s=t(87363),a=t(9420),l=t(72532),d=t(93379),p=t.n(d),c=t(7795),u=t.n(c),m=t(90569),f=t.n(m),x=t(3565),g=t.n(x),w=t(19216),v=t.n(w),h=t(44589),y=t.n(h),b=t(77113),P={};P.styleTagTransform=y(),P.setAttributes=g(),P.insert=f().bind(null,"head"),P.domAPI=u(),P.insertStyleElement=v();p()(b.ZP,P);b.ZP&&b.ZP.locals&&b.ZP.locals;var j=t(74133),O=t(47514),S=function getSkeletons(e,n){var t=0;e>n&&(t=e-n);var i=[];if(t)for(var r=t-1;r>=0;r--)i.push(e-r);return i};const R=(0,a.Pi)((function PromotedProducts(e){var n,t=e.item,a=(0,r.useDivaCore)(),d=a.actions.openComponent,p=a.handler.productHandler,c=a.state.organization,u=(0,s.useState)([]),m=(0,i.Z)(u,2),f=m[0],x=m[1],g=(0,o.NP)(),w=g.getViewConfig().productsConfig,v=(0,s.useState)(0),h=(0,i.Z)(v,2),y=h[0],P=h[1],R=(0,s.useCallback)((function(e){P(g.settingsState.configChanged),d({type:"DIVA_WEBPLANNER",parameters:{productId:e},internal:{forceReload:"1"}})}),[g]),N=y===g.settingsState.configChanged&&(null!==(n=g.configState.productId)&&void 0!==n?n:!g.configState.divaNr&&g.divaWebPlanner.getStartProductId());(0,s.useEffect)((function(){var e,n,t;p.apiLoadProductVariantsGrouped({limit:null!==(e=null==w?void 0:w.maxCount)&&void 0!==e?e:void 0,search:null!==(n=null==w?void 0:w.filter)&&void 0!==n?n:[{id:"availableForOrganizations",op:"eq",value:c._id},{id:"promotedForOrganizations",op:"eq",value:c._id}],sort:null!==(t=null==w?void 0:w.sort)&&void 0!==t?t:"{-created}"}).then((function(e){var n=e.data.findIndex((function(e){var n;return null===(n=e.items[0].startProductForOrganizations)||void 0===n?void 0:n.includes(c._id)}));if(-1!=n){var t=e.data[n];e.data.splice(n,1),e.data.unshift(t)}x(e.data)}))}),[g.uiState.isLoading]);var D=null!=w&&w.maxCount&&w.showSkeletions?S(w.maxCount,f.length):[];return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(j.default,{isInScroller:!1,isSettingsHeader:!0,item:t}),(0,O.jsxs)("div",{className:b.Ry,children:[f.map((function(e,n){return(0,O.jsx)(l.p,{settings:{contentBoxProps:{type:"ProductGallery",products:e.items,groupVariantsByField:["dc_color","dc_mainColor"],onClick:R,imageWrapperStyle:{aspectRatio:"unset"},wrapperStyle:e.items.find((function(e){return e._id==N}))?{border:"1px solid var(--diva-theme-palette-primary-main)",borderRadius:"5px"}:void 0,imageStyle:{aspectRatio:"14.5 / 10",objectFit:"scale-down",objectPosition:"bottom"}}}},e._id)})),D.map((function(e){return(0,O.jsx)("div",{className:b.F1,children:(0,O.jsx)("div",{children:e})},e)}))]})]})}))},78717:(e,n,t)=>{t.r(n),t.d(n,{default:()=>m});t(87363);var i=t(65515),r=t.n(i),o=t(550),s=t(9733),a=t(40187),l=t(88683),d=t(87261),p=t(70537),c=t(47514),u=(0,l.getLogger)("Planner","ToggleName");const m=function ToggleName(e){var n,t,i,l=e.item,m=e.paletteId,f=e.style,x=(0,s.NP)(),g=l.groups[0].items;if(!g)return(0,c.jsx)(c.Fragment,{});for(var w=0;w<g.length;w++){var v,h;null!==(v=g[w].codex)&&void 0!==v&&v.startsWith("OPVNEIN")&&(i=g[w]),null!==(h=g[w].codex)&&void 0!==h&&h.startsWith("OPVJA")&&(t=g[w])}if(!(i&&t||(2==g.length&&(i=g[0],t=g[1]),i&&t)))return u.warn("Achtung! Bei der Option: "+g[0].op+" gibt es keine eindeutige werte für JA und NEIN","WC_0011"),l.isVisited=!0,(0,c.jsx)(c.Fragment,{});var y=0==i.sel,b=null!==(n=l.selectedElements)&&void 0!==n&&n[0].contentItemId?l.selectedElements[0]:l.optionContentItemId?{contentItemId:l.optionContentItemId,codex:l.configStepKey}:void 0;return(0,c.jsxs)("div",{className:o.O7,ref:function ref(e){return l.htmlRef=e},style:f,children:[(0,c.jsxs)("div",{className:r()(o.Fl,o.TN,o.u2),onClick:function onClick(){x.paletteViewHandler.clickedOnConfigPalette(i,void 0,m)},children:[void 0!==i.pricePreviewPromise&&(0,c.jsx)(p.default,{asyncPricePreview:i.pricePreviewPromise,sel:i.sel}),(0,c.jsx)("div",{className:y?void 0:o.pA,dangerouslySetInnerHTML:{__html:i.text}})]}),(0,c.jsx)("div",{className:r()(o.Fl,o.ZN),children:(0,c.jsx)(a.default,{onChange:function onChange(){x.paletteViewHandler.clickedOnConfigPalette(i.sel?t:i,void 0,m)},val:l,alwaysActiveColor:!0,state:y})}),(0,c.jsxs)("div",{className:r()(o.Fl,o.TN,o.u2),onClick:function onClick(){x.paletteViewHandler.clickedOnConfigPalette(t,void 0,m)},children:[void 0!==t.pricePreviewPromise&&(0,c.jsx)(p.default,{asyncPricePreview:t.pricePreviewPromise,sel:t.sel}),(0,c.jsx)("div",{className:y?o.pA:void 0,dangerouslySetInnerHTML:{__html:t.text}})]}),b&&(0,c.jsx)(d.default,{item:b,style:{position:"relative"}},l.configStepKey)]})}},88584:(e,n,t)=>{t.r(n),t.d(n,{default:()=>x});t(87363);var i=t(65515),r=t.n(i),o=t(550),s=t(9733),a=t(40187),l=t(9420),d=t(88683),p=t(57766),c=t(87261),u=t(70537),m=t(47514),f=(0,d.getLogger)("Planner","ToggleOption");const x=(0,l.Pi)((function ToggleOption(e){var n,t,i,l=e.item,d=e.paletteId,x=e.style,g=(0,s.NP)(),w=l.groups[0].items;if(!w)return(0,m.jsx)(m.Fragment,{});for(var v=0;v<w.length;v++){var h,y;null!==(h=w[v].codex)&&void 0!==h&&h.startsWith("OPVNEIN")&&(i=w[v]),null!==(y=w[v].codex)&&void 0!==y&&y.startsWith("OPVJA")&&(t=w[v])}if(!(i&&t||(2==w.length&&(i=w[0],t=w[1]),i&&t)))return f.error(new p.GE("Achtung! Bei der Option: "+w[0].op+" gibt es keine eindeutige werte für JA und NEIN",{code:"WC_0011"})),l.isVisited=!0,(0,m.jsx)(m.Fragment,{});var b=null!==(n=l.selectedElements)&&void 0!==n&&n[0].contentItemId?l.selectedElements[0]:l.optionContentItemId?{contentItemId:l.optionContentItemId,codex:l.configStepKey}:void 0;return(0,m.jsxs)("div",{className:o.O7,ref:function ref(e){return l.htmlRef=e},style:x,children:[(0,m.jsx)("div",{className:r()(o.eR,o.TN),children:l.name}),(0,m.jsxs)("div",{className:r()(o.eR,o.ZN),children:[void 0!==i.pricePreviewPromise&&(0,m.jsx)(u.default,{asyncPricePreview:i.pricePreviewPromise,sel:i.sel,pos:"left"}),(0,m.jsx)(a.default,{onChange:function onChange(){g.paletteViewHandler.clickedOnConfigPalette(i.sel?t:i,void 0,d)},val:l,state:0==i.sel,off:i.text,on:t.text}),void 0!==t.pricePreviewPromise&&(0,m.jsx)(u.default,{asyncPricePreview:t.pricePreviewPromise,sel:t.sel,pos:"right"})]}),b&&(0,m.jsx)(c.default,{item:b,style:{bottom:"calc(50% - 10px)",right:"20px"}},l.configStepKey)]})}))},63242:(e,n,t)=>{t.r(n),t.d(n,{default:()=>R});t(87363);var i=t(93379),r=t.n(i),o=t(7795),s=t.n(o),a=t(90569),l=t.n(a),d=t(3565),p=t.n(d),c=t(19216),u=t.n(c),m=t(44589),f=t.n(m),x=t(98404),g={};g.styleTagTransform=f(),g.setAttributes=p(),g.insert=l().bind(null,"head"),g.domAPI=s(),g.insertStyleElement=u();r()(x.Z,g);x.Z&&x.Z.locals&&x.Z.locals;var w=t(65515),v=t.n(w),h=t(48580),y=t(74133),b=t(1658),P=t(9420),j=t(9733),O=t(86114),S=t(47514);const R=(0,P.Pi)((function ItemWrapper(e){var n=e.item,t=e.style,i=e.children,r=(0,j.NP)(),o=n.isHeader||n.hideHeader?(0,S.jsx)(S.Fragment,{}):(0,S.jsx)(y.default,{isInScroller:!0,isSettingsHeader:!1,item:n}),s=n.type.startsWith("ART"),a=s&&r.settingsState.planner2Dot0Active;return(0,S.jsxs)("div",{style:t,className:v()(x.f,{wcFilterVisible:n.filterVisible}),ref:function ref(e){return n.htmlRef=e},id:n.configStepKey,children:[(0,S.jsx)(h.default,{stepInfo:n.info}),!a&&o,a&&(0,S.jsx)(O.default,{}),s&&!a&&r.settingsState.doShowReplaceMode&&(!r.paletteViewHandler.plannerItems.DoShowAdditionalPlannerElements||2==n.id)&&(0,S.jsx)(b.default,{}),a&&o,i]})}))},95593:(e,n,t)=>{t.r(n),t.d(n,{default:()=>A,getKey:()=>I});var i=t(80248),r=t(34988),o=t(87363),s=t.n(o),a=t(9420),l=t(86468),d=t(14454),p=t(53125),c=t(32105),u=t(3985),m=t(88584),f=t(9733),x=t(60805),g=t(76879),w=t(78717),v=t(4903),h=t(63242),y=t(38557),b=t(32415),P=t(12772),j=t(88683);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}var O=function useGridVariables(e){var n=(0,f.NP)(),t=(0,j.useDivaCore)().state.dimensions,r=(0,o.useMemo)((function(){var t,r,o,s,a,l,d=null!==(t=n.uiState.ViewConfig.settingsSizes)&&void 0!==t?t:{},p=null!==(r=null===(o=n.settingsState.settingsScrollerElement)||void 0===o?void 0:o.getBoundingClientRect().width)&&void 0!==r?r:0,c=null!==(s=null==d?void 0:d.gapDefault)&&void 0!==s?s:"10px",u=null!==(a=null==d?void 0:d.sizeDefault)&&void 0!==a?a:"300px",m=void 0;if(e.isRenderedNotInSettingPalette&&!e.isRenderedInAccessorieStep)u="240px";else if("SUMMARY_ARTICLES"==e.type||"SUMMARY_OPTIONTREE"===e.type||"SUMMARY_PARTLIST"==e.type||"VARIANTS"==e.type)u="calc(100% - 20px)";else if("GAL_GROUP_DROPDOWN"==e.type||"GAL_BIG"===e.type)u="100px";else if("ACC"==e.type)d.sizeAccessoires&&(u=d.sizeAccessoires);else if("ACC_CONFIG"==e.type)u="100%";else if("RANGE"==e.type)u="100%";else if("GAL"==e.type){var f,x;u=null!==(f=null==d?void 0:d.sizeGallery)&&void 0!==f?f:"80px",c=null!==(x=null==d?void 0:d.gapGallery)&&void 0!==x?x:"10px"}else"PLANNERSWITCH"===e.type?u="170px":"SMALL"===e.type&&n.getIsInMobileView()&&"jungle"==(null===(l=n.uiState.templateConfigKeys)||void 0===l?void 0:l.ItemDefault)||"SHELFPLANNER"===e.type&&n.productState.shelfPlannerRTV?u="120px":"VERY_SMALL"===e.type?u="48%":"GAL_TEXT_2"==e.type?u=p>700||p>550?"120px":p>400?"110px":"100px":"GAL_TEXT"==e.type?u=p>700||p>550?"100px":p>400?"90px":"80px":"GAL_BIG_TEXT_2"==e.type?u=p>700?"190px":p>550?"170px":p>400?"145px":"130px":"GAL_BIG_TEXT"==e.type||"ART_2"==e.type?u=p>700||p>550?"120px":p>400?"110px":"100px":"GAL_SMALL_TEXT_2"==e.type||"PLANNER_2.0"==e.type?(u=p>700?"110px":p>550?"95px":p>400?"80px":"70px",c="8px"):"GAL_SMALL_TEXT"==e.type?(u=p>700?"75px":p>550?"70px":p>400?"55px":"50px",c="6px"):e.type.startsWith("GAL_SMALL")&&(u="60px");return["GAL_SMALL_GROUP_DROPDOWN","TOGGLE","TOGGLE_NAME","DROPDOWN_IMAGE","DROPDOWN_TEXT"].includes(e.type)&&(m="20px"),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}({"--gridSize":u,"--gridGap":c},m?{"--infoIconSize":m}:{})}),[e,n.uiState.ViewConfig.settingsSizes,n.settingsState.settingsScrollerElement,t]);return r},S=t(47514);function SettingsItem_ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function SettingsItem_objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?SettingsItem_ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):SettingsItem_ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var R=s().lazy((function(){return Promise.all([t.e(9944),t.e(7442)]).then(t.bind(t,67442))})),N=s().lazy((function(){return Promise.all([t.e(2976),t.e(5572)]).then(t.bind(t,65572))})),D=s().lazy((function(){return Promise.all([t.e(1849),t.e(8985)]).then(t.bind(t,88985))})),I=function getKey(e){var n,t,i,r;return null!==(n=null!==(t=null!==(i=null!==(r=e.basketId)&&void 0!==r?r:e.codex)&&void 0!==i?i:e.key)&&void 0!==t?t:e.articleCodex)&&void 0!==n?n:e.title};const A=(0,a.Pi)((function SettingsPaletteItem(e){var n,t=e.item,i=e.groupSize,s=(0,f.NP)(),a=O(t),j=v.default[t.type];if(void 0===j)throw new Error("component type: '"+t.type+"' not implemented");var A=(0,o.useState)([]),T=(0,r.Z)(A,2),Z=T[0],C=T[1],_=(0,o.useState)([]),E=(0,r.Z)(_,2),k=E[0],L=E[1];(0,o.useEffect)((function(){var e=t.groups.map((function(e){return SettingsItem_objectSpread(SettingsItem_objectSpread({},e),{},{items:t.currentItemsFilter&&"PLANNERSWITCH"!==t.type?e.items.filter((0,l.ZP)(t.currentItemsFilter)):e.items})})),n=e.filter((function(e){return e.items.length>0}));n.length>0&&(e=n),C(n),L(e)}),[t,s.settingsState.itemPalettes]);var G=1===Z.length&&"none"===Z[0].name,z=t.type.startsWith("SUMMARY")?"":u.pw;if(!t.visible)return(0,S.jsx)(S.Fragment,{});if("PLANNER_2.0"==t.type)return(0,S.jsx)(S.Fragment,{});switch(t.type){case"CHECKOUT":return(0,S.jsx)(y.default,{viewHandler:s});case"TOGGLE":return(0,S.jsx)(m.default,{style:a,item:t,paletteId:t.id});case"TOGGLE_NAME":return(0,S.jsx)(w.default,{style:a,item:t,paletteId:t.id});case"TEXTBOX":return(0,S.jsx)(d.default,{style:a,item:t,paletteId:t.id});case"DROPDOWN_TEXT":case"DROPDOWN_IMAGE":return(0,S.jsx)(p.default,{style:a,item:t,paletteId:t.id});case"NUMBER":return(0,S.jsx)(j,{paletteId:t.id,item:null===(n=t.groups[0])||void 0===n||null===(n=n.items)||void 0===n?void 0:n[0],groupSize:i},t.id+t.configStepKey);case"SLIDER":return(0,S.jsx)(b.default,{style:a,item:t,paletteId:t.id});case"MULTI_TOGGLE":case"MULTI_TOGGLE_ROUND":return(0,S.jsx)(P.default,{style:a,item:t,paletteId:t.id,round:"MULTI_TOGGLE_ROUND"===t.type});case"SHELFPLANNER":return(0,S.jsx)(o.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(R,{filteredGroups:Z,item:t,id:t.id,style:a},t.id)});case"PRODUCTS":return(0,S.jsx)(D,{item:t});case"PROMOTED":return(0,S.jsx)(g.default,{item:t});case"DOOR_PLANNER":return(0,S.jsx)(o.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(N,{item:t})});case"GAL_GROUP_DROPDOWN":case"GAL_SMALL_GROUP_DROPDOWN":var M=(0,S.jsx)(x.default,{item:t,PaletteComponent:j,filteredGroups:k,id:t.id,showSearchBar:"GAL_GROUP_DROPDOWN"==t.type,contentInnerClassName:z},t.configStepKey);return(0,S.jsx)(h.default,{style:a,item:t,children:M});default:var K;return K=G?(0,S.jsx)("div",{className:z,children:Z.map((function(e){return e.items.map((function(e,n){return(0,S.jsx)(j,{paletteType:t.type,paletteId:t.id,item:e},I(e))}))}))}):(0,S.jsx)(c.default,{groups:Z,contentInnerClassName:z,itemPalette:t,PaletteComponent:j}),(0,S.jsx)(h.default,{style:a,item:t,children:K})}}))},83301:(e,n,t)=>{t.d(n,{Z:()=>m,t:()=>u});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o),a=t(61667),l=t.n(a),d=new URL(t(64197),t.b),p=s()(r()),c=l()(d);p.push([e.id,".index-module--DtwRe {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n}\n\n/*navigation*/\n\n.index-module--DtwRe .swiper-slide {\n  width: auto;\n  width: initial;\n}\n\n.index-module--DtwRe .swiper-button-prev,\n.index-module--DtwRe .swiper-button-next {\n  position: absolute;\n  top: 50%;\n  top: var(--swiper-navigation-top-offset, 50%);\n  width: calc(var(--swiper-navigation-size) / 44 * 27);\n  height: var(--swiper-navigation-size);\n  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--swiper-theme-color);\n  color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.index-module--DtwRe .swiper-button-prev.swiper-button-disabled,\n.index-module--DtwRe .swiper-button-next.swiper-button-disabled {\n  opacity: 0.35;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DtwRe .swiper-button-prev.swiper-button-hidden,\n.index-module--DtwRe .swiper-button-next.swiper-button-hidden {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DtwRe .swiper-navigation-disabled .swiper-button-prev,\n.index-module--DtwRe .swiper-navigation-disabled .swiper-button-next {\n  display: none !important;\n}\n.index-module--DtwRe .swiper-button-prev svg,\n.index-module--DtwRe .swiper-button-next svg {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform-origin: center;\n}\n.index-module--DtwRe .swiper-rtl .swiper-button-prev svg,\n.index-module--DtwRe .swiper-rtl .swiper-button-next svg {\n  transform: rotate(180deg);\n}\n.index-module--DtwRe .swiper-button-prev,\n.index-module--DtwRe .swiper-rtl .swiper-button-next {\n  left: 10px;\n  left: var(--swiper-navigation-sides-offset, 10px);\n  right: auto;\n}\n.index-module--DtwRe .swiper-button-next,\n.index-module--DtwRe .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DtwRe .swiper-button-lock {\n  display: none;\n}\n/* Navigation font start */\n.index-module--DtwRe .swiper-button-prev:after,\n.index-module--DtwRe .swiper-button-next:after {\n  text-transform: none !important;\n}\n.index-module--DtwRe .swiper-button-prev:after,\n.index-module--DtwRe .swiper-button-next:after {\n  font-family: swiper-icons;\n  font-size: var(--swiper-navigation-size);\n  letter-spacing: 0;\n  font-feature-settings: ;\n  font-variant: normal;\n  font-variant: initial;\n  line-height: 1;\n}\n.index-module--DtwRe .swiper-button-prev:after,\n.index-module--DtwRe .swiper-rtl .swiper-button-next:after {\n  content: 'prev';\n}\n.index-module--DtwRe .swiper-button-next,\n.index-module--DtwRe .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DtwRe .swiper-button-next:after,\n.index-module--DtwRe .swiper-rtl .swiper-button-prev:after {\n  content: 'next';\n}\n/* Navigation font end */\n\n/*swiper min css*/\n\n@font-face {\n  font-family: swiper-icons;\n  src: url("+c+');\n  font-weight: 400;\n  font-style: normal;\n}\n\n.index-module--DtwRe .swiper {\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  z-index: 1;\n}\n.index-module--DtwRe .swiper-vertical.swiper {\n  width: 100%;\n}\n\n.index-module--DtwRe .swiper-vertical > .swiper-wrapper {\n  flex-direction: column;\n}\n.index-module--DtwRe .swiper-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  transition-property: transform;\n  box-sizing: content-box;\n}\n.index-module--DtwRe .swiper-android .swiper-slide,\n.index-module--DtwRe .swiper-wrapper {\n  transform: translate3d(0px, 0, 0);\n}\n.index-module--DtwRe .swiper-pointer-events {\n  touch-action: pan-y;\n}\n.index-module--DtwRe .swiper-pointer-events.swiper-vertical {\n  touch-action: pan-x;\n}\n.index-module--DtwRe .swiper-slide {\n  flex-shrink: 0;\n  height: 100%;\n  position: relative;\n  transition-property: transform;\n}\n\n.index-module--DtwRe .swiper-vertical .swiper-slide {\n  height: auto;\n}\n\n.index-module--DtwRe .swiper-slide-invisible-blank {\n  visibility: hidden;\n}\n.index-module--DtwRe .swiper-autoheight,\n.index-module--DtwRe .swiper-autoheight .swiper-slide {\n  height: auto;\n}\n.index-module--DtwRe .swiper-autoheight .swiper-wrapper {\n  align-items: flex-start;\n  transition-property: transform, height;\n}\n.index-module--DtwRe .swiper-backface-hidden .swiper-slide {\n  transform: translateZ(0);\n  backface-visibility: hidden;\n}\n.index-module--DtwRe .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: x mandatory;\n}\n.index-module--DtwRe .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: y mandatory;\n}\n.index-module--DtwRe .swiper-centered > .swiper-wrapper::before {\n  content: \'\';\n  flex-shrink: 0;\n  order: 9999;\n}\n[dir="ltr"] .index-module--DtwRe .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-left: var(--swiper-centered-offset-before);\n}\n[dir="rtl"] .index-module--DtwRe .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-right: var(--swiper-centered-offset-before);\n}\n.index-module--DtwRe .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--DtwRe .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n  margin-top: var(--swiper-centered-offset-before);\n}\n.index-module--DtwRe .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--DtwRe .swiper-centered > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: center center;\n}\n',""]);var u="index-module--DtwRe";const m=p},53946:(e,n,t)=>{t.d(n,{Y:()=>a,Z:()=>l});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o)()(r());s.push([e.id,".index-module--GKAfY {\n  position: sticky;\n  top: -1px;\n  z-index: 500;\n  display: flex;\n  justify-content: space-around;\n  gap: 16px;\n  background-color: var(--settingsBackgroundColor);\n  padding: 6px;\n  width: calc(100% - 12px);\n}\n",""]);var a="index-module--GKAfY";const l=s},11309:(e,n,t)=>{t.d(n,{JU:()=>p,LI:()=>l,YS:()=>a,ZP:()=>c,pA:()=>d});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o)()(r());s.push([e.id,".index-module--RNSdL {\n  position: sticky;\n  top: -1px;\n  z-index: 500;\n  display: flex;\n  justify-content: space-around;\n  gap: 16px;\n  background-color: var(--settingsBackgroundColor);\n  padding: 6px;\n}\n\n.index-module--BZXkK {\n  transition: color 0.3s ease, border 0.3s ease;\n  cursor: pointer;\n  text-wrap: nowrap;\n  white-space: nowrap;\n  position: relative;\n  flex-grow: 1;\n  text-align: center;\n  padding-top: 4px;\n  padding-bottom: 4px;\n  font-size: 18px;\n}\n\n.index-module--BZXkK:hover,\n.index-module--WUQm2 {\n  border: none;\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--BZXkK::after {\n  content: '';\n  position: absolute;\n  width: 0px;\n  left: 50%;\n  transition: all ease-in-out 0.2s;\n  bottom: 0;\n  height: 1px;\n  background-color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--BZXkK.index-module--WUQm2::after {\n  height: 2px;\n}\n\n.index-module--BZXkK:hover::after,\n.index-module--WUQm2::after {\n  width: 100%;\n  left: 0;\n}\n.index-module--f88nM.index-module--BZXkK:hover::after {\n  width: 0px;\n  left: 0;\n}\n\n.index-module--f88nM.index-module--BZXkK::after {\n  background-color: lightgray;\n}\n\n.index-module--f88nM.index-module--BZXkK {\n  color: grey;\n  cursor: not-allowed;\n}\n",""]);var a="index-module--RNSdL",l="index-module--BZXkK",d="index-module--WUQm2",p="index-module--f88nM";const c=s},18135:(e,n,t)=>{t.d(n,{F2:()=>c,O7:()=>l,TN:()=>d,ZP:()=>x,eR:()=>u,kA:()=>f,q_:()=>a,t:()=>m,t$:()=>p});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o)()(r());s.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.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 a="index-module--BRYpa",l="index-module--VyzqQ",d="index-module--KQkM7",p="index-module--bKCuD",c="index-module--FSuK_",u="index-module--pc3yf",m="index-module--laiEH",f="index-module--HL0mI";const x=s},60636:(e,n,t)=>{t.d(n,{F2:()=>p,No:()=>l,YS:()=>a,ZP:()=>u,pA:()=>c,wb:()=>d});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o)()(r());s.push([e.id,".index-module--V0pQW {\n  height: 36px;\n  width: 100%;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: #f4f4f4;\n  border-radius: 6px;\n}\n.index-module--zHWrU {\n  height: calc(100% - 6px);\n  width: calc(100% - 6px);\n  border-radius: 3px;\n  box-sizing: content-box;\n  box-sizing: initial;\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.index-module--rSXQZ {\n  display: block;\n  position: absolute;\n  z-index: 1;\n  height: 30px;\n  background-color: #fff;\n  border-radius: 3px;\n  transition: left 0.25s ease-out;\n}\n\n.index-module--Ublpe {\n  position: relative;\n  display: flex;\n  gap: 4px;\n  justify-content: center;\n  align-items: center;\n  z-index: 2;\n  line-height: 22px;\n  height: 20px;\n  width: calc(100% - 8px);\n  padding: 6px;\n  font-size: 14px;\n  color: rgba(0, 0, 0, 0.6);\n  text-align: center;\n  cursor: pointer;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  transition:\n    color 0.2s ease-out,\n    font-weight 0.2s ease-out;\n}\n\n.index-module--jEYkH {\n  font-weight: 300;\n  color: #000;\n}\n",""]);var a="index-module--V0pQW",l="index-module--zHWrU",d="index-module--rSXQZ",p="index-module--Ublpe",c="index-module--jEYkH";const u=s},7182:(e,n,t)=>{t.d(n,{O7:()=>a,TN:()=>d,ZN:()=>p,ZP:()=>c,eR:()=>l});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o)()(r());s.push([e.id,".index-module--zbUn_ {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  margin-bottom: 24px;\n}\n.index-module--NgTfo {\n  width: calc(100% - 64px);\n  padding: 8px 32px;\n}\n\n.index-module--j9Vsg {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 4px;\n  margin-bottom: 10px;\n}\n.index-module--oMpID {\n  width: 70%;\n}\n.index-module--oMpID:first-child {\n  width: 30%;\n  margin: 10px 15px;\n  position: relative;\n}\n\n.index-module--CG0qP {\n  flex-grow: 1;\n  height: 58px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  min-width: 33%;\n}\n\n.index-module--F6wCX {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  cursor: pointer;\n}\n\n.index-module--mALKQ {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n",""]);var a="index-module--j9Vsg",l="index-module--oMpID",d="index-module--F6wCX",p="index-module--mALKQ";const c=s},74219:(e,n,t)=>{t.d(n,{YS:()=>a,ZP:()=>d,sL:()=>l});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o)()(r());s.push([e.id,".index-module--vkNxi {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  margin-bottom: 24px;\n}\n\n.index-module--cmtxo {\n  width: calc(100% - 64px);\n  padding: 0px 32px;\n}\n",""]);var a="index-module--vkNxi",l="index-module--cmtxo";const d=s},77113:(e,n,t)=>{t.d(n,{F1:()=>l,Ry:()=>a,ZP:()=>d});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o)()(r());s.push([e.id,".index-module--x75w5 {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));\n  grid-auto-rows: min-content;\n  grid-gap: 10px;\n  height: 100%;\n  padding-top: 16px;\n}\n\n.index-module--tgKwN {\n  width: 100%;\n  aspect-ratio: 1 / 1;\n  color: var(--primaryColor);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 22px;\n  box-shadow: rgba(0, 0, 0,0.1) 0px 0px 16px 0px;\n}\n",""]);var a="index-module--x75w5",l="index-module--tgKwN";const d=s},43078:(e,n,t)=>{t.d(n,{Fl:()=>d,O7:()=>a,TN:()=>p,ZN:()=>c,ZP:()=>f,eR:()=>l,pA:()=>m,u2:()=>u});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o)()(r());s.push([e.id,".index-module--v5pSs {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 4px;\n}\n.index-module--WNi5H {\n  width: 50%;\n  margin: 10px 15px;\n  position: relative;\n}\n\n.index-module--L1EGw {\n  flex-grow: 1;\n  height: 58px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  min-width: 33%;\n}\n\n.index-module--BYNhM {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  cursor: pointer;\n}\n\n.index-module--NNRCj {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--z1OwD {\n  text-align: center;\n}\n\n.index-module--PkMF3 {\n  font-weight: 300;\n}\n",""]);var a="index-module--v5pSs",l="index-module--WNi5H",d="index-module--L1EGw",p="index-module--BYNhM",c="index-module--NNRCj",u="index-module--z1OwD",m="index-module--PkMF3";const f=s},98404:(e,n,t)=>{t.d(n,{Z:()=>l,f:()=>a});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o)()(r());s.push([e.id,".index-module--hCQUB {\n  width: 100%;\n  margin-bottom: 24px;\n}\n",""]);var a="index-module--hCQUB";const l=s},70410:(e,n,t)=>{t.d(n,{ZP:()=>l,pw:()=>a});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o)()(r());s.push([e.id,".index-module--ThELN {\n  overflow: visible !important;\n}\n\n.index-module--ThELN {\n  height: auto;\n  transition: none 0s ease 0s;\n}\n\n.index-module--anx5T {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(var(--gridSize), 1fr));\n  grid-auto-rows: min-content;\n  grid-gap: var(--gridGap);\n  margin-top: var(--gridGap);\n}\n",""]);var a="index-module--anx5T";const l=s},550:(e,n,t)=>{t.d(n,{Fl:()=>x.Fl,O7:()=>x.O7,TN:()=>x.TN,ZN:()=>x.ZN,eR:()=>x.eR,pA:()=>x.pA,u2:()=>x.u2});var i=t(93379),r=t.n(i),o=t(7795),s=t.n(o),a=t(90569),l=t.n(a),d=t(3565),p=t.n(d),c=t(19216),u=t.n(c),m=t(44589),f=t.n(m),x=t(43078),g={};g.styleTagTransform=f(),g.setAttributes=p(),g.insert=l().bind(null,"head"),g.domAPI=s(),g.insertStyleElement=u();r()(x.ZP,g),x.ZP&&x.ZP.locals&&x.ZP.locals},3985:(e,n,t)=>{t.d(n,{pw:()=>x.pw});var i=t(93379),r=t.n(i),o=t(7795),s=t.n(o),a=t(90569),l=t.n(a),d=t(3565),p=t.n(d),c=t(19216),u=t.n(c),m=t(44589),f=t.n(m),x=t(70410),g={};g.styleTagTransform=f(),g.setAttributes=p(),g.insert=l().bind(null,"head"),g.domAPI=s(),g.insertStyleElement=u();r()(x.ZP,g),x.ZP&&x.ZP.locals&&x.ZP.locals}}]);

package/build/umd/4799.diva-web-planner-react.umd.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! filename:4799 */

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

@@ -1,2 +1,2 @@
 /*! For license information please see 481.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[481,6587],{40481:(e,n,r)=>{r.r(n),r.d(n,{default:()=>T});var t=r(80248),o=r(34988),i=r(7097),l=r(87363),d=r(46770),a=r(9420),s=r(93379),c=r.n(s),u=r(7795),m=r.n(u),p=r(90569),x=r.n(p),b=r(3565),v=r.n(b),g=r(19216),y=r.n(g),w=r(44589),h=r.n(w),f=r(96520),P={};P.styleTagTransform=h(),P.setAttributes=v(),P.insert=x().bind(null,"head"),P.domAPI=m(),P.insertStyleElement=y();c()(f.ZP,P);f.ZP&&f.ZP.locals&&f.ZP.locals;var j=r(13838),O=r(65515),S=r.n(O),C=r(86587),I=r(88683),k=r(81809),_=r(87261),B=r(70537),D=r(47514);function ownKeys(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(r),!0).forEach((function(n){(0,t.Z)(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}const T=(0,a.Pi)((function Gallery(e){var n,r,t=e.item,a=e.hidePricePreview,s=e.paletteId,c=e.style,u=e.isActive,m=void 0===u?(0,D.jsx)(C.default,{listenToGalleryVariables:!0}):u,p=t,x=(0,i.NP)(),b=(0,I.useDivaCore)().state.dimensions,v=b.isMobile,g=b.isTablet,y=(0,l.useState)(""),w=(0,o.Z)(y,2),h=w[0],P=(w[1],{}),O={},T=void 0,Z=!1,A={},F=(0,d.XI)({delayEnter:600,hideOnScroll:!0}),R=(0,d.sJ)({isOpen:F[0],auto:!0,placement:x.getViewConfig().tooltipPosition||"left-center"});return v||g||x.getViewConfig().hideTooltip||!p.image&&!p.hexColor||p.contentItemId||(Z=F[0],A=F[1],P=R.triggerProps,O=R.layerProps,T=R.renderLayer),(0,D.jsxs)(D.Fragment,{children:[(0,D.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({style:c,id:p.codex,"data-test-id":"plannerPaletteItem",className:S()(f.CA,f.TD,p.sel?f.pA:void 0),onClick:function onClick(){p.doShowFav&&x.paletteViewHandler.clickedOnFavIcon(p),x.paletteViewHandler.clickedOnConfigPalette(p,void 0,s)}},P),A),{},{children:[(0,D.jsxs)("div",{className:S()(f.iZ,f.VF),children:[!p.doShowFav&&p.sel&&void 0!==m&&m,p.contentItemId&&(0,D.jsx)(_.default,{item:p},p.codex),(x.getViewConfig().showVCodexInGallery&&p.vCodex||p.freeText)&&(0,D.jsx)("div",{className:f.eE,children:(0,D.jsx)("div",{className:S()(f.rq),children:null!==(n=p.freeText)&&void 0!==n?n:p.vCodex})}),p.image?(0,D.jsx)("img",{src:p.image}):p.hexColor?(0,D.jsx)("div",{className:f.CO,style:{backgroundColor:"#"+p.hexColor}}):(0,D.jsx)(D.Fragment,{}),p.doShowFav&&(0,D.jsx)("div",{className:p.isFav?j.Md:j.Hq})]}),!a&&void 0!==p.pricePreviewPromise&&(0,D.jsx)(B.default,{asyncPricePreview:p.pricePreviewPromise,sel:p.sel})]})),Z&&(null===(r=T)||void 0===r?void 0:r((0,D.jsx)(k.default,{text:p.text,desciption:h,image:p.image,layerProps:O,pricePreviewPromise:p.pricePreviewPromise,hexColor:p.hexColor},p.codex)))]})}))},86587:(e,n,r)=>{r.r(n),r.d(n,{default:()=>l});var t=r(80248),o=(r(87363),r(2765)),i=r(47514);function ownKeys(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(r),!0).forEach((function(n){(0,t.Z)(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}const l=function IsActive(e){return(0,i.jsx)(o.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive"}))}},96520:(e,n,r)=>{r.d(n,{CA:()=>d,CO:()=>x,TD:()=>p,VF:()=>s,ZP:()=>b,eE:()=>u,iZ:()=>a,pA:()=>c,rq:()=>m});var t=r(8081),o=r.n(t),i=r(23645),l=r.n(i)()(o());l.push([e.id,".index-module--_t3lX .index-module--TuYR3.index-module--RmaZH {\n  width: 100%;\n  background: transparent;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n  display: flex;\n}\n.index-module--_t3lX {\n  --galleryItemSelBorder: var(--galleryItemBorder);\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderColor);\n}\n.index-module--_t3lX:hover {\n  --galleryItemSelBorder: var(--galleryItemBorder);\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderHoverColor);\n  box-shadow: var(--gallerySelectedBoxShadow);\n}\n\n.index-module--_t3lX.index-module--zwiU5 {\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderSelColor);\n  box-shadow: var(--gallerySelectedBoxShadow);\n}\n\n.index-module--uTBDj {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--t7W_J {\n  width: 100%;\n  font-size: 18px;\n  text-shadow: 3px 4px 15px rgba(0,0,0,0.6);\n  color: white;\n  display: none;\n  text-align: center;\n  word-break: break-all;\n}\n\n.index-module--_t3lX:hover .index-module--t7W_J,\n.index-module--zwiU5 .index-module--t7W_J {\n  display: block;\n}\n\n.index-module--_t3lX.index-module--W5A4l {\n  display: block;\n  background: transparent;\n  margin: 0;\n  margin: initial;\n  position: relative;\n  float: left;\n  border-radius: var(--galleryItemRadius);\n  z-index: 100;\n  cursor: pointer;\n  width: 100%;\n}\n\n.index-module--_t3lX.index-module--W5A4l img {\n  width: 100%;\n  height: 100%;\n  border-radius: var(--galleryItemRadius);\n  aspect-ratio: 1 / 1;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n.index-module--Kcm6P {\n  width: 80px;\n  height: 80px;\n}\n",""]);var d="index-module--_t3lX",a="index-module--TuYR3",s="index-module--RmaZH",c="index-module--zwiU5",u="index-module--uTBDj",m="index-module--t7W_J",p="index-module--W5A4l",x="index-module--Kcm6P";const b=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[481,6587],{40481:(e,n,r)=>{r.r(n),r.d(n,{default:()=>T});var t=r(80248),o=r(34988),i=r(9733),l=r(87363),d=r(46770),a=r(9420),s=r(93379),c=r.n(s),u=r(7795),m=r.n(u),p=r(90569),x=r.n(p),b=r(3565),v=r.n(b),g=r(19216),y=r.n(g),f=r(44589),w=r.n(f),h=r(96520),P={};P.styleTagTransform=w(),P.setAttributes=v(),P.insert=x().bind(null,"head"),P.domAPI=m(),P.insertStyleElement=y();c()(h.ZP,P);h.ZP&&h.ZP.locals&&h.ZP.locals;var j=r(13838),O=r(65515),I=r.n(O),S=r(86587),C=r(88683),k=r(81809),B=r(87261),D=r(70537),H=r(47514);function ownKeys(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(r),!0).forEach((function(n){(0,t.Z)(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}const T=(0,a.Pi)((function Gallery(e){var n,r,t=e.item,a=e.hidePricePreview,s=e.paletteId,c=e.style,u=e.isActive,m=void 0===u?(0,H.jsx)(S.default,{listenToGalleryVariables:!0}):u,p=t,x=(0,i.NP)(),b=(0,C.useDivaCore)().state.dimensions,v=b.isMobile,g=b.isTablet,y=(0,l.useState)(""),f=(0,o.Z)(y,2),w=f[0],P=(f[1],{}),O={},T=void 0,Z=!1,A={},_=(0,d.XI)({delayEnter:600,hideOnScroll:!0}),Y=(0,d.sJ)({isOpen:_[0],auto:!0,placement:x.getViewConfig().tooltipPosition||"left-center"});return v||g||x.getViewConfig().hideTooltip||!p.image&&!p.hexColor||p.contentItemId||(Z=_[0],A=_[1],P=Y.triggerProps,O=Y.layerProps,T=Y.renderLayer),(0,H.jsxs)(H.Fragment,{children:[(0,H.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({style:c,id:p.codex,"data-test-id":"plannerPaletteItem",className:I()(h.CA,h.TD,p.sel?h.pA:void 0),onClick:function onClick(){p.doShowFav&&x.paletteViewHandler.clickedOnFavIcon(p),x.paletteViewHandler.clickedOnConfigPalette(p,void 0,s)}},P),A),{},{children:[(0,H.jsxs)("div",{className:I()(h.iZ,h.VF),children:[!p.doShowFav&&p.sel&&void 0!==m&&m,p.contentItemId&&(0,H.jsx)(B.default,{item:p},p.codex),(x.getViewConfig().showVCodexInGallery&&p.vCodex||p.freeText)&&(0,H.jsx)("div",{className:h.eE,children:(0,H.jsx)("div",{className:I()(h.rq),children:null!==(n=p.freeText)&&void 0!==n?n:p.vCodex})}),p.image?(0,H.jsx)("img",{src:p.image}):p.hexColor?(0,H.jsx)("div",{className:h.CO,style:{backgroundColor:"#"+p.hexColor}}):(0,H.jsx)(H.Fragment,{}),p.doShowFav&&(0,H.jsx)("div",{className:p.isFav?j.Md:j.Hq})]}),!a&&void 0!==p.pricePreviewPromise&&(0,H.jsx)(D.default,{asyncPricePreview:p.pricePreviewPromise,sel:p.sel})]})),Z&&(null===(r=T)||void 0===r?void 0:r((0,H.jsx)(k.default,{text:p.text,desciption:w,image:p.image,layerProps:O,pricePreviewPromise:p.pricePreviewPromise,hexColor:p.hexColor},p.codex)))]})}))},86587:(e,n,r)=>{r.r(n),r.d(n,{default:()=>l});var t=r(80248),o=(r(87363),r(2765)),i=r(47514);function ownKeys(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(r),!0).forEach((function(n){(0,t.Z)(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}const l=function IsActive(e){return(0,i.jsx)(o.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive"}))}},96520:(e,n,r)=>{r.d(n,{CA:()=>d,CO:()=>x,TD:()=>p,VF:()=>s,ZP:()=>b,eE:()=>u,iZ:()=>a,pA:()=>c,rq:()=>m});var t=r(8081),o=r.n(t),i=r(23645),l=r.n(i)()(o());l.push([e.id,".index-module--HxYfI .index-module--TuYR3.index-module--RmaZH {\n  width: 100%;\n  background: transparent;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n  display: flex;\n}\n.index-module--HxYfI {\n  --galleryItemSelBorder: var(--galleryItemBorder);\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderColor);\n}\n.index-module--HxYfI:hover {\n  --galleryItemSelBorder: var(--galleryItemBorder);\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderHoverColor);\n  box-shadow: var(--gallerySelectedBoxShadow);\n}\n\n.index-module--HxYfI.index-module--zwiU5 {\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderSelColor);\n  box-shadow: var(--gallerySelectedBoxShadow);\n}\n\n.index-module--uTBDj {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--t7W_J {\n  width: 100%;\n  font-size: 18px;\n  text-shadow: 3px 4px 15px rgba(0,0,0,0.6);\n  color: white;\n  display: none;\n  text-align: center;\n  word-break: break-all;\n}\n\n.index-module--HxYfI:hover .index-module--t7W_J,\n.index-module--zwiU5 .index-module--t7W_J {\n  display: block;\n}\n\n.index-module--HxYfI.index-module--W5A4l {\n  display: block;\n  background: transparent;\n  margin: 0;\n  margin: initial;\n  position: relative;\n  float: left;\n  border-radius: var(--galleryItemRadius);\n  z-index: 100;\n  cursor: pointer;\n  width: 100%;\n}\n\n.index-module--HxYfI.index-module--W5A4l img {\n  width: 100%;\n  height: 100%;\n  border-radius: var(--galleryItemRadius);\n  aspect-ratio: 1 / 1;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n.index-module--Kcm6P {\n  width: 80px;\n  height: 80px;\n}\n",""]);var d="index-module--HxYfI",a="index-module--TuYR3",s="index-module--RmaZH",c="index-module--zwiU5",u="index-module--uTBDj",m="index-module--t7W_J",p="index-module--W5A4l",x="index-module--Kcm6P";const b=l}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 4829.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4829],{54829:(e,n,t)=>{t.r(n),t.d(n,{default:()=>g});var o=t(34988),l=t(87363),i=t(65515),a=t.n(i),c=t(51602),r=t(22976),u=t.n(r),d=t(7097),s=t(47514),p=new c.FM(0,0);const g=function Rotation3DGrid(e){var n=e.item,t=e.plannerUIProps,i=(0,d.NP)(),r=(0,l.useState)(!1),g=(0,o.Z)(r,2),v=g[0],f=g[1],D=(0,l.useRef)(null),m=!1;return(0,s.jsx)(u(),{nodeRef:D,handle:".handle3DRotation",onStart:function onStart(e){!function onStartDragging(e){m=!0,"mousedown"==e.type?p=new c.FM(e.clientX,e.clientY):"touchstart"==e.type&&(p=new c.FM(e.touches[0].clientX,e.touches[0].clientY))}(e)},onDrag:function onDrag(e){!function onDragging(e){var t;if(m&&!v)f(!0),null===(t=n.onDragStartFunction)||void 0===t||t.call(n,n.setId,Number(n.elementId));else if(v){var o,l,a,r=null!==(o=i.productState.planner3DGridElement)&&void 0!==o&&o.getBoundingClientRect().left?i.productState.planner3DGridElement.getBoundingClientRect().left:0,u=null!==(l=i.productState.planner3DGridElement)&&void 0!==l&&l.getBoundingClientRect().top?i.productState.planner3DGridElement.getBoundingClientRect().top:0;if("mousemove"==e.type)null===(a=n.onDragMoveFunction)||void 0===a||a.call(n,n.setId,Number(n.elementId),new c.FM(e.clientX-r,e.clientY-u)),p.x=e.clientX,p.y=e.clientY;else if("touchmove"==e.type){var d;null===(d=n.onDragMoveFunction)||void 0===d||d.call(n,n.setId,Number(n.elementId),new c.FM(e.touches[0].clientX-r,e.touches[0].clientY-u)),p.x=e.touches[0].clientX,p.y=e.touches[0].clientY}}m=!1}(e)},onStop:function onStop(e){!function onDragEnd(e){var t;v&&(f(!1),null===(t=n.onDragEndFunction)||void 0===t||t.call(n,n.setId,Number(n.elementId))),m=!1}()},children:(0,s.jsx)("div",{ref:D,style:{visibility:v?"hidden":"visible",left:n.position.x+"px",top:n.position.y+"px"},className:a()("handle3DRotation",t.classes.buttonGeneral,t.classes.rotation.rot3DGrid)})})}}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4829],{54829:(e,n,t)=>{t.r(n),t.d(n,{default:()=>g});var o=t(34988),l=t(87363),i=t(65515),a=t.n(i),c=t(51602),r=t(22976),u=t.n(r),d=t(9733),s=t(47514),p=new c.FM(0,0);const g=function Rotation3DGrid(e){var n=e.item,t=e.plannerUIProps,i=(0,d.NP)(),r=(0,l.useState)(!1),g=(0,o.Z)(r,2),v=g[0],f=g[1],D=(0,l.useRef)(null),m=!1;return(0,s.jsx)(u(),{nodeRef:D,handle:".handle3DRotation",onStart:function onStart(e){!function onStartDragging(e){m=!0,"mousedown"==e.type?p=new c.FM(e.clientX,e.clientY):"touchstart"==e.type&&(p=new c.FM(e.touches[0].clientX,e.touches[0].clientY))}(e)},onDrag:function onDrag(e){!function onDragging(e){var t;if(m&&!v)f(!0),null===(t=n.onDragStartFunction)||void 0===t||t.call(n,n.setId,Number(n.elementId));else if(v){var o,l,a,r=null!==(o=i.productState.planner3DGridElement)&&void 0!==o&&o.getBoundingClientRect().left?i.productState.planner3DGridElement.getBoundingClientRect().left:0,u=null!==(l=i.productState.planner3DGridElement)&&void 0!==l&&l.getBoundingClientRect().top?i.productState.planner3DGridElement.getBoundingClientRect().top:0;if("mousemove"==e.type)null===(a=n.onDragMoveFunction)||void 0===a||a.call(n,n.setId,Number(n.elementId),new c.FM(e.clientX-r,e.clientY-u)),p.x=e.clientX,p.y=e.clientY;else if("touchmove"==e.type){var d;null===(d=n.onDragMoveFunction)||void 0===d||d.call(n,n.setId,Number(n.elementId),new c.FM(e.touches[0].clientX-r,e.touches[0].clientY-u)),p.x=e.touches[0].clientX,p.y=e.touches[0].clientY}}m=!1}(e)},onStop:function onStop(e){!function onDragEnd(e){var t;v&&(f(!1),null===(t=n.onDragEndFunction)||void 0===t||t.call(n,n.setId,Number(n.elementId))),m=!1}()},children:(0,s.jsx)("div",{ref:D,style:{visibility:v?"hidden":"visible",left:n.position.x+"px",top:n.position.y+"px"},className:a()("handle3DRotation",t.classes.buttonGeneral,t.classes.rotation.rot3DGrid)})})}}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 4834.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4834,210],{64834:(n,e,d)=>{d.r(e),d.d(e,{default:()=>k});var i=d(9420),o=d(7097),r=(d(87363),d(93379)),l=d.n(r),t=d(7795),s=d.n(t),a=d(90569),x=d.n(a),m=d(3565),u=d.n(m),c=d(19216),h=d.n(c),p=d(44589),b=d.n(p),v=d(93973),g={};g.styleTagTransform=b(),g.setAttributes=u(),g.insert=x().bind(null,"head"),g.domAPI=s(),g.insertStyleElement=h();l()(v.Z,g);v.Z&&v.Z.locals&&v.Z.locals;var S=d(30210),f=d(47514);const k=(0,i.Pi)((function RoomListSelection(n){var e=(0,o.NP)(),d=e.paletteViewHandler.getRoomList();return e.uiState.ViewConfig.roomListInProduct?(0,f.jsx)("div",{className:v.n,hidden:!e.settingsState.roomListInitialized,children:d.map((function(n,d){return(0,f.jsx)(S.default,{item:n,from:e.settingsState.roomListInitialized},n.codex)}))}):(0,f.jsx)(f.Fragment,{})}))},30210:(n,e,d)=>{d.r(e),d.d(e,{default:()=>w});var i=d(65515),o=d.n(i),r=d(7097),l=d(9420),t=(d(87363),d(88683)),s=d(93379),a=d.n(s),x=d(7795),m=d.n(x),u=d(90569),c=d.n(u),h=d(3565),p=d.n(h),b=d(19216),v=d.n(b),g=d(44589),S=d.n(g),f=d(40582),k={};k.styleTagTransform=S(),k.setAttributes=p(),k.insert=c().bind(null,"head"),k.domAPI=m(),k.insertStyleElement=v();a()(f.ZP,k);f.ZP&&f.ZP.locals&&f.ZP.locals;var N=d(47514);const w=(0,l.Pi)((function Room(n){var e=n.item,d=n.from,i=e,l=(0,r.NP)(),s=(0,t.useTranslation)().t;return(0,N.jsx)("div",{className:f.CA,onClick:function onClick(){return l.paletteViewHandler.clickedOnStaticRoomPalette(i,!!d)},children:(0,N.jsx)("div",{className:o()(i.sel?f.pA:void 0),children:(0,N.jsxs)("div",{className:o()(f.be),children:[(0,N.jsx)("div",{className:o()(f.ro),children:(0,N.jsx)("div",{className:f.K5,style:{backgroundImage:"url(".concat(i.url,")")}})}),(0,N.jsx)("div",{className:o()(f.TN,i.url?void 0:f.dd),children:s("configurator."+i.N)})]})})})}))},93973:(n,e,d)=>{d.d(e,{Z:()=>s,n:()=>t});var i=d(8081),o=d.n(i),r=d(23645),l=d.n(r)()(o());l.push([n.id,".index-module--dxvwp {\n  position: absolute;\n  bottom: 0;\n  left: 0px;\n  z-index: 1000;\n}\n",""]);var t="index-module--dxvwp";const s=l},40582:(n,e,d)=>{d.d(e,{CA:()=>t,K5:()=>m,TN:()=>u,ZP:()=>h,be:()=>s,dd:()=>c,pA:()=>a,ro:()=>x});var i=d(8081),o=d.n(i),r=d(23645),l=d.n(r)()(o());l.push([n.id,"/*Size Normal */\n\n.index-module--ScqfF {\n  border-radius: var(--globalBorderRadius);\n  margin: 0.2125rem;\n  position: relative;\n  float: left;\n  width: 96px;\n  height: 96px;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n}\n\n.index-module--ScqfF:active {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n.index-module--ScqfF:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--bQmSN {\n  border-radius: 50%;\n  border: 1px transparent solid;\n  width: 94px;\n  height: 94px;\n  transition: 0.15s ease;\n  border-style: double;\n}\n.index-module--bQmSN:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n}\n.index-module--vohAL .index-module--bQmSN:hover,\n.index-module--AS8zG.index-module--vohAL .index-module--bQmSN:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n}\n.index-module--vohAL .index-module--bQmSN,\n.index-module--AS8zG.index-module--vohAL .index-module--bQmSN {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--m6zkg {\n  border-radius: 50%;\n  border: 4px white solid;\n  width: 86px;\n  height: 86px;\n  transition: 0.15s ease;\n  background-color: #c2c2c2;\n}\n\n.index-module--vohAL .index-module--m6zkg,\n.index-module--bQmSN:hover {\n  background-color: #404040;\n}\n\n.index-module--vohAL .index-module--m6zkg {\n  border: 4px var(--primaryColor) solid;\n}\n\n.index-module--k7rbV {\n  width: 100%;\n  height: 86px;\n  border-radius: 50%;\n  background-size: cover;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n.index-module--vohAL .index-module--k7rbV,\n.index-module--AS8zG.index-module--vohAL .index-module--k7rbV,\n.index-module--bQmSN:hover .index-module--k7rbV {\n  opacity: 0.5;\n}\n\n.index-module--QSr1R {\n  text-align: center;\n  width: 100%;\n  font-size: 14px;\n  line-height: 96px;\n  display: none;\n  position: absolute;\n  top: 0;\n  z-index: 400;\n  color: #fff;\n  font-weight: 600;\n}\n\n.index-module--bQmSN:hover .index-module--QSr1R,\n.index-module--gW15v,\n.index-module--vohAL .index-module--QSr1R {\n  display: block;\n}\n\n@media all and (max-width: 1800px) {\n  .index-module--ScqfF {\n    width: 81px;\n    height: 81px;\n  }\n  .index-module--bQmSN {\n    width: 79px;\n    height: 79px;\n  }\n  .index-module--m6zkg {\n    width: 71px;\n    height: 71px;\n  }\n  .index-module--k7rbV {\n    height: 71px;\n  }\n  .index-module--QSr1R {\n    line-height: 81px;\n    font-size: 12px;\n  }\n}\n",""]);var t="index-module--ScqfF",s="index-module--bQmSN",a="index-module--vohAL",x="index-module--m6zkg",m="index-module--k7rbV",u="index-module--QSr1R",c="index-module--gW15v";const h=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4834,210],{64834:(n,e,d)=>{d.r(e),d.d(e,{default:()=>f});var i=d(9420),o=d(9733),r=(d(87363),d(93379)),l=d.n(r),t=d(7795),s=d.n(t),a=d(90569),x=d.n(a),m=d(3565),u=d.n(m),h=d(19216),c=d.n(h),p=d(44589),b=d.n(p),v=d(93973),g={};g.styleTagTransform=b(),g.setAttributes=u(),g.insert=x().bind(null,"head"),g.domAPI=s(),g.insertStyleElement=c();l()(v.Z,g);v.Z&&v.Z.locals&&v.Z.locals;var S=d(30210),k=d(47514);const f=(0,i.Pi)((function RoomListSelection(n){var e=(0,o.NP)(),d=e.paletteViewHandler.getRoomList();return e.uiState.ViewConfig.roomListInProduct?(0,k.jsx)("div",{className:v.n,hidden:!e.settingsState.roomListInitialized,children:d.map((function(n,d){return(0,k.jsx)(S.default,{item:n,from:e.settingsState.roomListInitialized},n.codex)}))}):(0,k.jsx)(k.Fragment,{})}))},30210:(n,e,d)=>{d.r(e),d.d(e,{default:()=>w});var i=d(65515),o=d.n(i),r=d(9733),l=d(9420),t=(d(87363),d(88683)),s=d(93379),a=d.n(s),x=d(7795),m=d.n(x),u=d(90569),h=d.n(u),c=d(3565),p=d.n(c),b=d(19216),v=d.n(b),g=d(44589),S=d.n(g),k=d(40582),f={};f.styleTagTransform=S(),f.setAttributes=p(),f.insert=h().bind(null,"head"),f.domAPI=m(),f.insertStyleElement=v();a()(k.ZP,f);k.ZP&&k.ZP.locals&&k.ZP.locals;var N=d(47514);const w=(0,l.Pi)((function Room(n){var e=n.item,d=n.from,i=e,l=(0,r.NP)(),s=(0,t.useTranslation)().t;return(0,N.jsx)("div",{className:k.CA,onClick:function onClick(){return l.paletteViewHandler.clickedOnStaticRoomPalette(i,!!d)},children:(0,N.jsx)("div",{className:o()(i.sel?k.pA:void 0),children:(0,N.jsxs)("div",{className:o()(k.be),children:[(0,N.jsx)("div",{className:o()(k.ro),children:(0,N.jsx)("div",{className:k.K5,style:{backgroundImage:"url(".concat(i.url,")")}})}),(0,N.jsx)("div",{className:o()(k.TN,i.url?void 0:k.dd),children:s("configurator."+i.N)})]})})})}))},93973:(n,e,d)=>{d.d(e,{Z:()=>s,n:()=>t});var i=d(8081),o=d.n(i),r=d(23645),l=d.n(r)()(o());l.push([n.id,".index-module--dxvwp {\n  position: absolute;\n  bottom: 0;\n  left: 0px;\n  z-index: 1000;\n}\n",""]);var t="index-module--dxvwp";const s=l},40582:(n,e,d)=>{d.d(e,{CA:()=>t,K5:()=>m,TN:()=>u,ZP:()=>c,be:()=>s,dd:()=>h,pA:()=>a,ro:()=>x});var i=d(8081),o=d.n(i),r=d(23645),l=d.n(r)()(o());l.push([n.id,"/*Size Normal */\n\n.index-module--tKx94 {\n  border-radius: var(--globalBorderRadius);\n  margin: 0.2125rem;\n  position: relative;\n  float: left;\n  width: 96px;\n  height: 96px;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n}\n\n.index-module--tKx94:active {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n.index-module--tKx94:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--bQmSN {\n  border-radius: 50%;\n  border: 1px transparent solid;\n  width: 94px;\n  height: 94px;\n  transition: 0.15s ease;\n  border-style: double;\n}\n.index-module--bQmSN:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n}\n.index-module--vohAL .index-module--bQmSN:hover,\n.index-module--AS8zG.index-module--vohAL .index-module--bQmSN:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n}\n.index-module--vohAL .index-module--bQmSN,\n.index-module--AS8zG.index-module--vohAL .index-module--bQmSN {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--m6zkg {\n  border-radius: 50%;\n  border: 4px white solid;\n  width: 86px;\n  height: 86px;\n  transition: 0.15s ease;\n  background-color: #c2c2c2;\n}\n\n.index-module--vohAL .index-module--m6zkg,\n.index-module--bQmSN:hover {\n  background-color: #404040;\n}\n\n.index-module--vohAL .index-module--m6zkg {\n  border: 4px var(--primaryColor) solid;\n}\n\n.index-module--k7rbV {\n  width: 100%;\n  height: 86px;\n  border-radius: 50%;\n  background-size: cover;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n.index-module--vohAL .index-module--k7rbV,\n.index-module--AS8zG.index-module--vohAL .index-module--k7rbV,\n.index-module--bQmSN:hover .index-module--k7rbV {\n  opacity: 0.5;\n}\n\n.index-module--QSr1R {\n  text-align: center;\n  width: 100%;\n  font-size: 14px;\n  line-height: 96px;\n  display: none;\n  position: absolute;\n  top: 0;\n  z-index: 400;\n  color: #fff;\n  font-weight: 600;\n}\n\n.index-module--bQmSN:hover .index-module--QSr1R,\n.index-module--gW15v,\n.index-module--vohAL .index-module--QSr1R {\n  display: block;\n}\n\n@media all and (max-width: 1800px) {\n  .index-module--tKx94 {\n    width: 81px;\n    height: 81px;\n  }\n  .index-module--bQmSN {\n    width: 79px;\n    height: 79px;\n  }\n  .index-module--m6zkg {\n    width: 71px;\n    height: 71px;\n  }\n  .index-module--k7rbV {\n    height: 71px;\n  }\n  .index-module--QSr1R {\n    line-height: 81px;\n    font-size: 12px;\n  }\n}\n",""]);var t="index-module--tKx94",s="index-module--bQmSN",a="index-module--vohAL",x="index-module--m6zkg",m="index-module--k7rbV",u="index-module--QSr1R",h="index-module--gW15v";const c=l}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 4835.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4835,8466],{10304:(e,t,n)=>{t.Z=void 0;var o=function _interopRequireWildcard(e){if(e&&e.__esModule)return e;if(null===e||"object"!==_typeof(e)&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache();if(t&&t.has(e))return t.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){var a=o?Object.getOwnPropertyDescriptor(e,r):null;a&&(a.get||a.set)?Object.defineProperty(n,r,a):n[r]=e[r]}n.default=e,t&&t.set(e,n);return n}(n(87363)),r=function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}(n(65515));function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return _getRequireWildcardCache=function _getRequireWildcardCache(){return e},e}function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _extends(){return _extends=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},_extends.apply(this,arguments)}function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var a="Select...",i=function(e){function Dropdown(e){var t;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,Dropdown),(t=function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?_assertThisInitialized(e):t}(this,_getPrototypeOf(Dropdown).call(this,e))).state={selected:t.parseValue(e.value,e.options)||{label:void 0===e.placeholder?a:e.placeholder,value:""},isOpen:!1},t.dropdownRef=(0,o.createRef)(),t.mounted=!0,t.handleDocumentClick=t.handleDocumentClick.bind(_assertThisInitialized(t)),t.fireChangeEvent=t.fireChangeEvent.bind(_assertThisInitialized(t)),t}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(Dropdown,e),function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}(Dropdown,[{key:"componentDidUpdate",value:function componentDidUpdate(e){if(this.props.value!==e.value)if(this.props.value){var t=this.parseValue(this.props.value,this.props.options);t!==this.state.selected&&this.setState({selected:t})}else this.setState({selected:{label:void 0===this.props.placeholder?a:this.props.placeholder,value:""}})}},{key:"componentDidMount",value:function componentDidMount(){document.addEventListener("click",this.handleDocumentClick,!1),document.addEventListener("touchend",this.handleDocumentClick,!1)}},{key:"componentWillUnmount",value:function componentWillUnmount(){this.mounted=!1,document.removeEventListener("click",this.handleDocumentClick,!1),document.removeEventListener("touchend",this.handleDocumentClick,!1)}},{key:"handleMouseDown",value:function handleMouseDown(e){this.props.onFocus&&"function"==typeof this.props.onFocus&&this.props.onFocus(this.state.isOpen),"mousedown"===e.type&&0!==e.button||(e.stopPropagation(),e.preventDefault(),this.props.disabled||this.setState({isOpen:!this.state.isOpen}))}},{key:"parseValue",value:function parseValue(e,t){var n;if("string"==typeof e)for(var o=0,r=t.length;o<r;o++)if("group"===t[o].type){var a=t[o].items.filter((function(t){return t.value===e}));a.length&&(n=a[0])}else void 0!==t[o].value&&t[o].value===e&&(n=t[o]);return n||e}},{key:"setValue",value:function setValue(e,t){var n={selected:{value:e,label:t},isOpen:!1};this.fireChangeEvent(n),this.setState(n)}},{key:"fireChangeEvent",value:function fireChangeEvent(e){e.selected!==this.state.selected&&this.props.onChange&&this.props.onChange(e.selected)}},{key:"renderOption",value:function renderOption(e){var t,n=e.value;void 0===n&&(n=e.label||e);var a=e.label||e.value||e,i=n===this.state.selected.value||n===this.state.selected,s=(_defineProperty(t={},"".concat(this.props.baseClassName,"-option"),!0),_defineProperty(t,e.className,!!e.className),_defineProperty(t,"is-selected",i),t),l=(0,r.default)(s),d=Object.keys(e.data||{}).reduce((function(t,n){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(n,!0).forEach((function(t){_defineProperty(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},t,_defineProperty({},"data-".concat(n),e.data[n]))}),{});return o.default.createElement("div",_extends({key:n,className:l,onMouseDown:this.setValue.bind(this,n,a),onClick:this.setValue.bind(this,n,a),role:"option","aria-selected":i?"true":"false"},d),a)}},{key:"buildMenu",value:function buildMenu(){var e=this,t=this.props,n=t.options,r=t.baseClassName,a=n.map((function(t){if("group"===t.type){var n=o.default.createElement("div",{className:"".concat(r,"-title")},t.name),a=t.items.map((function(t){return e.renderOption(t)}));return o.default.createElement("div",{className:"".concat(r,"-group"),key:t.name,role:"listbox",tabIndex:"-1"},n,a)}return e.renderOption(t)}));return a.length?a:o.default.createElement("div",{className:"".concat(r,"-noresults")},"No options found")}},{key:"handleDocumentClick",value:function handleDocumentClick(e){this.mounted&&(this.dropdownRef.current.contains(e.target)||this.state.isOpen&&this.setState({isOpen:!1}))}},{key:"isValueSelected",value:function isValueSelected(){return"string"==typeof this.state.selected||""!==this.state.selected.value}},{key:"render",value:function render(){var e,t,n,a,i,s=this.props,l=s.baseClassName,d=s.controlClassName,u=s.placeholderClassName,c=s.menuClassName,p=s.arrowClassName,f=s.arrowClosed,h=s.arrowOpen,m=s.className,y=this.props.disabled?"Dropdown-disabled":"",v="string"==typeof this.state.selected?this.state.selected:this.state.selected.label,b=(0,r.default)((_defineProperty(e={},"".concat(l,"-root"),!0),_defineProperty(e,m,!!m),_defineProperty(e,"is-open",this.state.isOpen),e)),g=(0,r.default)((_defineProperty(t={},"".concat(l,"-control"),!0),_defineProperty(t,d,!!d),_defineProperty(t,y,!!y),t)),w=(0,r.default)((_defineProperty(n={},"".concat(l,"-placeholder"),!0),_defineProperty(n,u,!!u),_defineProperty(n,"is-selected",this.isValueSelected()),n)),P=(0,r.default)((_defineProperty(a={},"".concat(l,"-menu"),!0),_defineProperty(a,c,!!c),a)),_=(0,r.default)((_defineProperty(i={},"".concat(l,"-arrow"),!0),_defineProperty(i,p,!!p),i)),x=o.default.createElement("div",{className:w},v),O=this.state.isOpen?o.default.createElement("div",{className:P,"aria-expanded":"true"},this.buildMenu()):null;return o.default.createElement("div",{ref:this.dropdownRef,className:b},o.default.createElement("div",{className:g,onMouseDown:this.handleMouseDown.bind(this),onTouchEnd:this.handleMouseDown.bind(this),"aria-haspopup":"listbox"},x,o.default.createElement("div",{className:"".concat(l,"-arrow-wrapper")},h&&f?this.state.isOpen?h:f:o.default.createElement("span",{className:_}))),O)}}]),Dropdown}(o.Component);i.defaultProps={baseClassName:"Dropdown"};var s=i;t.Z=s},28466:(e,t,n)=>{n.r(t),n.d(t,{default:()=>_});var o=n(72874),r=(n(87363),n(93379)),a=n.n(r),i=n(7795),s=n.n(i),l=n(90569),d=n.n(l),u=n(3565),c=n.n(u),p=n(19216),f=n.n(p),h=n(44589),m=n.n(h),y=n(8368),v={};v.styleTagTransform=m(),v.setAttributes=c(),v.insert=d().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=f();a()(y.ZP,v);y.ZP&&y.ZP.locals&&y.ZP.locals;var b=n(65515),g=n.n(b),w=n(47514),P=["onClick","iconAsDelete","open"];const _=function Arrow(e){var t=e.onClick,n=e.iconAsDelete,r=e.open,a=(0,o.Z)(e,P);return(0,w.jsx)("span",{onClick:t,onTouchEnd:t,className:g()(y.xX,n?y.zl:void 0,n?void 0:r?y.h1:y.Oe,a.className)})}},74835:(e,t,n)=>{n.r(t),n.d(t,{default:()=>O});n(87363);var o=n(10304),r=n(93379),a=n.n(r),i=n(7795),s=n.n(i),l=n(90569),d=n.n(l),u=n(3565),c=n.n(u),p=n(19216),f=n.n(p),h=n(44589),m=n.n(h),y=n(55116),v={};v.styleTagTransform=m(),v.setAttributes=c(),v.insert=d().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=f();a()(y.ZP,v);y.ZP&&y.ZP.locals&&y.ZP.locals;var b=n(88683),g=n(7097),w=n(65515),P=n.n(w),_=n(28466),x=n(47514);const O=function RalDropdownFilter(e){var t,n=e.visibleColorItems,r=e.dropdownRootClass,a=void 0===r?y.oF:r,i=e.deleteCurValue,s=e.id,l=(0,b.useTranslation)().t,d=(0,g.NP)(),u=null===(t=d.settingsState.itemPalettes.get(s))||void 0===t?void 0:t.filterValue,c=n.map((function(e){return{label:(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)("span",{className:y.oM,style:{backgroundColor:e.rgb}})," ",l("configurator."+e.text)]}),text:e.text,value:e.text}}));return(0,x.jsx)("div",{"data-test-id":"ral-dropdown",children:(0,x.jsx)(o.Z,{className:P()(a),controlClassName:y.x_,options:c,value:u,onChange:function onChange(e){return d.paletteViewHandler.onSelectFilter(s,e.value,"RAL")},placeholder:l("configurator.colors"),arrowClosed:(0,x.jsx)(_.default,{onClick:i,open:!1,iconAsDelete:!!u}),arrowOpen:(0,x.jsx)(_.default,{onClick:i,open:!0,iconAsDelete:!!u})})})}},8368:(e,t,n)=>{n.d(t,{Oe:()=>v,ZP:()=>b,h1:()=>y,xX:()=>h,zl:()=>m});var o=n(8081),r=n.n(o),a=n(23645),i=n.n(a),s=n(61667),l=n.n(s),d=new URL(n(49797),n.b),u=new URL(n(24827),n.b),c=i()(r()),p=l()(d),f=l()(u);c.push([e.id,".index-module--kpDq_ {\n  transition: transform 0.35s ease, width 0.5s ease, height 0.5s ease;\n  background-repeat: no-repeat;\n  background-position: center center;\n  position: absolute;\n  background-size: contain;\n  right: 10px;\n  top: 8px;\n  width: 12px;\n  height: 12px;\n  transform: rotateZ(0deg);\n}\n.index-module--qA_2S {\n  background-image: url("+p+");\n}\n\n.index-module--qA_2S:hover {\n  transform: rotateZ(90deg);\n}\n\n.index-module--GLLUM {\n  transform: rotateZ(180deg);\n  background-image: url("+f+");\n}\n\n.index-module--ctBIw {\n  background-image: url("+f+");\n}\n",""]);var h="index-module--kpDq_",m="index-module--qA_2S",y="index-module--GLLUM",v="index-module--ctBIw";const b=c},55116:(e,t,n)=>{n.d(t,{ZP:()=>u,oF:()=>l,oM:()=>s,x_:()=>d});var o=n(8081),r=n.n(o),a=n(23645),i=n.n(a)()(r());i.push([e.id,".index-module--rh3_P {\n  width: 18px;\n  height: 18px;\n  border-radius: 9px;\n  display: block;\n  float: left;\n  margin-top: 1.6px;\n  margin-right: 12px;\n}\n\n.index-module--kEhTd {\n  float: right;\n  box-shadow: var(--boxShadowHover);\n  width: 140px;\n  min-width: 100px;\n}\n\n.index-module--qJ16N {\n  border-radius: var(--globalBorderRadius);\n  border-color: white;\n  /* width: 170px; */\n  padding: 2px 12px 3px 10px;\n  line-height: 20.8px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  color: var(--secondaryColor);\n}\n",""]);var s="index-module--rh3_P",l="index-module--kEhTd",d="index-module--qJ16N";const u=i},49797:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5IDlNOSAxTDEgOSIgc3Ryb2tlPSIjNkY2RjZGIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="},24827:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDExIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMC40Mzc1IDAuNjg4MzU0TDYuMTUxNzkgNS42ODgzNUwxLjQzNzUgMC42ODgzNTQiIHN0cm9rZT0iIzZGNkY2RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4835,8466],{10304:(e,t,n)=>{t.Z=void 0;var o=function _interopRequireWildcard(e){if(e&&e.__esModule)return e;if(null===e||"object"!==_typeof(e)&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache();if(t&&t.has(e))return t.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){var a=o?Object.getOwnPropertyDescriptor(e,r):null;a&&(a.get||a.set)?Object.defineProperty(n,r,a):n[r]=e[r]}n.default=e,t&&t.set(e,n);return n}(n(87363)),r=function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}(n(65515));function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return _getRequireWildcardCache=function _getRequireWildcardCache(){return e},e}function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _extends(){return _extends=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},_extends.apply(this,arguments)}function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var a="Select...",i=function(e){function Dropdown(e){var t;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,Dropdown),(t=function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?_assertThisInitialized(e):t}(this,_getPrototypeOf(Dropdown).call(this,e))).state={selected:t.parseValue(e.value,e.options)||{label:void 0===e.placeholder?a:e.placeholder,value:""},isOpen:!1},t.dropdownRef=(0,o.createRef)(),t.mounted=!0,t.handleDocumentClick=t.handleDocumentClick.bind(_assertThisInitialized(t)),t.fireChangeEvent=t.fireChangeEvent.bind(_assertThisInitialized(t)),t}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(Dropdown,e),function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}(Dropdown,[{key:"componentDidUpdate",value:function componentDidUpdate(e){if(this.props.value!==e.value)if(this.props.value){var t=this.parseValue(this.props.value,this.props.options);t!==this.state.selected&&this.setState({selected:t})}else this.setState({selected:{label:void 0===this.props.placeholder?a:this.props.placeholder,value:""}})}},{key:"componentDidMount",value:function componentDidMount(){document.addEventListener("click",this.handleDocumentClick,!1),document.addEventListener("touchend",this.handleDocumentClick,!1)}},{key:"componentWillUnmount",value:function componentWillUnmount(){this.mounted=!1,document.removeEventListener("click",this.handleDocumentClick,!1),document.removeEventListener("touchend",this.handleDocumentClick,!1)}},{key:"handleMouseDown",value:function handleMouseDown(e){this.props.onFocus&&"function"==typeof this.props.onFocus&&this.props.onFocus(this.state.isOpen),"mousedown"===e.type&&0!==e.button||(e.stopPropagation(),e.preventDefault(),this.props.disabled||this.setState({isOpen:!this.state.isOpen}))}},{key:"parseValue",value:function parseValue(e,t){var n;if("string"==typeof e)for(var o=0,r=t.length;o<r;o++)if("group"===t[o].type){var a=t[o].items.filter((function(t){return t.value===e}));a.length&&(n=a[0])}else void 0!==t[o].value&&t[o].value===e&&(n=t[o]);return n||e}},{key:"setValue",value:function setValue(e,t){var n={selected:{value:e,label:t},isOpen:!1};this.fireChangeEvent(n),this.setState(n)}},{key:"fireChangeEvent",value:function fireChangeEvent(e){e.selected!==this.state.selected&&this.props.onChange&&this.props.onChange(e.selected)}},{key:"renderOption",value:function renderOption(e){var t,n=e.value;void 0===n&&(n=e.label||e);var a=e.label||e.value||e,i=n===this.state.selected.value||n===this.state.selected,s=(_defineProperty(t={},"".concat(this.props.baseClassName,"-option"),!0),_defineProperty(t,e.className,!!e.className),_defineProperty(t,"is-selected",i),t),l=(0,r.default)(s),d=Object.keys(e.data||{}).reduce((function(t,n){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(n,!0).forEach((function(t){_defineProperty(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},t,_defineProperty({},"data-".concat(n),e.data[n]))}),{});return o.default.createElement("div",_extends({key:n,className:l,onMouseDown:this.setValue.bind(this,n,a),onClick:this.setValue.bind(this,n,a),role:"option","aria-selected":i?"true":"false"},d),a)}},{key:"buildMenu",value:function buildMenu(){var e=this,t=this.props,n=t.options,r=t.baseClassName,a=n.map((function(t){if("group"===t.type){var n=o.default.createElement("div",{className:"".concat(r,"-title")},t.name),a=t.items.map((function(t){return e.renderOption(t)}));return o.default.createElement("div",{className:"".concat(r,"-group"),key:t.name,role:"listbox",tabIndex:"-1"},n,a)}return e.renderOption(t)}));return a.length?a:o.default.createElement("div",{className:"".concat(r,"-noresults")},"No options found")}},{key:"handleDocumentClick",value:function handleDocumentClick(e){this.mounted&&(this.dropdownRef.current.contains(e.target)||this.state.isOpen&&this.setState({isOpen:!1}))}},{key:"isValueSelected",value:function isValueSelected(){return"string"==typeof this.state.selected||""!==this.state.selected.value}},{key:"render",value:function render(){var e,t,n,a,i,s=this.props,l=s.baseClassName,d=s.controlClassName,u=s.placeholderClassName,c=s.menuClassName,p=s.arrowClassName,f=s.arrowClosed,h=s.arrowOpen,m=s.className,y=this.props.disabled?"Dropdown-disabled":"",v="string"==typeof this.state.selected?this.state.selected:this.state.selected.label,b=(0,r.default)((_defineProperty(e={},"".concat(l,"-root"),!0),_defineProperty(e,m,!!m),_defineProperty(e,"is-open",this.state.isOpen),e)),g=(0,r.default)((_defineProperty(t={},"".concat(l,"-control"),!0),_defineProperty(t,d,!!d),_defineProperty(t,y,!!y),t)),w=(0,r.default)((_defineProperty(n={},"".concat(l,"-placeholder"),!0),_defineProperty(n,u,!!u),_defineProperty(n,"is-selected",this.isValueSelected()),n)),P=(0,r.default)((_defineProperty(a={},"".concat(l,"-menu"),!0),_defineProperty(a,c,!!c),a)),_=(0,r.default)((_defineProperty(i={},"".concat(l,"-arrow"),!0),_defineProperty(i,p,!!p),i)),x=o.default.createElement("div",{className:w},v),O=this.state.isOpen?o.default.createElement("div",{className:P,"aria-expanded":"true"},this.buildMenu()):null;return o.default.createElement("div",{ref:this.dropdownRef,className:b},o.default.createElement("div",{className:g,onMouseDown:this.handleMouseDown.bind(this),onTouchEnd:this.handleMouseDown.bind(this),"aria-haspopup":"listbox"},x,o.default.createElement("div",{className:"".concat(l,"-arrow-wrapper")},h&&f?this.state.isOpen?h:f:o.default.createElement("span",{className:_}))),O)}}]),Dropdown}(o.Component);i.defaultProps={baseClassName:"Dropdown"};var s=i;t.Z=s},28466:(e,t,n)=>{n.r(t),n.d(t,{default:()=>_});var o=n(72874),r=(n(87363),n(93379)),a=n.n(r),i=n(7795),s=n.n(i),l=n(90569),d=n.n(l),u=n(3565),c=n.n(u),p=n(19216),f=n.n(p),h=n(44589),m=n.n(h),y=n(8368),v={};v.styleTagTransform=m(),v.setAttributes=c(),v.insert=d().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=f();a()(y.ZP,v);y.ZP&&y.ZP.locals&&y.ZP.locals;var b=n(65515),g=n.n(b),w=n(47514),P=["onClick","iconAsDelete","open"];const _=function Arrow(e){var t=e.onClick,n=e.iconAsDelete,r=e.open,a=(0,o.Z)(e,P);return(0,w.jsx)("span",{onClick:t,onTouchEnd:t,className:g()(y.xX,n?y.zl:void 0,n?void 0:r?y.h1:y.Oe,a.className)})}},74835:(e,t,n)=>{n.r(t),n.d(t,{default:()=>O});n(87363);var o=n(10304),r=n(93379),a=n.n(r),i=n(7795),s=n.n(i),l=n(90569),d=n.n(l),u=n(3565),c=n.n(u),p=n(19216),f=n.n(p),h=n(44589),m=n.n(h),y=n(55116),v={};v.styleTagTransform=m(),v.setAttributes=c(),v.insert=d().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=f();a()(y.ZP,v);y.ZP&&y.ZP.locals&&y.ZP.locals;var b=n(88683),g=n(9733),w=n(65515),P=n.n(w),_=n(28466),x=n(47514);const O=function RalDropdownFilter(e){var t,n=e.visibleColorItems,r=e.dropdownRootClass,a=void 0===r?y.oF:r,i=e.deleteCurValue,s=e.id,l=(0,b.useTranslation)().t,d=(0,g.NP)(),u=null===(t=d.settingsState.itemPalettes.get(s))||void 0===t?void 0:t.filterValue,c=n.map((function(e){return{label:(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)("span",{className:y.oM,style:{backgroundColor:e.rgb}})," ",l("configurator."+e.text)]}),text:e.text,value:e.text}}));return(0,x.jsx)("div",{"data-test-id":"ral-dropdown",children:(0,x.jsx)(o.Z,{className:P()(a),controlClassName:y.x_,options:c,value:u,onChange:function onChange(e){return d.paletteViewHandler.onSelectFilter(s,e.value,"RAL")},placeholder:l("configurator.colors"),arrowClosed:(0,x.jsx)(_.default,{onClick:i,open:!1,iconAsDelete:!!u}),arrowOpen:(0,x.jsx)(_.default,{onClick:i,open:!0,iconAsDelete:!!u})})})}},8368:(e,t,n)=>{n.d(t,{Oe:()=>v,ZP:()=>b,h1:()=>y,xX:()=>h,zl:()=>m});var o=n(8081),r=n.n(o),a=n(23645),i=n.n(a),s=n(61667),l=n.n(s),d=new URL(n(49797),n.b),u=new URL(n(24827),n.b),c=i()(r()),p=l()(d),f=l()(u);c.push([e.id,".index-module--kpDq_ {\n  transition: transform 0.35s ease, width 0.5s ease, height 0.5s ease;\n  background-repeat: no-repeat;\n  background-position: center center;\n  position: absolute;\n  background-size: contain;\n  right: 10px;\n  top: 8px;\n  width: 12px;\n  height: 12px;\n  transform: rotateZ(0deg);\n}\n.index-module--qA_2S {\n  background-image: url("+p+");\n}\n\n.index-module--qA_2S:hover {\n  transform: rotateZ(90deg);\n}\n\n.index-module--GLLUM {\n  transform: rotateZ(180deg);\n  background-image: url("+f+");\n}\n\n.index-module--ctBIw {\n  background-image: url("+f+");\n}\n",""]);var h="index-module--kpDq_",m="index-module--qA_2S",y="index-module--GLLUM",v="index-module--ctBIw";const b=c},55116:(e,t,n)=>{n.d(t,{ZP:()=>u,oF:()=>l,oM:()=>s,x_:()=>d});var o=n(8081),r=n.n(o),a=n(23645),i=n.n(a)()(r());i.push([e.id,".index-module--rh3_P {\n  width: 18px;\n  height: 18px;\n  border-radius: 9px;\n  display: block;\n  float: left;\n  margin-top: 1.6px;\n  margin-right: 12px;\n}\n\n.index-module--kEhTd {\n  float: right;\n  box-shadow: var(--boxShadowHover);\n  width: 140px;\n  min-width: 100px;\n}\n\n.index-module--qJ16N {\n  border-radius: var(--globalBorderRadius);\n  border-color: white;\n  /* width: 170px; */\n  padding: 2px 12px 3px 10px;\n  line-height: 20.8px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  color: var(--secondaryColor);\n}\n",""]);var s="index-module--rh3_P",l="index-module--kEhTd",d="index-module--qJ16N";const u=i},49797:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5IDlNOSAxTDEgOSIgc3Ryb2tlPSIjNkY2RjZGIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="},24827:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDExIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMC40Mzc1IDAuNjg4MzU0TDYuMTUxNzkgNS42ODgzNUwxLjQzNzUgMC42ODgzNTQiIHN0cm9rZT0iIzZGNkY2RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="}}]);

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

@@ -0,0 +1,2 @@
+/*! For license information please see 49.diva-web-planner-react.umd.min.js.LICENSE.txt */
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[49],{49:(e,t,r)=>{r.r(t),r.d(t,{default:()=>p});var n=r(80248),c=r(9420),o=r(87363),a=r(41670),s=r(47514);function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const p=(0,c.Pi)((function PaletteGroup(e){return(0,s.jsx)(s.Fragment,{children:e.groups.map((function(t){return(0,o.createElement)(a.default,_objectSpread(_objectSpread({},e),{},{key:t.key,group:t}))}))})}))}}]);

package/build/umd/49.diva-web-planner-react.umd.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! filename:49 */