npm - @crystaldesign/diva-web-planner-react - Versions diffs - 24.10.0-beta.10 → 24.10.0-beta.12 - Mend

@crystaldesign/diva-web-planner-react 24.10.0-beta.10 → 24.10.0-beta.12

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

Files changed (408) hide show

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

@@ -1,2 +1,2 @@
 /*! For license information please see 1500.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1500,3112],{625:(n,e,i)=>{i.r(e),i.d(e,{default:()=>u});var M=i(5219),d=i(970),x=(i(41594),i(9185)),o=i(82246);const u=(0,d.PA)((function CreateCache(n){var e=(0,M.hV)();return(0,o.jsx)("ul",{className:x.Tu,onClick:function onClick(){return e.divaWebPlanner.handleFavorites("RENDERCACHE")},children:(0,o.jsx)("li",{className:x.t9,children:(0,o.jsx)("div",{className:x.xB,children:" Cache generieren"})})})}))},83112:(n,e,i)=>{i.r(e),i.d(e,{default:()=>o});var M=i(13587),d=(i(41594),i(53370)),x=i(82246);function ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var M=Object.getOwnPropertySymbols(n);e&&(M=M.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,M)}return i}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(i),!0).forEach((function(e){(0,M.A)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}const o=function ProductHeaderFunction(n){return(0,x.jsx)(d.Ay,_objectSpread(_objectSpread({},n),{},{componentName:"Product/ProductHeader/Functions"}))}},71500:(n,e,i)=>{i.r(e),i.d(e,{default:()=>w});var M=i(36520),d=i(72919),x=i.n(d),o=i(5219),u=i(970),t=i(41594),N=i(14488),l=i(83112),g=i(625),j=i(25835),I=i.n(j),a=i(69120),c=i.n(a),T=i(91148),D=i.n(T),r=i(73035),m=i.n(r),z=i(24959),s=i.n(z),A=i(15004),y=i.n(A),E=i(35368),p={};p.styleTagTransform=y(),p.setAttributes=m(),p.insert=D().bind(null,"head"),p.domAPI=c(),p.insertStyleElement=s();I()(E.Ay,p);E.Ay&&E.Ay.locals&&E.Ay.locals;var L=i(74835),O=i(82246);const w=(0,u.PA)((function ProductHeader(n){var e=n.hidePrice,i=n.productClass,d=(0,o.hV)(),u=(0,N.useTranslation)().t,j=(0,N.useDivaCore)().state,I=j.hidePrices,a=j.dimensions,c=a.isMobile,T=a.isTablet,D=d.getViewConfig().productHeaderContentBox,r=(0,t.useState)([]),m=(0,M.A)(r,2),z=m[0],s=m[1],A=d.getViewConfig().hideWebConfiguratorTitle||d.getViewConfig().hideWebConfiguratorTitleInMobile&&d.getIsInMobileView();return(0,t.useEffect)((function(){c&&!T||!d.divaWebPlanner.actSet()||d.divaWebPlanner.getDimension().then((function(n){if((!n||0==n.length)&&z.length>0&&s([]),n&&!n.every((function(n,e){var i,M;return(null==z||null===(i=z[e])||void 0===i?void 0:i.elementIds.includes(null==n?void 0:n.elementId))&&(null==n?void 0:n.dimension)==(null==z||null===(M=z[e])||void 0===M?void 0:M.dimension)}))){var e=[];n.forEach((function(n){if(0!=n.dimension){var i=e.findIndex((function(e){return e.dimension==n.dimension&&e.dimensionId==n.dimensionId}));-1!=i?e[i].elementIds.push(n.elementId):e.push({dimensionId:n.dimensionId,elementIds:[n.elementId],dimension:n.dimension})}})),s(e)}}))}),[d.divaWebPlanner.actSet(),d.settingsState.configChanged]),(0,O.jsxs)("div",{className:x()(E.iE,i,d.uiState.isMobileLandscape?E.eJ:void 0,d.uiState.isMobilePortrait?E.o4:void 0,d.uiState.configSettingsIsExpanded?E.sz:void 0,d.uiState.configSettingsIsMaxExpanded?E.um:void 0,d.productState.plannerRenderingIsStaticBG?E.eh:void 0,d.uiState.ViewConfig.landscapeProductNotFullscreen?void 0:E.Y5),children:[(0,O.jsxs)("div",{className:E.Yl,"data-test-id":"configProductHeader",children:[!A&&(0,O.jsx)("h1",{"data-test-id":"productHeaderTitle",children:d.productState.webConifguratorTitle}),(0,O.jsxs)("div",{className:E.MI,children:[!I&&!e&&(0,O.jsxs)("div",{children:[(0,O.jsxs)("span",{className:E.UD,"data-test-id":"productHeaderPriceInfo",children:[" ",u("configurator.PRICE_INFO")]}),(0,O.jsxs)("span",{className:E.ex,"data-test-id":"productHeaderFormattedPrice",children:[" ",d.productState.formatedCurSetPrice]}),d.productState.formatedBruttoPrice&&(0,O.jsxs)("span",{className:E.qD,"data-test-id":"productHeaderFormattedBruttoPrice",children:[" ",d.productState.formatedBruttoPrice]})]}),z.map((function(n){var e;return(0,O.jsxs)("div",{children:[(0,O.jsxs)("span",{className:E.UD,children:[u("configurator.headerdimension."+n.dimensionId)," ",z.length>1&&"("+n.elementIds.join(",")+")",":"," "]}),(0,O.jsxs)("span",{className:E.ex,children:[null!==(e=n.dimension)&&void 0!==e?e:0," cm"]})]})})),d.productState.doShowCreateCache&&(0,O.jsx)(g.default,{})]})]}),(!d.uiState.isMobileLandscape||d.uiState.ViewConfig.landscapeProductNotFullscreen)&&(0,O.jsx)("div",{className:E.i0,children:(0,O.jsx)(l.default,{})}),D&&!d.uiState.isMobileLandscape&&(0,O.jsx)("div",{className:E.Kn,children:(0,O.jsx)(L.s,{settings:{contentBoxProps:D}})})]})}))},64611:(n,e,i)=>{i.d(e,{Ay:()=>H,DS:()=>k,D_:()=>C,O$:()=>Q,OZ:()=>v,Tu:()=>E,Ui:()=>f,Xb:()=>S,eJ:()=>Z,nY:()=>b,o4:()=>G,oX:()=>U,se:()=>w,sz:()=>p,t5:()=>L,t9:()=>P,um:()=>Y,vo:()=>h,xB:()=>O});var M=i(38634),d=i.n(M),x=i(92083),o=i.n(x),u=i(1946),t=i.n(u),N=new URL(i(78306),i.b),l=new URL(i(23807),i.b),g=new URL(i(9972),i.b),j=new URL(i(82133),i.b),I=new URL(i(62831),i.b),a=new URL(i(16768),i.b),c=new URL(i(31870),i.b),T=o()(d()),D=t()(N),r=t()(l),m=t()(g),z=t()(j),s=t()(I),A=t()(a),y=t()(c);T.push([n.id,`/* FunctionsButton Help Share ... */\n\n.index-module--FAUxx {\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  margin-top: 0px;\n  padding-left: 0;\n  padding-left: initial;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 12px;\n}\n.index-module--hEM5f.index-module--FAUxx {\n  right: -40px;\n}\n\n.index-module--FAUxx li {\n  border-radius: var(--globalBorderRadius);\n  list-style: none;\n  transition: box-shadow 0.15s ease;\n  display: flex;\n  align-items: center;\n}\n.index-module--FAUxx li:hover {\n  box-shadow: var(--boxShadowHover);\n}\n\n.index-module--FAUxx li:active {\n  box-shadow: var(--boxShadowActive);\n}\n\n.index-module--FAUxx .index-module--F4Avu {\n  display: none;\n  background-image: url(${D});\n  background-repeat: no-repeat;\n  background-position: center center;\n  cursor: pointer;\n}\n\n.index-module--FAUxx .index-module--VBtJe {\n  line-height: 33.6px;\n  font-size: 15.6px;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.index-module--qgZl6 {\n  background-repeat: no-repeat;\n  background-position: center center;\n  width: 32px;\n  height: 32px;\n  cursor: pointer;\n}\n.index-module--qgZl6.index-module--iIePj {\n  background-image: url(${r});\n}\n.index-module--qgZl6.index-module--RSCMr {\n  background-image: url(${m});\n}\n.index-module--qgZl6.index-module--Jk0Z5 {\n  background-image: url(${z});\n  background-size: 30px;\n}\n.index-module--qgZl6.index-module--QnsWF {\n  background-image: url(${s});\n}\n.index-module--qgZl6.index-module--gVn2N {\n  background-image: url(${A});\n}\n.index-module--qgZl6.index-module--aJSTS {\n  background-image: url(${y});\n}\n\n.index-module--hEM5f .index-module--zt7js,\n.index-module--gvvTY .index-module--zt7js,\n.index-module--hEM5f .index-module--jE3fX,\n.index-module--gvvTY .index-module--jE3fX,\n.index-module--hEM5f .index-module--BmTM_,\n.index-module--gvvTY .index-module--BmTM_,\n.index-module--hEM5f .index-module--Rcybi,\n.index-module--gvvTY .index-module--Rcybi {\n  display: none;\n}\n\n.index-module--Wl3M7 .index-module--BmTM_,\n.index-module--Wl3M7 .index-module--jE3fX,\n.index-module--Wl3M7 .index-module--zt7js {\n  display: none;\n  background-image: none;\n}\n.index-module--Wl3M7 .index-module--NPPmf {\n  padding-right: 3.2px !important;\n}\n.index-module--Wl3M7 .index-module--NPPmf {\n  padding-top: 1.6px;\n}\n.index-module--Wl3M7.index-module--FAUxx .index-module--VBtJe {\n  float: left;\n  line-height: 33.6px;\n  font-size: 15.6px;\n}\n.index-module--Wl3M7.index-module--FAUxx .index-module--gVn2N {\n  background-repeat: no-repeat;\n  background-position: center center;\n  float: left;\n  width: 32px;\n  height: 32px;\n}\n\n.index-module--Wl3M7.index-module--FAUxx .index-module--F4Avu {\n  display: block;\n  width: 16px;\n  height: 16px;\n  padding: 12px;\n  margin-top: 0px;\n}\n\n#index-module--qoQIZ {\n  float: left;\n  padding-right: 1em;\n  padding-top: 0.5rem;\n}\n\n.index-module--h5APJ .index-module--BmTM_,\n.index-module--h5APJ .index-module--jE3fX,\n.index-module--h5APJ .index-module--zt7js {\n  display: none;\n}\n.index-module--h5APJ .index-module--NPPmf {\n  padding-right: 3.2px !important;\n}\n.index-module--h5APJ .index-module--NPPmf {\n  padding-top: 1.6px;\n}\n.index-module--h5APJ.index-module--FAUxx .index-module--VBtJe {\n  line-height: 28.8px;\n  font-size: 14px;\n}\n.index-module--h5APJ.index-module--FAUxx .index-module--gVn2N {\n  background-repeat: no-repeat;\n  background-position: center center;\n  float: left;\n  width: 32px;\n  height: 32px;\n}\n.index-module--h5APJ.index-module--FAUxx .index-module--F4Avu {\n  display: block;\n  width: 16px;\n  height: 16px;\n  padding: 10px;\n  margin-top: 0px;\n}\n.index-module--h5APJ.index-module--FAUxx {\n  margin-top: 8px;\n}\n\n.index-module--Wl3M7.index-module--FAUxx {\n  margin: 0;\n  margin: initial;\n}\n`,""]);var E="index-module--FAUxx",p="index-module--hEM5f",L="index-module--F4Avu",O="index-module--VBtJe",w="index-module--qgZl6",S="index-module--iIePj",h="index-module--RSCMr",C="index-module--QnsWF",b="index-module--gVn2N",k="index-module--aJSTS",U="index-module--zt7js",Y="index-module--gvvTY",Q="index-module--jE3fX",v="index-module--BmTM_",f="index-module--Rcybi",Z="index-module--Wl3M7",P="index-module--NPPmf",G="index-module--h5APJ";const H=T},35368:(n,e,i)=>{i.d(e,{Ay:()=>s,Kn:()=>j,MI:()=>a,UD:()=>T,Y5:()=>m,Yl:()=>t,eJ:()=>g,eh:()=>z,ex:()=>D,i0:()=>l,iE:()=>u,o4:()=>c,qD:()=>r,sz:()=>N,um:()=>I});var M=i(38634),d=i.n(M),x=i(92083),o=i.n(x)()(d());o.push([n.id,"/* Productdaten */\n\n.index-module--Ecvqh {\n  display: flex;\n  flex-direction: row;\n  height: 70px;\n  z-index: 112;\n  transition: width 0.2s ease-in-out, opacity 0.5s ease-in-out;\n  opacity: 1;\n  justify-content: space-between;\n  align-items: flex-start;\n}\n\n.index-module--Q4FVG {\n  flex-basis: 50%;\n  justify-self: flex-start;\n  z-index: 300;\n  margin: 16px 0 16px 16px;\n}\n.index-module--dNTpx .index-module--Q4FVG {\n  flex-basis: 100%;\n}\n.index-module--TXVnj {\n  flex-basis: 50%;\n}\n\n.index-module--TXVnj {\n  flex-basis: 100%;\n  position: relative;\n  z-index: 112;\n  margin: 16px;\n}\n\n.index-module--huoz3 .index-module--TXVnj {\n  margin: 8px 24px 0px 0px;\n}\n\n.index-module--LHiBZ {\n  z-index: 112;\n}\n\n.index-module--dNTpx.index-module--Ecvqh {\n  width: calc(55% - 40px - 24px);\n}\n\n.index-module--c6Zwf.index-module--Ecvqh,\n.index-module--tx59F.index-module--Ecvqh {\n  opacity: 0;\n}\n\n.index-module--Ecvqh h1 {\n  font-weight: 300;\n  font-size: 24px;\n  line-height: 27.2px;\n  text-transform: uppercase;\n  letter-spacing: 0.2px;\n  color: var(--secondaryColor);\n  margin: 0 0 10px;\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  white-space: nowrap;\n\n  border-radius: 100px;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.index-module--tsxE6 {\n  border-radius: 0px 0px 12px 0px;\n  padding: 0px 12px 6px 16px;\n  position: absolute;\n  width: -moz-fit-content;\n  width: fit-content;\n  white-space: nowrap;\n  left: 0px;\n  background-color: #fff;\n}\n\n.index-module--ZUkFQ .index-module--tsxE6 {\n  margin-top: 5px;\n\n  background-color: transparent;\n}\n\n.index-module--dNTpx.index-module--Ecvqh h1 {\n  max-width: 300px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.index-module--Ktj_K {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  font-weight: 300;\n  -webkit-text-stroke: 0.4px;\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\n.index-module--HzHJv {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  -webkit-text-stroke: 0.4px;\n  margin: 0px;\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\n.index-module--SbCd0 {\n  position: relative;\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  -webkit-text-stroke: 0.4px;\n  margin: 0px 10px;\n}\n\n.index-module--SbCd0:before {\n  position: absolute;\n  content: '';\n  left: 0;\n  top: 50%;\n  right: 0;\n  border-top: 1px solid;\n  border-color: inherit;\n\n  transform: rotate(5deg);\n}\n\n.index-module--huoz3.index-module--Ecvqh {\n  margin-left: 2rem;\n  width: calc(100% - 1rem);\n  height: 54.4px;\n}\n\n.index-module--NL8NC.index-module--huoz3.index-module--Ecvqh {\n  left: 50px;\n  top: 0px;\n  margin-left: 0.5rem;\n  margin-top: 4px;\n  width: calc(100% - 1rem);\n  height: 24.4px;\n}\n\n.index-module--huoz3 h1 {\n  margin: 0px;\n  margin-top: 14.4px;\n  font-size: 22.4px;\n  line-height: 18px;\n  width: 67%;\n}\n.index-module--huoz3 h2 {\n  margin: 0;\n  margin: initial;\n  font-weight: 100;\n  width: 67%;\n  line-height: 0.65;\n  -webkit-text-stroke: 0.3px;\n}\n.index-module--huoz3 .index-module--Ktj_K {\n  font-size: 15.6px;\n}\n\n.index-module--huoz3 .index-module--HzHJv {\n  font-size: 15.6px;\n}\n\n.index-module--ZUkFQ.index-module--Ecvqh {\n  height: 54.4px;\n  width: calc(100% - 4px);\n}\n\n.index-module--ZUkFQ h1 {\n  margin: 0px;\n  font-size: 17px;\n  line-height: 20px;\n}\n\n.index-module--ZUkFQ.index-module--kvOCa h1,\n.index-module--huoz3.index-module--NL8NC.index-module--kvOCa h1 {\n  color: var(--secondaryColor);\n  text-shadow: 3px 4px 15px #000000;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n}\n\n.index-module--ZUkFQ.index-module--kvOCa .index-module--Ktj_K,\n.index-module--huoz3.index-module--NL8NC.index-module--kvOCa .index-module--Ktj_K,\n.index-module--ZUkFQ.index-module--kvOCa .index-module--HzHJv,\n.index-module--huoz3.index-module--NL8NC.index-module--kvOCa .index-module--HzHJv {\n  color: white;\n}\n\n.index-module--ZUkFQ h2 {\n  margin: 0;\n  margin: initial;\n  font-weight: 100;\n  width: 67%;\n  line-height: 0.65;\n}\n",""]);var u="index-module--Ecvqh",t="index-module--Q4FVG",N="index-module--dNTpx",l="index-module--TXVnj",g="index-module--huoz3",j="index-module--LHiBZ",I="index-module--c6Zwf",a="index-module--tsxE6",c="index-module--ZUkFQ",T="index-module--Ktj_K",D="index-module--HzHJv",r="index-module--SbCd0",m="index-module--NL8NC",z="index-module--kvOCa";const s=o},9185:(n,e,i)=>{i.d(e,{DS:()=>c.DS,D_:()=>c.D_,O$:()=>c.O$,OZ:()=>c.OZ,Tu:()=>c.Tu,Ui:()=>c.Ui,Xb:()=>c.Xb,eJ:()=>c.eJ,nY:()=>c.nY,o4:()=>c.o4,oX:()=>c.oX,se:()=>c.se,sz:()=>c.sz,t5:()=>c.t5,t9:()=>c.t9,um:()=>c.um,vo:()=>c.vo,xB:()=>c.xB});var M=i(25835),d=i.n(M),x=i(69120),o=i.n(x),u=i(91148),t=i.n(u),N=i(73035),l=i.n(N),g=i(24959),j=i.n(g),I=i(15004),a=i.n(I),c=i(64611),T={};T.styleTagTransform=a(),T.setAttributes=l(),T.insert=t().bind(null,"head"),T.domAPI=o(),T.insertStyleElement=j();d()(c.Ay,T),c.Ay&&c.Ay.locals&&c.Ay.locals},78306:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNTYyNSAwLjgzNjE4MkwxOC41NjI1IDE4LjgzNjJNMTguNTYyNSAwLjgzNjE4MkwwLjU2MjUgMTguODM2MiIgc3Ryb2tlPSIjNEE0QTRBIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="},23807:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMyAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjI3NjQgMTYuNzE2MUMxMS4wOTkzIDE2LjcxNjEgMTAuOTM1MiAxNi42NTg4IDEwLjc4NDIgMTYuNTQ0MkMxMC42MzMxIDE2LjQyOTYgMTAuNTM0MiAxNi4zMDIgMTAuNDg3MyAxNi4xNjE0QzEwLjQ0MDQgMTYuMDIwOCAxMC40MTcgMTUuODg1MyAxMC40MTcgMTUuNzU1MUMxMC40MTcgMTUuNTYyNCAxMC40NjM5IDE1LjM4NzkgMTAuNTU3NiAxNS4yMzE3QzEwLjY1MTQgMTUuMDc1NCAxMC43NjMzIDE0Ljk2MzUgMTAuODkzNiAxNC44OTU4QzExLjAyOSAxNC44MjggMTEuMTU2NiAxNC43OTQyIDExLjI3NjQgMTQuNzk0MkMxMS40NTM1IDE0Ljc5NDIgMTEuNjA5NyAxNC44NDM3IDExLjc0NTEgMTQuOTQyNkMxMS44ODA1IDE1LjA0MTYgMTEuOTc5NSAxNS4xNjkyIDEyLjA0MiAxNS4zMjU0QzEyLjEwOTcgMTUuNDc2NSAxMi4xNDM2IDE1LjYxOTcgMTIuMTQzNiAxNS43NTUxQzEyLjE0MzYgMTUuOTQ3OCAxMi4wOTY3IDE2LjEyMjMgMTIuMDAyOSAxNi4yNzg2QzExLjkxNDQgMTYuNDM0OCAxMS43OTk4IDE2LjU0NjggMTEuNjU5MiAxNi42MTQ1QzExLjUyMzggMTYuNjgyMiAxMS4zOTYyIDE2LjcxNjEgMTEuMjc2NCAxNi43MTYxWk0xMC42OTA0IDEzLjU5MTFWMTIuOTE5MkMxMC42OTA0IDEyLjU4MDYgMTAuNzYwNyAxMi4yNTUxIDEwLjkwMTQgMTEuOTQyNkMxMS4wNDIgMTEuNjI0OSAxMS4yMDA4IDExLjM2NDUgMTEuMzc3OSAxMS4xNjE0QzExLjU2MDIgMTAuOTUzIDExLjcyNDMgMTAuNzcwOCAxMS44NzAxIDEwLjYxNDVDMTIuMjM0NyAxMC4yMTg3IDEyLjQ4NzMgOS45MjcgMTIuNjI3OSA5LjczOTVDMTIuNzczOCA5LjU1MiAxMi44Nzc5IDkuMzUxNDggMTIuOTQwNCA5LjEzNzk0QzEzLjAwODEgOC45MjQ0IDEzLjA0MiA4LjcwMzA0IDEzLjA0MiA4LjQ3Mzg4QzEzLjA0MiA3Ljk0MjYzIDEyLjg5MzYgNy41MzExNyAxMi41OTY3IDcuMjM5NUMxMi4zMDUgNi45NDI2MyAxMS44OTM2IDYuNzk0MTkgMTEuMzYyMyA2Ljc5NDE5QzExLjAxODYgNi43OTQxOSAxMC42OTMgNi44Nzc1MiAxMC4zODU3IDcuMDQ0MTlDMTAuMDc4NSA3LjIwNTY1IDkuODI1ODUgNy4zOTgzNiA5LjYyNzkzIDcuNjIyMzFDOS40MzUyMiA3Ljg0MTA2IDkuMjcxMTYgOC4wNDk0IDkuMTM1NzQgOC4yNDczMUw4LjI4NDE4IDcuNjM3OTRDOC41MTMzNSA3LjI1MjUyIDguNzkxOTkgNi45MTY1OSA5LjEyMDEyIDYuNjMwMTNDOS40NDgyNCA2LjMzODQ2IDkuODEwMjIgNi4xMjIzMSAxMC4yMDYxIDUuOTgxNjlDMTAuNjAxOSA1Ljg0MTA2IDExLjAwMjkgNS43NzA3NSAxMS40MDkyIDUuNzcwNzVDMTEuODc3OSA1Ljc3MDc1IDEyLjI5MiA1LjgzNTg2IDEyLjY1MTQgNS45NjYwNkMxMy4wMTYgNi4wOTEwNiAxMy4zMTggNi4yNzMzNiAxMy41NTc2IDYuNTEyOTRDMTMuODAyNCA2Ljc1MjUyIDEzLjk4NzMgNy4wNDQxOSAxNC4xMTIzIDcuMzg3OTRDMTQuMjM3MyA3LjczMTY5IDE0LjI5OTggOC4xMTk3MSAxNC4yOTk4IDguNTUyQzE0LjI5OTggOC44OTU3NSAxNC4yMzk5IDkuMjE2MDYgMTQuMTIwMSA5LjUxMjk0QzE0LjAwMDMgOS44MDQ2MSAxMy44NDY3IDEwLjA3NTQgMTMuNjU5MiAxMC4zMjU0QzEzLjQ3NjkgMTAuNTc1NCAxMy4zMDc2IDEwLjc4MzggMTMuMTUxNCAxMC45NTA0QzEyLjc1MDMgMTEuMzkzMSAxMi40NTg3IDExLjcyOTEgMTIuMjc2NCAxMS45NTgzQzEyLjA5OTMgMTIuMTg3NCAxMS45ODczIDEyLjM4MjcgMTEuOTQwNCAxMi41NDQyQzExLjg5MzYgMTIuNzAwNCAxMS44NzAxIDEyLjg1NjcgMTEuODcwMSAxMy4wMTI5VjEzLjU5MTFIMTAuNjkwNFoiIGZpbGw9IiM2RjZGNkYiLz4KPGNpcmNsZSBjeD0iMTEuNDc5OSIgY3k9IjEwLjk5OTkiIHI9IjEwLjIwMjYiIHN0cm9rZT0iIzZGNkY2RiIvPgo8L3N2Zz4="},62831:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyNSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik00LjM3ODIgMTQuMTcwMUMzLjkyNzUgMTMuMjM5OSAzLjcwMjE1IDEyLjA3NzEgMy43MDIxNSAxMC45MTQzQzMuNzAyMTUgNS42ODE3NyA3Ljc1ODQ5IDEuNDk1NzMgMTIuODI4OSAxLjQ5NTczQzE0LjE4MSAxLjQ5NTczIDE1LjUzMzEgMS44NDQ1NiAxNi42NTk5IDIuNDI1OTYiIHN0cm9rZT0iIzZGNkY2RiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTIwLjcxNTkgNi4xNDY4NUMyMS41MDQ3IDcuNTQyMiAyMS45NTU0IDkuMTcwMTEgMjEuOTU1NCAxMC45MTQzQzIxLjk1NTQgMTYuMTQ2OSAxNy44OTkgMjAuMzMyOSAxMi44Mjg2IDIwLjMzMjlDMTAuOTEzMSAyMC4zMzI5IDkuMTEwMyAxOS43NTE1IDcuNjQ1NTEgMTguNTg4NyIgc3Ryb2tlPSIjNkY2RjZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTkuMTM4NyA5LjA1Mzg3TDIwLjQ5MDggNS40NDkyMkwyMy45ODM3IDYuODQ0NTciIHN0cm9rZT0iIzZGNkY2RiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTYuMDY4MSAxMS4yNjMyTDQuNjAzMzEgMTQuODY3OEwxLjExMDM1IDEzLjIzOTkiIHN0cm9rZT0iIzZGNkY2RiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMCI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyMCIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuNTQ2ODc1IDAuOTE0MzA3KSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo="},9972:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMSAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMzg0MjggMTYuMzQ2N0gxMy42ODQzIiBzdHJva2U9IiM2RjZGNkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik03LjM4NDI4IDE0LjA0NjFIMTMuNjg0MyIgc3Ryb2tlPSIjNkY2RjZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNNy4zODQyOCAxOC42NDcySDEzLjY4NDMiIHN0cm9rZT0iIzZGNkY2RiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTE2LjI4MjggMjEuMjUwOUg1LjAwMDc3QzQuOTA3MyAyMS4yNTA5IDQuODMyNTIgMjEuMTc1MiA0LjgzMjUyIDIxLjA4MDVWMTEuNjEzQzQuODMyNTIgMTEuNTE4NCA0LjkwNzMgMTEuNDQyNiA1LjAwMDc3IDExLjQ0MjZIMTYuMjgyOEMxNi4zNzYzIDExLjQ0MjYgMTYuNDUxMSAxMS41MTg0IDE2LjQ1MTEgMTEuNjEzVjIxLjA4MDVDMTYuNDUxMSAyMS4xNzUyIDE2LjM3NjMgMjEuMjUwOSAxNi4yODI4IDIxLjI1MDlaIiBzdHJva2U9IiM2RjZGNkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPgo8cGF0aCBkPSJNNC44MzI1MiA2LjU2Njg3VjEuNDczMzdDNC44MzI1MiAxLjIxNzc1IDUuMDM4MTYgMSA1LjI5OTg4IDFIMTUuOTkzMUMxNi4yNDU1IDEgMTYuNDYwNCAxLjIwODI4IDE2LjQ2MDQgMS40NzMzN1Y2LjU2Njg3IiBzdHJva2U9IiM2RjZGNkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPgo8cGF0aCBkPSJNNC44MzIzNSAxNi41MzYxSDEuMzI3MTVDMS4xNDk1NiAxNi41MzYxIDEgMTYuMzg0NyAxIDE2LjIwNDhWNi44OTgyNkMxIDYuNzE4MzcgMS4xNDk1NiA2LjU2Njg5IDEuMzI3MTUgNi41NjY4OUgxOS45NTYxQzIwLjEzMzcgNi41NjY4OSAyMC4yODMzIDYuNzE4MzcgMjAuMjgzMyA2Ljg5ODI2VjE2LjIwNDhDMjAuMjgzMyAxNi4zODQ3IDIwLjEzMzcgMTYuNTM2MSAxOS45NTYxIDE2LjUzNjFIMTYuNDUwOSIgc3Ryb2tlPSIjNkY2RjZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiLz4KPC9zdmc+Cg=="},31870:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAyMiAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi4wNjk4IDFIMTkuNTM0NEMyMC4wODY2IDEgMjAuNTM0NCAxLjQ0NzcxIDIwLjUzNDQgMlYzLjc5OTg5SDIwLjUzMzVWMTYuOTk5OUMyMC41MzM1IDE3LjU1MjIgMjAuMDg1OCAxNy45OTk5IDE5LjUzMzUgMTcuOTk5OUgyQzEuNDQ3NzEgMTcuOTk5OSAxIDE3LjU1MjIgMSAxNi45OTk5VjIuNTMzNDVIMFYxNi45OTk5QzAgMTguMTA0NSAwLjg5NTQyOSAxOC45OTk5IDIgMTguOTk5OUgxOS41MzM1QzIwLjYzODEgMTguOTk5OSAyMS41MzM1IDE4LjEwNDUgMjEuNTMzNSAxNi45OTk5VjEzLjI1OTZDMjEuNTM0MSAxMy4yMzk5IDIxLjUzNDQgMTMuMjIgMjEuNTM0NCAxMy4yMDAxVjJDMjEuNTM0NCAwLjg5NTQzMSAyMC42Mzg5IDAgMTkuNTM0NCAwSDEyLjA2OThDMTAuOTY1MyAwIDEwLjA2OTggMC44OTU0MzEgMTAuMDY5OCAyVjExLjgxMjFMNi40NDYwOCA3LjY3MDY5QzYuMjY0MjQgNy40NjI4OCA1Ljk0ODM2IDcuNDQxODIgNS43NDA1NCA3LjYyMzY2QzUuNTMyNzIgNy44MDU1IDUuNTExNjYgOC4xMjEzOCA1LjY5MzUgOC4zMjkyTDEwLjEyNjkgMTMuMzk1OUMxMC4yMjE4IDEzLjUwNDQgMTAuMzU5IDEzLjU2NjYgMTAuNTAzMiAxMy41NjY2QzEwLjY0NzMgMTMuNTY2NiAxMC43ODQ1IDEzLjUwNDQgMTAuODc5NCAxMy4zOTU5TDE1LjMxMjggOC4zMjkyQzE1LjQ5NDcgOC4xMjEzOCAxNS40NzM2IDcuODA1NSAxNS4yNjU4IDcuNjIzNjZDMTUuMDU4IDcuNDQxODIgMTQuNzQyMSA3LjQ2Mjg4IDE0LjU2MDIgNy42NzA2OUwxMS4wNjk4IDExLjY1OTdWMkMxMS4wNjk4IDEuNDQ3NzIgMTEuNTE3NSAxIDEyLjA2OTggMVoiIGZpbGw9IiM2RjZGNkYiLz4KPC9zdmc+Cg=="},16768:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTYiIGN5PSI0IiByPSIzIiBzdHJva2U9IiM2RjZGNkYiLz4KPGNpcmNsZSBjeD0iMTYiIGN5PSIxNyIgcj0iMyIgc3Ryb2tlPSIjNkY2RjZGIi8+CjxjaXJjbGUgY3g9IjQiIGN5PSIxMC41IiByPSIzIiBzdHJva2U9IiM2RjZGNkYiLz4KPGxpbmUgeDE9IjYuNzQ1MDQiIHkxPSI5LjI1NjkiIHgyPSIxMy40Mjk1IiB5Mj0iNS4yOTQ1NCIgc3Ryb2tlPSIjNkY2RjZGIi8+CjxsaW5lIHkxPSItMC41IiB4Mj0iNy43NzA2MyIgeTI9Ii0wLjUiIHRyYW5zZm9ybT0ibWF0cml4KDAuODYwMjI1IDAuNTA5OTE0IDAuNTA5OTE0IC0wLjg2MDIyNSA3IDExLjYxOTkpIiBzdHJva2U9IiM2RjZGNkYiLz4KPC9zdmc+Cg=="},82133:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgOTYgOTYwIDk2MCIgd2lkdGg9IjQ4Ij48cGF0aCBkPSJNNDQ4IDg4OSAyMjggNzYwcS0xMy43NzUtOC4xNzEtMjEuMzg3LTIxLjkxNFExOTkgNzI0LjM0MyAxOTkgNzA4VjQ1MXEwLTE2LjM0MyA3LjYxMy0zMC4wODZRMjE0LjIyNSA0MDcuMTcxIDIyOCAzOTlsMjIxLTEzMXExNC04IDMxLTh0MzEgOGwyMjEgMTMxcTEzLjc3NSA4LjE3MSAyMS4zODggMjEuOTE0UTc2MSA0MzQuNjU3IDc2MSA0NTF2MjU3cTAgMTYuMzQzLTcuODc1IDMwLjA4NlE3NDUuMjUgNzUxLjgyOSA3MzEgNzYwTDUwOCA4ODlxLTE0LjMyOCA4LTMwLjE2NCA4UTQ2MiA4OTcgNDQ4IDg4OVptMi02OVY1OTZMMjYwIDQ4N3YyMTlsMTkwIDExNFptNjAgMCAxOTEtMTE0VjQ4N0w1MTAgNTk2djIyNFpNNDAgMzI1di03N3EwLTQ2LjY2NyAzMi42NjctNzkuMzMzUTEwNS4zMzMgMTM2IDE1MiAxMzZoNzd2NjBoLTc3cS0yMi4xIDAtMzcuMDUgMTQuOTVRMTAwIDIyNS45IDEwMCAyNDh2NzdINDBabTExMiA2OTFxLTQ2LjY2NyAwLTc5LjMzMy0zMi42NjdRNDAgOTUwLjY2NyA0MCA5MDR2LTc3aDYwdjc3cTAgMjIuMSAxNC45NSAzNy4wNVExMjkuOSA5NTYgMTUyIDk1Nmg3N3Y2MGgtNzdabTU3OS00di02MGg3N3EyMi4xIDAgMzcuMDUtMTQuOTVRODYwIDkyMi4xIDg2MCA5MDB2LTc3aDYwdjc3cTAgNDYuNjY3LTMyLjY2NyA3OS4zMzNRODU0LjY2NyAxMDEyIDgwOCAxMDEyaC03N1ptMTI5LTY4N3YtNzdxMC0yMi4xLTE0Ljk1LTM3LjA1UTgzMC4xIDE5NiA4MDggMTk2aC03N3YtNjBoNzdxNDYuNjY3IDAgNzkuMzMzIDMyLjY2N1E5MjAgMjAxLjMzMyA5MjAgMjQ4djc3aC02MFpNNDgwIDU0MmwxOTAtMTEwLTE5MC0xMDktMTkwIDEwOSAxOTAgMTEwWm0wIDI1Wm0wLTI1Wm0zMCA1NFptLTYwIDBaIi8+PC9zdmc+"}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1500,3112],{83112:(n,e,i)=>{i.r(e),i.d(e,{default:()=>r});var t=i(13587),o=(i(41594),i(53370)),d=i(82246);function ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(i),!0).forEach((function(e){(0,t.A)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}const r=function ProductHeaderFunction(n){return(0,d.jsx)(o.Ay,_objectSpread(_objectSpread({},n),{},{componentName:"Product/ProductHeader/Functions"}))}},71500:(n,e,i)=>{i.r(e),i.d(e,{default:()=>S});var t=i(36520),o=i(72919),d=i.n(o),r=i(5219),s=i(970),l=i(41594),a=i(14488),u=i(83112),x=i(25835),c=i.n(x),m=i(69120),p=i.n(m),h=i(91148),f=i.n(h),g=i(73035),v=i.n(g),b=i(24959),w=i.n(b),j=i(15004),z=i.n(j),y=i(35368),C={};C.styleTagTransform=z(),C.setAttributes=v(),C.insert=f().bind(null,"head"),C.domAPI=p(),C.insertStyleElement=w();c()(y.Ay,C);y.Ay&&y.Ay.locals&&y.Ay.locals;var k=i(74835),P=i(82246);const S=(0,s.PA)((function ProductHeader(n){var e=n.hidePrice,i=n.productClass,o=(0,r.hV)(),s=(0,a.useTranslation)().t,x=(0,a.useDivaCore)().state,c=x.hidePrices,m=x.dimensions,p=m.isMobile,h=m.isTablet,f=o.getViewConfig().productHeaderContentBox,g=(0,l.useState)([]),v=(0,t.A)(g,2),b=v[0],w=v[1],j=o.getViewConfig().hideWebConfiguratorTitle||o.getViewConfig().hideWebConfiguratorTitleInMobile&&o.getIsInMobileView();return(0,l.useEffect)((function(){p&&!h||!o.divaWebPlanner.actSet()||o.divaWebPlanner.getDimension().then((function(n){if((!n||0==n.length)&&b.length>0&&w([]),n&&!n.every((function(n,e){var i,t;return(null==b||null===(i=b[e])||void 0===i?void 0:i.elementIds.includes(null==n?void 0:n.elementId))&&(null==n?void 0:n.dimension)==(null==b||null===(t=b[e])||void 0===t?void 0:t.dimension)}))){var e=[];n.forEach((function(n){if(0!=n.dimension){var i=e.findIndex((function(e){return e.dimension==n.dimension&&e.dimensionId==n.dimensionId}));-1!=i?e[i].elementIds.push(n.elementId):e.push({dimensionId:n.dimensionId,elementIds:[n.elementId],dimension:n.dimension})}})),w(e)}}))}),[o.divaWebPlanner.actSet(),o.settingsState.configChanged]),(0,P.jsxs)("div",{className:d()(y.iE,i,o.uiState.isMobileLandscape?y.eJ:void 0,o.uiState.isMobilePortrait?y.o4:void 0,o.uiState.configSettingsIsExpanded?y.sz:void 0,o.uiState.configSettingsIsMaxExpanded?y.um:void 0,o.productState.plannerRenderingIsStaticBG?y.eh:void 0,o.uiState.ViewConfig.landscapeProductNotFullscreen?void 0:y.Y5),children:[(0,P.jsxs)("div",{className:y.Yl,"data-test-id":"configProductHeader",children:[!j&&(0,P.jsx)("h1",{"data-test-id":"productHeaderTitle",children:o.productState.webConifguratorTitle}),(0,P.jsxs)("div",{className:y.MI,children:[!c&&!e&&(0,P.jsxs)("div",{children:[(0,P.jsxs)("span",{className:y.UD,"data-test-id":"productHeaderPriceInfo",children:[" ",s("configurator.PRICE_INFO")]}),(0,P.jsxs)("span",{className:y.ex,"data-test-id":"productHeaderFormattedPrice",children:[" ",o.productState.formatedCurSetPrice]}),o.productState.formatedBruttoPrice&&(0,P.jsxs)("span",{className:y.qD,"data-test-id":"productHeaderFormattedBruttoPrice",children:[" ",o.productState.formatedBruttoPrice]})]}),b.map((function(n){var e;return(0,P.jsxs)("div",{children:[(0,P.jsxs)("span",{className:y.UD,children:[s("configurator.headerdimension."+n.dimensionId)," ",b.length>1&&"("+n.elementIds.join(",")+")",":"," "]}),(0,P.jsxs)("span",{className:y.ex,children:[null!==(e=n.dimension)&&void 0!==e?e:0," cm"]})]})}))]})]}),(!o.uiState.isMobileLandscape||o.uiState.ViewConfig.landscapeProductNotFullscreen)&&(0,P.jsx)("div",{className:y.i0,children:(0,P.jsx)(u.default,{})}),f&&!o.uiState.isMobileLandscape&&(0,P.jsx)("div",{className:y.Kn,children:(0,P.jsx)(k.s,{settings:{contentBoxProps:f}})})]})}))},35368:(n,e,i)=>{i.d(e,{Ay:()=>j,Kn:()=>c,MI:()=>p,UD:()=>f,Y5:()=>b,Yl:()=>l,eJ:()=>x,eh:()=>w,ex:()=>g,i0:()=>u,iE:()=>s,o4:()=>h,qD:()=>v,sz:()=>a,um:()=>m});var t=i(38634),o=i.n(t),d=i(92083),r=i.n(d)()(o());r.push([n.id,"/* Productdaten */\n\n.index-module--Ecvqh {\n  display: flex;\n  flex-direction: row;\n  height: 70px;\n  z-index: 112;\n  transition: width 0.2s ease-in-out, opacity 0.5s ease-in-out;\n  opacity: 1;\n  justify-content: space-between;\n  align-items: flex-start;\n}\n\n.index-module--Q4FVG {\n  flex-basis: 50%;\n  justify-self: flex-start;\n  z-index: 300;\n  margin: 16px 0 16px 16px;\n}\n.index-module--dNTpx .index-module--Q4FVG {\n  flex-basis: 100%;\n}\n.index-module--TXVnj {\n  flex-basis: 50%;\n}\n\n.index-module--TXVnj {\n  flex-basis: 100%;\n  position: relative;\n  z-index: 112;\n  margin: 16px;\n}\n\n.index-module--huoz3 .index-module--TXVnj {\n  margin: 8px 24px 0px 0px;\n}\n\n.index-module--LHiBZ {\n  z-index: 112;\n}\n\n.index-module--dNTpx.index-module--Ecvqh {\n  width: calc(55% - 40px - 24px);\n}\n\n.index-module--c6Zwf.index-module--Ecvqh,\n.index-module--tx59F.index-module--Ecvqh {\n  opacity: 0;\n}\n\n.index-module--Ecvqh h1 {\n  font-weight: 300;\n  font-size: 24px;\n  line-height: 27.2px;\n  text-transform: uppercase;\n  letter-spacing: 0.2px;\n  color: var(--secondaryColor);\n  margin: 0 0 10px;\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  white-space: nowrap;\n\n  border-radius: 100px;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.index-module--tsxE6 {\n  border-radius: 0px 0px 12px 0px;\n  padding: 0px 12px 6px 16px;\n  position: absolute;\n  width: -moz-fit-content;\n  width: fit-content;\n  white-space: nowrap;\n  left: 0px;\n  background-color: #fff;\n}\n\n.index-module--ZUkFQ .index-module--tsxE6 {\n  margin-top: 5px;\n\n  background-color: transparent;\n}\n\n.index-module--dNTpx.index-module--Ecvqh h1 {\n  max-width: 300px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.index-module--Ktj_K {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  font-weight: 300;\n  -webkit-text-stroke: 0.4px;\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\n.index-module--HzHJv {\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  -webkit-text-stroke: 0.4px;\n  margin: 0px;\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\n.index-module--SbCd0 {\n  position: relative;\n  color: var(--secondaryColor);\n  font-size: 14px;\n  font-size: var(--priceInfoFontSize, 14px);\n  -webkit-text-stroke: 0.4px;\n  margin: 0px 10px;\n}\n\n.index-module--SbCd0:before {\n  position: absolute;\n  content: '';\n  left: 0;\n  top: 50%;\n  right: 0;\n  border-top: 1px solid;\n  border-color: inherit;\n\n  transform: rotate(5deg);\n}\n\n.index-module--huoz3.index-module--Ecvqh {\n  margin-left: 2rem;\n  width: calc(100% - 1rem);\n  height: 54.4px;\n}\n\n.index-module--NL8NC.index-module--huoz3.index-module--Ecvqh {\n  left: 50px;\n  top: 0px;\n  margin-left: 0.5rem;\n  margin-top: 4px;\n  width: calc(100% - 1rem);\n  height: 24.4px;\n}\n\n.index-module--huoz3 h1 {\n  margin: 0px;\n  margin-top: 14.4px;\n  font-size: 22.4px;\n  line-height: 18px;\n  width: 67%;\n}\n.index-module--huoz3 h2 {\n  margin: 0;\n  margin: initial;\n  font-weight: 100;\n  width: 67%;\n  line-height: 0.65;\n  -webkit-text-stroke: 0.3px;\n}\n.index-module--huoz3 .index-module--Ktj_K {\n  font-size: 15.6px;\n}\n\n.index-module--huoz3 .index-module--HzHJv {\n  font-size: 15.6px;\n}\n\n.index-module--ZUkFQ.index-module--Ecvqh {\n  height: 54.4px;\n  width: calc(100% - 4px);\n}\n\n.index-module--ZUkFQ h1 {\n  margin: 0px;\n  font-size: 17px;\n  line-height: 20px;\n}\n\n.index-module--ZUkFQ.index-module--kvOCa h1,\n.index-module--huoz3.index-module--NL8NC.index-module--kvOCa h1 {\n  color: var(--secondaryColor);\n  text-shadow: 3px 4px 15px #000000;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n}\n\n.index-module--ZUkFQ.index-module--kvOCa .index-module--Ktj_K,\n.index-module--huoz3.index-module--NL8NC.index-module--kvOCa .index-module--Ktj_K,\n.index-module--ZUkFQ.index-module--kvOCa .index-module--HzHJv,\n.index-module--huoz3.index-module--NL8NC.index-module--kvOCa .index-module--HzHJv {\n  color: white;\n}\n\n.index-module--ZUkFQ h2 {\n  margin: 0;\n  margin: initial;\n  font-weight: 100;\n  width: 67%;\n  line-height: 0.65;\n}\n",""]);var s="index-module--Ecvqh",l="index-module--Q4FVG",a="index-module--dNTpx",u="index-module--TXVnj",x="index-module--huoz3",c="index-module--LHiBZ",m="index-module--c6Zwf",p="index-module--tsxE6",h="index-module--ZUkFQ",f="index-module--Ktj_K",g="index-module--HzHJv",v="index-module--SbCd0",b="index-module--NL8NC",w="index-module--kvOCa";const j=r}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 1819.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1819],{60583:(e,n,i)=>{"use strict";i.r(n),i.d(n,{default:()=>S});var t=i(66557),r=i(91639),s=i(58339),o=i(88893),a=i(10725),c=i.n(a),d=i(23651),l=i(85285),u=i(79254),g=i(36036),h=i(89670),R=i(39352),v=d.Ay.initLog("Planner","WEB-PLANNER-LOGIC"),S=function(){return(0,s.A)((function Host3DSignalR(e,n){var i=this;(0,r.A)(this,Host3DSignalR),(0,o.A)(this,"renderSettings",void 0),(0,o.A)(this,"signalRConnection",void 0),(0,o.A)(this,"connectionStarted",void 0),(0,o.A)(this,"successfullyLoggedIn",void 0),(0,o.A)(this,"connectionErrorCount",void 0),(0,o.A)(this,"doIgnoreOnClosed",void 0),(0,o.A)(this,"sessionID",void 0),(0,o.A)(this,"divaMediaServiceSocketIO",void 0),(0,o.A)(this,"useSirvViewer",!1),(0,o.A)(this,"lastJoinDivaNr",void 0),(0,o.A)(this,"reconnectAfterError",void 0),(0,o.A)(this,"successfullyJoinedDivaNr",void 0),(0,o.A)(this,"plannerHandler3D",void 0),(0,o.A)(this,"reconnectingErrorCount",void 0),(0,o.A)(this,"openSocketToMediaService",(function(e){var n=new URL(i.renderSettings.DivaMediaServiceUrl+"/");if(d.Ay.CacheIsEnabled)n.origin,n.pathname;var t=n.origin+"?divaNrs="+e;i.divaMediaServiceSocketIO=(0,u.Ay)(t,{forceNew:!0,path:n.pathname+"socket.io",rejectUnauthorized:!1});var r=i;i.divaMediaServiceSocketIO.on("error",(function(e){v.errorTransaction("ON_REQUEST_RENDERING","WC_0013","Error requesting the 3D Image")})),i.divaMediaServiceSocketIO.on("connect_error",(function(e){v.errorTransaction("ON_REQUEST_RENDERING","WC_0013","Error requesting the 3D Image")})),i.divaMediaServiceSocketIO.on("connect",(function(n){v.debug("Successfully connected to DivaMediaService with divaNr: "+e)})),i.divaMediaServiceSocketIO.on("disconnect",(function(){v.debug("Disconnect from DivaMediaService with divaNr: "+e+" and mediaServiceUrl: "+i.renderSettings.DivaMediaServiceUrl)})),i.divaMediaServiceSocketIO.on("DIVA3D",(function(e){if(e.hash&&""!=e.hash){new Date;v.successTransaction("ON_REQUEST_RENDERING",{hash:e.hash}),r.plannerHandler3D.handleReceiveRendering({divaNr:e.divaNr,hash:e.hash,buffer:e.buffer,url:e.url,saveMode:e.saveMode})}}))})),(0,o.A)(this,"noRenderClientFound",(function(e,n,t){v.debug("No rendering client has loaded the planning - send new request and force reload!"),d.Ay.endSpanOfApm("PlannerHandler3D requestRenderingFromSignalR "+e),d.Ay.endSpanOfApm("PlannerHandler3D requestRenderingDescriptionFromSignalR "+e),i.plannerHandler3D.onErrorRequestingRendering(e,n,t)})),(0,o.A)(this,"returnVPInfo",(function(e){})),(0,o.A)(this,"newRendering",(function(e,n,t){v.debug("Receive UI Polygon: "+t),i.plannerHandler3D.onReceivedAdditionalRenderInfo(n,t)})),(0,o.A)(this,"newHQRenderScript",(function(e,n,t){v.debug("Receive HQRenderScript: "+t),v.successTransaction("requestHQR",{hash:n}),i.plannerHandler3D.onReceiveHQRenderScript(n,t)})),(0,o.A)(this,"newRenderingLayerMask",(function(e,n){d.Ay.endSpanOfApm("PlannerHandler3D requestRenderingDescriptionFromSignalR "+n),v.debug("New Rendering Layer Mask finished hash: "+n)})),this.renderSettings=e,this.connectionStarted=!1,this.successfullyLoggedIn=!1,this.successfullyJoinedDivaNr=!1,this.connectionErrorCount=0,this.reconnectAfterError=!1,this.lastJoinDivaNr="",this.doIgnoreOnClosed=!1,this.plannerHandler3D=n,this.sessionID="",this.reconnectingErrorCount=0}),[{key:"initializeConnection",value:(D=(0,t.A)(c().mark((function _callee2(e){var n,i=this;return c().wrap((function _callee2$(e){for(;;)switch(e.prev=e.next){case 0:if(d.Ay.startSpanOfApm("Host3DSingalR initializeConnection"),!(this.reconnectingErrorCount>0)){e.next=4;break}return e.next=4,this.delay(100);case 4:v.debug("Create SignalR connection with host: "+this.renderSettings.Diva3DServerURL+"; RenderGroup: "+this.renderSettings.RenderGroup),n=this,this.signalRConnection&&(this.doIgnoreOnClosed=!0,this.signalRConnection.completeClose(),this.signalRConnection=null),0==("undefined"==typeof window||window).DIVA_LOGGER?this.signalRConnection=(new l.$I).withUrl(this.renderSettings.Diva3DServerURL).withHubProtocol(new g.E).build():this.signalRConnection=(new l.$I).withUrl(this.renderSettings.Diva3DServerURL).withHubProtocol(new g.E).configureLogging(l.$b.None).build(),this.signalRConnection.on("UnvalidSessionID",this.unvalidSessionID),this.signalRConnection.on("noRenderClientFound",this.noRenderClientFound),this.signalRConnection.on("newRendering",this.newRendering),this.signalRConnection.on("newHQRenderScript",this.newHQRenderScript),this.signalRConnection.on("newRenderingLayerMask",this.newRenderingLayerMask),this.signalRConnection.start().then((function(){d.Ay.endSpanOfApm("PlannerHandler3D initSignalRConnection"),n.connectionStarted=!0,n.doIgnoreOnClosed=!1,n.reconnectAfterError?v.debug("SignalR Connection to 3DHost: "+i.renderSettings.Diva3DServerURL+" sucessfully reconnected","initSignalRConnection"):v.debug("SignalR Connection to 3DHost: "+n.renderSettings.Diva3DServerURL+" sucessfully started","initSignalRConnection"),n.reconnectingErrorCount=0,n.login()})).catch((function(e){d.Ay.endSpanOfApm("PlannerHandler3D initSignalRConnection"),v.error(new d.p$("Connection error. Message: "+e.toString(),{code:"WC_0014"})),n.connectionStarted=!1,n.successfullyLoggedIn&&n.successfullyJoinedDivaNr||(n.reconnectingErrorCount++,n.reconnectingErrorCount<5&&n.initializeConnection())})),this.signalRConnection.onclose((0,t.A)(c().mark((function _callee(){return c().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:if(d.Ay.endSpanOfApm("PlannerHandler3D initSignalRConnection"),v.warn("Connection with 3D Host gets lost. Try to reconnect.","WC_0014"),n.connectionStarted=!1,i.successfullyLoggedIn=!1,i.successfullyJoinedDivaNr=!1,!i.doIgnoreOnClosed){e.next=7;break}return e.abrupt("return");case 7:i.reconnectAfterError=!0,n.initializeConnection();case 9:case"end":return e.stop()}}),_callee)}))));case 15:case"end":return e.stop()}}),_callee2,this)}))),function initializeConnection(e){return D.apply(this,arguments)})},{key:"delay",value:function delay(e){return new Promise((function(n){return setTimeout(n,e)}))}},{key:"joinDivaNr",value:(S=(0,t.A)(c().mark((function _callee3(e){return c().wrap((function _callee3$(n){for(;;)switch(n.prev=n.next){case 0:if(!this.reconnectAfterError&&this.lastJoinDivaNr==e){n.next=4;break}return n.next=3,this.join(e);case 3:this.reconnectAfterError=!1;case 4:case"end":return n.stop()}}),_callee3,this)}))),function joinDivaNr(e){return S.apply(this,arguments)})},{key:"getSuccessfullyJoinedToDivaNr",value:function getSuccessfullyJoinedToDivaNr(){return this.successfullyJoinedDivaNr}},{key:"getViewPointInfo",value:(a=(0,t.A)(c().mark((function _callee4(e,n){var i;return c().wrap((function _callee4$(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,t.next=3,this.signalRConnection.invoke("GetVPInfo",this.sessionID,n,e);case 3:return i=t.sent,t.abrupt("return",i);case 7:t.prev=7,t.t0=t.catch(0),v.error(new d.p$("DoUpdate 3D Host",{code:"WC_0014"}));case 10:case"end":return t.stop()}}),_callee4,this,[[0,7]])}))),function getViewPointInfo(e,n){return a.apply(this,arguments)})},{key:"getConnectionReady",value:function getConnectionReady(){return this.connectionIsReady()}},{key:"getStaticRoomListInfo",value:(i=(0,t.A)(c().mark((function _callee5(e){var n;return c().wrap((function _callee5$(i){for(;;)switch(i.prev=i.next){case 0:return this.connectionIsReady()||(n=this,setTimeout((function(){return n.getStaticRoomListInfo(e)}),400)),v.debug("DIVA3D-HOST.SignaR POST GetFrontendRoomList - sessionID:"+this.sessionID),i.next=4,this.signalRConnection.invoke("GetFrontendRoomlist",this.sessionID,e);case 4:return i.abrupt("return",i.sent);case 5:case"end":return i.stop()}}),_callee5,this)}))),function getStaticRoomListInfo(e){return i.apply(this,arguments)})},{key:"request3D",value:function request3D(e){var n=this;if(this.connectionIsReady()&&this.successfullyJoinedDivaNr){var i,t=void 0,r=void 0;null!=e&&e.doRequestRendering&&((t=new h.A(e.planningHash,e.renderHash,e.requestRenderingParams.viewPointName,e.requestRenderingParams.width,e.requestRenderingParams.height,e.requestRenderingParams.isFullscreenRendering,e.requestRenderingParams.hasDimensionLines,e.requestRenderingParams.plannerMeasureDigits,e.requestRenderingParams.planner3DGridEnabled,!!e.requestRenderingParams.viewPointInfo&&e.requestRenderingParams.viewPointInfo.isStatic,e.requestRenderingParams.mediaServiceSaveMode,e.requestRenderingParams.alternateRenderingsExist,e.requestRenderingParams.alternateRenderInfo)).CatalogCodex=e.requestRenderingParams.catalogData.catalogCodex,t.CatalogGUID=e.requestRenderingParams.catalogData.catalogGUID),e.doRequestHqRenderScript&&(r=new R.A(e.planningHash));var s=this.create3DHostRequestOption(e);if(s.hqrenderscript&&v.startTransaction({event:"requestHQR",eventId:"requestHQR",message:e.planningHash}),v.debug("request 3D (mediaType "+(null===(i=e.requestRenderingParams)||void 0===i?void 0:i.mediaServiceSaveMode)+") from 3D Host"+JSON.stringify(e)),s.rendering&&v.startTransaction({event:"onRequestRendering",message:"Requesting Rendering",eventId:"ON_REQUEST_RENDERING",warningTime:2e3,errorTime:4e3,labels:{renderGroup:this.renderSettings.RenderGroup,hash:e.renderHash}}),e.doReloadWholePlanning)v.debug("Host3DSignalR SaveProjectWithOptions"),this.signalRConnection.invoke("SaveProjectWithOptions",this.sessionID,e.divaNr,JSON.stringify(e.planningData),this.renderSettings.RenderGroup,JSON.stringify(s));else{e.requestRenderingParams&&e.requestRenderingParams.viewPointName;s.rendering&&v.startTransaction({event:"onRequestRendering",message:"Requesting Rendering",eventId:"ON_REQUEST_RENDERING",warningTime:2e3,errorTime:4e3,labels:{renderGroup:this.renderSettings.RenderGroup}}),this.signalRConnection.invoke("RequestRenderingWithOptions",this.sessionID,e.divaNr,s.VPName,s.VPSize,e.renderHash,JSON.stringify(s))}return v.successTransaction("ON_REQUEST_RENDERING"),{rendering:t,hqRenderScript:r}}return e.doReloadWholePlanning=!0,setTimeout((function(){return n.request3D(e)}),300),{rendering:void 0,hqRenderScript:void 0}}},{key:"create3DHostRequestOption",value:function create3DHostRequestOption(e){var n,i,t,r,s,o,a,c,l,u,g,h,R,v,S=e.requestRenderingParams?e.requestRenderingParams.width+":"+e.requestRenderingParams.height:"",D=null!=e&&e.doRequestRendering&&e.requestRenderingParams.planner3DGridEnabled?"layermask":"",f=null!=e&&e.doRequestRendering?"STREAM"==e.requestRenderingParams.mediaServiceSaveMode?0:"PERMANENT"==e.requestRenderingParams.mediaServiceSaveMode?1:-1:-1,p="";e.requestRenderingParams&&e.requestRenderingParams.functionType&&(p=e.requestRenderingParams.functionType);if(null!=e&&e.doRequestRendering&&e.requestRenderingParams.articleCodices){"[";for(var m=0;m<e.requestRenderingParams.articleCodices.length;m++)'"'+e.requestRenderingParams.articleCodices[m]+'"'+(m<e.requestRenderingParams.articleCodices.length-1?",":"");"]"}return{rendering:null==e?void 0:e.doRequestRendering,hqrenderscript:e.doRequestHqRenderScript,VPName:null!==(n=null===(i=e.requestRenderingParams)||void 0===i?void 0:i.viewPointName)&&void 0!==n?n:"",VPSize:S,VPFilename:e.renderHash,PlanningHash:e.planningHash,RenderHash:e.renderHash,plannerMeasureDigits:null!==(t=null===(r=e.requestRenderingParams)||void 0===r?void 0:r.plannerMeasureDigits)&&void 0!==t?t:0,Format:"JPG",BG:D,MSSM:f,OrgId:this.renderSettings.OrganizationId,FunctionType:p,CatalogCodex:null!==(s=null===(o=e.requestRenderingParams)||void 0===o?void 0:o.catalogData.catalogCodex)&&void 0!==s?s:"",CatalogGuid:null!==(a=null===(c=e.requestRenderingParams)||void 0===c?void 0:c.catalogData.catalogGUID)&&void 0!==a?a:"",ArticleCodices:null!==(l=null===(u=e.requestRenderingParams)||void 0===u?void 0:u.articleCodices)&&void 0!==l?l:[],UserSessionId:d.Ay.SessionId,v:null!==(g=null===(h=e.requestRenderingParams)||void 0===h?void 0:h.catalogData.catalogGUID)&&void 0!==g?g:"",camera:null===(R=e.requestRenderingParams)||void 0===R?void 0:R.camera,forceUseCam:!(null===(v=e.requestRenderingParams)||void 0===v||!v.forceUseCam)}}},{key:"closeConnection",value:function closeConnection(){this.signalRConnection&&(this.doIgnoreOnClosed=!0,this.signalRConnection.invoke("LeaveWebClient"),v.debug("SignalRConnection: Close Connection and say byby to Diva3DHost."),this.signalRConnection.completeClose())}},{key:"login",value:(n=(0,t.A)(c().mark((function _callee6(){var e,n;return c().wrap((function _callee6$(i){for(;;)switch(i.prev=i.next){case 0:return v.debug("DIVA3D-HOST.SignaR POST Login - userID:"+this.renderSettings.UserID+", deviceID:"+this.renderSettings.DeviceID+", divaSessionID:"+this.renderSettings.DivaSessionID+", _Application:"+this.renderSettings.ApplicationName),d.Ay.startSpanOfApm("PlannerHandler3D login"),i.prev=2,i.next=5,this.signalRConnection.invoke("LoginWebPlanner",this.renderSettings.UserID,this.renderSettings.DeviceID,this.renderSettings.DivaSessionID,this.renderSettings.ApplicationName);case 5:e=i.sent,this.connectionErrorCount=0,""!=e?(this.successfullyLoggedIn=!0,v.debug("DIVA3D-HOST.SignaR Response ReturnLogin - sessionID: "+e),this.sessionID=e,this.plannerHandler3D.onConnectionInitialized({status:"SUCCESSFULL"})):this.plannerHandler3D.onConnectionInitialized({status:"ERROR"}),i.next=15;break;case 10:i.prev=10,i.t0=i.catch(2),d.Ay.endSpanOfApm("PlannerHandler3D login"),n=this,this.handleConnectionError(i.t0,(function(){n.login()}));case 15:case"end":return i.stop()}}),_callee6,this,[[2,10]])}))),function login(){return n.apply(this,arguments)})},{key:"join",value:(e=(0,t.A)(c().mark((function _callee7(e){var n,i;return c().wrap((function _callee7$(t){for(;;)switch(t.prev=t.next){case 0:if(""!=e){t.next=2;break}return t.abrupt("return");case 2:if(this.lastJoinDivaNr!=e&&this.openSocketToMediaService(e),n=this,this.connectionIsReady()){t.next=8;break}setTimeout((function(){n.join(e)}),200),t.next=23;break;case 8:return this.lastJoinDivaNr=e,d.Ay.startSpanOfApm("PlannerHandler3D join"),v.debug("PlannerHandler3D SignalR - Join DivaNr to connected host: "+e),t.prev=11,t.next=14,this.signalRConnection.invoke("JoinWebPlanner",this.sessionID,e);case 14:i=t.sent,d.Ay.endSpanOfApm("PlannerHandler3D join"),i?(this.successfullyJoinedDivaNr=!0,this.plannerHandler3D.onConnectedToDivaNr("SUCCESSFULL"),v.debug("Return Join - Join successfull.")):this.join(e),this.connectionErrorCount=0,t.next=23;break;case 20:t.prev=20,t.t0=t.catch(11),this.handleConnectionError(t.t0,(function(){n.join(e)}));case 23:case"end":return t.stop()}}),_callee7,this,[[11,20]])}))),function join(n){return e.apply(this,arguments)})},{key:"handleConnectionError",value:function handleConnectionError(e,n){this.connectionErrorCount++,4==this.connectionErrorCount?v.debug("SignalR Error. not possible to establish SignalR connection."):v.debug("SignalR Error. Message: "+e.message)}},{key:"connectionIsReady",value:function connectionIsReady(){return this.connectionStarted&&this.successfullyLoggedIn}},{key:"unvalidSessionID",value:function unvalidSessionID(e,n){v.debug("DIVA3D-HOST.SignaR Response Unvalid SessionID"),this.successfullyLoggedIn=!1}}]);var e,n,i,a,S,D}()},82257:()=>{},41953:()=>{}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[1819],{60583:(e,n,i)=>{"use strict";i.r(n),i.d(n,{default:()=>S});var t=i(66557),r=i(91639),o=i(58339),s=i(88893),a=i(10725),c=i.n(a),d=i(23651),l=i(85285),u=i(79254),g=i(36036),h=i(89670),R=i(39352),v=d.Ay.initLog("Planner","WEB-PLANNER-LOGIC"),S=function(){return(0,o.A)((function Host3DSignalR(e,n){var i=this;(0,r.A)(this,Host3DSignalR),(0,s.A)(this,"renderSettings",void 0),(0,s.A)(this,"signalRConnection",void 0),(0,s.A)(this,"connectionStarted",void 0),(0,s.A)(this,"successfullyLoggedIn",void 0),(0,s.A)(this,"connectionErrorCount",void 0),(0,s.A)(this,"doIgnoreOnClosed",void 0),(0,s.A)(this,"sessionID",void 0),(0,s.A)(this,"divaMediaServiceSocketIO",void 0),(0,s.A)(this,"lastJoinDivaNr",void 0),(0,s.A)(this,"reconnectAfterError",void 0),(0,s.A)(this,"successfullyJoinedDivaNr",void 0),(0,s.A)(this,"plannerHandler3D",void 0),(0,s.A)(this,"reconnectingErrorCount",void 0),(0,s.A)(this,"openSocketToMediaService",(function(e){var n=new URL(i.renderSettings.DivaMediaServiceUrl+"/"),t=n.origin+"?divaNrs="+e;i.divaMediaServiceSocketIO=(0,u.Ay)(t,{forceNew:!0,path:n.pathname+"socket.io",rejectUnauthorized:!1});var r=i;i.divaMediaServiceSocketIO.on("error",(function(e){v.errorTransaction("ON_REQUEST_RENDERING","WC_0013","Error requesting the 3D Image")})),i.divaMediaServiceSocketIO.on("connect_error",(function(e){v.errorTransaction("ON_REQUEST_RENDERING","WC_0013","Error requesting the 3D Image")})),i.divaMediaServiceSocketIO.on("connect",(function(n){v.debug("Successfully connected to DivaMediaService with divaNr: "+e)})),i.divaMediaServiceSocketIO.on("disconnect",(function(){v.debug("Disconnect from DivaMediaService with divaNr: "+e+" and mediaServiceUrl: "+i.renderSettings.DivaMediaServiceUrl)})),i.divaMediaServiceSocketIO.on("DIVA3D",(function(e){if(e.hash&&""!=e.hash){new Date;v.successTransaction("ON_REQUEST_RENDERING",{hash:e.hash}),r.plannerHandler3D.handleReceiveRendering({divaNr:e.divaNr,hash:e.hash,buffer:e.buffer,url:e.url,saveMode:e.saveMode})}}))})),(0,s.A)(this,"noRenderClientFound",(function(e,n,t){v.debug("No rendering client has loaded the planning - send new request and force reload!"),d.Ay.endSpanOfApm("PlannerHandler3D requestRenderingFromSignalR "+e),d.Ay.endSpanOfApm("PlannerHandler3D requestRenderingDescriptionFromSignalR "+e),i.plannerHandler3D.onErrorRequestingRendering(e,n,t)})),(0,s.A)(this,"returnVPInfo",(function(e){})),(0,s.A)(this,"newRendering",(function(e,n,t){v.debug("Receive UI Polygon: "+t),i.plannerHandler3D.onReceivedAdditionalRenderInfo(n,t)})),(0,s.A)(this,"newHQRenderScript",(function(e,n,t){v.debug("Receive HQRenderScript: "+t),v.successTransaction("requestHQR",{hash:n}),i.plannerHandler3D.onReceiveHQRenderScript(n,t)})),(0,s.A)(this,"newRenderingLayerMask",(function(e,n){d.Ay.endSpanOfApm("PlannerHandler3D requestRenderingDescriptionFromSignalR "+n),v.debug("New Rendering Layer Mask finished hash: "+n)})),this.renderSettings=e,this.connectionStarted=!1,this.successfullyLoggedIn=!1,this.successfullyJoinedDivaNr=!1,this.connectionErrorCount=0,this.reconnectAfterError=!1,this.lastJoinDivaNr="",this.doIgnoreOnClosed=!1,this.plannerHandler3D=n,this.sessionID="",this.reconnectingErrorCount=0}),[{key:"initializeConnection",value:(D=(0,t.A)(c().mark((function _callee2(e){var n,i=this;return c().wrap((function _callee2$(e){for(;;)switch(e.prev=e.next){case 0:if(d.Ay.startSpanOfApm("Host3DSingalR initializeConnection"),!(this.reconnectingErrorCount>0)){e.next=4;break}return e.next=4,this.delay(100);case 4:v.debug("Create SignalR connection with host: "+this.renderSettings.Diva3DServerURL+"; RenderGroup: "+this.renderSettings.RenderGroup),n=this,this.signalRConnection&&(this.doIgnoreOnClosed=!0,this.signalRConnection.completeClose(),this.signalRConnection=null),0==("undefined"==typeof window||window).DIVA_LOGGER?this.signalRConnection=(new l.$I).withUrl(this.renderSettings.Diva3DServerURL).withHubProtocol(new g.E).build():this.signalRConnection=(new l.$I).withUrl(this.renderSettings.Diva3DServerURL).withHubProtocol(new g.E).configureLogging(l.$b.None).build(),this.signalRConnection.on("UnvalidSessionID",this.unvalidSessionID),this.signalRConnection.on("noRenderClientFound",this.noRenderClientFound),this.signalRConnection.on("newRendering",this.newRendering),this.signalRConnection.on("newHQRenderScript",this.newHQRenderScript),this.signalRConnection.on("newRenderingLayerMask",this.newRenderingLayerMask),this.signalRConnection.start().then((function(){d.Ay.endSpanOfApm("PlannerHandler3D initSignalRConnection"),n.connectionStarted=!0,n.doIgnoreOnClosed=!1,n.reconnectAfterError?v.debug("SignalR Connection to 3DHost: "+i.renderSettings.Diva3DServerURL+" sucessfully reconnected","initSignalRConnection"):v.debug("SignalR Connection to 3DHost: "+n.renderSettings.Diva3DServerURL+" sucessfully started","initSignalRConnection"),n.reconnectingErrorCount=0,n.login()})).catch((function(e){d.Ay.endSpanOfApm("PlannerHandler3D initSignalRConnection"),v.error(new d.p$("Connection error. Message: "+e.toString(),{code:"WC_0014"})),n.connectionStarted=!1,n.successfullyLoggedIn&&n.successfullyJoinedDivaNr||(n.reconnectingErrorCount++,n.reconnectingErrorCount<5&&n.initializeConnection())})),this.signalRConnection.onclose((0,t.A)(c().mark((function _callee(){return c().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:if(d.Ay.endSpanOfApm("PlannerHandler3D initSignalRConnection"),v.warn("Connection with 3D Host gets lost. Try to reconnect.","WC_0014"),n.connectionStarted=!1,i.successfullyLoggedIn=!1,i.successfullyJoinedDivaNr=!1,!i.doIgnoreOnClosed){e.next=7;break}return e.abrupt("return");case 7:i.reconnectAfterError=!0,n.initializeConnection();case 9:case"end":return e.stop()}}),_callee)}))));case 15:case"end":return e.stop()}}),_callee2,this)}))),function initializeConnection(e){return D.apply(this,arguments)})},{key:"delay",value:function delay(e){return new Promise((function(n){return setTimeout(n,e)}))}},{key:"joinDivaNr",value:(S=(0,t.A)(c().mark((function _callee3(e){return c().wrap((function _callee3$(n){for(;;)switch(n.prev=n.next){case 0:if(!this.reconnectAfterError&&this.lastJoinDivaNr==e){n.next=4;break}return n.next=3,this.join(e);case 3:this.reconnectAfterError=!1;case 4:case"end":return n.stop()}}),_callee3,this)}))),function joinDivaNr(e){return S.apply(this,arguments)})},{key:"getSuccessfullyJoinedToDivaNr",value:function getSuccessfullyJoinedToDivaNr(){return this.successfullyJoinedDivaNr}},{key:"getViewPointInfo",value:(a=(0,t.A)(c().mark((function _callee4(e,n){var i;return c().wrap((function _callee4$(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,t.next=3,this.signalRConnection.invoke("GetVPInfo",this.sessionID,n,e);case 3:return i=t.sent,t.abrupt("return",i);case 7:t.prev=7,t.t0=t.catch(0),v.error(new d.p$("DoUpdate 3D Host",{code:"WC_0014"}));case 10:case"end":return t.stop()}}),_callee4,this,[[0,7]])}))),function getViewPointInfo(e,n){return a.apply(this,arguments)})},{key:"getConnectionReady",value:function getConnectionReady(){return this.connectionIsReady()}},{key:"getStaticRoomListInfo",value:(i=(0,t.A)(c().mark((function _callee5(e){var n;return c().wrap((function _callee5$(i){for(;;)switch(i.prev=i.next){case 0:return this.connectionIsReady()||(n=this,setTimeout((function(){return n.getStaticRoomListInfo(e)}),400)),v.debug("DIVA3D-HOST.SignaR POST GetFrontendRoomList - sessionID:"+this.sessionID),i.next=4,this.signalRConnection.invoke("GetFrontendRoomlist",this.sessionID,e);case 4:return i.abrupt("return",i.sent);case 5:case"end":return i.stop()}}),_callee5,this)}))),function getStaticRoomListInfo(e){return i.apply(this,arguments)})},{key:"request3D",value:function request3D(e){var n=this;if(this.connectionIsReady()&&this.successfullyJoinedDivaNr){var i,t=void 0,r=void 0;null!=e&&e.doRequestRendering&&((t=new h.A(e.planningHash,e.renderHash,e.requestRenderingParams.viewPointName,e.requestRenderingParams.width,e.requestRenderingParams.height,e.requestRenderingParams.isFullscreenRendering,e.requestRenderingParams.hasDimensionLines,e.requestRenderingParams.plannerMeasureDigits,e.requestRenderingParams.planner3DGridEnabled,!!e.requestRenderingParams.viewPointInfo&&e.requestRenderingParams.viewPointInfo.isStatic,e.requestRenderingParams.mediaServiceSaveMode,e.requestRenderingParams.alternateRenderingsExist,e.requestRenderingParams.alternateRenderInfo)).CatalogCodex=e.requestRenderingParams.catalogData.catalogCodex,t.CatalogGUID=e.requestRenderingParams.catalogData.catalogGUID),e.doRequestHqRenderScript&&(r=new R.A(e.planningHash));var o=this.create3DHostRequestOption(e);if(o.hqrenderscript&&v.startTransaction({event:"requestHQR",eventId:"requestHQR",message:e.planningHash}),v.debug("request 3D (mediaType "+(null===(i=e.requestRenderingParams)||void 0===i?void 0:i.mediaServiceSaveMode)+") from 3D Host"+JSON.stringify(e)),o.rendering&&v.startTransaction({event:"onRequestRendering",message:"Requesting Rendering",eventId:"ON_REQUEST_RENDERING",warningTime:2e3,errorTime:4e3,labels:{renderGroup:this.renderSettings.RenderGroup,hash:e.renderHash}}),e.doReloadWholePlanning)v.debug("Host3DSignalR SaveProjectWithOptions"),this.signalRConnection.invoke("SaveProjectWithOptions",this.sessionID,e.divaNr,JSON.stringify(e.planningData),this.renderSettings.RenderGroup,JSON.stringify(o));else{e.requestRenderingParams&&e.requestRenderingParams.viewPointName;o.rendering&&v.startTransaction({event:"onRequestRendering",message:"Requesting Rendering",eventId:"ON_REQUEST_RENDERING",warningTime:2e3,errorTime:4e3,labels:{renderGroup:this.renderSettings.RenderGroup}}),this.signalRConnection.invoke("RequestRenderingWithOptions",this.sessionID,e.divaNr,o.VPName,o.VPSize,e.renderHash,JSON.stringify(o))}return v.successTransaction("ON_REQUEST_RENDERING"),{rendering:t,hqRenderScript:r}}return e.doReloadWholePlanning=!0,setTimeout((function(){return n.request3D(e)}),300),{rendering:void 0,hqRenderScript:void 0}}},{key:"create3DHostRequestOption",value:function create3DHostRequestOption(e){var n,i,t,r,o,s,a,c,l,u,g,h,R,v,S=e.requestRenderingParams?e.requestRenderingParams.width+":"+e.requestRenderingParams.height:"",D=null!=e&&e.doRequestRendering&&e.requestRenderingParams.planner3DGridEnabled?"layermask":"",f=null!=e&&e.doRequestRendering?"STREAM"==e.requestRenderingParams.mediaServiceSaveMode?0:"PERMANENT"==e.requestRenderingParams.mediaServiceSaveMode?1:-1:-1,p="";e.requestRenderingParams&&e.requestRenderingParams.functionType&&(p=e.requestRenderingParams.functionType);if(null!=e&&e.doRequestRendering&&e.requestRenderingParams.articleCodices){"[";for(var m=0;m<e.requestRenderingParams.articleCodices.length;m++)'"'+e.requestRenderingParams.articleCodices[m]+'"'+(m<e.requestRenderingParams.articleCodices.length-1?",":"");"]"}return{rendering:null==e?void 0:e.doRequestRendering,hqrenderscript:e.doRequestHqRenderScript,VPName:null!==(n=null===(i=e.requestRenderingParams)||void 0===i?void 0:i.viewPointName)&&void 0!==n?n:"",VPSize:S,VPFilename:e.renderHash,PlanningHash:e.planningHash,RenderHash:e.renderHash,plannerMeasureDigits:null!==(t=null===(r=e.requestRenderingParams)||void 0===r?void 0:r.plannerMeasureDigits)&&void 0!==t?t:0,Format:"JPG",BG:D,MSSM:f,OrgId:this.renderSettings.OrganizationId,FunctionType:p,CatalogCodex:null!==(o=null===(s=e.requestRenderingParams)||void 0===s?void 0:s.catalogData.catalogCodex)&&void 0!==o?o:"",CatalogGuid:null!==(a=null===(c=e.requestRenderingParams)||void 0===c?void 0:c.catalogData.catalogGUID)&&void 0!==a?a:"",ArticleCodices:null!==(l=null===(u=e.requestRenderingParams)||void 0===u?void 0:u.articleCodices)&&void 0!==l?l:[],UserSessionId:d.Ay.SessionId,v:null!==(g=null===(h=e.requestRenderingParams)||void 0===h?void 0:h.catalogData.catalogGUID)&&void 0!==g?g:"",camera:null===(R=e.requestRenderingParams)||void 0===R?void 0:R.camera,forceUseCam:!(null===(v=e.requestRenderingParams)||void 0===v||!v.forceUseCam)}}},{key:"closeConnection",value:function closeConnection(){this.signalRConnection&&(this.doIgnoreOnClosed=!0,this.signalRConnection.invoke("LeaveWebClient"),v.debug("SignalRConnection: Close Connection and say byby to Diva3DHost."),this.signalRConnection.completeClose())}},{key:"login",value:(n=(0,t.A)(c().mark((function _callee6(){var e,n;return c().wrap((function _callee6$(i){for(;;)switch(i.prev=i.next){case 0:return v.debug("DIVA3D-HOST.SignaR POST Login - userID:"+this.renderSettings.UserID+", deviceID:"+this.renderSettings.DeviceID+", divaSessionID:"+this.renderSettings.DivaSessionID+", _Application:"+this.renderSettings.ApplicationName),d.Ay.startSpanOfApm("PlannerHandler3D login"),i.prev=2,i.next=5,this.signalRConnection.invoke("LoginWebPlanner",this.renderSettings.UserID,this.renderSettings.DeviceID,this.renderSettings.DivaSessionID,this.renderSettings.ApplicationName);case 5:e=i.sent,this.connectionErrorCount=0,""!=e?(this.successfullyLoggedIn=!0,v.debug("DIVA3D-HOST.SignaR Response ReturnLogin - sessionID: "+e),this.sessionID=e,this.plannerHandler3D.onConnectionInitialized({status:"SUCCESSFULL"})):this.plannerHandler3D.onConnectionInitialized({status:"ERROR"}),i.next=15;break;case 10:i.prev=10,i.t0=i.catch(2),d.Ay.endSpanOfApm("PlannerHandler3D login"),n=this,this.handleConnectionError(i.t0,(function(){n.login()}));case 15:case"end":return i.stop()}}),_callee6,this,[[2,10]])}))),function login(){return n.apply(this,arguments)})},{key:"join",value:(e=(0,t.A)(c().mark((function _callee7(e){var n,i;return c().wrap((function _callee7$(t){for(;;)switch(t.prev=t.next){case 0:if(""!=e){t.next=2;break}return t.abrupt("return");case 2:if(this.lastJoinDivaNr!=e&&this.openSocketToMediaService(e),n=this,this.connectionIsReady()){t.next=8;break}setTimeout((function(){n.join(e)}),200),t.next=23;break;case 8:return this.lastJoinDivaNr=e,d.Ay.startSpanOfApm("PlannerHandler3D join"),v.debug("PlannerHandler3D SignalR - Join DivaNr to connected host: "+e),t.prev=11,t.next=14,this.signalRConnection.invoke("JoinWebPlanner",this.sessionID,e);case 14:i=t.sent,d.Ay.endSpanOfApm("PlannerHandler3D join"),i?(this.successfullyJoinedDivaNr=!0,this.plannerHandler3D.onConnectedToDivaNr("SUCCESSFULL"),v.debug("Return Join - Join successfull.")):this.join(e),this.connectionErrorCount=0,t.next=23;break;case 20:t.prev=20,t.t0=t.catch(11),this.handleConnectionError(t.t0,(function(){n.join(e)}));case 23:case"end":return t.stop()}}),_callee7,this,[[11,20]])}))),function join(n){return e.apply(this,arguments)})},{key:"handleConnectionError",value:function handleConnectionError(e,n){this.connectionErrorCount++,4==this.connectionErrorCount?v.debug("SignalR Error. not possible to establish SignalR connection."):v.debug("SignalR Error. Message: "+e.message)}},{key:"connectionIsReady",value:function connectionIsReady(){return this.connectionStarted&&this.successfullyLoggedIn}},{key:"unvalidSessionID",value:function unvalidSessionID(e,n){v.debug("DIVA3D-HOST.SignaR Response Unvalid SessionID"),this.successfullyLoggedIn=!1}}]);var e,n,i,a,S,D}()},82257:()=>{},41953:()=>{}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 2081.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2081,5434,3053,196,7921],{72081:(n,e,i)=>{"use strict";i.r(e),i.d(e,{default:()=>u});var t=i(72919),o=i.n(t),r=i(5219),d=i(970),l=(i(41594),i(14488)),a=i(84085),s=i(77921),x=i(82246);const u=(0,d.PA)((function Room(n){var e=n.item,i=n.from,t=e,d=(0,r.hV)(),u=(0,l.useTranslation)().t;return(0,x.jsx)("div",{className:a.Zx,onClick:function onClick(){return d.paletteViewHandler.clickedOnStaticRoomPalette(t,!!i)},children:(0,x.jsxs)("div",{className:o()(a.yp,a.p4),children:[t.sel&&(0,x.jsx)(s.default,{}),(0,x.jsx)("div",{className:a.yU,style:{backgroundImage:"url(".concat(t.url,")")}}),(0,x.jsx)("div",{className:a.FS,children:(0,x.jsx)("div",{className:a.Ps,children:u("configurator."+t.N)})})]})})}))},77921:(n,e,i)=>{"use strict";i.r(e),i.d(e,{default:()=>d});var t=i(13587),o=(i(41594),i(53370)),r=i(82246);function ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(i),!0).forEach((function(e){(0,t.A)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}const d=function IsActive(n){return(0,r.jsx)(o.Ay,_objectSpread(_objectSpread({},n),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive"}))}},7543:(n,e,i)=>{"use strict";i.d(e,{Ay:()=>N,FS:()=>z,L9:()=>y,LF:()=>M,Ps:()=>j,VR:()=>m,Yy:()=>L,Zx:()=>c,gv:()=>w,lW:()=>b,p4:()=>g,wx:()=>I,yU:()=>h,yp:()=>p});var t=i(38634),o=i.n(t),r=i(92083),d=i.n(r),l=i(1946),a=i.n(l),s=new URL(i(9278),i.b),x=d()(o()),u=a()(s);x.push([n.id,`/*ConfigPalette with Normal & Small */\n\n.index-module--zrzFQ {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  flex-wrap: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  border: var(--optionItemBorder) solid transparent;\n  border: var(--optionItemBorder) solid var(--optionItemBorderColor, transparent);\n  white-space: pre-line;\n}\n.index-module--fy8o1 {\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderSelColor, var(--primaryColor));\n}\n\n.index-module--zrzFQ:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderHoverColor, var(--primaryColor));\n}\n.index-module--zrzFQ: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--zrzFQ .index-module--RQ1TK {\n  width: 98%;\n  background: white;\n  position: relative;\n  /* border-radius: var(--globalBorderRadius);*/\n}\n\n.index-module--zrzFQ.index-module--YJVYp {\n  width: 48%;\n  float: left;\n  margin-left: 1%;\n  margin-right: 1%;\n}\n\n.index-module--zrzFQ .index-module--RQ1TK.index-module--l26Vx {\n  height: 80px;\n}\n\n.index-module--zrzFQ .index-module--RQ1TK.index-module--oqIY4 {\n  height: 64px;\n}\n\n.index-module--zrzFQ .index-module--nbILR {\n  width: 18px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--zrzFQ .index-module--l26Vx .index-module--w2rjQ {\n  height: 80px;\n  width: 112px;\n}\n\n.index-module--zrzFQ .index-module--oqIY4 .index-module--w2rjQ {\n  height: 64px;\n  width: 96px;\n}\n.index-module--zrzFQ.index-module--YJVYp .index-module--w2rjQ {\n  height: 64px;\n  width: 64px;\n}\n\n.index-module--zrzFQ .index-module--w2rjQ {\n  float: left;\n\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  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: left center;\n}\n\n.index-module--d8V_h {\n  float: left;\n  max-height: 64px;\n  margin-top: 11.2px;\n  margin-left: 11.2px;\n  max-width: calc(100% - 128px);\n}\n\n.index-module--wU03f {\n  max-width: calc(100% - 32px);\n}\n\n.index-module--zrzFQ.index-module--YJVYp .index-module--d8V_h {\n  max-width: 50%;\n  margin-top: 17.6px;\n}\n\n.index-module--zrzFQ .index-module--AYd6R {\n  display: -webkit-box;\n  min-height: 16px;\n  border-radius: var(--globalBorderRadius);\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n          hyphens: auto;\n}\n\n.index-module--zrzFQ .index-module--AYd6R.index-module--fRs_W {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--l26Vx .index-module--AYd6R {\n  -webkit-line-clamp: 3;\n}\n\n.index-module--oqIY4 .index-module--AYd6R {\n  -webkit-line-clamp: 2;\n}\n\n.index-module--zrzFQ .index-module--L3A_U {\n  position: absolute;\n  right: 3.2px;\n  top: 2px;\n  font-size: 12px;\n}\n\n@media all and (max-width: 1100px) {\n  .index-module--zrzFQ .index-module--l26Vx {\n    height: 80px;\n  }\n\n  .index-module--zrzFQ .index-module--l26Vx img {\n    height: 80px;\n  }\n\n  .index-module--d8V_h {\n    -webkit-line-clamp: 2;\n    max-width: calc(100% - 128px);\n    margin-top: 11.2px;\n    /*Hier noch falls 2 spaltig wieder einspaltig machen*/\n  }\n}\n\n.index-module--OUOvp {\n  float: right;\n  z-index: 900;\n}\n\n.index-module--hOXxr .index-module--OUOvp {\n  float: right;\n  margin-right: 11.2px;\n  width: auto;\n}\n\n.index-module--pdYUy {\n  display: block;\n  height: 30px;\n  background-image: url(${u});\n  width: 30px;\n  background-repeat: no-repeat;\n  background-size: contain;\n  padding: 0;\n  position: absolute;\n  z-index: 888;\n  bottom: calc(50% - 15px);\n  right: 1rem;\n}\n`,""]);var c="index-module--zrzFQ",m="index-module--fy8o1",p="index-module--RQ1TK",g="index-module--l26Vx",M="index-module--oqIY4",y="index-module--nbILR",h="index-module--w2rjQ",z="index-module--d8V_h",b="index-module--wU03f",j="index-module--AYd6R",I="index-module--fRs_W",w="index-module--L3A_U",L="index-module--pdYUy";const N=x},1946:n=>{"use strict";n.exports=function(n,e){return e||(e={}),n?(n=String(n.__esModule?n.default:n),/^['"].*['"]$/.test(n)&&(n=n.slice(1,-1)),e.hash&&(n+=e.hash),/["'() \t\n]|(%20)/.test(n)||e.needQuotes?'"'.concat(n.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):n):n}},84085:(n,e,i)=>{"use strict";i.d(e,{FS:()=>g.FS,L9:()=>g.L9,LF:()=>g.LF,Ps:()=>g.Ps,VR:()=>g.VR,Yy:()=>g.Yy,Zx:()=>g.Zx,gv:()=>g.gv,lW:()=>g.lW,p4:()=>g.p4,wx:()=>g.wx,yU:()=>g.yU,yp:()=>g.yp});var t=i(25835),o=i.n(t),r=i(69120),d=i.n(r),l=i(91148),a=i.n(l),s=i(73035),x=i.n(s),u=i(24959),c=i.n(u),m=i(15004),p=i.n(m),g=i(7543),M={};M.styleTagTransform=p(),M.setAttributes=x(),M.insert=a().bind(null,"head"),M.domAPI=d(),M.insertStyleElement=c();o()(g.Ay,M),g.Ay&&g.Ay.locals&&g.Ay.locals},72919:(n,e)=>{var i;!function(){"use strict";var t={}.hasOwnProperty;function classNames(){for(var n=[],e=0;e<arguments.length;e++){var i=arguments[e];if(i){var o=typeof i;if("string"===o||"number"===o)n.push(i);else if(Array.isArray(i)){if(i.length){var r=classNames.apply(null,i);r&&n.push(r)}}else if("object"===o)if(i.toString===Object.prototype.toString)for(var d in i)t.call(i,d)&&i[d]&&n.push(d);else n.push(i.toString())}}return n.join(" ")}n.exports?(classNames.default=classNames,n.exports=classNames):void 0===(i=function(){return classNames}.apply(e,[]))||(n.exports=i)}()},9278:n=>{"use strict";n.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4zMTExNyAwIDAgMS4zMDIzOSA3MzcuMzkgMTU5LjkxKSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSIwIiB5Mj0iLS41OTkiIHgyPSIwIiB5MT0iNDUuNDciPjxzdG9wIHN0b3AtY29sb3I9IiNmZmM1MTUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmQ1NWIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyB0cmFuc2Zvcm09Im1hdHJpeCguODU3MTQgMCAwIC44NTcxNC02MjcuMDItMTMwLjgpIj48cGF0aCBkPSJtNzk3Ljk0IDIxMi4wMWwtMjUuNjA3LTQ4Yy0uNzM2LTEuMzMzLTIuMDY4LTIuMDc0LTMuNTUxLTIuMDc0LTEuNDgzIDAtMi44MjIuODg5LTMuNTY5IDIuMjIybC0yNS40MTcgNDhjLS41OTggMS4xODUtLjYwNSAyLjgxNS4xMzIgNCAuNzM3IDEuMTg1IDEuOTIxIDEuNzc4IDMuNDA0IDEuNzc4aDUxLjAyYzEuNDgzIDAgMi44MjEtLjc0MSAzLjQyLTEuOTI2Ljc0Ny0xLjE4NS43NTMtMi42NjcuMTY1LTQiIGZpbGw9InVybCgjMCkiLz48cGF0aCBkPSJtLTI2LjMwOSAxOC4wN2MtMS4xOCAwLTIuMTM1Ljk2OC0yLjEzNSAyLjEyOXYxMi44MmMwIDEuMTc2Ljk0OCAyLjEyOSAyLjEzNSAyLjEyOSAxLjE4MyAwIDIuMTM1LS45NjggMi4xMzUtMi4xMjl2LTEyLjgyYzAtMS4xNzYtLjk0Ni0yLjEyOS0yLjEzNS0yLjEyOXptMCAyMS4zNDhjLTEuMTggMC0yLjEzNS45NTQtMi4xMzUgMi4xMzUgMCAxLjE4Ljk1NCAyLjEzNSAyLjEzNSAyLjEzNSAxLjE4MSAwIDIuMTM1LS45NTQgMi4xMzUtMi4xMzUgMC0xLjE4LS45NTItMi4xMzUtMi4xMzUtMi4xMzV6IiB0cmFuc2Zvcm09Im1hdHJpeCgxLjA1MTk2IDAgMCAxLjA1MTk2IDc5Ni41MyAxNjEuODcpIiBmaWxsPSIjMDAwIiBzdHJva2U9IiM0MDMzMGQiIGZpbGwtb3BhY2l0eT0iLjc1Ii8+PC9nPjwvc3ZnPg=="}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2081,5434,3053,7921,196],{72081:(n,e,i)=>{"use strict";i.r(e),i.d(e,{default:()=>u});var t=i(72919),o=i.n(t),r=i(5219),d=i(970),l=(i(41594),i(14488)),a=i(84085),s=i(77921),x=i(82246);const u=(0,d.PA)((function Room(n){var e=n.item,i=n.from,t=e,d=(0,r.hV)(),u=(0,l.useTranslation)().t;return(0,x.jsx)("div",{className:a.Zx,onClick:function onClick(){return d.paletteViewHandler.clickedOnStaticRoomPalette(t,!!i)},children:(0,x.jsxs)("div",{className:o()(a.yp,a.p4),children:[t.sel&&(0,x.jsx)(s.default,{}),(0,x.jsx)("div",{className:a.yU,style:{backgroundImage:"url(".concat(t.url,")")}}),(0,x.jsx)("div",{className:a.FS,children:(0,x.jsx)("div",{className:a.Ps,children:u("configurator."+t.N)})})]})})}))},77921:(n,e,i)=>{"use strict";i.r(e),i.d(e,{default:()=>d});var t=i(13587),o=(i(41594),i(53370)),r=i(82246);function ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(i),!0).forEach((function(e){(0,t.A)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}const d=function IsActive(n){return(0,r.jsx)(o.Ay,_objectSpread(_objectSpread({},n),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive"}))}},7543:(n,e,i)=>{"use strict";i.d(e,{Ay:()=>N,FS:()=>z,L9:()=>y,LF:()=>M,Ps:()=>j,VR:()=>m,Yy:()=>L,Zx:()=>c,gv:()=>w,lW:()=>b,p4:()=>g,wx:()=>I,yU:()=>h,yp:()=>p});var t=i(38634),o=i.n(t),r=i(92083),d=i.n(r),l=i(1946),a=i.n(l),s=new URL(i(9278),i.b),x=d()(o()),u=a()(s);x.push([n.id,`/*ConfigPalette with Normal & Small */\n\n.index-module--zrzFQ {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  flex-wrap: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  border: var(--optionItemBorder) solid transparent;\n  border: var(--optionItemBorder) solid var(--optionItemBorderColor, transparent);\n  white-space: pre-line;\n}\n.index-module--fy8o1 {\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderSelColor, var(--primaryColor));\n}\n\n.index-module--zrzFQ:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderHoverColor, var(--primaryColor));\n}\n.index-module--zrzFQ: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--zrzFQ .index-module--RQ1TK {\n  width: 98%;\n  background: white;\n  position: relative;\n  /* border-radius: var(--globalBorderRadius);*/\n}\n\n.index-module--zrzFQ.index-module--YJVYp {\n  width: 48%;\n  float: left;\n  margin-left: 1%;\n  margin-right: 1%;\n}\n\n.index-module--zrzFQ .index-module--RQ1TK.index-module--l26Vx {\n  height: 80px;\n}\n\n.index-module--zrzFQ .index-module--RQ1TK.index-module--oqIY4 {\n  height: 64px;\n}\n\n.index-module--zrzFQ .index-module--nbILR {\n  width: 18px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--zrzFQ .index-module--l26Vx .index-module--w2rjQ {\n  height: 80px;\n  width: 112px;\n}\n\n.index-module--zrzFQ .index-module--oqIY4 .index-module--w2rjQ {\n  height: 64px;\n  width: 96px;\n}\n.index-module--zrzFQ.index-module--YJVYp .index-module--w2rjQ {\n  height: 64px;\n  width: 64px;\n}\n\n.index-module--zrzFQ .index-module--w2rjQ {\n  float: left;\n\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  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: left center;\n}\n\n.index-module--d8V_h {\n  float: left;\n  max-height: 64px;\n  margin-top: 11.2px;\n  margin-left: 11.2px;\n  max-width: calc(100% - 128px);\n}\n\n.index-module--wU03f {\n  max-width: calc(100% - 32px);\n}\n\n.index-module--zrzFQ.index-module--YJVYp .index-module--d8V_h {\n  max-width: 50%;\n  margin-top: 17.6px;\n}\n\n.index-module--zrzFQ .index-module--AYd6R {\n  display: -webkit-box;\n  min-height: 16px;\n  border-radius: var(--globalBorderRadius);\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n          hyphens: auto;\n}\n\n.index-module--zrzFQ .index-module--AYd6R.index-module--fRs_W {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--l26Vx .index-module--AYd6R {\n  -webkit-line-clamp: 3;\n}\n\n.index-module--oqIY4 .index-module--AYd6R {\n  -webkit-line-clamp: 2;\n}\n\n.index-module--zrzFQ .index-module--L3A_U {\n  position: absolute;\n  right: 3.2px;\n  top: 2px;\n  font-size: 12px;\n}\n\n@media all and (max-width: 1100px) {\n  .index-module--zrzFQ .index-module--l26Vx {\n    height: 80px;\n  }\n\n  .index-module--zrzFQ .index-module--l26Vx img {\n    height: 80px;\n  }\n\n  .index-module--d8V_h {\n    -webkit-line-clamp: 2;\n    max-width: calc(100% - 128px);\n    margin-top: 11.2px;\n    /*Hier noch falls 2 spaltig wieder einspaltig machen*/\n  }\n}\n\n.index-module--OUOvp {\n  float: right;\n  z-index: 900;\n}\n\n.index-module--hOXxr .index-module--OUOvp {\n  float: right;\n  margin-right: 11.2px;\n  width: auto;\n}\n\n.index-module--pdYUy {\n  display: block;\n  height: 30px;\n  background-image: url(${u});\n  width: 30px;\n  background-repeat: no-repeat;\n  background-size: contain;\n  padding: 0;\n  position: absolute;\n  z-index: 888;\n  bottom: calc(50% - 15px);\n  right: 1rem;\n}\n`,""]);var c="index-module--zrzFQ",m="index-module--fy8o1",p="index-module--RQ1TK",g="index-module--l26Vx",M="index-module--oqIY4",y="index-module--nbILR",h="index-module--w2rjQ",z="index-module--d8V_h",b="index-module--wU03f",j="index-module--AYd6R",I="index-module--fRs_W",w="index-module--L3A_U",L="index-module--pdYUy";const N=x},1946:n=>{"use strict";n.exports=function(n,e){return e||(e={}),n?(n=String(n.__esModule?n.default:n),/^['"].*['"]$/.test(n)&&(n=n.slice(1,-1)),e.hash&&(n+=e.hash),/["'() \t\n]|(%20)/.test(n)||e.needQuotes?'"'.concat(n.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):n):n}},84085:(n,e,i)=>{"use strict";i.d(e,{FS:()=>g.FS,L9:()=>g.L9,LF:()=>g.LF,Ps:()=>g.Ps,VR:()=>g.VR,Yy:()=>g.Yy,Zx:()=>g.Zx,gv:()=>g.gv,lW:()=>g.lW,p4:()=>g.p4,wx:()=>g.wx,yU:()=>g.yU,yp:()=>g.yp});var t=i(25835),o=i.n(t),r=i(69120),d=i.n(r),l=i(91148),a=i.n(l),s=i(73035),x=i.n(s),u=i(24959),c=i.n(u),m=i(15004),p=i.n(m),g=i(7543),M={};M.styleTagTransform=p(),M.setAttributes=x(),M.insert=a().bind(null,"head"),M.domAPI=d(),M.insertStyleElement=c();o()(g.Ay,M),g.Ay&&g.Ay.locals&&g.Ay.locals},72919:(n,e)=>{var i;!function(){"use strict";var t={}.hasOwnProperty;function classNames(){for(var n=[],e=0;e<arguments.length;e++){var i=arguments[e];if(i){var o=typeof i;if("string"===o||"number"===o)n.push(i);else if(Array.isArray(i)){if(i.length){var r=classNames.apply(null,i);r&&n.push(r)}}else if("object"===o)if(i.toString===Object.prototype.toString)for(var d in i)t.call(i,d)&&i[d]&&n.push(d);else n.push(i.toString())}}return n.join(" ")}n.exports?(classNames.default=classNames,n.exports=classNames):void 0===(i=function(){return classNames}.apply(e,[]))||(n.exports=i)}()},9278:n=>{"use strict";n.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4zMTExNyAwIDAgMS4zMDIzOSA3MzcuMzkgMTU5LjkxKSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSIwIiB5Mj0iLS41OTkiIHgyPSIwIiB5MT0iNDUuNDciPjxzdG9wIHN0b3AtY29sb3I9IiNmZmM1MTUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmQ1NWIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyB0cmFuc2Zvcm09Im1hdHJpeCguODU3MTQgMCAwIC44NTcxNC02MjcuMDItMTMwLjgpIj48cGF0aCBkPSJtNzk3Ljk0IDIxMi4wMWwtMjUuNjA3LTQ4Yy0uNzM2LTEuMzMzLTIuMDY4LTIuMDc0LTMuNTUxLTIuMDc0LTEuNDgzIDAtMi44MjIuODg5LTMuNTY5IDIuMjIybC0yNS40MTcgNDhjLS41OTggMS4xODUtLjYwNSAyLjgxNS4xMzIgNCAuNzM3IDEuMTg1IDEuOTIxIDEuNzc4IDMuNDA0IDEuNzc4aDUxLjAyYzEuNDgzIDAgMi44MjEtLjc0MSAzLjQyLTEuOTI2Ljc0Ny0xLjE4NS43NTMtMi42NjcuMTY1LTQiIGZpbGw9InVybCgjMCkiLz48cGF0aCBkPSJtLTI2LjMwOSAxOC4wN2MtMS4xOCAwLTIuMTM1Ljk2OC0yLjEzNSAyLjEyOXYxMi44MmMwIDEuMTc2Ljk0OCAyLjEyOSAyLjEzNSAyLjEyOSAxLjE4MyAwIDIuMTM1LS45NjggMi4xMzUtMi4xMjl2LTEyLjgyYzAtMS4xNzYtLjk0Ni0yLjEyOS0yLjEzNS0yLjEyOXptMCAyMS4zNDhjLTEuMTggMC0yLjEzNS45NTQtMi4xMzUgMi4xMzUgMCAxLjE4Ljk1NCAyLjEzNSAyLjEzNSAyLjEzNSAxLjE4MSAwIDIuMTM1LS45NTQgMi4xMzUtMi4xMzUgMC0xLjE4LS45NTItMi4xMzUtMi4xMzUtMi4xMzV6IiB0cmFuc2Zvcm09Im1hdHJpeCgxLjA1MTk2IDAgMCAxLjA1MTk2IDc5Ni41MyAxNjEuODcpIiBmaWxsPSIjMDAwIiBzdHJva2U9IiM0MDMzMGQiIGZpbGwtb3BhY2l0eT0iLjc1Ii8+PC9nPjwvc3ZnPg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 220.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[220,5434,3053,196,5803,7360],{85803:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>a});var r=t(13587),o=(t(41594),t(53370)),s=t(82246);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.A)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const a=function ItemVariant(e){return(0,s.jsx)(o.Ay,_objectSpread(_objectSpread({},e),{},{componentName:"TabGroup/TabGroupHorizontal/item"}))}},70220:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>T});var r=t(970),o=(t(41594),t(5219)),s=t(85803),a=t(25835),c=t.n(a),i=t(69120),u=t.n(i),l=t(91148),d=t.n(l),p=t(73035),g=t.n(p),b=t(24959),M=t.n(b),y=t(15004),x=t.n(y),j=t(66798),f={};f.styleTagTransform=x(),f.setAttributes=g(),f.insert=d().bind(null,"head"),f.domAPI=u(),f.insertStyleElement=M();c()(j.Ay,f);j.Ay&&j.Ay.locals&&j.Ay.locals;var m=t(72919),N=t.n(m),I=t(82246);const T=(0,r.PA)((function TabGroupSingle(e){var n=(0,o.hV)(),t=n.tabGroupState.curTabGroup,r=function onClickNav(e){t&&n.tabGroupState.navigateToTabgroupByPosNr("back"==e?t.posNr-1:t.posNr+1)};if(!t)return(0,I.jsx)(I.Fragment,{});var a=1==t.posNr?"back":t.posNr==Object.entries(n.tabGroupState.allTabGroups).length?"forth":"none";return(0,I.jsxs)("div",{style:{display:"flex"},children:[(0,I.jsx)(s.default,{tabGroup:t,width:"calc(100% - "+("none"==a?"104px":"52px")+")"},t.posNr),"back"!=a&&(0,I.jsx)("div",{onClick:function onClick(){return r("back")},className:N()(j.GQ,j.aX)}),"forth"!=a&&(0,I.jsx)("div",{onClick:function onClick(){return r("forth")},className:N()(j.GQ,j._)})]})}))},66798:(e,n,t)=>{"use strict";t.d(n,{Ay:()=>M,GQ:()=>p,_:()=>b,aX:()=>g});var r=t(38634),o=t.n(r),s=t(92083),a=t.n(s),c=t(1946),i=t.n(c),u=new URL(t(73087),t.b),l=a()(o()),d=i()(u);l.push([e.id,`.index-module--VdlGx {\n  background-color: #f0f0f0;\n  width: 52px;\n  height: 52px;\n  background-image: url(${d});\n  background-position: center center;\n  background-repeat: no-repeat;\n  background-size: 80%;\n  cursor: pointer;\n}\n.index-module--VdlGx:hover {\n  box-shadow: 0px 2px 5px rgba(68, 49, 49, 0.45);\n  transition: 0.15s ease;\n}\n\n.index-module--rL68t {\n  border-bottom: 1px solid #e1e1e1;\n  border-right: 1px solid #e1e1e1;\n  transform: rotate(90deg);\n}\n\n.index-module--jqjm1 {\n  border-top: 1px solid #e1e1e1;\n  border-left: 1px solid #e1e1e1;\n  transform: rotate(-90deg);\n}\n`,""]);var p="index-module--VdlGx",g="index-module--rL68t",b="index-module--jqjm1";const M=l},1946:e=>{"use strict";e.exports=function(e,n){return n||(n={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),n.hash&&(e+=n.hash),/["'() \t\n]|(%20)/.test(e)||n.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},72919:(e,n)=>{var t;!function(){"use strict";var r={}.hasOwnProperty;function classNames(){for(var e=[],n=0;n<arguments.length;n++){var t=arguments[n];if(t){var o=typeof t;if("string"===o||"number"===o)e.push(t);else if(Array.isArray(t)){if(t.length){var s=classNames.apply(null,t);s&&e.push(s)}}else if("object"===o)if(t.toString===Object.prototype.toString)for(var a in t)r.call(t,a)&&t[a]&&e.push(a);else e.push(t.toString())}}return e.join(" ")}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(t=function(){return classNames}.apply(n,[]))||(e.exports=t)}()},73087:e=>{"use strict";e.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9Ijk2MHB4IiBoZWlnaHQ9IjU2MHB4IiB2aWV3Qm94PSIwIDAgOTYwIDU2MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOTYwIDU2MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJSb3VuZGVkX1JlY3RhbmdsZV8zM19jb3B5XzRfMV8iPgoJPHBhdGggZD0iTTQ4MCwzNDQuMTgxTDI2OC44NjksMTMxLjg4OWMtMTUuNzU2LTE1Ljg1OS00MS4zLTE1Ljg1OS01Ny4wNTQsMGMtMTUuNzU0LDE1Ljg1Ny0xNS43NTQsNDEuNTcsMCw1Ny40MzFsMjM3LjYzMiwyMzguOTM3CgkJYzguMzk1LDguNDUxLDE5LjU2MiwxMi4yNTQsMzAuNTUzLDExLjY5OGMxMC45OTMsMC41NTYsMjIuMTU5LTMuMjQ3LDMwLjU1NS0xMS42OThsMjM3LjYzMS0yMzguOTM3CgkJYzE1Ljc1Ni0xNS44NiwxNS43NTYtNDEuNTcxLDAtNTcuNDMxcy00MS4yOTktMTUuODU5LTU3LjA1MSwwTDQ4MCwzNDQuMTgxeiIvPgo8L2c+Cjwvc3ZnPgo="}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[220,5434,3053,5803,196],{85803:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>a});var r=t(13587),o=(t(41594),t(53370)),s=t(82246);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.A)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const a=function ItemVariant(e){return(0,s.jsx)(o.Ay,_objectSpread(_objectSpread({},e),{},{componentName:"TabGroup/TabGroupHorizontal/item"}))}},70220:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>T});var r=t(970),o=(t(41594),t(5219)),s=t(85803),a=t(25835),c=t.n(a),i=t(69120),u=t.n(i),l=t(91148),d=t.n(l),p=t(73035),g=t.n(p),b=t(24959),M=t.n(b),y=t(15004),x=t.n(y),j=t(66798),f={};f.styleTagTransform=x(),f.setAttributes=g(),f.insert=d().bind(null,"head"),f.domAPI=u(),f.insertStyleElement=M();c()(j.Ay,f);j.Ay&&j.Ay.locals&&j.Ay.locals;var m=t(72919),N=t.n(m),I=t(82246);const T=(0,r.PA)((function TabGroupSingle(e){var n=(0,o.hV)(),t=n.tabGroupState.curTabGroup,r=function onClickNav(e){t&&n.tabGroupState.navigateToTabgroupByPosNr("back"==e?t.posNr-1:t.posNr+1)};if(!t)return(0,I.jsx)(I.Fragment,{});var a=1==t.posNr?"back":t.posNr==Object.entries(n.tabGroupState.allTabGroups).length?"forth":"none";return(0,I.jsxs)("div",{style:{display:"flex"},children:[(0,I.jsx)(s.default,{tabGroup:t,width:"calc(100% - "+("none"==a?"104px":"52px")+")"},t.posNr),"back"!=a&&(0,I.jsx)("div",{onClick:function onClick(){return r("back")},className:N()(j.GQ,j.aX)}),"forth"!=a&&(0,I.jsx)("div",{onClick:function onClick(){return r("forth")},className:N()(j.GQ,j._)})]})}))},66798:(e,n,t)=>{"use strict";t.d(n,{Ay:()=>M,GQ:()=>p,_:()=>b,aX:()=>g});var r=t(38634),o=t.n(r),s=t(92083),a=t.n(s),c=t(1946),i=t.n(c),u=new URL(t(73087),t.b),l=a()(o()),d=i()(u);l.push([e.id,`.index-module--VdlGx {\n  background-color: #f0f0f0;\n  width: 52px;\n  height: 52px;\n  background-image: url(${d});\n  background-position: center center;\n  background-repeat: no-repeat;\n  background-size: 80%;\n  cursor: pointer;\n}\n.index-module--VdlGx:hover {\n  box-shadow: 0px 2px 5px rgba(68, 49, 49, 0.45);\n  transition: 0.15s ease;\n}\n\n.index-module--rL68t {\n  border-bottom: 1px solid #e1e1e1;\n  border-right: 1px solid #e1e1e1;\n  transform: rotate(90deg);\n}\n\n.index-module--jqjm1 {\n  border-top: 1px solid #e1e1e1;\n  border-left: 1px solid #e1e1e1;\n  transform: rotate(-90deg);\n}\n`,""]);var p="index-module--VdlGx",g="index-module--rL68t",b="index-module--jqjm1";const M=l},1946:e=>{"use strict";e.exports=function(e,n){return n||(n={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),n.hash&&(e+=n.hash),/["'() \t\n]|(%20)/.test(e)||n.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},72919:(e,n)=>{var t;!function(){"use strict";var r={}.hasOwnProperty;function classNames(){for(var e=[],n=0;n<arguments.length;n++){var t=arguments[n];if(t){var o=typeof t;if("string"===o||"number"===o)e.push(t);else if(Array.isArray(t)){if(t.length){var s=classNames.apply(null,t);s&&e.push(s)}}else if("object"===o)if(t.toString===Object.prototype.toString)for(var a in t)r.call(t,a)&&t[a]&&e.push(a);else e.push(t.toString())}}return e.join(" ")}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(t=function(){return classNames}.apply(n,[]))||(e.exports=t)}()},73087:e=>{"use strict";e.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9Ijk2MHB4IiBoZWlnaHQ9IjU2MHB4IiB2aWV3Qm94PSIwIDAgOTYwIDU2MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOTYwIDU2MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJSb3VuZGVkX1JlY3RhbmdsZV8zM19jb3B5XzRfMV8iPgoJPHBhdGggZD0iTTQ4MCwzNDQuMTgxTDI2OC44NjksMTMxLjg4OWMtMTUuNzU2LTE1Ljg1OS00MS4zLTE1Ljg1OS01Ny4wNTQsMGMtMTUuNzU0LDE1Ljg1Ny0xNS43NTQsNDEuNTcsMCw1Ny40MzFsMjM3LjYzMiwyMzguOTM3CgkJYzguMzk1LDguNDUxLDE5LjU2MiwxMi4yNTQsMzAuNTUzLDExLjY5OGMxMC45OTMsMC41NTYsMjIuMTU5LTMuMjQ3LDMwLjU1NS0xMS42OThsMjM3LjYzMS0yMzguOTM3CgkJYzE1Ljc1Ni0xNS44NiwxNS43NTYtNDEuNTcxLDAtNTcuNDMxcy00MS4yOTktMTUuODU5LTU3LjA1MSwwTDQ4MCwzNDQuMTgxeiIvPgo8L2c+Cjwvc3ZnPgo="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 2256.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2256,3667],{93667:(e,n,t)=>{t.r(n),t.d(n,{default:()=>y});var i=t(970),r=(t(41594),t(14488)),l=t(25835),a=t.n(l),o=t(69120),d=t.n(o),s=t(91148),u=t.n(s),c=t(73035),g=t.n(c),m=t(24959),p=t.n(m),v=t(15004),h=t.n(v),S=t(29443),f={};f.styleTagTransform=h(),f.setAttributes=g(),f.insert=u().bind(null,"head"),f.domAPI=d(),f.insertStyleElement=p();a()(S.Ay,f);S.Ay&&S.Ay.locals&&S.Ay.locals;var x=t(5219),b=t(82246);const y=(0,i.PA)((function SummaryTotalPrice(e){var n=(0,r.useTranslation)().t,t=(0,x.hV)(),i=(0,r.useDivaCore)().state.hidePrices;return(0,b.jsx)(b.Fragment,{children:!i&&(0,b.jsxs)("div",{className:S.kL,children:[(0,b.jsx)("div",{className:S.kc,children:n("configurator.TotalPrice","TotalPrice")}),(0,b.jsx)("div",{className:S.q9,children:t.productState.formatedTotalPrice})]})})}))},22256:(e,n,t)=>{t.r(n),t.d(n,{default:()=>C});var i=t(36520),r=t(5219),l=t(970),a=t(41594),o=t(32356),d=t(25835),s=t.n(d),u=t(69120),c=t.n(u),g=t(91148),m=t.n(g),p=t(73035),v=t.n(p),h=t(24959),S=t.n(h),f=t(15004),x=t.n(f),b=t(40810),y={};y.styleTagTransform=x(),y.setAttributes=v(),y.insert=m().bind(null,"head"),y.domAPI=c(),y.insertStyleElement=S();s()(b.Ay,y);b.Ay&&b.Ay.locals&&b.Ay.locals;var P=t(10968),A=t(72919),T=t.n(A),R=t(93667),k=t(82246);const C=(0,l.PA)((function SettingsScroller(e){var n,t,l=e.itemPalettes,d=e.isInSubTabGroupContainer,s=(0,r.hV)(),u=(0,a.useRef)(null),c=[],g={};(0,a.useEffect)((function(){return u.current&&!d?(s.settingsState.setScrollerElement(u.current),s.uiState.setUpSettingsScrollEvent(u.current)):function(){}}),[u]);var m,p,v={};(d&&(v.overflowY="unset",v.width="calc(100% - var(--settingsScrollerPaddingLeft) - var(--settingsScrollerPaddingRight))",v.display="inline-block"),s.uiState.isInMobileView||s.settingsState.forceSettingsHeaderInScrollContainer)?v.height="100%":v.height="calc(100% - "+(null!==(m=null===(p=s.settingsState.settingsHeaderElement)||void 0===p?void 0:p.getBoundingClientRect().height)&&void 0!==m?m:0)+"px)";for(var h in l){var S=Number(h),f=l[h],x=f.pairWithOptionsToGroup;x&&f.visible&&(g[x]||(g[x]=[]),g[x].push(S)),f.isRenderedNotInSettingPalette||c.push([S,f])}return(0,k.jsxs)("div",{style:v,className:T()(b.Rq,s.uiState.configSettingsIsExpanded?b.sz:void 0,s.uiState.configSettingsIsMinExpanded?b.QC:void 0),id:"wcConfigurator-settings-scroller",ref:u,children:[!d&&(s.uiState.isInMobileView||s.settingsState.forceSettingsHeaderInScrollContainer)&&(0,k.jsx)(o.default,{isScroller:!0},null!==(n=null===(t=s.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,k.jsxs)("div",{children:[c.map((function(e){var n=(0,i.A)(e,2),t=n[0],r=n[1];return(0,k.jsx)(P.default,{item:r,id:t,groupSize:r.pairWithOptionsToGroup?g[r.pairWithOptionsToGroup].length:void 0},t)})),s.divaWebPlanner.doAllowSetPlanner()&&"SUMMARY"==s.getState()&&(0,k.jsx)(R.default,{})]})]})}))},29443:(e,n,t)=>{t.d(n,{Ay:()=>u,kL:()=>o,kc:()=>d,q9:()=>s});var i=t(38634),r=t.n(i),l=t(92083),a=t.n(l)()(r());a.push([e.id,".index-module--pDgck {\n  width: 100%;\n  border-top: 1px #6d6e71 solid;\n  color: #6d6e71;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  padding-top: 1rem;\n}\n\n.index-module--U3M2N {\n  float: left;\n  margin-left: 2rem;\n}\n\n.index-module--qKp1_ {\n  float: right;\n  margin-right: 2rem;\n}\n",""]);var o="index-module--pDgck",d="index-module--U3M2N",s="index-module--qKp1_";const u=a},40810:(e,n,t)=>{t.d(n,{Ay:()=>u,QC:()=>s,Rq:()=>o,sz:()=>d});var i=t(38634),r=t.n(i),l=t(92083),a=t.n(l)()(r());a.push([e.id,".index-module--RLEOe {\n  overflow-y: auto;\n  z-index: 100;\n  padding-right: var(--settingsScrollerPaddingRight);\n  margin-left: var(--settingsScrollerPaddingLeft);\n  padding-top: var(--settingsScrollerPaddingTopBottom);\n  padding-bottom: var(--settingsScrollerPaddingTopBottom);\n  scrollbar-gutter: stable;\n}\n\n.index-module--gKH7d.index-module--RLEOe {\n  z-index: 600;\n}\n\n.index-module--mMgBF {\n  visibility: hidden;\n}\n",""]);var o="index-module--RLEOe",d="index-module--gKH7d",s="index-module--mMgBF";const u=a}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2256,3667],{93667:(e,n,t)=>{t.r(n),t.d(n,{default:()=>y});var i=t(970),r=(t(41594),t(14488)),l=t(25835),a=t.n(l),s=t(69120),d=t.n(s),o=t(91148),u=t.n(o),c=t(73035),g=t.n(c),m=t(24959),p=t.n(m),v=t(15004),h=t.n(v),S=t(29443),f={};f.styleTagTransform=h(),f.setAttributes=g(),f.insert=u().bind(null,"head"),f.domAPI=d(),f.insertStyleElement=p();a()(S.Ay,f);S.Ay&&S.Ay.locals&&S.Ay.locals;var x=t(5219),A=t(82246);const y=(0,i.PA)((function SummaryTotalPrice(e){var n=(0,r.useTranslation)().t,t=(0,x.hV)(),i=(0,r.useDivaCore)().state.hidePrices;return(0,A.jsx)(A.Fragment,{children:!i&&(0,A.jsxs)("div",{className:S.kL,children:[(0,A.jsx)("div",{className:S.kc,children:n("configurator.TotalPrice","TotalPrice")}),(0,A.jsx)("div",{className:S.q9,children:t.productState.formatedTotalPrice})]})})}))},22256:(e,n,t)=>{t.r(n),t.d(n,{default:()=>E});var i=t(36520),r=t(32134),l=t(5219),a=t(970),s=t(41594),d=t(32356),o=t(25835),u=t.n(o),c=t(69120),g=t.n(c),m=t(91148),p=t.n(m),v=t(73035),h=t.n(v),S=t(24959),f=t.n(S),x=t(15004),A=t.n(x),y=t(40810),b={};b.styleTagTransform=A(),b.setAttributes=h(),b.insert=p().bind(null,"head"),b.domAPI=g(),b.insertStyleElement=f();u()(y.Ay,b);y.Ay&&y.Ay.locals&&y.Ay.locals;var P=t(10968),T=t(72919),R=t.n(T),k=t(93667),C=t(82246);const E=(0,a.PA)((function SettingsScroller(e){var n,t;(0,r.A)(e);var a=(0,l.hV)(),o=(0,s.useRef)(null),u=[],c={};(0,s.useEffect)((function(){return o.current?(a.settingsState.setScrollerElement(o.current),a.uiState.setUpSettingsScrollEvent(o.current)):function(){}}),[o]);var g,m,p={};a.uiState.isInMobileView||a.settingsState.forceSettingsHeaderInScrollContainer?p.height="100%":p.height="calc(100% - "+(null!==(g=null===(m=a.settingsState.settingsHeaderElement)||void 0===m?void 0:m.getBoundingClientRect().height)&&void 0!==g?g:0)+"px)";for(var v=0;v<a.settingsState.itemPaletteArr.length;v++){var h=a.settingsState.itemPaletteArr[v][1],S=Number(h.id),f=h.pairWithOptionsToGroup;f&&h.visible&&(c[f]||(c[f]=[]),c[f].push(S)),h.isRenderedNotInSettingPalette||u.push([S,h])}return(0,C.jsxs)("div",{style:p,className:R()(y.Rq,a.uiState.configSettingsIsExpanded?y.sz:void 0,a.uiState.configSettingsIsMinExpanded?y.QC:void 0),id:"wcConfigurator-settings-scroller",ref:o,children:[(a.uiState.isInMobileView||a.settingsState.forceSettingsHeaderInScrollContainer)&&(0,C.jsx)(d.default,{isScroller:!0},null!==(n=null===(t=a.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,C.jsxs)("div",{children:[u.map((function(e){var n=(0,i.A)(e,2),t=n[0],r=n[1];return(0,C.jsx)(P.default,{item:r,id:t,groupSize:r.pairWithOptionsToGroup?c[r.pairWithOptionsToGroup].length:void 0},t)})),a.divaWebPlanner.doAllowSetPlanner()&&"SUMMARY"==a.getState()&&(0,C.jsx)(k.default,{})]})]})}))},29443:(e,n,t)=>{t.d(n,{Ay:()=>u,kL:()=>s,kc:()=>d,q9:()=>o});var i=t(38634),r=t.n(i),l=t(92083),a=t.n(l)()(r());a.push([e.id,".index-module--pDgck {\n  width: 100%;\n  border-top: 1px #6d6e71 solid;\n  color: #6d6e71;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  padding-top: 1rem;\n}\n\n.index-module--U3M2N {\n  float: left;\n  margin-left: 2rem;\n}\n\n.index-module--qKp1_ {\n  float: right;\n  margin-right: 2rem;\n}\n",""]);var s="index-module--pDgck",d="index-module--U3M2N",o="index-module--qKp1_";const u=a},40810:(e,n,t)=>{t.d(n,{Ay:()=>u,QC:()=>o,Rq:()=>s,sz:()=>d});var i=t(38634),r=t.n(i),l=t(92083),a=t.n(l)()(r());a.push([e.id,".index-module--RLEOe {\n  overflow-y: auto;\n  z-index: 100;\n  padding-right: var(--settingsScrollerPaddingRight);\n  margin-left: var(--settingsScrollerPaddingLeft);\n  padding-top: var(--settingsScrollerPaddingTopBottom);\n  padding-bottom: var(--settingsScrollerPaddingTopBottom);\n  scrollbar-gutter: stable;\n}\n\n.index-module--gKH7d.index-module--RLEOe {\n  z-index: 600;\n}\n\n.index-module--mMgBF {\n  visibility: hidden;\n}\n",""]);var s="index-module--RLEOe",d="index-module--gKH7d",o="index-module--mMgBF";const u=a}}]);

package/build/umd/2309.diva-web-planner-react.umd.min.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ /! For license information please see 2309.diva-web-planner-react.umd.min.js.LICENSE.txt /
2	+ (self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact\|\|[]).push([[2309,5434,3053,9082,5860,196],{19082:(e,n,i)=>{"use strict";i.r(n),i.d(n,{default:()=>w});var o=i(36520),t=i(5219),d=i(41594),r=i(25835),l=i.n(r),s=i(69120),a=i.n(s),x=i(91148),u=i.n(x),p=i(73035),m=i.n(p),c=i(24959),h=i.n(c),g=i(15004),b=i.n(g),v=i(18930),f={};f.styleTagTransform=b(),f.setAttributes=m(),f.insert=u().bind(null,"head"),f.domAPI=a(),f.insertStyleElement=h();l()(v.A,f);v.A&&v.A.locals&&v.A.locals;var y=i(82246);const w=function MetaData(e){var n=e.style,i=e.metaData,r=e.visible,l=void 0===r?(0,d.useState)(""):r,s=(0,o.A)(l,2),a=s[0],x=s[1],u=(0,t.hV)(),p=(0,d.useState)(""),m=(0,o.A)(p,2),c=m[0],h=m[1],g=u.getViewConfig().displayMetaDatas,b=null==i?void 0:i.find((function(e){return null==g?void 0:g.includes(e.codex)}));return(0,d.useEffect)((function(){if(b){for(var e="",n=0;n<b.values.length;n++){""!==e&&(e+=", ");for(var o=function _loop(o){var t=null==i?void 0:i.find((function(e){return e.codex===g[o]}));if(!t)return 1;""!==e&&(e+=" "),e=e+(t.name?t.name+": ":"")+t.values[n]},t=0;t<g.length;t++)o(t)}h(e),x(e)}}),[]),a?(0,y.jsx)("div",{style:n,className:v.w,children:c}):(0,y.jsx)(y.Fragment,{})}},90059:(e,n,i)=>{"use strict";i.r(n),i.d(n,{default:()=>T});var o=i(13587),t=i(36520),d=i(72919),r=i.n(d),l=i(5219),s=i(970),a=i(41594),x=i(25835),u=i.n(x),p=i(69120),m=i.n(p),c=i(91148),h=i.n(c),g=i(73035),b=i.n(g),v=i(24959),f=i.n(v),y=i(15004),w=i.n(y),k=i(82248),j={};j.styleTagTransform=w(),j.setAttributes=b(),j.insert=h().bind(null,"head"),j.domAPI=m(),j.insertStyleElement=f();u()(k.Ay,j);k.Ay&&k.Ay.locals&&k.Ay.locals;var S=i(83207),z=i(38191),C=i(41096),P=i(19082),I=i(14488),O=i(39898),A=i(82246);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,o)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,o.A)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const T=(0,s.PA)((function Option(e){var n,i,o=e.item,d=e.type,s=e.paletteId,x=o,u=(0,l.hV)(),p=(0,a.useState)(""),m=(0,t.A)(p,2),c=m[0],h=m[1],g=(0,I.useDivaCore)().state.dimensions,b=g.isMobile,v=g.isTablet,f={},y={},w=void 0,j=!1,T={},Z=(0,z.Mk)({delayEnter:600,hideOnScroll:!0}),D=(0,z.Z4)({isOpen:Z[0],auto:!0,placement:u.getViewConfig().tooltipPosition\|\|"left-center"});return b\|\|v\|\|u.getViewConfig().hideTooltip\|\|!x.image&&!x.hexColor\|\|(j=Z[0]&&!u.settingsState.isContentItemIdVisible(x.contentItemId),T=Z[1],f=D.triggerProps,y=D.layerProps,w=D.renderLayer),(0,A.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:x.codex,className:r()("small"==d?k.EX:void 0,"big"==d?k.lW:void 0,k.Zx,x.sel?k.VR:void 0),onClick:function onClick(){u.paletteViewHandler.clickedOnConfigPalette(x,void 0,s)}},f),T),{},{children:[(0,A.jsxs)("div",{className:r()(k.h4),children:[x.vCodex&&(0,A.jsx)("div",{className:r()(k.zL),children:x.vCodex}),x.image?(0,A.jsx)("img",{className:r()(k.yU),src:x.image}):(0,A.jsx)("div",{className:r()(k.yU),style:{backgroundColor:"#"+(null!==(n=x.hexColor)&&void 0!==n?n:"dfdfdf")}}),x.contentItemId&&(0,A.jsx)(O.default,{item:x})]}),(0,A.jsx)("div",{className:k.DD,dangerouslySetInnerHTML:{__html:x.text}}),x.doShowFav&&(0,A.jsx)("div",{className:x.isFav?S.zn:S.ve,onClick:function onClick(){return u.paletteViewHandler.clickedOnFavIcon(x)}}),(0,A.jsx)(P.default,{style:{position:"relative",float:"left",display:"none"},metaData:x.metaData,visible:[c,h]},x.codex),j&&(null===(i=w)\|\|void 0===i?void 0:i((0,A.jsx)(C.default,{text:x.text+(x.freeText?x.freeText:""),hexColor:x.hexColor,desciption:c,image:x.image,layerProps:y},x.codex)))]}))}))},62136:(e,n,i)=>{"use strict";i.r(n),i.d(n,{default:()=>d});i(41594);var o=i(90059),t=i(82246);const d=function GallerySerious(e){var n=e.item,i=e.paletteId,d="small";return"GAL_BIG"===e.paletteType&&(d="big"),(0,t.jsx)(o.default,{item:n,paletteId:i,type:d})}},18930:(e,n,i)=>{"use strict";i.d(n,{A:()=>s,w:()=>l});var o=i(38634),t=i.n(o),d=i(92083),r=i.n(d)()(t());r.push([e.id,".index-module--lSIQk {\n display: -webkit-box;\n max-height: 64px;\n min-height: 16px;\n color: var(--secondaryColor);\n overflow: hidden;\n word-wrap: break-word;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 1;\n position: relative;\n -webkit-hyphens: auto;\n hyphens: auto;\n z-index: 100;\n font-size: 13px;\n line-height: 16px;\n color: var(--secondaryColor);\n width: 100%;\n}\n",""]);var l="index-module--lSIQk";const s=r},82248:(e,n,i)=>{"use strict";i.d(n,{Ay:()=>h,DD:()=>m,EX:()=>u,VR:()=>a,Zx:()=>l,h4:()=>x,lW:()=>c,yU:()=>p,zL:()=>s});var o=i(38634),t=i.n(o),d=i(92083),r=i.n(d)()(t());r.push([e.id,"/Size Normal /\n\n.index-module--omQoo {\n border-radius: var(--globalBorderRadius);\n position: relative;\n height: 136px;\n z-index: 100;\n transition: all 0.15s ease;\n cursor: pointer;\n}\n\n.index-module--omQoo:active,\n.index-module--omQoo:hover {\n z-index: 200;\n transition: 0.15s ease;\n}\n\n.index-module--gz3G5 {\n position: absolute;\n line-height: 104px;\n width: 100%;\n color: white;\n display: none;\n text-align: center;\n}\n\n.index-module--omQoo:hover .index-module--gz3G5,\n.index-module--xZ4Mx .index-module--gz3G5 {\n display: block;\n}\n\n.index-module--iuHb1 {\n border-radius: 50%;\n border: 1px rgb(230, 230, 230) solid;\n width: 104px;\n height: 104px;\n transition: 0.15s ease;\n position: relative;\n}\n.index-module--iuHb1:hover {\n box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n border: 1px var(--primaryColor) solid;\n border: 1px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n.index-module--xZ4Mx .index-module--iuHb1:hover,\n.index-module--irhdq.index-module--xZ4Mx .index-module--iuHb1:hover {\n box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--xZ4Mx .index-module--iuHb1,\n.index-module--irhdq.index-module--xZ4Mx .index-module--iuHb1 {\n box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--d5PsI {\n width: 96px;\n height: 96px;\n border: 4px white solid;\n border-radius: 50%;\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--xZ4Mx .index-module--d5PsI,\n.index-module--irhdq.index-module--xZ4Mx .index-module--d5PsI {\n border: 4px var(--primaryColor) solid;\n border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--Wq0RW {\n width: 80px;\n height: 80px;\n}\n\n.index-module--FciTg {\n margin-top: 4px;\n text-align: center;\n float: left;\n max-height: 64px;\n min-height: 16px;\n width: 100%;\n font-size: 14px;\n line-height: 16px;\n overflow: hidden;\n display: -webkit-box;\n word-wrap: break-word;\n -webkit-box-orient: vertical;\n -webkit-hyphens: auto;\n hyphens: auto;\n -webkit-line-clamp: 2;\n position: relative;\n -webkit-hyphens: auto;\n hyphens: auto;\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 z-index: 400;\n}\n\n.index-module--omQoo:hover .index-module--FciTg,\n.index-module--irhdq .index-module--omQoo:hover .index-module--FciTg {\n max-height: 608px;\n -webkit-line-clamp: 30;\n overflow: visible;\n z-index: 200;\n}\n\n/* Size Small /\n\n.index-module--irhdq.index-module--omQoo {\n width: 60px;\n height: 80px;\n}\n\n.index-module--irhdq .index-module--gz3G5 {\n line-height: 58px;\n font-size: 12px;\n}\n\n.index-module--irhdq .index-module--iuHb1 {\n width: 58px;\n height: 58px;\n}\n\n.index-module--irhdq .index-module--d5PsI {\n width: 50px;\n height: 50px;\n}\n\n.index-module--irhdq .index-module--FciTg {\n font-size: 12px;\n margin-top: 6px;\n -webkit-line-clamp: 1;\n}\n/ Size very Small /\n\n.index-module--rL72K.index-module--omQoo {\n width: 50px;\n height: 65px;\n}\n\n.index-module--rL72K .index-module--gz3G5 {\n line-height: 48px;\n font-size: 10px;\n}\n\n.index-module--rL72K .index-module--iuHb1 {\n width: 48px;\n height: 48px;\n}\n\n.index-module--rL72K .index-module--d5PsI {\n width: 40px;\n height: 40px;\n}\n\n.index-module--rL72K .index-module--FciTg {\n font-size: 10px;\n margin-top: 5px;\n -webkit-line-clamp: 1;\n}\n\n/ Size big /\n\n.index-module--ZixB9.index-module--omQoo {\n width: 170px;\n height: 200px;\n}\n\n.index-module--ZixB9 .index-module--gz3G5 {\n line-height: 158px;\n font-size: 15px;\n}\n\n.index-module--ZixB9 .index-module--iuHb1 {\n width: 158px;\n height: 158px;\n}\n\n.index-module--ZixB9 .index-module--d5PsI {\n width: 150px;\n height: 150px;\n}\n\n.index-module--ZixB9 .index-module--FciTg {\n font-size: 15px;\n margin-top: 10px;\n -webkit-line-clamp: 2;\n}\n",""]);var l="index-module--omQoo",s="index-module--gz3G5",a="index-module--xZ4Mx",x="index-module--iuHb1",u="index-module--irhdq",p="index-module--d5PsI",m="index-module--FciTg",c="index-module--ZixB9";const h=r},1946:e=>{"use strict";e.exports=function(e,n){return n\|\|(n={}),e?(e=String(e.__esModule?e.default:e),/^['"].['"]$/.test(e)&&(e=e.slice(1,-1)),n.hash&&(e+=n.hash),/["'() \t\n]\|(%20)/.test(e)\|\|n.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},72919:(e,n)=>{var i;!function(){"use strict";var o={}.hasOwnProperty;function classNames(){for(var e=[],n=0;n<arguments.length;n++){var i=arguments[n];if(i){var t=typeof i;if("string"===t\|\|"number"===t)e.push(i);else if(Array.isArray(i)){if(i.length){var d=classNames.apply(null,i);d&&e.push(d)}}else if("object"===t)if(i.toString===Object.prototype.toString)for(var r in i)o.call(i,r)&&i[r]&&e.push(r);else e.push(i.toString())}}return e.join(" ")}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(i=function(){return classNames}.apply(n,[]))\|\|(e.exports=i)}()}}]);

package/build/umd/{1928.diva-web-planner-react.umd.min.js.LICENSE.txt → 2309.diva-web-planner-react.umd.min.js.LICENSE.txt} RENAMED Viewed

@@ -4,4 +4,4 @@
   http://jedwatson.github.io/classnames
 */
-/*! filename:1928 */
+/*! filename:2309 */

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

@@ -1,2 +1,2 @@
 /*! For license information please see 2476.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2476,8071,2487,2523,7505,714,4209],{58071:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var o=t(13587),i=(t(41594),t(53370)),r=t(82246);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.A)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const d=function BasketAction(n){return(0,r.jsx)(i.Ay,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Basket"}))}},52487:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var o=t(13587),i=(t(41594),t(53370)),r=t(82246);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.A)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const d=function NavigationButtons(n){return(0,r.jsx)(i.Ay,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},92523:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var o=t(13587),i=(t(41594),t(53370)),r=t(82246);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.A)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const d=function BarrierActions(n){return(0,r.jsx)(i.Ay,_objectSpread(_objectSpread({},n),{},{componentName:"GlobalElements/BarrierActions"}))}},54751:(n,e,t)=>{t.r(e),t.d(e,{default:()=>O});var o=t(84451),i=t(32134),r=t(64281),d=t.n(r),a=t(5219),l=t(41594),s=t(970),u=t(25835),c=t.n(u),p=t(69120),x=t.n(p),m=t(91148),g=t.n(m),b=t(73035),f=t.n(b),h=t(24959),w=t.n(h),y=t(15004),S=t.n(y),v=t(54605),j={};j.styleTagTransform=S(),j.setAttributes=f(),j.insert=g().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=w();c()(v.Ay,j);v.Ay&&v.Ay.locals&&v.Ay.locals;var A=t(82246);const O=(0,s.PA)((function Inputbox(n){(0,i.A)(n);var e=(0,a.hV)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,o,i;e.settingsState.setInputBoxValue(null!==(n=null===(o=e.settingsState.inputBoxItem)||void 0===o?void 0:o.freeText)&&void 0!==n?n:""),null===(i=t.current)||void 0===i||i.focus()}),[]),(0,l.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,A.jsx)(A.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var s=function(){var n=(0,o.A)(d().mark((function _callee(){return d().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,A.jsx)("div",{children:(0,A.jsxs)("div",{className:v.m7,children:[(0,A.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:v.Bw,children:"✖"}),(0,A.jsxs)("div",{style:{width:"100%"},children:[(0,A.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,A.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(s(),n.stopPropagation())}(n)},className:v.Ig,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,A.jsx)("button",{className:v.hn,onClick:s})]})]})})}))},42476:(n,e,t)=>{t.r(e),t.d(e,{default:()=>C});var o=t(72919),i=t.n(o),r=t(5219),d=t(41594),a=t(25835),l=t.n(a),s=t(69120),u=t.n(s),c=t(91148),p=t.n(c),x=t(73035),m=t.n(x),g=t(24959),b=t.n(g),f=t(15004),h=t.n(f),w=t(25078),y={};y.styleTagTransform=h(),y.setAttributes=m(),y.insert=p().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=b();l()(w.Ay,y);w.Ay&&w.Ay.locals&&w.Ay.locals;var S=t(54751),v=t(7505),j=t(4209),A=t(52487),O=t(58071),k=t(77422),P=t(970),M=t(92523),I=t(82246),B={"--primaryColor":"#a81e1e","--secondaryColor":"#4a4a4a","--thirdColor":"#dfdfdf","--globalBorderRadius":"3px","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--articlePosNrFontSize":"16px","--galleryItemRadius":"3px","--galleryItemRowCount":"4","--galleryItemMargin":"1%","--galleryItemRowCountSmall":"3","--galleryItemMarginSmall":"0.5%","--galleryItemBorderColor":"#e8e9ed83","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorderHoverColor":"var(--thirdColor)","--galleryItemBorder":"1px","--settingsBackgroundColor":"rgba(242, 242, 242, 0.9)","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"10px","--settingsScrollerPaddingLeft":"10px","--tabGroupBackground":"var(--thirdColor)","--foldArrowMarginRight":"16px","--configuratorActionWidthForthBackSpacer":"0.1rem","--configuratorActionForthWidth":"calc(50% - calc(0.05rem + 2px))","--configuratorActionBackWidth":"calc(50% - calc(0.05rem + 2px))","--configuratorActionHeight":"40px","--lineHeight1":"36.8px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)","--itemsMargin":"11.2px 0 0 0"};const C=(0,P.PA)((function Gold(n){var e=(0,r.hV)();return(0,d.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(B)}),[]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)("div",{ref:function ref(n){return e.uiState.setConfiguratorRef(n)},style:{pointerEvents:e.uiState.configuratorDisabled?"none":void 0},hidden:e.uiState.configuratorHidden,id:"wcConfigurator",className:i()(w.Ao,e.uiState.configSettingsIsExpanded?w.sz:void 0,e.uiState.configSettingsIsFoldedUp?w.yd:void 0,e.uiState.configSettingsIsHidden?w.wv:void 0,e.uiState.isMobileLandscape?w.eJ:void 0,e.uiState.isMobilePortrait?w.o4:void 0,e.actionButtonState.isOnLastStep?w.in:void 0),children:[(0,I.jsx)(k.default,{className:w.vL,showCloseButtonInMobile:"none"}),(0,I.jsx)(v.default,{className:w.H3}),(0,I.jsx)(j.default,{className:w.$e}),(0,I.jsx)(A.default,{className:w.Ig}),(0,I.jsx)(O.default,{containerClassName:w.k9})]}),e.settingsState.inputBoxVisible&&(0,I.jsx)(S.default,{}),(0,I.jsx)(M.default,{})]})}))},7505:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var o=t(13587),i=(t(41594),t(53370)),r=t(82246);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.A)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const d=function Product(n){return(0,r.jsx)(i.Ay,_objectSpread(_objectSpread({},n),{},{componentName:"Product/Product"}))}},90714:(n,e,t)=>{t.r(e),t.d(e,{default:()=>j});var o=t(36520),i=t(5219),r=t(970),d=t(41594),a=t(99174),l=t(25835),s=t.n(l),u=t(69120),c=t.n(u),p=t(91148),x=t.n(p),m=t(73035),g=t.n(m),b=t(24959),f=t.n(b),h=t(15004),w=t.n(h),y=t(68333),S={};S.styleTagTransform=w(),S.setAttributes=g(),S.insert=x().bind(null,"head"),S.domAPI=c(),S.insertStyleElement=f();s()(y.A,S);y.A&&y.A.locals&&y.A.locals;var v=t(82246);const j=(0,r.PA)((function SettingsSubTabGroup(n){var e=(0,i.hV)(),t=(0,d.useState)([]),r=(0,o.A)(t,2),l=r[0],s=r[1],u=(0,d.useState)([]),c=(0,o.A)(u,2),p=c[0],x=c[1],m=(0,d.useRef)(null);return(0,d.useEffect)((function(){return m.current?(e.settingsState.setScrollerElement(m.current),e.uiState.setUpSettingsScrollEvent(m.current)):function(){}}),[m]),(0,d.useEffect)((function(){var n=[],t=[];e.settingsState.itemPaletteArr.map((function(e){var i=(0,o.A)(e,2),r=i[0],d=i[1];if(!d.isRenderedNotInSettingPalette&&d.visible)if(n.includes(d.subTabGroup))t[n.indexOf(d.subTabGroup)][r]=d;else{n.push(d.subTabGroup);var a={};a[r]=d,t.push(a)}})),s(n),x(t)}),[e.settingsState.itemPaletteArr]),(0,d.useEffect)((function(){!(l.length>0)||e.tabGroupState.currentSubTabGroupFolded&&l.includes(e.tabGroupState.currentSubTabGroupFolded)||e.tabGroupState.setCurrentSubTabGroupFolded(l[0])}),[l,p]),(0,v.jsx)("div",{id:"subTabGroupScroller",className:y.J,ref:m,children:p.map((function(n,e){return(0,v.jsx)(a.default,{itemPalettes:n,subTabGroupName:l[e],index:e,count:p.length},l[e])}))})}))},4209:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});var o=t(13587),i=t(36520),r=t(23170),d=(t(41594),t(5219)),a=t(32356),l=t(22256),s=t(970),u=t(25835),c=t.n(u),p=t(69120),x=t.n(p),m=t(91148),g=t.n(m),b=t(73035),f=t.n(b),h=t(24959),w=t.n(h),y=t(15004),S=t.n(y),v=t(32956),j={};j.styleTagTransform=S(),j.setAttributes=f(),j.insert=g().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=w();c()(v.Ay,j);v.Ay&&v.Ay.locals&&v.Ay.locals;var A=t(72919),O=t.n(A),k=t(90714),P=t(82246),M=["className"];function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.A)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const I=(0,s.PA)((function Settings(n){var e,t,o=n.className,s=(0,r.A)(n,M),u=(0,d.hV)(),c=!!u.settingsState.itemPaletteArr.length,p=[];return u.settingsState.itemPaletteArr.map((function(n){var e=(0,i.A)(n,2),t=(e[0],e[1]);void 0===t.subTabGroup&&(c=!1),p.push(t)})),(0,P.jsxs)("div",_objectSpread(_objectSpread({},s),{},{className:O()(o,v.$e,"horizontal"==u.tabGroupState.curTabGroupType?v.Nk:void 0,u.uiState.configSettingsIsExpanded?v.sz:void 0),children:[u.uiState.doShowConfSettingsExpander&&!u.uiState.isInMobileView&&(0,P.jsx)("div",{className:v.GQ,onClick:u.uiState.onClickExpandConfigSettings}),!u.uiState.isInMobileView&&!u.settingsState.forceSettingsHeaderInScrollContainer&&(0,P.jsx)(a.default,{},null!==(e=null===(t=u.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==e?e:0),c?(0,P.jsx)(k.default,{}):(0,P.jsx)(l.default,{itemPalettes:p}),!u.uiState.isInMobileView&&u.uiState.doShowConfSettingsMaxMinExpander&&(0,P.jsxs)(P.Fragment,{children:[!u.uiState.configSettingsIsMaxExpanded&&(0,P.jsx)("div",{className:v.ys,onClick:u.uiState.onClickExpandMaxConfigSettings}),!u.uiState.configSettingsIsMinExpanded&&(0,P.jsx)("div",{className:v.k,onClick:u.uiState.onClickExpandMinConfigSettings})]})]}))}))},54605:(n,e,t)=>{t.d(e,{Ay:()=>b,Bw:()=>m,Ig:()=>p,hn:()=>g,m7:()=>x});var o=t(38634),i=t.n(o),r=t(92083),d=t.n(r),a=t(1946),l=t.n(a),s=new URL(t(41943),t.b),u=d()(i()),c=l()(s);u.push([n.id,`.index-module--hLZKG {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--uzMQY {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--uzMQY p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--uzMQY ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--uzMQY .index-module--Kwri7 {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--uzMQY li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--cx2sU {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--cx2sU:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--_9Crt {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url(${c});\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n`,""]);var p="index-module--hLZKG",x="index-module--uzMQY",m="index-module--cx2sU",g="index-module--_9Crt";const b=u},25078:(n,e,t)=>{t.d(e,{$e:()=>c,Ao:()=>a,Ay:()=>w,H3:()=>u,Ig:()=>x,eJ:()=>l,in:()=>f,k9:()=>m,o4:()=>s,sz:()=>g,vL:()=>p,wv:()=>b,yd:()=>h});var o=t(38634),i=t.n(o),r=t(92083),d=t.n(r)()(i());d.push([n.id,".index-module--L4UIs {\n  position: relative;\n  height: calc(100% - 60px);\n  width: 100%;\n  margin: 30px 0;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n}\n\n.index-module--L4UIs *,\n.index-module--L4UIs *::before,\n.index-module--L4UIs *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--L4UIs.index-module--mSt1b {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n.index-module--L4UIs.index-module--tihA7 {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n/******************************************Product*******************************************/\n\n.index-module--hNMVA {\n  position: absolute;\n  width: 69%;\n  top: calc(56px + 20px);\n  height: calc(100% - 56px - 20px);\n}\n\n/**************************************ConfigPalette***************************************/\n.index-module--nkB65 {\n  position: absolute;\n  width: 31%;\n  overflow: visible;\n  z-index: 500;\n  right: 0px;\n  top: calc(56px + 20px);\n  height: calc(100% - 60px - 56px - 70px);\n  transition: width 0.2s ease-in-out;\n}\n\n/**************************************TabGroup********************************************/\n\n.index-module--E4lc8 {\n  position: absolute;\n  z-index: 300;\n  height: 56px;\n  width: 100%;\n  transition: width 0.2s ease-in-out;\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.index-module--o4x6E {\n  position: absolute;\n  width: 31%;\n  height: 40px;\n  right: 0px;\n  bottom: calc(40px + 20px);\n  padding-top: 10px;\n  z-index: 500;\n  transition: width 0.2s ease-in-out;\n}\n\n/*************************************Basket Button****************************************/\n.index-module--y02a7 {\n  position: absolute;\n  width: 31%;\n  height: 40px;\n  right: 0px;\n  bottom: 0px;\n  padding-top: 20px;\n  z-index: 500;\n  transition: width 0.2s ease-in-out;\n}\n\n/****************************************Settings- Expanded *******************************/\n.index-module--TrOZx .index-module--nkB65,\n.index-module--TrOZx .index-module--y02a7,\n.index-module--TrOZx .index-module--o4x6E {\n  width: 62%;\n}\n\n.index-module--L4UIs.index-module--tihA7,\n.index-module--mSt1b.index-module--L4UIs {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n}\n/*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.index-module--mSt1b .index-module--hNMVA {\n  width: 100%;\n  height: 100%;\n  top: 0px;\n  left: 0px;\n}\n.index-module--mSt1b.index-module--aBwFw .index-module--hNMVA {\n  height: calc(100% - 40px);\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.index-module--mSt1b .index-module--nkB65 {\n  top: calc(54.4px + 40px);\n  right: 0;\n  height: calc(100% - 54.4px - 40px - var(--configuratorActionHeight));\n  width: 55%;\n}\n\n/*configuratorPalette wird nach unten aus dem Blickfeld geschoben*/\n.index-module--mSt1b.index-module--aBwFw .index-module--nkB65 {\n  top: 100%;\n}\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.index-module--mSt1b .index-module--E4lc8 {\n  position: absolute;\n  right: 0px;\n  left: auto;\n  left: initial;\n  top: 54.4px;\n  height: 40px;\n  width: 55%;\n}\n\n.index-module--mSt1b.index-module--aBwFw .index-module--E4lc8 {\n  left: 0px;\n  top: calc(100% - 40px);\n  width: 100%;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.index-module--mSt1b .index-module--o4x6E {\n  bottom: 0px;\n  width: 55%;\n  height: var(--configuratorActionHeight);\n  padding-top: 0px;\n  right: 0;\n}\n\n.index-module--mSt1b.index-module--aBwFw .index-module--o4x6E {\n  display: none !important;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.index-module--mSt1b .index-module--y02a7,\n.index-module--mSt1b.index-module--aBwFw .index-module--y02a7 {\n  display: none !important;\n}\n\n.index-module--mSt1b.index-module--XMl0n .index-module--y02a7 {\n  display: block;\n  right: 0px;\n  bottom: 0px;\n  width: 55%;\n  height: var(--configuratorActionHeight);\n  padding-top: 0px;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.index-module--tihA7 .index-module--hNMVA {\n  top: 0;\n  left: 0;\n  height: 48%;\n  width: 100%;\n}\n\n.index-module--tihA7.index-module--WwMCT .index-module--hNMVA {\n  z-index: 1;\n}\n\n.index-module--tihA7.index-module--aBwFw .index-module--hNMVA {\n  height: calc(100% - 40px);\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.index-module--tihA7 .index-module--nkB65 {\n  left: 0px;\n  top: calc(48% + 40px);\n  height: calc(52% - 40px - var(--configuratorActionHeight));\n  width: 100%;\n}\n\n.index-module--tihA7.index-module--aBwFw .index-module--nkB65 {\n  top: 100%;\n}\n\n.index-module--tihA7.index-module--WwMCT .index-module--nkB65 {\n  top: 2.5rem;\n  height: calc(100% - 40px);\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.index-module--tihA7 .index-module--E4lc8 {\n  position: absolute;\n  left: 0px;\n  top: 48%;\n  width: 100%;\n  height: 40px;\n}\n\n.index-module--tihA7.index-module--WwMCT .index-module--E4lc8 {\n  top: 0px;\n}\n\n.index-module--tihA7.index-module--aBwFw .index-module--E4lc8 {\n  top: auto;\n  top: initial;\n  bottom: 0px;\n}\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.index-module--tihA7 .index-module--o4x6E {\n  bottom: 0px;\n  width: 100%;\n  height: var(--configuratorActionHeight);\n  padding-top: 0px;\n  right: 0px;\n}\n.index-module--tihA7.index-module--XMl0n .index-module--o4x6E,\n.index-module--tihA7.index-module--aBwFw .index-module--o4x6E {\n  display: none !important;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.index-module--tihA7 .index-module--y02a7,\n.index-module--tihA7.index-module--aBwFw .index-module--y02a7 {\n  display: none;\n}\n\n.index-module--tihA7.index-module--XMl0n .index-module--y02a7 {\n  right: 0px;\n  bottom: 0px;\n  width: 100%;\n  height: var(--configuratorActionHeight);\n  padding-top: 0px;\n  display: block;\n}\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var a="index-module--L4UIs",l="index-module--mSt1b",s="index-module--tihA7",u="index-module--hNMVA",c="index-module--nkB65",p="index-module--E4lc8",x="index-module--o4x6E",m="index-module--y02a7",g="index-module--TrOZx",b="index-module--aBwFw",f="index-module--XMl0n",h="index-module--WwMCT";const w=d},68333:(n,e,t)=>{t.d(e,{A:()=>l,J:()=>a});var o=t(38634),i=t.n(o),r=t(92083),d=t.n(r)()(i());d.push([n.id,".index-module--kQfQ5 {\n  /* overflow: auto; */\n  height: 100%;\n}\n",""]);var a="index-module--kQfQ5";const l=d},32956:(n,e,t)=>{t.d(e,{$e:()=>m,Ay:()=>y,GQ:()=>b,Nk:()=>g,k:()=>h,sz:()=>f,ys:()=>w});var o=t(38634),i=t.n(o),r=t(92083),d=t.n(r),a=t(1946),l=t.n(a),s=new URL(t(41943),t.b),u=new URL(t(64927),t.b),c=d()(i()),p=l()(s),x=l()(u);c.push([n.id,`.index-module--E51P2 {\n  display: flex;\n  flex-direction: column;\n  overflow: visible;\n\n  /*pfister positionierung*/\n  background-color: var(--settingsBackgroundColor);\n\n  border-radius: var(--globalBorderRadius) var(--globalBorderRadius) 0 0;\n}\n\n.index-module--mgvLD .index-module--E51P2 {\n  transition: height 0.45s ease, top 0.45s ease;\n}\n\n/* normal expander */\n.index-module--dLjl5 {\n  position: absolute;\n  top: calc(50% + 32px);\n  left: -32px;\n  width: 32px;\n  height: 48px;\n  background-color: var(--secondaryColor);\n  z-index: 300;\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url(${p});\n  background-size: 19.2px;\n}\n\n.index-module--hpghF .index-module--dLjl5 {\n  transform: rotate(180deg);\n  border-radius: 0 3px 3px 0;\n}\n\n/*Min Max expander*/\n\n.index-module--hYAg_,\n.index-module--rBWYr {\n  position: absolute;\n  top: calc(50% + 2rem);\n  width: 1rem;\n  height: 2rem;\n  z-index: 1060;\n  border-radius: var(--globalBorderRadius) 0 0 3px;\n  background-repeat: no-repeat;\n  background-image: url(${x});\n  background-size: 1.2rem;\n  background-position: left;\n  transition: left 0.1s ease 0.1s, width 0.2s ease;\n  cursor: pointer;\n}\n\n.index-module--rBWYr {\n  left: -1.1rem;\n}\n\n.index-module--hYAg_ {\n  left: 0.3rem;\n  transform: rotate(180deg);\n}\n\n.index-module--iJqT9 .index-module--hYAg_ {\n  left: 0.5rem;\n  width: 1rem;\n}\n.index-module--tzi5o .index-module--rBWYr {\n  left: calc(-1 * (1.9rem));\n  left: calc(-1 * calc(1.9rem));\n  width: 1rem;\n}\n`,""]);var m="index-module--E51P2",g="index-module--mgvLD",b="index-module--dLjl5",f="index-module--hpghF",h="index-module--hYAg_",w="index-module--rBWYr";const y=c},41943:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2476,8071,2487,2523,7505,3667,2256,4209],{58071:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var i=t(13587),o=(t(41594),t(53370)),r=t(82246);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.A)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const d=function BasketAction(n){return(0,r.jsx)(o.Ay,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Basket"}))}},52487:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var i=t(13587),o=(t(41594),t(53370)),r=t(82246);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.A)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const d=function NavigationButtons(n){return(0,r.jsx)(o.Ay,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},92523:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var i=t(13587),o=(t(41594),t(53370)),r=t(82246);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.A)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const d=function BarrierActions(n){return(0,r.jsx)(o.Ay,_objectSpread(_objectSpread({},n),{},{componentName:"GlobalElements/BarrierActions"}))}},54751:(n,e,t)=>{t.r(e),t.d(e,{default:()=>O});var i=t(84451),o=t(32134),r=t(64281),d=t.n(r),a=t(5219),l=t(41594),s=t(970),u=t(25835),c=t.n(u),p=t(69120),x=t.n(p),g=t(91148),m=t.n(g),b=t(73035),h=t.n(b),f=t(24959),y=t.n(f),w=t(15004),v=t.n(w),S=t(54605),j={};j.styleTagTransform=v(),j.setAttributes=h(),j.insert=m().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=y();c()(S.Ay,j);S.Ay&&S.Ay.locals&&S.Ay.locals;var A=t(82246);const O=(0,s.PA)((function Inputbox(n){(0,o.A)(n);var e=(0,a.hV)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,i,o;e.settingsState.setInputBoxValue(null!==(n=null===(i=e.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==n?n:""),null===(o=t.current)||void 0===o||o.focus()}),[]),(0,l.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,A.jsx)(A.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var s=function(){var n=(0,i.A)(d().mark((function _callee(){return d().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,A.jsx)("div",{children:(0,A.jsxs)("div",{className:S.m7,children:[(0,A.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:S.Bw,children:"✖"}),(0,A.jsxs)("div",{style:{width:"100%"},children:[(0,A.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,A.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(s(),n.stopPropagation())}(n)},className:S.Ig,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,A.jsx)("button",{className:S.hn,onClick:s})]})]})})}))},42476:(n,e,t)=>{t.r(e),t.d(e,{default:()=>C});var i=t(72919),o=t.n(i),r=t(5219),d=t(41594),a=t(25835),l=t.n(a),s=t(69120),u=t.n(s),c=t(91148),p=t.n(c),x=t(73035),g=t.n(x),m=t(24959),b=t.n(m),h=t(15004),f=t.n(h),y=t(25078),w={};w.styleTagTransform=f(),w.setAttributes=g(),w.insert=p().bind(null,"head"),w.domAPI=u(),w.insertStyleElement=b();l()(y.Ay,w);y.Ay&&y.Ay.locals&&y.Ay.locals;var v=t(54751),S=t(7505),j=t(4209),A=t(52487),O=t(58071),P=t(77422),k=t(970),M=t(92523),I=t(82246),B={"--primaryColor":"#a81e1e","--secondaryColor":"#4a4a4a","--thirdColor":"#dfdfdf","--globalBorderRadius":"3px","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--articlePosNrFontSize":"16px","--galleryItemRadius":"3px","--galleryItemRowCount":"4","--galleryItemMargin":"1%","--galleryItemRowCountSmall":"3","--galleryItemMarginSmall":"0.5%","--galleryItemBorderColor":"#e8e9ed83","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorderHoverColor":"var(--thirdColor)","--galleryItemBorder":"1px","--settingsBackgroundColor":"rgba(242, 242, 242, 0.9)","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"10px","--settingsScrollerPaddingLeft":"10px","--tabGroupBackground":"var(--thirdColor)","--foldArrowMarginRight":"16px","--configuratorActionWidthForthBackSpacer":"0.1rem","--configuratorActionForthWidth":"calc(50% - calc(0.05rem + 2px))","--configuratorActionBackWidth":"calc(50% - calc(0.05rem + 2px))","--configuratorActionHeight":"40px","--lineHeight1":"36.8px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)","--itemsMargin":"11.2px 0 0 0"};const C=(0,k.PA)((function Gold(n){var e=(0,r.hV)();return(0,d.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(B)}),[]),(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)("div",{ref:function ref(n){return e.uiState.setConfiguratorRef(n)},style:{pointerEvents:e.uiState.configuratorDisabled?"none":void 0},hidden:e.uiState.configuratorHidden,id:"wcConfigurator",className:o()(y.Ao,e.uiState.configSettingsIsExpanded?y.sz:void 0,e.uiState.configSettingsIsFoldedUp?y.yd:void 0,e.uiState.configSettingsIsHidden?y.wv:void 0,e.uiState.isMobileLandscape?y.eJ:void 0,e.uiState.isMobilePortrait?y.o4:void 0,e.actionButtonState.isOnLastStep?y.in:void 0),children:[(0,I.jsx)(P.default,{className:y.vL,showCloseButtonInMobile:"none"}),(0,I.jsx)(S.default,{className:y.H3}),(0,I.jsx)(j.default,{className:y.$e}),(0,I.jsx)(A.default,{className:y.Ig}),(0,I.jsx)(O.default,{containerClassName:y.k9})]}),e.settingsState.inputBoxVisible&&(0,I.jsx)(v.default,{}),(0,I.jsx)(M.default,{})]})}))},7505:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var i=t(13587),o=(t(41594),t(53370)),r=t(82246);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.A)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const d=function Product(n){return(0,r.jsx)(o.Ay,_objectSpread(_objectSpread({},n),{},{componentName:"Product/Product"}))}},93667:(n,e,t)=>{t.r(e),t.d(e,{default:()=>v});var i=t(970),o=(t(41594),t(14488)),r=t(25835),d=t.n(r),a=t(69120),l=t.n(a),s=t(91148),u=t.n(s),c=t(73035),p=t.n(c),x=t(24959),g=t.n(x),m=t(15004),b=t.n(m),h=t(29443),f={};f.styleTagTransform=b(),f.setAttributes=p(),f.insert=u().bind(null,"head"),f.domAPI=l(),f.insertStyleElement=g();d()(h.Ay,f);h.Ay&&h.Ay.locals&&h.Ay.locals;var y=t(5219),w=t(82246);const v=(0,i.PA)((function SummaryTotalPrice(n){var e=(0,o.useTranslation)().t,t=(0,y.hV)(),i=(0,o.useDivaCore)().state.hidePrices;return(0,w.jsx)(w.Fragment,{children:!i&&(0,w.jsxs)("div",{className:h.kL,children:[(0,w.jsx)("div",{className:h.kc,children:e("configurator.TotalPrice","TotalPrice")}),(0,w.jsx)("div",{className:h.q9,children:t.productState.formatedTotalPrice})]})})}))},22256:(n,e,t)=>{t.r(e),t.d(e,{default:()=>M});var i=t(36520),o=t(32134),r=t(5219),d=t(970),a=t(41594),l=t(32356),s=t(25835),u=t.n(s),c=t(69120),p=t.n(c),x=t(91148),g=t.n(x),m=t(73035),b=t.n(m),h=t(24959),f=t.n(h),y=t(15004),w=t.n(y),v=t(40810),S={};S.styleTagTransform=w(),S.setAttributes=b(),S.insert=g().bind(null,"head"),S.domAPI=p(),S.insertStyleElement=f();u()(v.Ay,S);v.Ay&&v.Ay.locals&&v.Ay.locals;var j=t(10968),A=t(72919),O=t.n(A),P=t(93667),k=t(82246);const M=(0,d.PA)((function SettingsScroller(n){var e,t;(0,o.A)(n);var d=(0,r.hV)(),s=(0,a.useRef)(null),u=[],c={};(0,a.useEffect)((function(){return s.current?(d.settingsState.setScrollerElement(s.current),d.uiState.setUpSettingsScrollEvent(s.current)):function(){}}),[s]);var p,x,g={};d.uiState.isInMobileView||d.settingsState.forceSettingsHeaderInScrollContainer?g.height="100%":g.height="calc(100% - "+(null!==(p=null===(x=d.settingsState.settingsHeaderElement)||void 0===x?void 0:x.getBoundingClientRect().height)&&void 0!==p?p:0)+"px)";for(var m=0;m<d.settingsState.itemPaletteArr.length;m++){var b=d.settingsState.itemPaletteArr[m][1],h=Number(b.id),f=b.pairWithOptionsToGroup;f&&b.visible&&(c[f]||(c[f]=[]),c[f].push(h)),b.isRenderedNotInSettingPalette||u.push([h,b])}return(0,k.jsxs)("div",{style:g,className:O()(v.Rq,d.uiState.configSettingsIsExpanded?v.sz:void 0,d.uiState.configSettingsIsMinExpanded?v.QC:void 0),id:"wcConfigurator-settings-scroller",ref:s,children:[(d.uiState.isInMobileView||d.settingsState.forceSettingsHeaderInScrollContainer)&&(0,k.jsx)(l.default,{isScroller:!0},null!==(e=null===(t=d.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==e?e:0),(0,k.jsxs)("div",{children:[u.map((function(n){var e=(0,i.A)(n,2),t=e[0],o=e[1];return(0,k.jsx)(j.default,{item:o,id:t,groupSize:o.pairWithOptionsToGroup?c[o.pairWithOptionsToGroup].length:void 0},t)})),d.divaWebPlanner.doAllowSetPlanner()&&"SUMMARY"==d.getState()&&(0,k.jsx)(P.default,{})]})]})}))},4209:(n,e,t)=>{t.r(e),t.d(e,{default:()=>k});var i=t(13587),o=t(23170),r=(t(41594),t(5219)),d=t(32356),a=t(22256),l=t(970),s=t(25835),u=t.n(s),c=t(69120),p=t.n(c),x=t(91148),g=t.n(x),m=t(73035),b=t.n(m),h=t(24959),f=t.n(h),y=t(15004),w=t.n(y),v=t(32956),S={};S.styleTagTransform=w(),S.setAttributes=b(),S.insert=g().bind(null,"head"),S.domAPI=p(),S.insertStyleElement=f();u()(v.Ay,S);v.Ay&&v.Ay.locals&&v.Ay.locals;var j=t(72919),A=t.n(j),O=t(82246),P=["className"];function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.A)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const k=(0,l.PA)((function Settings(n){var e,t,i=n.className,l=(0,o.A)(n,P),s=(0,r.hV)();return(0,O.jsxs)("div",_objectSpread(_objectSpread({},l),{},{className:A()(i,v.$e,"horizontal"==s.tabGroupState.curTabGroupType?v.Nk:void 0,s.uiState.configSettingsIsExpanded?v.sz:void 0),children:[s.uiState.doShowConfSettingsExpander&&!s.uiState.isInMobileView&&(0,O.jsx)("div",{className:v.GQ,onClick:s.uiState.onClickExpandConfigSettings}),!s.uiState.isInMobileView&&!s.settingsState.forceSettingsHeaderInScrollContainer&&(0,O.jsx)(d.default,{},null!==(e=null===(t=s.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==e?e:0),(0,O.jsx)(a.default,{}),!s.uiState.isInMobileView&&s.uiState.doShowConfSettingsMaxMinExpander&&(0,O.jsxs)(O.Fragment,{children:[!s.uiState.configSettingsIsMaxExpanded&&(0,O.jsx)("div",{className:v.ys,onClick:s.uiState.onClickExpandMaxConfigSettings}),!s.uiState.configSettingsIsMinExpanded&&(0,O.jsx)("div",{className:v.k,onClick:s.uiState.onClickExpandMinConfigSettings})]})]}))}))},54605:(n,e,t)=>{t.d(e,{Ay:()=>b,Bw:()=>g,Ig:()=>p,hn:()=>m,m7:()=>x});var i=t(38634),o=t.n(i),r=t(92083),d=t.n(r),a=t(1946),l=t.n(a),s=new URL(t(41943),t.b),u=d()(o()),c=l()(s);u.push([n.id,`.index-module--hLZKG {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--uzMQY {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--uzMQY p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--uzMQY ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--uzMQY .index-module--Kwri7 {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--uzMQY li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--cx2sU {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--cx2sU:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--_9Crt {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url(${c});\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n`,""]);var p="index-module--hLZKG",x="index-module--uzMQY",g="index-module--cx2sU",m="index-module--_9Crt";const b=u},25078:(n,e,t)=>{t.d(e,{$e:()=>c,Ao:()=>a,Ay:()=>y,H3:()=>u,Ig:()=>x,eJ:()=>l,in:()=>h,k9:()=>g,o4:()=>s,sz:()=>m,vL:()=>p,wv:()=>b,yd:()=>f});var i=t(38634),o=t.n(i),r=t(92083),d=t.n(r)()(o());d.push([n.id,".index-module--L4UIs {\n  position: relative;\n  height: calc(100% - 60px);\n  width: 100%;\n  margin: 30px 0;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n}\n\n.index-module--L4UIs *,\n.index-module--L4UIs *::before,\n.index-module--L4UIs *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--L4UIs.index-module--mSt1b {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n.index-module--L4UIs.index-module--tihA7 {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n/******************************************Product*******************************************/\n\n.index-module--hNMVA {\n  position: absolute;\n  width: 69%;\n  top: calc(56px + 20px);\n  height: calc(100% - 56px - 20px);\n}\n\n/**************************************ConfigPalette***************************************/\n.index-module--nkB65 {\n  position: absolute;\n  width: 31%;\n  overflow: visible;\n  z-index: 500;\n  right: 0px;\n  top: calc(56px + 20px);\n  height: calc(100% - 60px - 56px - 70px);\n  transition: width 0.2s ease-in-out;\n}\n\n/**************************************TabGroup********************************************/\n\n.index-module--E4lc8 {\n  position: absolute;\n  z-index: 300;\n  height: 56px;\n  width: 100%;\n  transition: width 0.2s ease-in-out;\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.index-module--o4x6E {\n  position: absolute;\n  width: 31%;\n  height: 40px;\n  right: 0px;\n  bottom: calc(40px + 20px);\n  padding-top: 10px;\n  z-index: 500;\n  transition: width 0.2s ease-in-out;\n}\n\n/*************************************Basket Button****************************************/\n.index-module--y02a7 {\n  position: absolute;\n  width: 31%;\n  height: 40px;\n  right: 0px;\n  bottom: 0px;\n  padding-top: 20px;\n  z-index: 500;\n  transition: width 0.2s ease-in-out;\n}\n\n/****************************************Settings- Expanded *******************************/\n.index-module--TrOZx .index-module--nkB65,\n.index-module--TrOZx .index-module--y02a7,\n.index-module--TrOZx .index-module--o4x6E {\n  width: 62%;\n}\n\n.index-module--L4UIs.index-module--tihA7,\n.index-module--mSt1b.index-module--L4UIs {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n}\n/*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.index-module--mSt1b .index-module--hNMVA {\n  width: 100%;\n  height: 100%;\n  top: 0px;\n  left: 0px;\n}\n.index-module--mSt1b.index-module--aBwFw .index-module--hNMVA {\n  height: calc(100% - 40px);\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.index-module--mSt1b .index-module--nkB65 {\n  top: calc(54.4px + 40px);\n  right: 0;\n  height: calc(100% - 54.4px - 40px - var(--configuratorActionHeight));\n  width: 55%;\n}\n\n/*configuratorPalette wird nach unten aus dem Blickfeld geschoben*/\n.index-module--mSt1b.index-module--aBwFw .index-module--nkB65 {\n  top: 100%;\n}\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.index-module--mSt1b .index-module--E4lc8 {\n  position: absolute;\n  right: 0px;\n  left: auto;\n  left: initial;\n  top: 54.4px;\n  height: 40px;\n  width: 55%;\n}\n\n.index-module--mSt1b.index-module--aBwFw .index-module--E4lc8 {\n  left: 0px;\n  top: calc(100% - 40px);\n  width: 100%;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.index-module--mSt1b .index-module--o4x6E {\n  bottom: 0px;\n  width: 55%;\n  height: var(--configuratorActionHeight);\n  padding-top: 0px;\n  right: 0;\n}\n\n.index-module--mSt1b.index-module--aBwFw .index-module--o4x6E {\n  display: none !important;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.index-module--mSt1b .index-module--y02a7,\n.index-module--mSt1b.index-module--aBwFw .index-module--y02a7 {\n  display: none !important;\n}\n\n.index-module--mSt1b.index-module--XMl0n .index-module--y02a7 {\n  display: block;\n  right: 0px;\n  bottom: 0px;\n  width: 55%;\n  height: var(--configuratorActionHeight);\n  padding-top: 0px;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.index-module--tihA7 .index-module--hNMVA {\n  top: 0;\n  left: 0;\n  height: 48%;\n  width: 100%;\n}\n\n.index-module--tihA7.index-module--WwMCT .index-module--hNMVA {\n  z-index: 1;\n}\n\n.index-module--tihA7.index-module--aBwFw .index-module--hNMVA {\n  height: calc(100% - 40px);\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.index-module--tihA7 .index-module--nkB65 {\n  left: 0px;\n  top: calc(48% + 40px);\n  height: calc(52% - 40px - var(--configuratorActionHeight));\n  width: 100%;\n}\n\n.index-module--tihA7.index-module--aBwFw .index-module--nkB65 {\n  top: 100%;\n}\n\n.index-module--tihA7.index-module--WwMCT .index-module--nkB65 {\n  top: 2.5rem;\n  height: calc(100% - 40px);\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.index-module--tihA7 .index-module--E4lc8 {\n  position: absolute;\n  left: 0px;\n  top: 48%;\n  width: 100%;\n  height: 40px;\n}\n\n.index-module--tihA7.index-module--WwMCT .index-module--E4lc8 {\n  top: 0px;\n}\n\n.index-module--tihA7.index-module--aBwFw .index-module--E4lc8 {\n  top: auto;\n  top: initial;\n  bottom: 0px;\n}\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.index-module--tihA7 .index-module--o4x6E {\n  bottom: 0px;\n  width: 100%;\n  height: var(--configuratorActionHeight);\n  padding-top: 0px;\n  right: 0px;\n}\n.index-module--tihA7.index-module--XMl0n .index-module--o4x6E,\n.index-module--tihA7.index-module--aBwFw .index-module--o4x6E {\n  display: none !important;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.index-module--tihA7 .index-module--y02a7,\n.index-module--tihA7.index-module--aBwFw .index-module--y02a7 {\n  display: none;\n}\n\n.index-module--tihA7.index-module--XMl0n .index-module--y02a7 {\n  right: 0px;\n  bottom: 0px;\n  width: 100%;\n  height: var(--configuratorActionHeight);\n  padding-top: 0px;\n  display: block;\n}\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var a="index-module--L4UIs",l="index-module--mSt1b",s="index-module--tihA7",u="index-module--hNMVA",c="index-module--nkB65",p="index-module--E4lc8",x="index-module--o4x6E",g="index-module--y02a7",m="index-module--TrOZx",b="index-module--aBwFw",h="index-module--XMl0n",f="index-module--WwMCT";const y=d},29443:(n,e,t)=>{t.d(e,{Ay:()=>u,kL:()=>a,kc:()=>l,q9:()=>s});var i=t(38634),o=t.n(i),r=t(92083),d=t.n(r)()(o());d.push([n.id,".index-module--pDgck {\n  width: 100%;\n  border-top: 1px #6d6e71 solid;\n  color: #6d6e71;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  padding-top: 1rem;\n}\n\n.index-module--U3M2N {\n  float: left;\n  margin-left: 2rem;\n}\n\n.index-module--qKp1_ {\n  float: right;\n  margin-right: 2rem;\n}\n",""]);var a="index-module--pDgck",l="index-module--U3M2N",s="index-module--qKp1_";const u=d},40810:(n,e,t)=>{t.d(e,{Ay:()=>u,QC:()=>s,Rq:()=>a,sz:()=>l});var i=t(38634),o=t.n(i),r=t(92083),d=t.n(r)()(o());d.push([n.id,".index-module--RLEOe {\n  overflow-y: auto;\n  z-index: 100;\n  padding-right: var(--settingsScrollerPaddingRight);\n  margin-left: var(--settingsScrollerPaddingLeft);\n  padding-top: var(--settingsScrollerPaddingTopBottom);\n  padding-bottom: var(--settingsScrollerPaddingTopBottom);\n  scrollbar-gutter: stable;\n}\n\n.index-module--gKH7d.index-module--RLEOe {\n  z-index: 600;\n}\n\n.index-module--mMgBF {\n  visibility: hidden;\n}\n",""]);var a="index-module--RLEOe",l="index-module--gKH7d",s="index-module--mMgBF";const u=d},32956:(n,e,t)=>{t.d(e,{$e:()=>g,Ay:()=>w,GQ:()=>b,Nk:()=>m,k:()=>f,sz:()=>h,ys:()=>y});var i=t(38634),o=t.n(i),r=t(92083),d=t.n(r),a=t(1946),l=t.n(a),s=new URL(t(41943),t.b),u=new URL(t(64927),t.b),c=d()(o()),p=l()(s),x=l()(u);c.push([n.id,`.index-module--E51P2 {\n  display: flex;\n  flex-direction: column;\n  overflow: visible;\n\n  /*pfister positionierung*/\n  background-color: var(--settingsBackgroundColor);\n\n  border-radius: var(--globalBorderRadius) var(--globalBorderRadius) 0 0;\n}\n\n.index-module--mgvLD .index-module--E51P2 {\n  transition: height 0.45s ease, top 0.45s ease;\n}\n\n/* normal expander */\n.index-module--dLjl5 {\n  position: absolute;\n  top: calc(50% + 32px);\n  left: -32px;\n  width: 32px;\n  height: 48px;\n  background-color: var(--secondaryColor);\n  z-index: 300;\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url(${p});\n  background-size: 19.2px;\n}\n\n.index-module--hpghF .index-module--dLjl5 {\n  transform: rotate(180deg);\n  border-radius: 0 3px 3px 0;\n}\n\n/*Min Max expander*/\n\n.index-module--hYAg_,\n.index-module--rBWYr {\n  position: absolute;\n  top: calc(50% + 2rem);\n  width: 1rem;\n  height: 2rem;\n  z-index: 1060;\n  border-radius: var(--globalBorderRadius) 0 0 3px;\n  background-repeat: no-repeat;\n  background-image: url(${x});\n  background-size: 1.2rem;\n  background-position: left;\n  transition: left 0.1s ease 0.1s, width 0.2s ease;\n  cursor: pointer;\n}\n\n.index-module--rBWYr {\n  left: -1.1rem;\n}\n\n.index-module--hYAg_ {\n  left: 0.3rem;\n  transform: rotate(180deg);\n}\n\n.index-module--iJqT9 .index-module--hYAg_ {\n  left: 0.5rem;\n  width: 1rem;\n}\n.index-module--tzi5o .index-module--rBWYr {\n  left: calc(-1 * (1.9rem));\n  left: calc(-1 * calc(1.9rem));\n  width: 1rem;\n}\n`,""]);var g="index-module--E51P2",m="index-module--mgvLD",b="index-module--dLjl5",h="index-module--hpghF",f="index-module--hYAg_",y="index-module--rBWYr";const w=c},41943:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="}}]);