@crystaldesign/diva-web-planner-react 24.11.0 → 24.12.0-beta.10

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6265.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6265,3112,1500],{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"}))}},66265:(n,e,i)=>{i.r(e),i.d(e,{default:()=>b});var t=i(71500),o=i(25835),d=i.n(o),r=i(69120),s=i.n(r),l=i(91148),a=i.n(l),u=i(73035),c=i.n(u),x=i(24959),m=i.n(x),p=i(15004),h=i.n(p),f=i(66401),v={};v.styleTagTransform=h(),v.setAttributes=c(),v.insert=a().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=m();d()(f.A,v);f.A&&f.A.locals&&f.A.locals;i(41594);var g=i(82246);const b=function ProductHeaderBlue(n){return(0,g.jsx)(t.default,{productClass:f.z})}},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),c=i(25835),x=i.n(c),m=i(69120),p=i.n(m),h=i(91148),f=i.n(h),v=i(73035),g=i.n(v),b=i(24959),w=i.n(b),j=i(15004),z=i.n(j),y=i(35368),C={};C.styleTagTransform=z(),C.setAttributes=g(),C.insert=f().bind(null,"head"),C.domAPI=p(),C.insertStyleElement=w();x()(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,c=(0,a.useDivaCore)().state,x=c.hidePrices,m=c.dimensions,p=m.isMobile,h=m.isTablet,f=o.getViewConfig().productHeaderContentBox,v=(0,l.useState)([]),g=(0,t.A)(v,2),b=g[0],w=g[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:[!x&&!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}})})]})}))},66401:(n,e,i)=>{i.d(e,{A:()=>l,z:()=>s});var t=i(38634),o=i.n(t),d=i(92083),r=i.n(d)()(o());r.push([n.id,".index-module--Huvxi {\n  font-weight: 300 !important;\n}\n",""]);var s="index-module--Huvxi";const l=r},35368:(n,e,i)=>{i.d(e,{Ay:()=>j,Kn:()=>x,MI:()=>p,UD:()=>f,Y5:()=>b,Yl:()=>l,eJ:()=>c,eh:()=>w,ex:()=>v,i0:()=>u,iE:()=>s,o4:()=>h,qD:()=>g,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",c="index-module--huoz3",x="index-module--LHiBZ",m="index-module--c6Zwf",p="index-module--tsxE6",h="index-module--ZUkFQ",f="index-module--Ktj_K",v="index-module--HzHJv",g="index-module--SbCd0",b="index-module--NL8NC",w="index-module--kvOCa";const j=r}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6265,3112,1500],{83112:(n,e,t)=>{t.r(e),t.d(e,{default:()=>r});var i=t(13587),o=(t(41594),t(53370)),d=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 r=function ProductHeaderFunction(n){return(0,d.jsx)(o.Ay,_objectSpread(_objectSpread({},n),{},{componentName:"Product/ProductHeader/Functions"}))}},66265:(n,e,t)=>{t.r(e),t.d(e,{default:()=>b});var i=t(71500),o=t(25835),d=t.n(o),r=t(69120),s=t.n(r),a=t(91148),l=t.n(a),u=t(73035),c=t.n(u),x=t(24959),m=t.n(x),p=t(15004),h=t.n(p),f=t(66401),v={};v.styleTagTransform=h(),v.setAttributes=c(),v.insert=l().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=m();d()(f.A,v);f.A&&f.A.locals&&f.A.locals;t(41594);var g=t(82246);const b=function ProductHeaderBlue(n){return(0,g.jsx)(i.default,{productClass:f.z})}},71500:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});var i=t(36520),o=t(72919),d=t.n(o),r=t(5219),s=t(970),a=t(41594),l=t(14488),u=t(83112),c=t(25835),x=t.n(c),m=t(69120),p=t.n(m),h=t(91148),f=t.n(h),v=t(73035),g=t.n(v),b=t(24959),w=t.n(b),j=t(15004),z=t.n(j),y=t(35368),C={};C.styleTagTransform=z(),C.setAttributes=g(),C.insert=f().bind(null,"head"),C.domAPI=p(),C.insertStyleElement=w();x()(y.Ay,C);y.Ay&&y.Ay.locals&&y.Ay.locals;var S=t(74835),k=t(46665),P=t(82246);const I=(0,s.PA)((function ProductHeader(n){var e=n.hidePrice,t=n.productClass,o=(0,r.hV)(),s=(0,l.useTranslation)().t,c=(0,l.useDivaCore)().state,x=c.hidePrices,m=c.dimensions,p=m.isMobile,h=m.isTablet,f=o.getViewConfig().productHeaderContentBox,v=(0,a.useState)([]),g=(0,i.A)(v,2),b=g[0],w=g[1],j=o.getViewConfig().hideWebConfiguratorTitle||o.getViewConfig().hideWebConfiguratorTitleInMobile&&o.getIsInMobileView();return(0,a.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 t,i;return(null==b||null===(t=b[e])||void 0===t?void 0:t.elementIds.includes(null==n?void 0:n.elementId))&&(null==n?void 0:n.dimension)==(null==b||null===(i=b[e])||void 0===i?void 0:i.dimension)}))){var e=[];n.forEach((function(n){if(0!=n.dimension){var t=e.findIndex((function(e){return e.dimension==n.dimension&&e.dimensionId==n.dimensionId}));-1!=t?e[t].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,t,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:[!x&&!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,{})}),!o.uiState.isMobileLandscape&&o.productState.currentBanner&&(0,P.jsx)("div",{className:y.Kn,children:(0,P.jsx)(k.default,{noWrapper:!0,id:o.productState.currentBanner.contentItemId})}),f&&!o.uiState.isMobileLandscape&&!o.productState.currentBanner&&(0,P.jsx)("div",{className:y.Kn,children:(0,P.jsx)(S.s,{settings:{contentBoxProps:f}})})]})}))},66401:(n,e,t)=>{t.d(e,{A:()=>a,z:()=>s});var i=t(38634),o=t.n(i),d=t(92083),r=t.n(d)()(o());r.push([n.id,".index-module--Huvxi {\n  font-weight: 300 !important;\n}\n",""]);var s="index-module--Huvxi";const a=r},35368:(n,e,t)=>{t.d(e,{Ay:()=>j,Kn:()=>x,MI:()=>p,UD:()=>f,Y5:()=>b,Yl:()=>a,eJ:()=>c,eh:()=>w,ex:()=>v,i0:()=>u,iE:()=>s,o4:()=>h,qD:()=>g,sz:()=>l,um:()=>m});var i=t(38634),o=t.n(i),d=t(92083),r=t.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",a="index-module--Q4FVG",l="index-module--dNTpx",u="index-module--TXVnj",c="index-module--huoz3",x="index-module--LHiBZ",m="index-module--c6Zwf",p="index-module--tsxE6",h="index-module--ZUkFQ",f="index-module--Ktj_K",v="index-module--HzHJv",g="index-module--SbCd0",b="index-module--NL8NC",w="index-module--kvOCa";const j=r}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6342.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6342,3112,1500],{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"}))}},86342:(n,e,i)=>{i.r(e),i.d(e,{default:()=>b});var t=i(71500),o=i(25835),d=i.n(o),r=i(69120),s=i.n(r),l=i(91148),a=i.n(l),u=i(73035),c=i.n(u),x=i(24959),m=i.n(x),p=i(15004),h=i.n(p),f=i(73980),g={};g.styleTagTransform=h(),g.setAttributes=c(),g.insert=a().bind(null,"head"),g.domAPI=s(),g.insertStyleElement=m();d()(f.A,g);f.A&&f.A.locals&&f.A.locals;i(41594);var v=i(82246);const b=function ProductHeaderRalph(n){return(0,v.jsx)(t.default,{hidePrice:!0,productClass:f.z})}},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),c=i(25835),x=i.n(c),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();x()(y.Ay,C);y.Ay&&y.Ay.locals&&y.Ay.locals;var P=i(74835),k=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,c=(0,a.useDivaCore)().state,x=c.hidePrices,m=c.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,k.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,k.jsxs)("div",{className:y.Yl,"data-test-id":"configProductHeader",children:[!j&&(0,k.jsx)("h1",{"data-test-id":"productHeaderTitle",children:o.productState.webConifguratorTitle}),(0,k.jsxs)("div",{className:y.MI,children:[!x&&!e&&(0,k.jsxs)("div",{children:[(0,k.jsxs)("span",{className:y.UD,"data-test-id":"productHeaderPriceInfo",children:[" ",s("configurator.PRICE_INFO")]}),(0,k.jsxs)("span",{className:y.ex,"data-test-id":"productHeaderFormattedPrice",children:[" ",o.productState.formatedCurSetPrice]}),o.productState.formatedBruttoPrice&&(0,k.jsxs)("span",{className:y.qD,"data-test-id":"productHeaderFormattedBruttoPrice",children:[" ",o.productState.formatedBruttoPrice]})]}),b.map((function(n){var e;return(0,k.jsxs)("div",{children:[(0,k.jsxs)("span",{className:y.UD,children:[s("configurator.headerdimension."+n.dimensionId)," ",b.length>1&&"("+n.elementIds.join(",")+")",":"," "]}),(0,k.jsxs)("span",{className:y.ex,children:[null!==(e=n.dimension)&&void 0!==e?e:0," cm"]})]})}))]})]}),(!o.uiState.isMobileLandscape||o.uiState.ViewConfig.landscapeProductNotFullscreen)&&(0,k.jsx)("div",{className:y.i0,children:(0,k.jsx)(u.default,{})}),f&&!o.uiState.isMobileLandscape&&(0,k.jsx)("div",{className:y.Kn,children:(0,k.jsx)(P.s,{settings:{contentBoxProps:f}})})]})}))},73980:(n,e,i)=>{i.d(e,{A:()=>l,z:()=>s});var t=i(38634),o=i.n(t),d=i(92083),r=i.n(d)()(o());r.push([n.id,".index-module--fVbXN h1 {\n  font-weight: 700;\n}\n",""]);var s="index-module--fVbXN";const l=r},35368:(n,e,i)=>{i.d(e,{Ay:()=>j,Kn:()=>x,MI:()=>p,UD:()=>f,Y5:()=>b,Yl:()=>l,eJ:()=>c,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",c="index-module--huoz3",x="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}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6342,3112,1500],{83112:(n,e,t)=>{t.r(e),t.d(e,{default:()=>r});var i=t(13587),o=(t(41594),t(53370)),d=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 r=function ProductHeaderFunction(n){return(0,d.jsx)(o.Ay,_objectSpread(_objectSpread({},n),{},{componentName:"Product/ProductHeader/Functions"}))}},86342:(n,e,t)=>{t.r(e),t.d(e,{default:()=>b});var i=t(71500),o=t(25835),d=t.n(o),r=t(69120),s=t.n(r),a=t(91148),l=t.n(a),u=t(73035),c=t.n(u),x=t(24959),m=t.n(x),p=t(15004),h=t.n(p),f=t(73980),g={};g.styleTagTransform=h(),g.setAttributes=c(),g.insert=l().bind(null,"head"),g.domAPI=s(),g.insertStyleElement=m();d()(f.A,g);f.A&&f.A.locals&&f.A.locals;t(41594);var v=t(82246);const b=function ProductHeaderRalph(n){return(0,v.jsx)(i.default,{hidePrice:!0,productClass:f.z})}},71500:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});var i=t(36520),o=t(72919),d=t.n(o),r=t(5219),s=t(970),a=t(41594),l=t(14488),u=t(83112),c=t(25835),x=t.n(c),m=t(69120),p=t.n(m),h=t(91148),f=t.n(h),g=t(73035),v=t.n(g),b=t(24959),w=t.n(b),j=t(15004),z=t.n(j),y=t(35368),C={};C.styleTagTransform=z(),C.setAttributes=v(),C.insert=f().bind(null,"head"),C.domAPI=p(),C.insertStyleElement=w();x()(y.Ay,C);y.Ay&&y.Ay.locals&&y.Ay.locals;var S=t(74835),P=t(46665),k=t(82246);const I=(0,s.PA)((function ProductHeader(n){var e=n.hidePrice,t=n.productClass,o=(0,r.hV)(),s=(0,l.useTranslation)().t,c=(0,l.useDivaCore)().state,x=c.hidePrices,m=c.dimensions,p=m.isMobile,h=m.isTablet,f=o.getViewConfig().productHeaderContentBox,g=(0,a.useState)([]),v=(0,i.A)(g,2),b=v[0],w=v[1],j=o.getViewConfig().hideWebConfiguratorTitle||o.getViewConfig().hideWebConfiguratorTitleInMobile&&o.getIsInMobileView();return(0,a.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 t,i;return(null==b||null===(t=b[e])||void 0===t?void 0:t.elementIds.includes(null==n?void 0:n.elementId))&&(null==n?void 0:n.dimension)==(null==b||null===(i=b[e])||void 0===i?void 0:i.dimension)}))){var e=[];n.forEach((function(n){if(0!=n.dimension){var t=e.findIndex((function(e){return e.dimension==n.dimension&&e.dimensionId==n.dimensionId}));-1!=t?e[t].elementIds.push(n.elementId):e.push({dimensionId:n.dimensionId,elementIds:[n.elementId],dimension:n.dimension})}})),w(e)}}))}),[o.divaWebPlanner.actSet(),o.settingsState.configChanged]),(0,k.jsxs)("div",{className:d()(y.iE,t,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,k.jsxs)("div",{className:y.Yl,"data-test-id":"configProductHeader",children:[!j&&(0,k.jsx)("h1",{"data-test-id":"productHeaderTitle",children:o.productState.webConifguratorTitle}),(0,k.jsxs)("div",{className:y.MI,children:[!x&&!e&&(0,k.jsxs)("div",{children:[(0,k.jsxs)("span",{className:y.UD,"data-test-id":"productHeaderPriceInfo",children:[" ",s("configurator.PRICE_INFO")]}),(0,k.jsxs)("span",{className:y.ex,"data-test-id":"productHeaderFormattedPrice",children:[" ",o.productState.formatedCurSetPrice]}),o.productState.formatedBruttoPrice&&(0,k.jsxs)("span",{className:y.qD,"data-test-id":"productHeaderFormattedBruttoPrice",children:[" ",o.productState.formatedBruttoPrice]})]}),b.map((function(n){var e;return(0,k.jsxs)("div",{children:[(0,k.jsxs)("span",{className:y.UD,children:[s("configurator.headerdimension."+n.dimensionId)," ",b.length>1&&"("+n.elementIds.join(",")+")",":"," "]}),(0,k.jsxs)("span",{className:y.ex,children:[null!==(e=n.dimension)&&void 0!==e?e:0," cm"]})]})}))]})]}),(!o.uiState.isMobileLandscape||o.uiState.ViewConfig.landscapeProductNotFullscreen)&&(0,k.jsx)("div",{className:y.i0,children:(0,k.jsx)(u.default,{})}),!o.uiState.isMobileLandscape&&o.productState.currentBanner&&(0,k.jsx)("div",{className:y.Kn,children:(0,k.jsx)(P.default,{noWrapper:!0,id:o.productState.currentBanner.contentItemId})}),f&&!o.uiState.isMobileLandscape&&!o.productState.currentBanner&&(0,k.jsx)("div",{className:y.Kn,children:(0,k.jsx)(S.s,{settings:{contentBoxProps:f}})})]})}))},73980:(n,e,t)=>{t.d(e,{A:()=>a,z:()=>s});var i=t(38634),o=t.n(i),d=t(92083),r=t.n(d)()(o());r.push([n.id,".index-module--fVbXN h1 {\n  font-weight: 700;\n}\n",""]);var s="index-module--fVbXN";const a=r},35368:(n,e,t)=>{t.d(e,{Ay:()=>j,Kn:()=>x,MI:()=>p,UD:()=>f,Y5:()=>b,Yl:()=>a,eJ:()=>c,eh:()=>w,ex:()=>g,i0:()=>u,iE:()=>s,o4:()=>h,qD:()=>v,sz:()=>l,um:()=>m});var i=t(38634),o=t.n(i),d=t(92083),r=t.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",a="index-module--Q4FVG",l="index-module--dNTpx",u="index-module--TXVnj",c="index-module--huoz3",x="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/6392.diva-web-planner-react.umd.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see 6392.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6392,5434,1773,3053],{76392:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>f});var o=n(36520),r=n(72919),a=n.n(r),i=n(41594),s=n(6561),l=n(65721),u=n(11773),c=n(5219),d=n(82246),p=["IMAGE","TEXT","DROPDOWN_TEXT","TOGGLE_NAME","TOGGLE","DROPDOWN_IMAGE","GAL_SMALL_GROUP_DROPDOWN","NUMBER","GAL_BIG","GAL_GROUP_DROPDOWN","TEXTBOX","GAL_TEXT","GAL_BIG_TEXT","GAL_SMALL_TEXT"];const f=function LayoutSelection(e){var t=e.option,n=(0,i.useState)(t.layout),r=(0,o.A)(n,1)[0],f=(0,i.useState)(),h=(0,o.A)(f,2),m=h[0],y=h[1],v=(0,c.hV)();(0,i.useEffect)((function(){t.layout=null!=m?m:r,v.paletteViewHandler.updateCurPaletteData(!0)}),[m]),(0,i.useEffect)((function(){return function(){t.layout=r,v.paletteViewHandler.updateCurPaletteData(!0)}}),[]);var b=(0,d.jsx)(u.default,{onClick:function onClick(){return y(void 0)},open:!1,iconAsDelete:!!m});return(0,d.jsxs)("div",{className:l.iE,children:["Layout:",(0,d.jsx)(s.A,{className:a()(l.A5),controlClassName:l.Vu,options:p,value:m,onChange:function onChange(e){return y(e.value)},placeholder:r,arrowClosed:b,arrowOpen:b})]})}},11773:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>D});var o=n(23170),r=(n(41594),n(25835)),a=n.n(r),i=n(69120),s=n.n(i),l=n(91148),u=n.n(l),c=n(73035),d=n.n(c),p=n(24959),f=n.n(p),h=n(15004),m=n.n(h),y=n(16635),v={};v.styleTagTransform=m(),v.setAttributes=d(),v.insert=u().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=f();a()(y.Ay,v);y.Ay&&y.Ay.locals&&y.Ay.locals;var b=n(72919),g=n.n(b),_=n(82246),O=["onClick","iconAsDelete","open"];const D=function Arrow(e){var t=e.onClick,n=e.iconAsDelete,r=e.open,a=(0,o.A)(e,O);return(0,_.jsx)("span",{onClick:t,onTouchEnd:t,className:g()(y.BI,n?y.OD:void 0,n?void 0:r?y.U3:y.y,a.className)})}},88123:(e,t,n)=>{"use strict";n.d(t,{A5:()=>l,Ay:()=>c,Vu:()=>u,iE:()=>s});var o=n(38634),r=n.n(o),a=n(92083),i=n.n(a)()(r());i.push([e.id,".index-module--RZMjm {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.index-module--nuzKL {\n  box-shadow: var(--boxShadowHover);\n  width: 300px;\n  min-width: 100px;\n}\n\n.index-module--_W5z6 {\n  border-radius: var(--globalBorderRadius);\n  border-color: white;\n  padding: 2px 12px 3px 10px;\n  line-height: 20.8px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  color: var(--secondaryColor);\n  cursor: pointer;\n}\n",""]);var s="index-module--RZMjm",l="index-module--nuzKL",u="index-module--_W5z6";const c=i},16635:(e,t,n)=>{"use strict";n.d(t,{Ay:()=>b,BI:()=>h,OD:()=>m,U3:()=>y,y:()=>v});var o=n(38634),r=n.n(o),a=n(92083),i=n.n(a),s=n(1946),l=n.n(s),u=new URL(n(74338),n.b),c=new URL(n(67854),n.b),d=i()(r()),p=l()(u),f=l()(c);d.push([e.id,`.index-module--vBvUX {\n  transition: transform 0.35s ease, width 0.5s ease, height 0.5s ease;\n  background-repeat: no-repeat;\n  background-position: center center;\n  position: absolute;\n  background-size: contain;\n  right: 10px;\n  top: 8px;\n  width: 12px;\n  height: 12px;\n  transform: rotateZ(0deg);\n}\n.index-module--Yt59l {\n  background-image: url(${p});\n}\n\n.index-module--Yt59l:hover {\n  transform: rotateZ(90deg);\n}\n\n.index-module--DpOf1 {\n  transform: rotateZ(180deg);\n  background-image: url(${f});\n}\n\n.index-module--x_MGK {\n  background-image: url(${f});\n}\n`,""]);var h="index-module--vBvUX",m="index-module--Yt59l",y="index-module--DpOf1",v="index-module--x_MGK";const b=d},1946:e=>{"use strict";e.exports=function(e,t){return t||(t={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),t.hash&&(e+=t.hash),/["'() \t\n]|(%20)/.test(e)||t.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},65721:(e,t,n)=>{"use strict";n.d(t,{A5:()=>m.A5,Vu:()=>m.Vu,iE:()=>m.iE});var o=n(25835),r=n.n(o),a=n(69120),i=n.n(a),s=n(91148),l=n.n(s),u=n(73035),c=n.n(u),d=n(24959),p=n.n(d),f=n(15004),h=n.n(f),m=n(88123),y={};y.styleTagTransform=h(),y.setAttributes=c(),y.insert=l().bind(null,"head"),y.domAPI=i(),y.insertStyleElement=p();r()(m.Ay,y),m.Ay&&m.Ay.locals&&m.Ay.locals},72919:(e,t)=>{var n;!function(){"use strict";var o={}.hasOwnProperty;function classNames(){for(var e=[],t=0;t<arguments.length;t++){var n=arguments[t];if(n){var r=typeof n;if("string"===r||"number"===r)e.push(n);else if(Array.isArray(n)){if(n.length){var a=classNames.apply(null,n);a&&e.push(a)}}else if("object"===r)if(n.toString===Object.prototype.toString)for(var i in n)o.call(n,i)&&n[i]&&e.push(i);else e.push(n.toString())}}return e.join(" ")}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(n=function(){return classNames}.apply(t,[]))||(e.exports=n)}()},6561:(e,t,n)=>{"use strict";t.A=void 0;var o=function _interopRequireWildcard(e){if(e&&e.__esModule)return e;if(null===e||"object"!==_typeof(e)&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache();if(t&&t.has(e))return t.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){var a=o?Object.getOwnPropertyDescriptor(e,r):null;a&&(a.get||a.set)?Object.defineProperty(n,r,a):n[r]=e[r]}n.default=e,t&&t.set(e,n);return n}(n(41594)),r=function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}(n(72919));function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return _getRequireWildcardCache=function _getRequireWildcardCache(){return e},e}function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var a="Select...",i=function(e){function Dropdown(e){var t;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,Dropdown),(t=function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?_assertThisInitialized(e):t}(this,_getPrototypeOf(Dropdown).call(this,e))).state={selected:t.parseValue(e.value,e.options)||{label:void 0===e.placeholder?a:e.placeholder,value:""},isOpen:!1},t.dropdownRef=(0,o.createRef)(),t.mounted=!0,t.handleDocumentClick=t.handleDocumentClick.bind(_assertThisInitialized(t)),t.fireChangeEvent=t.fireChangeEvent.bind(_assertThisInitialized(t)),t}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(Dropdown,e),function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}(Dropdown,[{key:"componentDidUpdate",value:function componentDidUpdate(e){if(this.props.value!==e.value)if(this.props.value){var t=this.parseValue(this.props.value,this.props.options);t!==this.state.selected&&this.setState({selected:t})}else this.setState({selected:{label:void 0===this.props.placeholder?a:this.props.placeholder,value:""}})}},{key:"componentDidMount",value:function componentDidMount(){document.addEventListener("click",this.handleDocumentClick,!1),document.addEventListener("touchend",this.handleDocumentClick,!1)}},{key:"componentWillUnmount",value:function componentWillUnmount(){this.mounted=!1,document.removeEventListener("click",this.handleDocumentClick,!1),document.removeEventListener("touchend",this.handleDocumentClick,!1)}},{key:"handleMouseDown",value:function handleMouseDown(e){this.props.onFocus&&"function"==typeof this.props.onFocus&&this.props.onFocus(this.state.isOpen),"mousedown"===e.type&&0!==e.button||(e.stopPropagation(),e.preventDefault(),this.props.disabled||this.setState({isOpen:!this.state.isOpen}))}},{key:"parseValue",value:function parseValue(e,t){var n;if("string"==typeof e)for(var o=0,r=t.length;o<r;o++)if("group"===t[o].type){var a=t[o].items.filter((function(t){return t.value===e}));a.length&&(n=a[0])}else void 0!==t[o].value&&t[o].value===e&&(n=t[o]);return n||e}},{key:"setValue",value:function setValue(e,t){var n={selected:{value:e,label:t},isOpen:!1};this.fireChangeEvent(n),this.setState(n)}},{key:"fireChangeEvent",value:function fireChangeEvent(e){e.selected!==this.state.selected&&this.props.onChange&&this.props.onChange(e.selected)}},{key:"renderOption",value:function renderOption(e){var t,n=e.value;void 0===n&&(n=e.label||e);var a=e.label||e.value||e,i=n===this.state.selected.value||n===this.state.selected,s=(_defineProperty(t={},"".concat(this.props.baseClassName,"-option"),!0),_defineProperty(t,e.className,!!e.className),_defineProperty(t,"is-selected",i),t),l=(0,r.default)(s);return o.default.createElement("div",{key:n,className:l,onMouseDown:this.setValue.bind(this,n,a),onClick:this.setValue.bind(this,n,a),role:"option","aria-selected":i?"true":"false"},a)}},{key:"buildMenu",value:function buildMenu(){var e=this,t=this.props,n=t.options,r=t.baseClassName,a=n.map((function(t){if("group"===t.type){var n=o.default.createElement("div",{className:"".concat(r,"-title")},t.name),a=t.items.map((function(t){return e.renderOption(t)}));return o.default.createElement("div",{className:"".concat(r,"-group"),key:t.name,role:"listbox",tabIndex:"-1"},n,a)}return e.renderOption(t)}));return a.length?a:o.default.createElement("div",{className:"".concat(r,"-noresults")},"No options found")}},{key:"handleDocumentClick",value:function handleDocumentClick(e){this.mounted&&(this.dropdownRef.current.contains(e.target)||this.state.isOpen&&this.setState({isOpen:!1}))}},{key:"isValueSelected",value:function isValueSelected(){return"string"==typeof this.state.selected||""!==this.state.selected.value}},{key:"render",value:function render(){var e,t,n,a,i,s=this.props,l=s.baseClassName,u=s.controlClassName,c=s.placeholderClassName,d=s.menuClassName,p=s.arrowClassName,f=s.arrowClosed,h=s.arrowOpen,m=s.className,y=this.props.disabled?"Dropdown-disabled":"",v="string"==typeof this.state.selected?this.state.selected:this.state.selected.label,b=(0,r.default)((_defineProperty(e={},"".concat(l,"-root"),!0),_defineProperty(e,m,!!m),_defineProperty(e,"is-open",this.state.isOpen),e)),g=(0,r.default)((_defineProperty(t={},"".concat(l,"-control"),!0),_defineProperty(t,u,!!u),_defineProperty(t,y,!!y),t)),_=(0,r.default)((_defineProperty(n={},"".concat(l,"-placeholder"),!0),_defineProperty(n,c,!!c),_defineProperty(n,"is-selected",this.isValueSelected()),n)),O=(0,r.default)((_defineProperty(a={},"".concat(l,"-menu"),!0),_defineProperty(a,d,!!d),a)),D=(0,r.default)((_defineProperty(i={},"".concat(l,"-arrow"),!0),_defineProperty(i,p,!!p),i)),w=o.default.createElement("div",{className:_},v),P=this.state.isOpen?o.default.createElement("div",{className:O,"aria-expanded":"true"},this.buildMenu()):null;return o.default.createElement("div",{ref:this.dropdownRef,className:b},o.default.createElement("div",{className:g,onMouseDown:this.handleMouseDown.bind(this),onTouchEnd:this.handleMouseDown.bind(this),"aria-haspopup":"listbox"},w,o.default.createElement("div",{className:"".concat(l,"-arrow-wrapper")},h&&f?this.state.isOpen?h:f:o.default.createElement("span",{className:D}))),P)}}]),Dropdown}(o.Component);i.defaultProps={baseClassName:"Dropdown"};var s=i;t.A=s},74338:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5IDlNOSAxTDEgOSIgc3Ryb2tlPSIjNkY2RjZGIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="},67854:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDExIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMC40Mzc1IDAuNjg4MzU0TDYuMTUxNzkgNS42ODgzNUwxLjQzNzUgMC42ODgzNTQiIHN0cm9rZT0iIzZGNkY2RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6392,5434,3053,1773,196],{76392:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>f});var o=n(36520),r=n(72919),a=n.n(r),i=n(41594),s=n(6561),l=n(65721),u=n(11773),c=n(5219),d=n(82246),p=["IMAGE","TEXT","DROPDOWN_TEXT","TOGGLE_NAME","TOGGLE","DROPDOWN_IMAGE","GAL_SMALL_GROUP_DROPDOWN","NUMBER","GAL_BIG","GAL_GROUP_DROPDOWN","TEXTBOX","GAL_TEXT","GAL_BIG_TEXT","GAL_SMALL_TEXT"];const f=function LayoutSelection(e){var t=e.option,n=(0,i.useState)(t.layout),r=(0,o.A)(n,1)[0],f=(0,i.useState)(),h=(0,o.A)(f,2),m=h[0],y=h[1],v=(0,c.hV)();(0,i.useEffect)((function(){t.layout=null!=m?m:r,v.paletteViewHandler.updateCurPaletteData(!0)}),[m]),(0,i.useEffect)((function(){return function(){t.layout=r,v.paletteViewHandler.updateCurPaletteData(!0)}}),[]);var b=(0,d.jsx)(u.default,{onClick:function onClick(){return y(void 0)},open:!1,iconAsDelete:!!m});return(0,d.jsxs)("div",{className:l.iE,children:["Layout:",(0,d.jsx)(s.A,{className:a()(l.A5),controlClassName:l.Vu,options:p,value:m,onChange:function onChange(e){return y(e.value)},placeholder:r,arrowClosed:b,arrowOpen:b})]})}},11773:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>D});var o=n(23170),r=(n(41594),n(25835)),a=n.n(r),i=n(69120),s=n.n(i),l=n(91148),u=n.n(l),c=n(73035),d=n.n(c),p=n(24959),f=n.n(p),h=n(15004),m=n.n(h),y=n(16635),v={};v.styleTagTransform=m(),v.setAttributes=d(),v.insert=u().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=f();a()(y.Ay,v);y.Ay&&y.Ay.locals&&y.Ay.locals;var b=n(72919),g=n.n(b),_=n(82246),O=["onClick","iconAsDelete","open"];const D=function Arrow(e){var t=e.onClick,n=e.iconAsDelete,r=e.open,a=(0,o.A)(e,O);return(0,_.jsx)("span",{onClick:t,onTouchEnd:t,className:g()(y.BI,n?y.OD:void 0,n?void 0:r?y.U3:y.y,a.className)})}},88123:(e,t,n)=>{"use strict";n.d(t,{A5:()=>l,Ay:()=>c,Vu:()=>u,iE:()=>s});var o=n(38634),r=n.n(o),a=n(92083),i=n.n(a)()(r());i.push([e.id,".index-module--RZMjm {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.index-module--nuzKL {\n  box-shadow: var(--boxShadowHover);\n  width: 300px;\n  min-width: 100px;\n}\n\n.index-module--_W5z6 {\n  border-radius: var(--globalBorderRadius);\n  border-color: white;\n  padding: 2px 12px 3px 10px;\n  line-height: 20.8px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  color: var(--secondaryColor);\n  cursor: pointer;\n}\n",""]);var s="index-module--RZMjm",l="index-module--nuzKL",u="index-module--_W5z6";const c=i},16635:(e,t,n)=>{"use strict";n.d(t,{Ay:()=>b,BI:()=>h,OD:()=>m,U3:()=>y,y:()=>v});var o=n(38634),r=n.n(o),a=n(92083),i=n.n(a),s=n(1946),l=n.n(s),u=new URL(n(74338),n.b),c=new URL(n(67854),n.b),d=i()(r()),p=l()(u),f=l()(c);d.push([e.id,`.index-module--vBvUX {\n  transition: transform 0.35s ease, width 0.5s ease, height 0.5s ease;\n  background-repeat: no-repeat;\n  background-position: center center;\n  position: absolute;\n  background-size: contain;\n  right: 10px;\n  top: 8px;\n  width: 12px;\n  height: 12px;\n  transform: rotateZ(0deg);\n}\n.index-module--Yt59l {\n  background-image: url(${p});\n}\n\n.index-module--Yt59l:hover {\n  transform: rotateZ(90deg);\n}\n\n.index-module--DpOf1 {\n  transform: rotateZ(180deg);\n  background-image: url(${f});\n}\n\n.index-module--x_MGK {\n  background-image: url(${f});\n}\n`,""]);var h="index-module--vBvUX",m="index-module--Yt59l",y="index-module--DpOf1",v="index-module--x_MGK";const b=d},1946:e=>{"use strict";e.exports=function(e,t){return t||(t={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),t.hash&&(e+=t.hash),/["'() \t\n]|(%20)/.test(e)||t.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},65721:(e,t,n)=>{"use strict";n.d(t,{A5:()=>m.A5,Vu:()=>m.Vu,iE:()=>m.iE});var o=n(25835),r=n.n(o),a=n(69120),i=n.n(a),s=n(91148),l=n.n(s),u=n(73035),c=n.n(u),d=n(24959),p=n.n(d),f=n(15004),h=n.n(f),m=n(88123),y={};y.styleTagTransform=h(),y.setAttributes=c(),y.insert=l().bind(null,"head"),y.domAPI=i(),y.insertStyleElement=p();r()(m.Ay,y),m.Ay&&m.Ay.locals&&m.Ay.locals},72919:(e,t)=>{var n;!function(){"use strict";var o={}.hasOwnProperty;function classNames(){for(var e=[],t=0;t<arguments.length;t++){var n=arguments[t];if(n){var r=typeof n;if("string"===r||"number"===r)e.push(n);else if(Array.isArray(n)){if(n.length){var a=classNames.apply(null,n);a&&e.push(a)}}else if("object"===r)if(n.toString===Object.prototype.toString)for(var i in n)o.call(n,i)&&n[i]&&e.push(i);else e.push(n.toString())}}return e.join(" ")}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(n=function(){return classNames}.apply(t,[]))||(e.exports=n)}()},6561:(e,t,n)=>{"use strict";t.A=void 0;var o=function _interopRequireWildcard(e){if(e&&e.__esModule)return e;if(null===e||"object"!==_typeof(e)&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache();if(t&&t.has(e))return t.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){var a=o?Object.getOwnPropertyDescriptor(e,r):null;a&&(a.get||a.set)?Object.defineProperty(n,r,a):n[r]=e[r]}n.default=e,t&&t.set(e,n);return n}(n(41594)),r=function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}(n(72919));function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return _getRequireWildcardCache=function _getRequireWildcardCache(){return e},e}function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var a="Select...",i=function(e){function Dropdown(e){var t;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,Dropdown),(t=function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?_assertThisInitialized(e):t}(this,_getPrototypeOf(Dropdown).call(this,e))).state={selected:t.parseValue(e.value,e.options)||{label:void 0===e.placeholder?a:e.placeholder,value:""},isOpen:!1},t.dropdownRef=(0,o.createRef)(),t.mounted=!0,t.handleDocumentClick=t.handleDocumentClick.bind(_assertThisInitialized(t)),t.fireChangeEvent=t.fireChangeEvent.bind(_assertThisInitialized(t)),t}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(Dropdown,e),function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}(Dropdown,[{key:"componentDidUpdate",value:function componentDidUpdate(e){if(this.props.value!==e.value)if(this.props.value){var t=this.parseValue(this.props.value,this.props.options);t!==this.state.selected&&this.setState({selected:t})}else this.setState({selected:{label:void 0===this.props.placeholder?a:this.props.placeholder,value:""}})}},{key:"componentDidMount",value:function componentDidMount(){document.addEventListener("click",this.handleDocumentClick,!1),document.addEventListener("touchend",this.handleDocumentClick,!1)}},{key:"componentWillUnmount",value:function componentWillUnmount(){this.mounted=!1,document.removeEventListener("click",this.handleDocumentClick,!1),document.removeEventListener("touchend",this.handleDocumentClick,!1)}},{key:"handleMouseDown",value:function handleMouseDown(e){this.props.onFocus&&"function"==typeof this.props.onFocus&&this.props.onFocus(this.state.isOpen),"mousedown"===e.type&&0!==e.button||(e.stopPropagation(),e.preventDefault(),this.props.disabled||this.setState({isOpen:!this.state.isOpen}))}},{key:"parseValue",value:function parseValue(e,t){var n;if("string"==typeof e)for(var o=0,r=t.length;o<r;o++)if("group"===t[o].type){var a=t[o].items.filter((function(t){return t.value===e}));a.length&&(n=a[0])}else void 0!==t[o].value&&t[o].value===e&&(n=t[o]);return n||e}},{key:"setValue",value:function setValue(e,t){var n={selected:{value:e,label:t},isOpen:!1};this.fireChangeEvent(n),this.setState(n)}},{key:"fireChangeEvent",value:function fireChangeEvent(e){e.selected!==this.state.selected&&this.props.onChange&&this.props.onChange(e.selected)}},{key:"renderOption",value:function renderOption(e){var t,n=e.value;void 0===n&&(n=e.label||e);var a=e.label||e.value||e,i=n===this.state.selected.value||n===this.state.selected,s=(_defineProperty(t={},"".concat(this.props.baseClassName,"-option"),!0),_defineProperty(t,e.className,!!e.className),_defineProperty(t,"is-selected",i),t),l=(0,r.default)(s);return o.default.createElement("div",{key:n,className:l,onMouseDown:this.setValue.bind(this,n,a),onClick:this.setValue.bind(this,n,a),role:"option","aria-selected":i?"true":"false"},a)}},{key:"buildMenu",value:function buildMenu(){var e=this,t=this.props,n=t.options,r=t.baseClassName,a=n.map((function(t){if("group"===t.type){var n=o.default.createElement("div",{className:"".concat(r,"-title")},t.name),a=t.items.map((function(t){return e.renderOption(t)}));return o.default.createElement("div",{className:"".concat(r,"-group"),key:t.name,role:"listbox",tabIndex:"-1"},n,a)}return e.renderOption(t)}));return a.length?a:o.default.createElement("div",{className:"".concat(r,"-noresults")},"No options found")}},{key:"handleDocumentClick",value:function handleDocumentClick(e){this.mounted&&(this.dropdownRef.current.contains(e.target)||this.state.isOpen&&this.setState({isOpen:!1}))}},{key:"isValueSelected",value:function isValueSelected(){return"string"==typeof this.state.selected||""!==this.state.selected.value}},{key:"render",value:function render(){var e,t,n,a,i,s=this.props,l=s.baseClassName,u=s.controlClassName,c=s.placeholderClassName,d=s.menuClassName,p=s.arrowClassName,f=s.arrowClosed,h=s.arrowOpen,m=s.className,y=this.props.disabled?"Dropdown-disabled":"",v="string"==typeof this.state.selected?this.state.selected:this.state.selected.label,b=(0,r.default)((_defineProperty(e={},"".concat(l,"-root"),!0),_defineProperty(e,m,!!m),_defineProperty(e,"is-open",this.state.isOpen),e)),g=(0,r.default)((_defineProperty(t={},"".concat(l,"-control"),!0),_defineProperty(t,u,!!u),_defineProperty(t,y,!!y),t)),_=(0,r.default)((_defineProperty(n={},"".concat(l,"-placeholder"),!0),_defineProperty(n,c,!!c),_defineProperty(n,"is-selected",this.isValueSelected()),n)),O=(0,r.default)((_defineProperty(a={},"".concat(l,"-menu"),!0),_defineProperty(a,d,!!d),a)),D=(0,r.default)((_defineProperty(i={},"".concat(l,"-arrow"),!0),_defineProperty(i,p,!!p),i)),w=o.default.createElement("div",{className:_},v),P=this.state.isOpen?o.default.createElement("div",{className:O,"aria-expanded":"true"},this.buildMenu()):null;return o.default.createElement("div",{ref:this.dropdownRef,className:b},o.default.createElement("div",{className:g,onMouseDown:this.handleMouseDown.bind(this),onTouchEnd:this.handleMouseDown.bind(this),"aria-haspopup":"listbox"},w,o.default.createElement("div",{className:"".concat(l,"-arrow-wrapper")},h&&f?this.state.isOpen?h:f:o.default.createElement("span",{className:D}))),P)}}]),Dropdown}(o.Component);i.defaultProps={baseClassName:"Dropdown"};var s=i;t.A=s},74338:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5IDlNOSAxTDEgOSIgc3Ryb2tlPSIjNkY2RjZGIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="},67854:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDExIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMC40Mzc1IDAuNjg4MzU0TDYuMTUxNzkgNS42ODgzNUwxLjQzNzUgMC42ODgzNTQiIHN0cm9rZT0iIzZGNkY2RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="}}]);