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

@crystaldesign/diva-web-planner-react 26.12.0-beta.30 → 26.12.0-beta.31

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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6474.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6474],{56474:(e,n,t)=>{t.r(n),t.d(n,{default:()=>g});var a=t(34988),i=t(75327),o=t(87363),l=t(93379),r=t.n(l),s=t(7795),d=t.n(s),u=t(90569),c=t.n(u),v=t(3565),f=t.n(v),h=t(19216),p=t.n(h),b=t(44589),x=t.n(b),m=t(84887),w={};w.styleTagTransform=x(),w.setAttributes=f(),w.insert=c().bind(null,"head"),w.domAPI=d(),w.insertStyleElement=p();r()(m.Z,w);m.Z&&m.Z.locals&&m.Z.locals;var y=t(47514);const g=function MetaData(e){var n=e.style,t=e.metaData,l=e.visible,r=void 0===l?(0,o.useState)(""):l,s=(0,a.Z)(r,2),d=s[0],u=s[1],c=(0,i.NP)(),v=(0,o.useState)(""),f=(0,a.Z)(v,2),h=f[0],p=f[1],b=c.getViewConfig().displayMetaDatas,x=null==t?void 0:t.find((function(e){return null==b?void 0:b.includes(e.codex)}));return(0,o.useEffect)((function(){if(x){for(var e="",n=0;n<x.values.length;n++){""!==e&&(e+=", ");for(var a=function _loop(a){var i=null==t?void 0:t.find((function(e){return e.codex===b[a]}));if(!i)return 1;""!==e&&(e+=" "),e=e+(i.name?i.name+": ":"")+i.values[n]},i=0;i<b.length;i++)a(i)}p(e),u(e)}}),[]),d?(0,y.jsx)("div",{style:n,className:m.B,children:h}):(0,y.jsx)(y.Fragment,{})}},84887:(e,n,t)=>{t.d(n,{B:()=>r,Z:()=>s});var a=t(8081),i=t.n(a),o=t(23645),l=t.n(o)()(i());l.push([e.id,".index-module--hpPAb {\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  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--hpPAb {\n  color: #fff;\n}\n",""]);var r="index-module--hpPAb";const s=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6474],{56474:(e,n,t)=>{t.r(n),t.d(n,{default:()=>y});var a=t(34988),i=t(75327),o=t(87363),l=t(93379),r=t.n(l),s=t(7795),d=t.n(s),u=t(90569),c=t.n(u),v=t(3565),h=t.n(v),f=t(19216),p=t.n(f),m=t(44589),b=t.n(m),x=t(84887),w={};w.styleTagTransform=b(),w.setAttributes=h(),w.insert=c().bind(null,"head"),w.domAPI=d(),w.insertStyleElement=p();r()(x.Z,w);x.Z&&x.Z.locals&&x.Z.locals;var k=t(47514);const y=function MetaData(e){var n=e.style,t=e.metaData,l=e.visible,r=void 0===l?(0,o.useState)(""):l,s=(0,a.Z)(r,2),d=s[0],u=s[1],c=(0,i.NP)(),v=(0,o.useState)(""),h=(0,a.Z)(v,2),f=h[0],p=h[1],m=c.getViewConfig().displayMetaDatas,b=null==t?void 0:t.find((function(e){return null==m?void 0:m.includes(e.codex)}));return(0,o.useEffect)((function(){if(b){for(var e="",n=0;n<b.values.length;n++){""!==e&&(e+=", ");for(var a=function _loop(a){var i=null==t?void 0:t.find((function(e){return e.codex===m[a]}));if(!i)return 1;""!==e&&(e+=" "),e=e+(i.name?i.name+": ":"")+i.values[n]},i=0;i<m.length;i++)a(i)}p(e),u(e)}}),[]),d?(0,k.jsx)("div",{style:n,className:x.B,children:f}):(0,k.jsx)(k.Fragment,{})}},84887:(e,n,t)=>{t.d(n,{B:()=>r,Z:()=>s});var a=t(8081),i=t.n(a),o=t(23645),l=t.n(o)()(i());l.push([e.id,".index-module--hpPAb {\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  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--hpPAb,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--hpPAb {\n  color: #fff;\n}\n",""]);var r="index-module--hpPAb";const s=l}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6650.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6650,6474,7654,6587],{56474:(e,n,i)=>{i.r(n),i.d(n,{default:()=>j});var o=i(34988),t=i(75327),r=i(87363),l=i(93379),d=i.n(l),a=i(7795),s=i.n(a),c=i(90569),m=i.n(c),u=i(3565),p=i.n(u),x=i(19216),g=i.n(x),v=i(44589),h=i.n(v),b=i(84887),f={};f.styleTagTransform=h(),f.setAttributes=p(),f.insert=m().bind(null,"head"),f.domAPI=s(),f.insertStyleElement=g();d()(b.Z,f);b.Z&&b.Z.locals&&b.Z.locals;var y=i(47514);const j=function MetaData(e){var n=e.style,i=e.metaData,l=e.visible,d=void 0===l?(0,r.useState)(""):l,a=(0,o.Z)(d,2),s=a[0],c=a[1],m=(0,t.NP)(),u=(0,r.useState)(""),p=(0,o.Z)(u,2),x=p[0],g=p[1],v=m.getViewConfig().displayMetaDatas,h=null==i?void 0:i.find((function(e){return null==v?void 0:v.includes(e.codex)}));return(0,r.useEffect)((function(){if(h){for(var e="",n=0;n<h.values.length;n++){""!==e&&(e+=", ");for(var o=function _loop(o){var t=null==i?void 0:i.find((function(e){return e.codex===v[o]}));if(!t)return 1;""!==e&&(e+=" "),e=e+(t.name?t.name+": ":"")+t.values[n]},t=0;t<v.length;t++)o(t)}g(e),c(e)}}),[]),s?(0,y.jsx)("div",{style:n,className:b.B,children:x}):(0,y.jsx)(y.Fragment,{})}},27255:(e,n,i)=>{i.r(n),i.d(n,{default:()=>z});var o=i(75327),t=(i(87363),i(65515)),r=i.n(t),l=i(13703),d=i(93379),a=i.n(d),s=i(7795),c=i.n(s),m=i(90569),u=i.n(m),p=i(3565),x=i.n(p),g=i(19216),v=i.n(g),h=i(44589),b=i.n(h),f=i(7171),y={};y.styleTagTransform=b(),y.setAttributes=x(),y.insert=u().bind(null,"head"),y.domAPI=c(),y.insertStyleElement=v();a()(f.ZP,y);f.ZP&&f.ZP.locals&&f.ZP.locals;var j=i(88683),w=i(21801),I=i(91087),M=i(19456),C=i(47514);const z=function OptionJungle(e){var n,i,t=e.item,d=e.paletteId,a=(e.type,t),s=(0,o.NP)(),c=(0,j.useTranslation)().t;if("TEXT"==a.layout||!s.uiState.isInMobileView)return(0,C.jsx)(l.default,{item:a,paletteId:d});var m,u,p=null===(n=a.text)||void 0===n?void 0:n.split(/,(.+)/)[0],x=null===(i=a.text)||void 0===i?void 0:i.split(/,(.+)/)[1];x||(p=null===(m=a.text)||void 0===m?void 0:m.split(/\((.+)/)[0],x=null===(u=a.text)||void 0===u||null===(u=u.split(/\((.+)/)[1])||void 0===u?void 0:u.replace(")",""));return(0,C.jsxs)("div",{id:a.codex,className:r()(f.nC,a.sel?f.pA:void 0),onClick:function onClick(){s.paletteViewHandler.clickedOnConfigPalette(a,void 0,d)},children:[(0,C.jsx)("img",{style:{maxHeight:s.settingsState.settingsWidth/3},src:a.image,title:a.text+(a.freeText?a.freeText:"")}),(0,C.jsxs)("div",{className:f.jW,children:[(0,C.jsx)("div",{className:r()(f.TN),children:p}),x&&(0,C.jsx)("div",{className:r()(f.z$),children:x})]}),a.contentItemId&&(0,C.jsx)(w.default,{item:a},a.codex),a.disabledByConstructionRule&&(0,C.jsx)("div",{className:r()(f.ox),title:c("configurator."+a.disabledByConstructionRule)}),void 0!==a.pricePreviewPromise&&(0,C.jsx)(I.default,{asyncPricePreview:a.pricePreviewPromise,sel:a.sel}),void 0!==a.checkForReversingChanges&&(0,C.jsx)(M.default,{item:a,paletteId:d})]})}},13703:(e,n,i)=>{i.r(n),i.d(n,{default:()=>j});var o=i(80248),t=i(34988),r=i(65515),l=i.n(r),d=i(75327),a=i(9420),s=i(87363),c=i(94873),m=i(13838),u=i(88683),p=i(86587),x=i(46770),g=i(56474),v=i(55461),h=i(21801),b=i(91087),f=i(19456),y=i(47514);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.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const j=(0,a.Pi)((function Option(e){var n,i=e.item,o=e.paletteId,r=e.hidePricePreview,a=e.namePostFix,j=i,w=(0,d.NP)(),I=(0,u.useTranslation)().t,M=(0,u.useDivaCore)().state.dimensions,C=M.isMobile,z=M.isTablet,S=(0,s.useState)(""),N=(0,t.Z)(S,2),k=N[0],P=N[1],A={},T={},Z=void 0,L=!1,O={},E=(0,x.XI)({delayEnter:1500,hideOnScroll:!0}),D=(0,x.sJ)({isOpen:E[0],auto:!0,placement:w.getViewConfig().tooltipPosition||"left-center"});return C||z||w.getViewConfig().hideTooltip||!j.image&&!j.hexColor||j.contentItemId||(L=E[0],O=E[1],A=D.triggerProps,T=D.layerProps,Z=D.renderLayer),(0,y.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:j.codex,"data-test-id":"plannerPaletteItem",className:l()(c.CA,j.sel?c.pA:void 0),onClick:function onClick(){j.doShowFav&&w.paletteViewHandler.clickedOnFavIcon(j),w.paletteViewHandler.clickedOnConfigPalette(j,void 0,o)}},A),O),{},{children:[(0,y.jsxs)("div",{className:l()(c.iZ,c.NC),children:[j.sel&&(0,y.jsx)(p.default,{listenToOptionVariables:!0}),j.contentItemId&&(0,y.jsx)(h.default,{item:j,style:{bottom:8}},j.codex),"TEXT"==j.layout&&(0,y.jsx)("div",{className:c.$l}),!("TEXT"==j.layout)&&(0,y.jsx)("div",{className:c.K5,style:{backgroundImage:"url(".concat(j.image,")")}}),(0,y.jsxs)("div",{className:l()(c.AR,"TEXT"==j.layout?c.Eb:void 0),children:[(0,y.jsx)("div",{className:l()(c.db,""!==k?c.Bm:void 0),dangerouslySetInnerHTML:{__html:j.text+(a||"")}}),(0,y.jsx)(g.default,{style:{position:"relative",float:"left"},metaData:j.metaData,visible:[k,P]},j.codex)]}),L&&(null===(n=Z)||void 0===n?void 0:n((0,y.jsx)(v.default,{text:j.text+(j.freeText?j.freeText:"")+(a||""),desciption:k,image:j.image,hexColor:j.hexColor,pricePreviewPromise:j.pricePreviewPromise,layerProps:T},j.codex))),j.doShowFav&&(0,y.jsx)("div",{className:j.isFav?m.Md:m.Hq})]}),!r&&void 0!==j.pricePreviewPromise&&(0,y.jsx)(b.default,{asyncPricePreview:j.pricePreviewPromise,sel:j.sel}),void 0!==j.checkForReversingChanges&&(0,y.jsx)(f.default,{item:j,paletteId:o}),j.disabledByConstructionRule&&(0,y.jsx)("div",{className:l()(c.ox),title:I("configurator."+j.disabledByConstructionRule)})]}))}))},86587:(e,n,i)=>{i.r(n),i.d(n,{default:()=>l});var o=i(80248),t=(i(87363),i(2765)),r=i(47514);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.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const l=function IsActive(e){return(0,r.jsx)(t.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive"}))}},84887:(e,n,i)=>{i.d(n,{B:()=>d,Z:()=>a});var o=i(8081),t=i.n(o),r=i(23645),l=i.n(r)()(t());l.push([e.id,".index-module--hpPAb {\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  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--hpPAb {\n  color: #fff;\n}\n",""]);var d="index-module--hpPAb";const a=l},7171:(e,n,i)=>{i.d(n,{TN:()=>g,ZP:()=>b,jW:()=>x,nC:()=>u,ox:()=>h,pA:()=>p,z$:()=>v});var o=i(8081),t=i.n(o),r=i(23645),l=i.n(r),d=i(61667),a=i.n(d),s=new URL(i(63173),i.b),c=l()(t()),m=a()(s);c.push([e.id,".index-module--XbsoT {\n  position: relative;\n  box-sizing: border-box;\n  border: 2px solid #e8e9ed;\n  border-radius: 6px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.index-module--XbsoT.index-module--eU3AB {\n  border: 2px solid var(--secondaryColor);\n}\n\n.index-module--XbsoT img {\n  width: 100%;\n\n  -o-object-fit: contain;\n\n     object-fit: contain;\n}\n\n.index-module--rj5CV {\n  height: 30px;\n  color: #4b4b4b;\n  background: #f2f2f2;\n}\n.index-module--sHLkk,\n.index-module--fzIuI {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  height: 1.2em;\n  text-align: right;\n  margin: 0 3px;\n}\n\n.index-module--sHLkk {\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  font-weight: 600;\n  font-size: 13px;\n  line-height: 15px;\n}\n\n.index-module--fzIuI {\n  -webkit-line-clamp: 1;\n  white-space: nowrap;\n  font-size: 9px;\n  line-height: 12px;\n  font-weight: 300;\n}\n\n.index-module--rEqp0 {\n  display: block;\n  height: 30px;\n  background-image: url("+m+");\n  width: 30px;\n  background-repeat: no-repeat;\n  background-size: contain;\n  padding: 0;\n  position: absolute;\n  z-index: 888;\n  top: 0;\n  right: 0;\n}\n",""]);var u="index-module--XbsoT",p="index-module--eU3AB",x="index-module--rj5CV",g="index-module--sHLkk",v="index-module--fzIuI",h="index-module--rEqp0";const b=c},6284:(e,n,i)=>{i.d(n,{$l:()=>h,AR:()=>f,Bm:()=>w,CA:()=>u,Eb:()=>y,K5:()=>b,NC:()=>v,ZP:()=>M,db:()=>j,iZ:()=>x,ox:()=>I,pA:()=>p,vc:()=>g});var o=i(8081),t=i.n(o),r=i(23645),l=i.n(r),d=i(61667),a=i.n(d),s=new URL(i(63173),i.b),c=l()(t()),m=a()(s);c.push([e.id,"/*ConfigPalette with Normal & Small */\n\n.index-module--FGg5H {\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\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--FGg5H {\n  background-color: #374c86;\n}\n\n.index-module--zZnWk {\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderSelColor, var(--primaryColor));\n}\n\n.index-module--FGg5H: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--FGg5H: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--FGg5H .index-module--pQje2 {\n  width: 98%;\n  background: white;\n  position: relative;\n  /* border-radius: var(--globalBorderRadius);*/\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--FGg5H .index-module--pQje2 {\n  background-color: #374c86;\n}\n\n.index-module--FGg5H.index-module--OqFNz {\n  width: 48%;\n  float: left;\n  margin-left: 1%;\n  margin-right: 1%;\n}\n\n.index-module--FGg5H .index-module--pQje2.index-module--CcpMC {\n  height: 80px;\n}\n\n.index-module--FGg5H .index-module--pQje2.index-module--II_8j {\n  height: 64px;\n}\n\n.index-module--FGg5H .index-module--dUy8g {\n  width: 18px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--FGg5H .index-module--CcpMC .index-module--Z8KXz {\n  height: 80px;\n  width: 112px;\n}\n\n.index-module--FGg5H .index-module--II_8j .index-module--Z8KXz {\n  height: 64px;\n  width: 96px;\n}\n.index-module--FGg5H.index-module--OqFNz .index-module--Z8KXz {\n  height: 64px;\n  width: 64px;\n}\n\n.index-module--FGg5H .index-module--Z8KXz {\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--m9VzR {\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--Y5eRx {\n  max-width: calc(100% - 32px);\n}\n\n.index-module--FGg5H.index-module--OqFNz .index-module--m9VzR {\n  max-width: 50%;\n  margin-top: 17.6px;\n}\n\n.index-module--FGg5H .index-module--mZh26 {\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.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--FGg5H .index-module--mZh26 {\n  color: #fff;\n}\n\n.index-module--FGg5H .index-module--mZh26.index-module--NabGm {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--CcpMC .index-module--mZh26 {\n  -webkit-line-clamp: 3;\n}\n\n.index-module--II_8j .index-module--mZh26 {\n  -webkit-line-clamp: 2;\n}\n\n@media all and (max-width: 1100px) {\n  .index-module--FGg5H .index-module--CcpMC {\n    height: 80px;\n  }\n\n  .index-module--FGg5H .index-module--CcpMC img {\n    height: 80px;\n  }\n\n  .index-module--m9VzR {\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--iEJ0N {\n  float: right;\n  z-index: 900;\n}\n\n.index-module--MhR1_ .index-module--iEJ0N {\n  float: right;\n  margin-right: 11.2px;\n  width: auto;\n}\n\n.index-module--2NJnv {\n  display: block;\n  height: 30px;\n  background-image: url("+m+");\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 u="index-module--FGg5H",p="index-module--zZnWk",x="index-module--pQje2",g="index-module--CcpMC",v="index-module--II_8j",h="index-module--dUy8g",b="index-module--Z8KXz",f="index-module--m9VzR",y="index-module--Y5eRx",j="index-module--mZh26",w="index-module--NabGm",I="index-module--2NJnv";const M=c},94873:(e,n,i)=>{i.d(n,{$l:()=>g.$l,AR:()=>g.AR,Bm:()=>g.Bm,CA:()=>g.CA,Eb:()=>g.Eb,K5:()=>g.K5,NC:()=>g.NC,db:()=>g.db,iZ:()=>g.iZ,ox:()=>g.ox,pA:()=>g.pA,vc:()=>g.vc});var o=i(93379),t=i.n(o),r=i(7795),l=i.n(r),d=i(90569),a=i.n(d),s=i(3565),c=i.n(s),m=i(19216),u=i.n(m),p=i(44589),x=i.n(p),g=i(6284),v={};v.styleTagTransform=x(),v.setAttributes=c(),v.insert=a().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=u();t()(g.ZP,v),g.ZP&&g.ZP.locals&&g.ZP.locals},63173:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4zMTExNyAwIDAgMS4zMDIzOSA3MzcuMzkgMTU5LjkxKSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSIwIiB5Mj0iLS41OTkiIHgyPSIwIiB5MT0iNDUuNDciPjxzdG9wIHN0b3AtY29sb3I9IiNmZmM1MTUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmQ1NWIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyB0cmFuc2Zvcm09Im1hdHJpeCguODU3MTQgMCAwIC44NTcxNC02MjcuMDItMTMwLjgpIj48cGF0aCBkPSJtNzk3Ljk0IDIxMi4wMWwtMjUuNjA3LTQ4Yy0uNzM2LTEuMzMzLTIuMDY4LTIuMDc0LTMuNTUxLTIuMDc0LTEuNDgzIDAtMi44MjIuODg5LTMuNTY5IDIuMjIybC0yNS40MTcgNDhjLS41OTggMS4xODUtLjYwNSAyLjgxNS4xMzIgNCAuNzM3IDEuMTg1IDEuOTIxIDEuNzc4IDMuNDA0IDEuNzc4aDUxLjAyYzEuNDgzIDAgMi44MjEtLjc0MSAzLjQyLTEuOTI2Ljc0Ny0xLjE4NS43NTMtMi42NjcuMTY1LTQiIGZpbGw9InVybCgjMCkiLz48cGF0aCBkPSJtLTI2LjMwOSAxOC4wN2MtMS4xOCAwLTIuMTM1Ljk2OC0yLjEzNSAyLjEyOXYxMi44MmMwIDEuMTc2Ljk0OCAyLjEyOSAyLjEzNSAyLjEyOSAxLjE4MyAwIDIuMTM1LS45NjggMi4xMzUtMi4xMjl2LTEyLjgyYzAtMS4xNzYtLjk0Ni0yLjEyOS0yLjEzNS0yLjEyOXptMCAyMS4zNDhjLTEuMTggMC0yLjEzNS45NTQtMi4xMzUgMi4xMzUgMCAxLjE4Ljk1NCAyLjEzNSAyLjEzNSAyLjEzNSAxLjE4MSAwIDIuMTM1LS45NTQgMi4xMzUtMi4xMzUgMC0xLjE4LS45NTItMi4xMzUtMi4xMzUtMi4xMzV6IiB0cmFuc2Zvcm09Im1hdHJpeCgxLjA1MTk2IDAgMCAxLjA1MTk2IDc5Ni41MyAxNjEuODcpIiBmaWxsPSIjMDAwIiBzdHJva2U9IiM0MDMzMGQiIGZpbGwtb3BhY2l0eT0iLjc1Ii8+PC9nPjwvc3ZnPg=="},16008:(e,n,i)=>{i.d(n,{Z:()=>r});var o=i(59654),t=i(47514);const r=(0,o.Z)((0,t.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12m8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8"}),"Block")},75275:(e,n,i)=>{i.d(n,{Z:()=>r});var o=i(59654),t=i(47514);const r=(0,o.Z)((0,t.jsx)("path",{d:"M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"}),"Warning")},59654:(e,n,i)=>{i.d(n,{Z:()=>createSvgIcon});var o=i(87363),t=i(87726),r=i(91104),l=i(94299),d=i(5230),a=i(90659),s=i(56047),c=i(18685),m=i(36735);function getSvgIconUtilityClass(e){return(0,m.ZP)("MuiSvgIcon",e)}(0,c.Z)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var u=i(47514);const p=(0,d.ZP)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(e,n)=>{const{ownerState:i}=e;return[n.root,"inherit"!==i.color&&n[`color${(0,l.Z)(i.color)}`],n[`fontSize${(0,l.Z)(i.fontSize)}`]]}})((0,a.Z)((({theme:e})=>({userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:e.transitions?.create?.("fill",{duration:(e.vars??e).transitions?.duration?.shorter}),variants:[{props:e=>!e.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:e.typography?.pxToRem?.(20)||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:e.typography?.pxToRem?.(24)||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:e.typography?.pxToRem?.(35)||"2.1875rem"}},...Object.entries((e.vars??e).palette).filter((([,e])=>e&&e.main)).map((([n])=>({props:{color:n},style:{color:(e.vars??e).palette?.[n]?.main}}))),{props:{color:"action"},style:{color:(e.vars??e).palette?.action?.active}},{props:{color:"disabled"},style:{color:(e.vars??e).palette?.action?.disabled}},{props:{color:"inherit"},style:{color:void 0}}]})))),x=o.forwardRef((function SvgIcon(e,n){const i=(0,s.i)({props:e,name:"MuiSvgIcon"}),{children:d,className:a,color:c="inherit",component:m="svg",fontSize:x="medium",htmlColor:g,inheritViewBox:v=!1,titleAccess:h,viewBox:b="0 0 24 24",...f}=i,y=o.isValidElement(d)&&"svg"===d.type,j={...i,color:c,component:m,fontSize:x,instanceFontSize:e.fontSize,inheritViewBox:v,viewBox:b,hasSvgAsChild:y},w={};v||(w.viewBox=b);const I=(e=>{const{color:n,fontSize:i,classes:o}=e,t={root:["root","inherit"!==n&&`color${(0,l.Z)(n)}`,`fontSize${(0,l.Z)(i)}`]};return(0,r.Z)(t,getSvgIconUtilityClass,o)})(j);return(0,u.jsxs)(p,{as:m,className:(0,t.Z)(I.root,a),focusable:"false",color:g,"aria-hidden":!h||void 0,role:h?"img":void 0,ref:n,...w,...f,...y&&d.props,ownerState:j,children:[y?d.props.children:d,h?(0,u.jsx)("title",{children:h}):null]})}));x.muiName="SvgIcon";const g=x;function createSvgIcon(e,n){function Component(n,i){return(0,u.jsx)(g,{"data-testid":void 0,ref:i,...n,children:e})}return Component.muiName=g.muiName,o.memo(o.forwardRef(Component))}}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6650,6474,7654,6587],{56474:(e,n,o)=>{o.r(n),o.d(n,{default:()=>I});var i=o(34988),t=o(75327),r=o(87363),d=o(93379),l=o.n(d),a=o(7795),s=o.n(a),c=o(90569),m=o.n(c),u=o(3565),p=o.n(u),x=o(19216),g=o.n(x),v=o(44589),h=o.n(v),b=o(84887),f={};f.styleTagTransform=h(),f.setAttributes=p(),f.insert=m().bind(null,"head"),f.domAPI=s(),f.insertStyleElement=g();l()(b.Z,f);b.Z&&b.Z.locals&&b.Z.locals;var y=o(47514);const I=function MetaData(e){var n=e.style,o=e.metaData,d=e.visible,l=void 0===d?(0,r.useState)(""):d,a=(0,i.Z)(l,2),s=a[0],c=a[1],m=(0,t.NP)(),u=(0,r.useState)(""),p=(0,i.Z)(u,2),x=p[0],g=p[1],v=m.getViewConfig().displayMetaDatas,h=null==o?void 0:o.find((function(e){return null==v?void 0:v.includes(e.codex)}));return(0,r.useEffect)((function(){if(h){for(var e="",n=0;n<h.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var t=null==o?void 0:o.find((function(e){return e.codex===v[i]}));if(!t)return 1;""!==e&&(e+=" "),e=e+(t.name?t.name+": ":"")+t.values[n]},t=0;t<v.length;t++)i(t)}g(e),c(e)}}),[]),s?(0,y.jsx)("div",{style:n,className:b.B,children:x}):(0,y.jsx)(y.Fragment,{})}},27255:(e,n,o)=>{o.r(n),o.d(n,{default:()=>N});var i=o(75327),t=(o(87363),o(65515)),r=o.n(t),d=o(13703),l=o(93379),a=o.n(l),s=o(7795),c=o.n(s),m=o(90569),u=o.n(m),p=o(3565),x=o.n(p),g=o(19216),v=o.n(g),h=o(44589),b=o.n(h),f=o(7171),y={};y.styleTagTransform=b(),y.setAttributes=x(),y.insert=u().bind(null,"head"),y.domAPI=c(),y.insertStyleElement=v();a()(f.ZP,y);f.ZP&&f.ZP.locals&&f.ZP.locals;var I=o(88683),j=o(21801),w=o(91087),M=o(19456),C=o(47514);const N=function OptionJungle(e){var n,o,t=e.item,l=e.paletteId,a=(e.type,t),s=(0,i.NP)(),c=(0,I.useTranslation)().t;if("TEXT"==a.layout||!s.uiState.isInMobileView)return(0,C.jsx)(d.default,{item:a,paletteId:l});var m,u,p=null===(n=a.text)||void 0===n?void 0:n.split(/,(.+)/)[0],x=null===(o=a.text)||void 0===o?void 0:o.split(/,(.+)/)[1];x||(p=null===(m=a.text)||void 0===m?void 0:m.split(/\((.+)/)[0],x=null===(u=a.text)||void 0===u||null===(u=u.split(/\((.+)/)[1])||void 0===u?void 0:u.replace(")",""));return(0,C.jsxs)("div",{id:a.codex,className:r()(f.nC,a.sel?f.pA:void 0),onClick:function onClick(){s.paletteViewHandler.clickedOnConfigPalette(a,void 0,l)},children:[(0,C.jsx)("img",{style:{maxHeight:s.settingsState.settingsWidth/3},src:a.image,title:a.text+(a.freeText?a.freeText:"")}),(0,C.jsxs)("div",{className:f.jW,children:[(0,C.jsx)("div",{className:r()(f.TN),children:p}),x&&(0,C.jsx)("div",{className:r()(f.z$),children:x})]}),a.contentItemId&&(0,C.jsx)(j.default,{item:a},a.codex),a.disabledByConstructionRule&&(0,C.jsx)("div",{className:r()(f.ox),title:c("configurator."+a.disabledByConstructionRule)}),void 0!==a.pricePreviewPromise&&(0,C.jsx)(w.default,{asyncPricePreview:a.pricePreviewPromise,sel:a.sel}),void 0!==a.checkForReversingChanges&&(0,C.jsx)(M.default,{item:a,paletteId:l})]})}},13703:(e,n,o)=>{o.r(n),o.d(n,{default:()=>I});var i=o(80248),t=o(34988),r=o(65515),d=o.n(r),l=o(75327),a=o(9420),s=o(87363),c=o(94873),m=o(13838),u=o(88683),p=o(86587),x=o(46770),g=o(56474),v=o(55461),h=o(21801),b=o(91087),f=o(19456),y=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,i)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,i.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const I=(0,a.Pi)((function Option(e){var n,o=e.item,i=e.paletteId,r=e.hidePricePreview,a=e.namePostFix,I=o,j=(0,l.NP)(),w=(0,u.useTranslation)().t,M=(0,u.useDivaCore)().state.dimensions,C=M.isMobile,N=M.isTablet,z=(0,s.useState)(""),S=(0,t.Z)(z,2),A=S[0],k=S[1],P={},T={},Z=void 0,E=!1,L={},O=(0,x.XI)({delayEnter:1500,hideOnScroll:!0}),D=(0,x.sJ)({isOpen:O[0],auto:!0,placement:j.getViewConfig().tooltipPosition||"left-center"});return C||N||j.getViewConfig().hideTooltip||!I.image&&!I.hexColor||I.contentItemId||(E=O[0],L=O[1],P=D.triggerProps,T=D.layerProps,Z=D.renderLayer),(0,y.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:I.codex,"data-test-id":"plannerPaletteItem",className:d()(c.CA,I.sel?c.pA:void 0),onClick:function onClick(){I.doShowFav&&j.paletteViewHandler.clickedOnFavIcon(I),j.paletteViewHandler.clickedOnConfigPalette(I,void 0,i)}},P),L),{},{children:[(0,y.jsxs)("div",{className:d()(c.iZ,c.NC),children:[I.sel&&(0,y.jsx)(p.default,{listenToOptionVariables:!0}),I.contentItemId&&(0,y.jsx)(h.default,{item:I,style:{bottom:8}},I.codex),"TEXT"==I.layout&&(0,y.jsx)("div",{className:c.$l}),!("TEXT"==I.layout)&&(0,y.jsx)("div",{className:c.K5,style:{backgroundImage:"url(".concat(I.image,")")}}),(0,y.jsxs)("div",{className:d()(c.AR,"TEXT"==I.layout?c.Eb:void 0),children:[(0,y.jsx)("div",{className:d()(c.db,""!==A?c.Bm:void 0),dangerouslySetInnerHTML:{__html:I.text+(a||"")}}),(0,y.jsx)(g.default,{style:{position:"relative",float:"left"},metaData:I.metaData,visible:[A,k]},I.codex)]}),E&&(null===(n=Z)||void 0===n?void 0:n((0,y.jsx)(v.default,{text:I.text+(I.freeText?I.freeText:"")+(a||""),desciption:A,image:I.image,hexColor:I.hexColor,pricePreviewPromise:I.pricePreviewPromise,layerProps:T},I.codex))),I.doShowFav&&(0,y.jsx)("div",{className:I.isFav?m.Md:m.Hq})]}),!r&&void 0!==I.pricePreviewPromise&&(0,y.jsx)(b.default,{asyncPricePreview:I.pricePreviewPromise,sel:I.sel}),void 0!==I.checkForReversingChanges&&(0,y.jsx)(f.default,{item:I,paletteId:i}),I.disabledByConstructionRule&&(0,y.jsx)("div",{className:d()(c.ox),title:w("configurator."+I.disabledByConstructionRule)})]}))}))},86587:(e,n,o)=>{o.r(n),o.d(n,{default:()=>d});var i=o(80248),t=(o(87363),o(2765)),r=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,i)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,i.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const d=function IsActive(e){return(0,r.jsx)(t.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive"}))}},84887:(e,n,o)=>{o.d(n,{B:()=>l,Z:()=>a});var i=o(8081),t=o.n(i),r=o(23645),d=o.n(r)()(t());d.push([e.id,".index-module--hpPAb {\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  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--hpPAb,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--hpPAb {\n  color: #fff;\n}\n",""]);var l="index-module--hpPAb";const a=d},7171:(e,n,o)=>{o.d(n,{TN:()=>g,ZP:()=>b,jW:()=>x,nC:()=>u,ox:()=>h,pA:()=>p,z$:()=>v});var i=o(8081),t=o.n(i),r=o(23645),d=o.n(r),l=o(61667),a=o.n(l),s=new URL(o(63173),o.b),c=d()(t()),m=a()(s);c.push([e.id,".index-module--XbsoT {\n  position: relative;\n  box-sizing: border-box;\n  border: 2px solid #e8e9ed;\n  border-radius: 6px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.index-module--XbsoT.index-module--eU3AB {\n  border: 2px solid var(--secondaryColor);\n}\n\n.index-module--XbsoT img {\n  width: 100%;\n\n  -o-object-fit: contain;\n\n     object-fit: contain;\n}\n\n.index-module--rj5CV {\n  height: 30px;\n  color: #4b4b4b;\n  background: #f2f2f2;\n}\n.index-module--sHLkk,\n.index-module--fzIuI {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  height: 1.2em;\n  text-align: right;\n  margin: 0 3px;\n}\n\n.index-module--sHLkk {\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  font-weight: 600;\n  font-size: 13px;\n  line-height: 15px;\n}\n\n.index-module--fzIuI {\n  -webkit-line-clamp: 1;\n  white-space: nowrap;\n  font-size: 9px;\n  line-height: 12px;\n  font-weight: 300;\n}\n\n.index-module--rEqp0 {\n  display: block;\n  height: 30px;\n  background-image: url("+m+");\n  width: 30px;\n  background-repeat: no-repeat;\n  background-size: contain;\n  padding: 0;\n  position: absolute;\n  z-index: 888;\n  top: 0;\n  right: 0;\n}\n",""]);var u="index-module--XbsoT",p="index-module--eU3AB",x="index-module--rj5CV",g="index-module--sHLkk",v="index-module--fzIuI",h="index-module--rEqp0";const b=c},6284:(e,n,o)=>{o.d(n,{$l:()=>h,AR:()=>f,Bm:()=>j,CA:()=>u,Eb:()=>y,K5:()=>b,NC:()=>v,ZP:()=>M,db:()=>I,iZ:()=>x,ox:()=>w,pA:()=>p,vc:()=>g});var i=o(8081),t=o.n(i),r=o(23645),d=o.n(r),l=o(61667),a=o.n(l),s=new URL(o(63173),o.b),c=d()(t()),m=a()(s);c.push([e.id,"/*ConfigPalette with Normal & Small */\n\n.index-module--FGg5H {\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\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--FGg5H,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--FGg5H {\n  background-color: #374c86;\n}\n\n.index-module--zZnWk {\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderSelColor, var(--primaryColor));\n}\n\n.index-module--FGg5H: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--FGg5H: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--FGg5H .index-module--pQje2 {\n  width: 98%;\n  background: white;\n  position: relative;\n  /* border-radius: var(--globalBorderRadius);*/\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--FGg5H .index-module--pQje2,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--FGg5H .index-module--pQje2 {\n  background-color: #374c86;\n}\n\n.index-module--FGg5H.index-module--OqFNz {\n  width: 48%;\n  float: left;\n  margin-left: 1%;\n  margin-right: 1%;\n}\n\n.index-module--FGg5H .index-module--pQje2.index-module--CcpMC {\n  height: 80px;\n}\n\n.index-module--FGg5H .index-module--pQje2.index-module--II_8j {\n  height: 64px;\n}\n\n.index-module--FGg5H .index-module--dUy8g {\n  width: 18px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--FGg5H .index-module--CcpMC .index-module--Z8KXz {\n  height: 80px;\n  width: 112px;\n}\n\n.index-module--FGg5H .index-module--II_8j .index-module--Z8KXz {\n  height: 64px;\n  width: 96px;\n}\n.index-module--FGg5H.index-module--OqFNz .index-module--Z8KXz {\n  height: 64px;\n  width: 64px;\n}\n\n.index-module--FGg5H .index-module--Z8KXz {\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--m9VzR {\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--Y5eRx {\n  max-width: calc(100% - 32px);\n}\n\n.index-module--FGg5H.index-module--OqFNz .index-module--m9VzR {\n  max-width: 50%;\n  margin-top: 17.6px;\n}\n\n.index-module--FGg5H .index-module--mZh26 {\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.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--FGg5H .index-module--mZh26,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--FGg5H .index-module--mZh26 {\n  color: #fff;\n}\n\n.index-module--FGg5H .index-module--mZh26.index-module--NabGm {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--CcpMC .index-module--mZh26 {\n  -webkit-line-clamp: 3;\n}\n\n.index-module--II_8j .index-module--mZh26 {\n  -webkit-line-clamp: 2;\n}\n\n@media all and (max-width: 1100px) {\n  .index-module--FGg5H .index-module--CcpMC {\n    height: 80px;\n  }\n\n  .index-module--FGg5H .index-module--CcpMC img {\n    height: 80px;\n  }\n\n  .index-module--m9VzR {\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--iEJ0N {\n  float: right;\n  z-index: 900;\n}\n\n.index-module--MhR1_ .index-module--iEJ0N {\n  float: right;\n  margin-right: 11.2px;\n  width: auto;\n}\n\n.index-module--2NJnv {\n  display: block;\n  height: 30px;\n  background-image: url("+m+");\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 u="index-module--FGg5H",p="index-module--zZnWk",x="index-module--pQje2",g="index-module--CcpMC",v="index-module--II_8j",h="index-module--dUy8g",b="index-module--Z8KXz",f="index-module--m9VzR",y="index-module--Y5eRx",I="index-module--mZh26",j="index-module--NabGm",w="index-module--2NJnv";const M=c},94873:(e,n,o)=>{o.d(n,{$l:()=>g.$l,AR:()=>g.AR,Bm:()=>g.Bm,CA:()=>g.CA,Eb:()=>g.Eb,K5:()=>g.K5,NC:()=>g.NC,db:()=>g.db,iZ:()=>g.iZ,ox:()=>g.ox,pA:()=>g.pA,vc:()=>g.vc});var i=o(93379),t=o.n(i),r=o(7795),d=o.n(r),l=o(90569),a=o.n(l),s=o(3565),c=o.n(s),m=o(19216),u=o.n(m),p=o(44589),x=o.n(p),g=o(6284),v={};v.styleTagTransform=x(),v.setAttributes=c(),v.insert=a().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=u();t()(g.ZP,v),g.ZP&&g.ZP.locals&&g.ZP.locals},63173:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4zMTExNyAwIDAgMS4zMDIzOSA3MzcuMzkgMTU5LjkxKSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSIwIiB5Mj0iLS41OTkiIHgyPSIwIiB5MT0iNDUuNDciPjxzdG9wIHN0b3AtY29sb3I9IiNmZmM1MTUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmQ1NWIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyB0cmFuc2Zvcm09Im1hdHJpeCguODU3MTQgMCAwIC44NTcxNC02MjcuMDItMTMwLjgpIj48cGF0aCBkPSJtNzk3Ljk0IDIxMi4wMWwtMjUuNjA3LTQ4Yy0uNzM2LTEuMzMzLTIuMDY4LTIuMDc0LTMuNTUxLTIuMDc0LTEuNDgzIDAtMi44MjIuODg5LTMuNTY5IDIuMjIybC0yNS40MTcgNDhjLS41OTggMS4xODUtLjYwNSAyLjgxNS4xMzIgNCAuNzM3IDEuMTg1IDEuOTIxIDEuNzc4IDMuNDA0IDEuNzc4aDUxLjAyYzEuNDgzIDAgMi44MjEtLjc0MSAzLjQyLTEuOTI2Ljc0Ny0xLjE4NS43NTMtMi42NjcuMTY1LTQiIGZpbGw9InVybCgjMCkiLz48cGF0aCBkPSJtLTI2LjMwOSAxOC4wN2MtMS4xOCAwLTIuMTM1Ljk2OC0yLjEzNSAyLjEyOXYxMi44MmMwIDEuMTc2Ljk0OCAyLjEyOSAyLjEzNSAyLjEyOSAxLjE4MyAwIDIuMTM1LS45NjggMi4xMzUtMi4xMjl2LTEyLjgyYzAtMS4xNzYtLjk0Ni0yLjEyOS0yLjEzNS0yLjEyOXptMCAyMS4zNDhjLTEuMTggMC0yLjEzNS45NTQtMi4xMzUgMi4xMzUgMCAxLjE4Ljk1NCAyLjEzNSAyLjEzNSAyLjEzNSAxLjE4MSAwIDIuMTM1LS45NTQgMi4xMzUtMi4xMzUgMC0xLjE4LS45NTItMi4xMzUtMi4xMzUtMi4xMzV6IiB0cmFuc2Zvcm09Im1hdHJpeCgxLjA1MTk2IDAgMCAxLjA1MTk2IDc5Ni41MyAxNjEuODcpIiBmaWxsPSIjMDAwIiBzdHJva2U9IiM0MDMzMGQiIGZpbGwtb3BhY2l0eT0iLjc1Ii8+PC9nPjwvc3ZnPg=="},16008:(e,n,o)=>{o.d(n,{Z:()=>r});var i=o(59654),t=o(47514);const r=(0,i.Z)((0,t.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12m8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8"}),"Block")},75275:(e,n,o)=>{o.d(n,{Z:()=>r});var i=o(59654),t=o(47514);const r=(0,i.Z)((0,t.jsx)("path",{d:"M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"}),"Warning")},59654:(e,n,o)=>{o.d(n,{Z:()=>createSvgIcon});var i=o(87363),t=o(87726),r=o(91104),d=o(94299),l=o(5230),a=o(90659),s=o(56047),c=o(18685),m=o(36735);function getSvgIconUtilityClass(e){return(0,m.ZP)("MuiSvgIcon",e)}(0,c.Z)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var u=o(47514);const p=(0,l.ZP)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(e,n)=>{const{ownerState:o}=e;return[n.root,"inherit"!==o.color&&n[`color${(0,d.Z)(o.color)}`],n[`fontSize${(0,d.Z)(o.fontSize)}`]]}})((0,a.Z)((({theme:e})=>({userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:e.transitions?.create?.("fill",{duration:(e.vars??e).transitions?.duration?.shorter}),variants:[{props:e=>!e.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:e.typography?.pxToRem?.(20)||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:e.typography?.pxToRem?.(24)||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:e.typography?.pxToRem?.(35)||"2.1875rem"}},...Object.entries((e.vars??e).palette).filter((([,e])=>e&&e.main)).map((([n])=>({props:{color:n},style:{color:(e.vars??e).palette?.[n]?.main}}))),{props:{color:"action"},style:{color:(e.vars??e).palette?.action?.active}},{props:{color:"disabled"},style:{color:(e.vars??e).palette?.action?.disabled}},{props:{color:"inherit"},style:{color:void 0}}]})))),x=i.forwardRef((function SvgIcon(e,n){const o=(0,s.i)({props:e,name:"MuiSvgIcon"}),{children:l,className:a,color:c="inherit",component:m="svg",fontSize:x="medium",htmlColor:g,inheritViewBox:v=!1,titleAccess:h,viewBox:b="0 0 24 24",...f}=o,y=i.isValidElement(l)&&"svg"===l.type,I={...o,color:c,component:m,fontSize:x,instanceFontSize:e.fontSize,inheritViewBox:v,viewBox:b,hasSvgAsChild:y},j={};v||(j.viewBox=b);const w=(e=>{const{color:n,fontSize:o,classes:i}=e,t={root:["root","inherit"!==n&&`color${(0,d.Z)(n)}`,`fontSize${(0,d.Z)(o)}`]};return(0,r.Z)(t,getSvgIconUtilityClass,i)})(I);return(0,u.jsxs)(p,{as:m,className:(0,t.Z)(w.root,a),focusable:"false",color:g,"aria-hidden":!h||void 0,role:h?"img":void 0,ref:n,...j,...f,...y&&l.props,ownerState:I,children:[y?l.props.children:l,h?(0,u.jsx)("title",{children:h}):null]})}));x.muiName="SvgIcon";const g=x;function createSvgIcon(e,n){function Component(n,o){return(0,u.jsx)(g,{"data-testid":void 0,ref:o,...n,children:e})}return Component.muiName=g.muiName,i.memo(i.forwardRef(Component))}}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6939.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6939,6474],{56474:(e,n,o)=>{o.r(n),o.d(n,{default:()=>w});var i=o(34988),t=o(75327),r=o(87363),l=o(93379),d=o.n(l),a=o(7795),s=o.n(a),c=o(90569),x=o.n(c),m=o(3565),p=o.n(m),u=o(19216),h=o.n(u),v=o(44589),f=o.n(v),g=o(84887),b={};b.styleTagTransform=f(),b.setAttributes=p(),b.insert=x().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=h();d()(g.Z,b);g.Z&&g.Z.locals&&g.Z.locals;var y=o(47514);const w=function MetaData(e){var n=e.style,o=e.metaData,l=e.visible,d=void 0===l?(0,r.useState)(""):l,a=(0,i.Z)(d,2),s=a[0],c=a[1],x=(0,t.NP)(),m=(0,r.useState)(""),p=(0,i.Z)(m,2),u=p[0],h=p[1],v=x.getViewConfig().displayMetaDatas,f=null==o?void 0:o.find((function(e){return null==v?void 0:v.includes(e.codex)}));return(0,r.useEffect)((function(){if(f){for(var e="",n=0;n<f.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var t=null==o?void 0:o.find((function(e){return e.codex===v[i]}));if(!t)return 1;""!==e&&(e+=" "),e=e+(t.name?t.name+": ":"")+t.values[n]},t=0;t<v.length;t++)i(t)}h(e),c(e)}}),[]),s?(0,y.jsx)("div",{style:n,className:g.B,children:u}):(0,y.jsx)(y.Fragment,{})}},27078:(e,n,o)=>{o.r(n),o.d(n,{default:()=>N});var i=o(80248),t=o(34988),r=o(65515),l=o.n(r),d=o(75327),a=o(9420),s=o(87363),c=o(93379),x=o.n(c),m=o(7795),p=o.n(m),u=o(90569),h=o.n(u),v=o(3565),f=o.n(v),g=o(19216),b=o.n(g),y=o(44589),w=o.n(y),S=o(31636),z={};z.styleTagTransform=w(),z.setAttributes=f(),z.insert=h().bind(null,"head"),z.domAPI=p(),z.insertStyleElement=b();x()(S.ZP,z);S.ZP&&S.ZP.locals&&S.ZP.locals;var j=o(13838),C=o(46770),P=o(55461),k=o(56474),I=o(88683),B=o(21801),O=o(91087),Z=o(19456),M=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,i)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,i.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const N=(0,a.Pi)((function Option(e){var n,o,i=e.item,r=e.type,a=e.paletteId,c=e.hidePricePreview,x=e.namePostFix,m=i,p=(0,d.NP)(),u=(0,s.useState)(""),h=(0,t.Z)(u,2),v=h[0],f=h[1],g=(0,I.useDivaCore)().state.dimensions,b=g.isMobile,y=g.isTablet,w={},z={},N=void 0,D=!1,E={},A=(0,C.XI)({delayEnter:1500,hideOnScroll:!0}),G=(0,C.sJ)({isOpen:A[0],auto:!0,placement:p.getViewConfig().tooltipPosition||"left-center"});return b||y||p.getViewConfig().hideTooltip||!m.image&&!m.hexColor||m.contentItemId||(D=A[0],E=A[1],w=G.triggerProps,z=G.layerProps,N=G.renderLayer),(0,M.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:m.codex,className:l()(S.CA,m.sel?S.pA:void 0,"big"==r?S.Eb:void 0,"small"==r?S.yG:void 0,p.getIsInMobileView()?S.ai:void 0,p.uiState.isTablet?S.Mq:void 0),onClick:function onClick(){p.paletteViewHandler.clickedOnConfigPalette(m,void 0,a)}},w),E),{},{children:[(0,M.jsxs)("div",{className:l()(S.be),children:[p.getViewConfig().showVCodexInGallery&&m.vCodex&&(0,M.jsx)("div",{className:l()(S.rq),children:m.vCodex}),m.image?(0,M.jsx)("img",{className:l()(S.K5),src:"small"!=r?m.image.replace("_gal",""):m.image}):(0,M.jsx)("div",{className:l()(S.K5),style:{backgroundColor:"#"+(null!==(n=m.hexColor)&&void 0!==n?n:"fff")}}),m.contentItemId&&(0,M.jsx)(B.default,{item:m},m.codex)]}),(0,M.jsx)("div",{className:S.FJ,children:(0,M.jsx)("div",{className:S.TN,dangerouslySetInnerHTML:{__html:m.text+(x||"")}})}),m.doShowFav&&(0,M.jsx)("div",{className:m.isFav?j.Md:j.Hq,onClick:function onClick(){return p.paletteViewHandler.clickedOnFavIcon(m)}}),(0,M.jsx)(k.default,{style:{position:"relative",float:"left",display:"none"},metaData:m.metaData,visible:[v,f]},m.codex),!c&&void 0!==m.pricePreviewPromise&&(0,M.jsx)(O.default,{asyncPricePreview:m.pricePreviewPromise,sel:m.sel,style:"small"==r?{fontSize:9}:void 0}),void 0!==m.checkForReversingChanges&&(0,M.jsx)(Z.default,{item:m,paletteId:a}),D&&(null===(o=N)||void 0===o?void 0:o((0,M.jsx)(P.default,{text:m.text+(m.freeText?m.freeText:"")+(x||""),hexColor:m.hexColor,desciption:v,pricePreviewPromise:m.pricePreviewPromise,image:m.image,layerProps:z},m.codex)))]}))}))},84887:(e,n,o)=>{o.d(n,{B:()=>d,Z:()=>a});var i=o(8081),t=o.n(i),r=o(23645),l=o.n(r)()(t());l.push([e.id,".index-module--hpPAb {\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  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--hpPAb {\n  color: #fff;\n}\n",""]);var d="index-module--hpPAb";const a=l},31636:(e,n,o)=>{o.d(n,{CA:()=>d,Eb:()=>f,FJ:()=>p,K5:()=>m,Mq:()=>v,TN:()=>u,ZP:()=>g,ai:()=>h,be:()=>c,pA:()=>s,rq:()=>a,yG:()=>x});var i=o(8081),t=o.n(i),r=o(23645),l=o.n(r)()(t());l.push([e.id,"/*Size Normal */\n\n.index-module--zdGOB {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.index-module--zdGOB:active,\n.index-module--zdGOB:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--QEpYS {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n  color: white;\n  display: none;\n  text-align: center;\n}\n\n.index-module--zdGOB:hover .index-module--QEpYS,\n.index-module--pcB57 .index-module--QEpYS {\n  display: block;\n}\n\n.index-module--ZjI8q {\n  border-radius: calc(var(--globalBorderRadius) * 2 + 2px);\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n.index-module--zdGOB:hover .index-module--ZjI8q {\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--pcB57.index-module--zdGOB:hover .index-module--ZjI8q,\n.index-module--ljMpw.index-module--pcB57.index-module--zdGOB:hover .index-module--ZjI8q {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--pcB57 .index-module--ZjI8q,\n.index-module--ljMpw.index-module--pcB57 .index-module--ZjI8q {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--Ga2vs {\n  width: calc(100% - 8px);\n  border: 4px white solid;\n  border-radius: calc(var(--globalBorderRadius) * 2 + 2px);\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  -o-object-fit: contain;\n     object-fit: contain;\n  background-color: #fff;\n  transition: border 0.3s ease;\n  aspect-ratio: 1/1;\n}\n.index-module--pcB57 .index-module--Ga2vs,\n.index-module--ljMpw.index-module--pcB57 .index-module--Ga2vs {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--dwBQn {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--n4xih {\n  display: flex;\n  justify-content: center;\n  overflow: visible;\n  max-height: 32px;\n}\n\n.index-module--h2hli {\n  text-align: center;\n  width: 100%;\n  height: 32px;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  max-height: -moz-fit-content;\n  max-height: fit-content;\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  transition: height 0.3s ease-out;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--h2hli {\n  color: #fff;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0) .index-module--h2hli {\n  font-size: 12px;\n  line-height: 14px;\n}\n\n.index-module--zdGOB:hover .index-module--h2hli,\n.index-module--zdGOB:focus .index-module--h2hli {\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  -webkit-line-clamp: 30;\n  height: 50px;\n  z-index: 200;\n  background-color: var(--settingsBackgroundColor);\n  border-bottom-left-radius: 6px;\n  border-bottom-right-radius: 6px;\n  transition: height 0.3s ease-in;\n}\n\n@supports (-moz-appearance: none) {\n  .index-module--zdGOB:hover .index-module--h2hli,\n  .index-module--zdGOB:focus .index-module--h2hli {\n    height: -moz-fit-content;\n    height: fit-content;\n  }\n}\n\n/* Size Small */\n\n.index-module--ljMpw .index-module--QEpYS {\n  font-size: 12px;\n}\n\n.index-module--ljMpw .index-module--h2hli {\n  font-size: 12px;\n  height: 16px;\n  -webkit-line-clamp: 1;\n}\n\n.index-module--ljMpw .index-module--n4xih {\n  max-height: 14px;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0).index-module--ljMpw .index-module--h2hli {\n  font-size: 11px;\n  height: 14px;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0).index-module--ljMpw .index-module--n4xih {\n  max-height: 14px;\n}\n\n/* Size big */\n\n.index-module--e6Piy .index-module--QEpYS {\n  font-size: 15px;\n}\n\n.index-module--e6Piy .index-module--h2hli {\n  font-size: 15px;\n  -webkit-line-clamp: 2;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0).index-module--e6Piy .index-module--h2hli {\n  font-size: 13px;\n}\n",""]);var d="index-module--zdGOB",a="index-module--QEpYS",s="index-module--pcB57",c="index-module--ZjI8q",x="index-module--ljMpw",m="index-module--Ga2vs",p="index-module--n4xih",u="index-module--h2hli",h="index-module--D9rSr",v="index-module--xR2x0",f="index-module--e6Piy";const g=l},16008:(e,n,o)=>{o.d(n,{Z:()=>r});var i=o(59654),t=o(47514);const r=(0,i.Z)((0,t.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12m8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8"}),"Block")},75275:(e,n,o)=>{o.d(n,{Z:()=>r});var i=o(59654),t=o(47514);const r=(0,i.Z)((0,t.jsx)("path",{d:"M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"}),"Warning")},59654:(e,n,o)=>{o.d(n,{Z:()=>createSvgIcon});var i=o(87363),t=o(87726),r=o(91104),l=o(94299),d=o(5230),a=o(90659),s=o(56047),c=o(18685),x=o(36735);function getSvgIconUtilityClass(e){return(0,x.ZP)("MuiSvgIcon",e)}(0,c.Z)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var m=o(47514);const p=(0,d.ZP)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(e,n)=>{const{ownerState:o}=e;return[n.root,"inherit"!==o.color&&n[`color${(0,l.Z)(o.color)}`],n[`fontSize${(0,l.Z)(o.fontSize)}`]]}})((0,a.Z)((({theme:e})=>({userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:e.transitions?.create?.("fill",{duration:(e.vars??e).transitions?.duration?.shorter}),variants:[{props:e=>!e.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:e.typography?.pxToRem?.(20)||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:e.typography?.pxToRem?.(24)||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:e.typography?.pxToRem?.(35)||"2.1875rem"}},...Object.entries((e.vars??e).palette).filter((([,e])=>e&&e.main)).map((([n])=>({props:{color:n},style:{color:(e.vars??e).palette?.[n]?.main}}))),{props:{color:"action"},style:{color:(e.vars??e).palette?.action?.active}},{props:{color:"disabled"},style:{color:(e.vars??e).palette?.action?.disabled}},{props:{color:"inherit"},style:{color:void 0}}]})))),u=i.forwardRef((function SvgIcon(e,n){const o=(0,s.i)({props:e,name:"MuiSvgIcon"}),{children:d,className:a,color:c="inherit",component:x="svg",fontSize:u="medium",htmlColor:h,inheritViewBox:v=!1,titleAccess:f,viewBox:g="0 0 24 24",...b}=o,y=i.isValidElement(d)&&"svg"===d.type,w={...o,color:c,component:x,fontSize:u,instanceFontSize:e.fontSize,inheritViewBox:v,viewBox:g,hasSvgAsChild:y},S={};v||(S.viewBox=g);const z=(e=>{const{color:n,fontSize:o,classes:i}=e,t={root:["root","inherit"!==n&&`color${(0,l.Z)(n)}`,`fontSize${(0,l.Z)(o)}`]};return(0,r.Z)(t,getSvgIconUtilityClass,i)})(w);return(0,m.jsxs)(p,{as:x,className:(0,t.Z)(z.root,a),focusable:"false",color:h,"aria-hidden":!f||void 0,role:f?"img":void 0,ref:n,...S,...b,...y&&d.props,ownerState:w,children:[y?d.props.children:d,f?(0,m.jsx)("title",{children:f}):null]})}));u.muiName="SvgIcon";const h=u;function createSvgIcon(e,n){function Component(n,o){return(0,m.jsx)(h,{"data-testid":void 0,ref:o,...n,children:e})}return Component.muiName=h.muiName,i.memo(i.forwardRef(Component))}}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6939,6474],{56474:(e,n,o)=>{o.r(n),o.d(n,{default:()=>w});var i=o(34988),t=o(75327),r=o(87363),l=o(93379),d=o.n(l),a=o(7795),s=o.n(a),c=o(90569),m=o.n(c),x=o(3565),p=o.n(x),u=o(19216),h=o.n(u),v=o(44589),f=o.n(v),g=o(84887),b={};b.styleTagTransform=f(),b.setAttributes=p(),b.insert=m().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=h();d()(g.Z,b);g.Z&&g.Z.locals&&g.Z.locals;var y=o(47514);const w=function MetaData(e){var n=e.style,o=e.metaData,l=e.visible,d=void 0===l?(0,r.useState)(""):l,a=(0,i.Z)(d,2),s=a[0],c=a[1],m=(0,t.NP)(),x=(0,r.useState)(""),p=(0,i.Z)(x,2),u=p[0],h=p[1],v=m.getViewConfig().displayMetaDatas,f=null==o?void 0:o.find((function(e){return null==v?void 0:v.includes(e.codex)}));return(0,r.useEffect)((function(){if(f){for(var e="",n=0;n<f.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var t=null==o?void 0:o.find((function(e){return e.codex===v[i]}));if(!t)return 1;""!==e&&(e+=" "),e=e+(t.name?t.name+": ":"")+t.values[n]},t=0;t<v.length;t++)i(t)}h(e),c(e)}}),[]),s?(0,y.jsx)("div",{style:n,className:g.B,children:u}):(0,y.jsx)(y.Fragment,{})}},27078:(e,n,o)=>{o.r(n),o.d(n,{default:()=>M});var i=o(80248),t=o(34988),r=o(65515),l=o.n(r),d=o(75327),a=o(9420),s=o(87363),c=o(93379),m=o.n(c),x=o(7795),p=o.n(x),u=o(90569),h=o.n(u),v=o(3565),f=o.n(v),g=o(19216),b=o.n(g),y=o(44589),w=o.n(y),S=o(31636),z={};z.styleTagTransform=w(),z.setAttributes=f(),z.insert=h().bind(null,"head"),z.domAPI=p(),z.insertStyleElement=b();m()(S.ZP,z);S.ZP&&S.ZP.locals&&S.ZP.locals;var j=o(13838),C=o(46770),P=o(55461),I=o(56474),k=o(88683),B=o(21801),O=o(91087),Z=o(19456),A=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,i)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,i.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const M=(0,a.Pi)((function Option(e){var n,o,i=e.item,r=e.type,a=e.paletteId,c=e.hidePricePreview,m=e.namePostFix,x=i,p=(0,d.NP)(),u=(0,s.useState)(""),h=(0,t.Z)(u,2),v=h[0],f=h[1],g=(0,k.useDivaCore)().state.dimensions,b=g.isMobile,y=g.isTablet,w={},z={},M=void 0,N=!1,D={},E=(0,C.XI)({delayEnter:1500,hideOnScroll:!0}),G=(0,C.sJ)({isOpen:E[0],auto:!0,placement:p.getViewConfig().tooltipPosition||"left-center"});return b||y||p.getViewConfig().hideTooltip||!x.image&&!x.hexColor||x.contentItemId||(N=E[0],D=E[1],w=G.triggerProps,z=G.layerProps,M=G.renderLayer),(0,A.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:x.codex,className:l()(S.CA,x.sel?S.pA:void 0,"big"==r?S.Eb:void 0,"small"==r?S.yG:void 0,p.getIsInMobileView()?S.ai:void 0,p.uiState.isTablet?S.Mq:void 0),onClick:function onClick(){p.paletteViewHandler.clickedOnConfigPalette(x,void 0,a)}},w),D),{},{children:[(0,A.jsxs)("div",{className:l()(S.be),children:[p.getViewConfig().showVCodexInGallery&&x.vCodex&&(0,A.jsx)("div",{className:l()(S.rq),children:x.vCodex}),x.image?(0,A.jsx)("img",{className:l()(S.K5),src:"small"!=r?x.image.replace("_gal",""):x.image}):(0,A.jsx)("div",{className:l()(S.K5),style:{backgroundColor:"#"+(null!==(n=x.hexColor)&&void 0!==n?n:"fff")}}),x.contentItemId&&(0,A.jsx)(B.default,{item:x},x.codex)]}),(0,A.jsx)("div",{className:S.FJ,children:(0,A.jsx)("div",{className:S.TN,dangerouslySetInnerHTML:{__html:x.text+(m||"")}})}),x.doShowFav&&(0,A.jsx)("div",{className:x.isFav?j.Md:j.Hq,onClick:function onClick(){return p.paletteViewHandler.clickedOnFavIcon(x)}}),(0,A.jsx)(I.default,{style:{position:"relative",float:"left",display:"none"},metaData:x.metaData,visible:[v,f]},x.codex),!c&&void 0!==x.pricePreviewPromise&&(0,A.jsx)(O.default,{asyncPricePreview:x.pricePreviewPromise,sel:x.sel,style:"small"==r?{fontSize:9}:void 0}),void 0!==x.checkForReversingChanges&&(0,A.jsx)(Z.default,{item:x,paletteId:a}),N&&(null===(o=M)||void 0===o?void 0:o((0,A.jsx)(P.default,{text:x.text+(x.freeText?x.freeText:"")+(m||""),hexColor:x.hexColor,desciption:v,pricePreviewPromise:x.pricePreviewPromise,image:x.image,layerProps:z},x.codex)))]}))}))},84887:(e,n,o)=>{o.d(n,{B:()=>d,Z:()=>a});var i=o(8081),t=o.n(i),r=o(23645),l=o.n(r)()(t());l.push([e.id,".index-module--hpPAb {\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  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--hpPAb,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--hpPAb {\n  color: #fff;\n}\n",""]);var d="index-module--hpPAb";const a=l},31636:(e,n,o)=>{o.d(n,{CA:()=>d,Eb:()=>f,FJ:()=>p,K5:()=>x,Mq:()=>v,TN:()=>u,ZP:()=>g,ai:()=>h,be:()=>c,pA:()=>s,rq:()=>a,yG:()=>m});var i=o(8081),t=o.n(i),r=o(23645),l=o.n(r)()(t());l.push([e.id,"/*Size Normal */\n\n.index-module--zdGOB {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.index-module--zdGOB:active,\n.index-module--zdGOB:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--QEpYS {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n  color: white;\n  display: none;\n  text-align: center;\n}\n\n.index-module--zdGOB:hover .index-module--QEpYS,\n.index-module--pcB57 .index-module--QEpYS {\n  display: block;\n}\n\n.index-module--ZjI8q {\n  border-radius: calc(var(--globalBorderRadius) * 2 + 2px);\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n.index-module--zdGOB:hover .index-module--ZjI8q {\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--pcB57.index-module--zdGOB:hover .index-module--ZjI8q,\n.index-module--ljMpw.index-module--pcB57.index-module--zdGOB:hover .index-module--ZjI8q {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--pcB57 .index-module--ZjI8q,\n.index-module--ljMpw.index-module--pcB57 .index-module--ZjI8q {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--Ga2vs {\n  width: calc(100% - 8px);\n  border: 4px white solid;\n  border-radius: calc(var(--globalBorderRadius) * 2 + 2px);\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  -o-object-fit: contain;\n     object-fit: contain;\n  background-color: #fff;\n  transition: border 0.3s ease;\n  aspect-ratio: 1/1;\n}\n.index-module--pcB57 .index-module--Ga2vs,\n.index-module--ljMpw.index-module--pcB57 .index-module--Ga2vs {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--dwBQn {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--n4xih {\n  display: flex;\n  justify-content: center;\n  overflow: visible;\n  max-height: 32px;\n}\n\n.index-module--h2hli {\n  text-align: center;\n  width: 100%;\n  height: 32px;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  max-height: -moz-fit-content;\n  max-height: fit-content;\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  transition: height 0.3s ease-out;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--h2hli,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--h2hli {\n  color: #fff;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0) .index-module--h2hli {\n  font-size: 12px;\n  line-height: 14px;\n}\n\n.index-module--zdGOB:hover .index-module--h2hli,\n.index-module--zdGOB:focus .index-module--h2hli {\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  -webkit-line-clamp: 30;\n  height: 50px;\n  z-index: 200;\n  background-color: var(--settingsBackgroundColor);\n  border-bottom-left-radius: 6px;\n  border-bottom-right-radius: 6px;\n  transition: height 0.3s ease-in;\n}\n\n@supports (-moz-appearance: none) {\n  .index-module--zdGOB:hover .index-module--h2hli,\n  .index-module--zdGOB:focus .index-module--h2hli {\n    height: -moz-fit-content;\n    height: fit-content;\n  }\n}\n\n/* Size Small */\n\n.index-module--ljMpw .index-module--QEpYS {\n  font-size: 12px;\n}\n\n.index-module--ljMpw .index-module--h2hli {\n  font-size: 12px;\n  height: 16px;\n  -webkit-line-clamp: 1;\n}\n\n.index-module--ljMpw .index-module--n4xih {\n  max-height: 14px;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0).index-module--ljMpw .index-module--h2hli {\n  font-size: 11px;\n  height: 14px;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0).index-module--ljMpw .index-module--n4xih {\n  max-height: 14px;\n}\n\n/* Size big */\n\n.index-module--e6Piy .index-module--QEpYS {\n  font-size: 15px;\n}\n\n.index-module--e6Piy .index-module--h2hli {\n  font-size: 15px;\n  -webkit-line-clamp: 2;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0).index-module--e6Piy .index-module--h2hli {\n  font-size: 13px;\n}\n",""]);var d="index-module--zdGOB",a="index-module--QEpYS",s="index-module--pcB57",c="index-module--ZjI8q",m="index-module--ljMpw",x="index-module--Ga2vs",p="index-module--n4xih",u="index-module--h2hli",h="index-module--D9rSr",v="index-module--xR2x0",f="index-module--e6Piy";const g=l},16008:(e,n,o)=>{o.d(n,{Z:()=>r});var i=o(59654),t=o(47514);const r=(0,i.Z)((0,t.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12m8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8"}),"Block")},75275:(e,n,o)=>{o.d(n,{Z:()=>r});var i=o(59654),t=o(47514);const r=(0,i.Z)((0,t.jsx)("path",{d:"M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"}),"Warning")},59654:(e,n,o)=>{o.d(n,{Z:()=>createSvgIcon});var i=o(87363),t=o(87726),r=o(91104),l=o(94299),d=o(5230),a=o(90659),s=o(56047),c=o(18685),m=o(36735);function getSvgIconUtilityClass(e){return(0,m.ZP)("MuiSvgIcon",e)}(0,c.Z)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var x=o(47514);const p=(0,d.ZP)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(e,n)=>{const{ownerState:o}=e;return[n.root,"inherit"!==o.color&&n[`color${(0,l.Z)(o.color)}`],n[`fontSize${(0,l.Z)(o.fontSize)}`]]}})((0,a.Z)((({theme:e})=>({userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:e.transitions?.create?.("fill",{duration:(e.vars??e).transitions?.duration?.shorter}),variants:[{props:e=>!e.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:e.typography?.pxToRem?.(20)||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:e.typography?.pxToRem?.(24)||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:e.typography?.pxToRem?.(35)||"2.1875rem"}},...Object.entries((e.vars??e).palette).filter((([,e])=>e&&e.main)).map((([n])=>({props:{color:n},style:{color:(e.vars??e).palette?.[n]?.main}}))),{props:{color:"action"},style:{color:(e.vars??e).palette?.action?.active}},{props:{color:"disabled"},style:{color:(e.vars??e).palette?.action?.disabled}},{props:{color:"inherit"},style:{color:void 0}}]})))),u=i.forwardRef((function SvgIcon(e,n){const o=(0,s.i)({props:e,name:"MuiSvgIcon"}),{children:d,className:a,color:c="inherit",component:m="svg",fontSize:u="medium",htmlColor:h,inheritViewBox:v=!1,titleAccess:f,viewBox:g="0 0 24 24",...b}=o,y=i.isValidElement(d)&&"svg"===d.type,w={...o,color:c,component:m,fontSize:u,instanceFontSize:e.fontSize,inheritViewBox:v,viewBox:g,hasSvgAsChild:y},S={};v||(S.viewBox=g);const z=(e=>{const{color:n,fontSize:o,classes:i}=e,t={root:["root","inherit"!==n&&`color${(0,l.Z)(n)}`,`fontSize${(0,l.Z)(o)}`]};return(0,r.Z)(t,getSvgIconUtilityClass,i)})(w);return(0,x.jsxs)(p,{as:m,className:(0,t.Z)(z.root,a),focusable:"false",color:h,"aria-hidden":!f||void 0,role:f?"img":void 0,ref:n,...S,...b,...y&&d.props,ownerState:w,children:[y?d.props.children:d,f?(0,x.jsx)("title",{children:f}):null]})}));u.muiName="SvgIcon";const h=u;function createSvgIcon(e,n){function Component(n,o){return(0,x.jsx)(h,{"data-testid":void 0,ref:o,...n,children:e})}return Component.muiName=h.muiName,i.memo(i.forwardRef(Component))}}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7020.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7020,1801,6474],{21801:(e,n,t)=>{t.r(n),t.d(n,{default:()=>A});var i=t(34988),o=t(93379),r=t.n(o),a=t(7795),l=t.n(a),s=t(90569),d=t.n(s),c=t(3565),u=t.n(c),C=t(19216),x=t.n(C),f=t(44589),m=t.n(f),p=t(23240),g={};g.styleTagTransform=m(),g.setAttributes=u(),g.insert=d().bind(null,"head"),g.domAPI=l(),g.insertStyleElement=x();r()(p.ZP,g);p.ZP&&p.ZP.locals&&p.ZP.locals;var h=t(87363),v=t(75327),b=t(65515),w=t.n(b),y=t(9420),j=t(47514);const A=(0,y.Pi)((function InfoIcon(e){var n,t,o,r=e.item,a=e.style,l=(0,v.NP)(),s=r.contentItemId,d=null!==(n=null!==(t=null!==(o=r.codex)&&void 0!==o?o:r.articleCodex)&&void 0!==t?t:r.title)&&void 0!==n?n:r.key,c=(0,h.useState)(!1),u=(0,i.Z)(c,2),C=u[0],x=u[1],f=r.sel||C;if((0,h.useEffect)((function(){var e=l.settingsState.contentItemVisible&&l.settingsState.contentItemId==s&&d==l.settingsState.clickedFrom;!e&&C&&x(!1),e&&!C&&x(!0)}),[l.settingsState.contentItemVisible,l.settingsState.contentItemId,l.settingsState.clickedFrom]),!r)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!r.op||null===(e=l.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||f}()?(0,j.jsx)("div",{className:p.um,onClick:function onClick(e){l.settingsState.onClickContentItemId(s,d),x(l.settingsState.contentItemVisible&&l.settingsState.contentItemId==s),e.stopPropagation()},style:a,children:(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)("div",{className:w()(p.hv,f?void 0:p.al,C?p.FJ:void 0),children:(0,j.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,j.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,j.jsx)("path",{className:p.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,j.jsx)("path",{className:p.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,j.jsx)("div",{className:w()(p.dA,f?p.al:void 0),children:(0,j.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,j.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,j.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,j.jsx)(j.Fragment,{})}))},56474:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var i=t(34988),o=t(75327),r=t(87363),a=t(93379),l=t.n(a),s=t(7795),d=t.n(s),c=t(90569),u=t.n(c),C=t(3565),x=t.n(C),f=t(19216),m=t.n(f),p=t(44589),g=t.n(p),h=t(84887),v={};v.styleTagTransform=g(),v.setAttributes=x(),v.insert=u().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=m();l()(h.Z,v);h.Z&&h.Z.locals&&h.Z.locals;var b=t(47514);const w=function MetaData(e){var n=e.style,t=e.metaData,a=e.visible,l=void 0===a?(0,r.useState)(""):a,s=(0,i.Z)(l,2),d=s[0],c=s[1],u=(0,o.NP)(),C=(0,r.useState)(""),x=(0,i.Z)(C,2),f=x[0],m=x[1],p=u.getViewConfig().displayMetaDatas,g=null==t?void 0:t.find((function(e){return null==p?void 0:p.includes(e.codex)}));return(0,r.useEffect)((function(){if(g){for(var e="",n=0;n<g.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var o=null==t?void 0:t.find((function(e){return e.codex===p[i]}));if(!o)return 1;""!==e&&(e+=" "),e=e+(o.name?o.name+": ":"")+o.values[n]},o=0;o<p.length;o++)i(o)}m(e),c(e)}}),[]),d?(0,b.jsx)("div",{style:n,className:h.B,children:f}):(0,b.jsx)(b.Fragment,{})}},27020:(e,n,t)=>{t.r(n),t.d(n,{default:()=>T});var i=t(80248),o=t(34988),r=t(65515),a=t.n(r),l=t(75327),s=t(9420),d=t(87363),c=t(61533),u=t(93379),C=t.n(u),x=t(7795),f=t.n(x),m=t(90569),p=t.n(m),g=t(3565),h=t.n(g),v=t(19216),b=t.n(v),w=t(44589),y=t.n(w),j=t(65655),A={};A.styleTagTransform=y(),A.setAttributes=h(),A.insert=p().bind(null,"head"),A.domAPI=f(),A.insertStyleElement=b();C()(j.ZP,A);j.ZP&&j.ZP.locals&&j.ZP.locals;var P=t(88683),S=t(46770),I=t(56474),Z=t(71442),D=t(55461),E=t(91087),O=t(21801),k=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var N="undefined"!=typeof Image?new Image(1,1):void 0;N&&(N.src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");const T=(0,s.Pi)((function ShelfAccessoires(e){var n,t,i=e.item,r=(e.grids,e.sel),s=(0,l.NP)(),u=(0,P.useDivaCore)().state,C=u.hidePrices,x=u.dimensions,f=x.isMobile,m=x.isTablet,p=(0,d.useState)(""),g=(0,o.Z)(p,2),h=g[0],v=g[1],b=s.productState.useRtvNext||Z.j4,w=(0,d.useState)(!1),y=(0,o.Z)(w,2),A=y[0],T=y[1],F=(0,d.useRef)(null),M=(0,d.useRef)({x:0,y:0}),B=(0,d.useRef)({grabX:0,grabY:0,width:0}),V=function positionGhost(e){if(e){var n=B.current;e.style.transform="translate(".concat(M.current.x-n.grabX,"px, ").concat(M.current.y-n.grabY,"px)")}};(0,d.useEffect)((function(){if(A){var e=function onDragOver(e){M.current={x:e.clientX,y:e.clientY},V(F.current)};return document.addEventListener("dragover",e),function(){return document.removeEventListener("dragover",e)}}}),[A]);var _={},L={},q=void 0,z=!1,H={},R=(0,S.XI)({delayEnter:1500,hideOnScroll:!0}),Q=R[0]&&!A,W=(0,S.sJ)({isOpen:Q,auto:!0,placement:s.getViewConfig().tooltipPosition||"left-center"});f||m||s.getViewConfig().hideTooltip||(z=Q,H=R[1],_=W.triggerProps,L=W.layerProps,q=W.renderLayer);var X=i.name;return(0,k.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:i.articleCodex,className:a()(j.nC,r?j.pA:void 0),onClick:function onClick(){return s.paletteViewHandler.selectShelfAccessorie(i.articleCodex,void 0,!b)},onDoubleClick:b?function(){return s.paletteViewHandler.selectShelfAccessorie(i.articleCodex)}:void 0,draggable:b,onDragStart:function onDragStart(e){if(b){e.dataTransfer.effectAllowed="copy",e.dataTransfer.setData("text/plain",i.articleCodex),N&&e.dataTransfer.setDragImage(N,0,0);var n=e.currentTarget.getBoundingClientRect();B.current={grabX:e.clientX-n.left,grabY:e.clientY-n.top,width:n.width},M.current={x:e.clientX,y:e.clientY},T(!0),s.paletteViewHandler.startShelfAccessorieDrag(i.articleCodex)}},onDragEnd:function onDragEnd(){b&&(T(!1),s.paletteViewHandler.endShelfAccessorieDrag())}},_),H),{},{children:[(0,k.jsx)("img",{style:{maxHeight:s.settingsState.settingsWidth/3},src:i.image,draggable:!1}),(0,k.jsxs)("div",{className:j.jW,children:[(0,k.jsx)("div",{className:a()(j.TN),dangerouslySetInnerHTML:{__html:X}}),(0,k.jsx)(I.default,{metaData:i.metaData,visible:[h,v]},i.articleCodex),!C&&!!i.price&&(0,k.jsx)(E.default,{price:i.price,style:{paddingTop:6}}),i.contentItemId&&(0,k.jsx)(O.default,{item:i,style:{top:6,right:6}},i.articleCodex)]}),z&&(null===(n=q)||void 0===n?void 0:n((0,k.jsx)(D.default,{text:null!==(t=i.longDescription)&&void 0!==t?t:i.name,desciption:h,image:i.image,codex:i.articleCodex,layerProps:L},i.articleCodex))),A&&!s.settingsState.draggedAccessoryHasTarget&&(0,c.createPortal)((0,k.jsxs)("div",{className:a()(j.nC,j.HE),style:{width:B.current.width},ref:function ref(e){F.current=e,V(e)},children:[(0,k.jsx)("img",{style:{maxHeight:s.settingsState.settingsWidth/3},src:i.image}),(0,k.jsx)("div",{className:j.jW,children:(0,k.jsx)("div",{className:j.TN,dangerouslySetInnerHTML:{__html:X}})})]}),document.body)]}))}))},23240:(e,n,t)=>{t.d(n,{FJ:()=>u,Oq:()=>c,ZP:()=>f,al:()=>x,dA:()=>d,fL:()=>C,hv:()=>s,um:()=>l});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n  transition:\n    0.3s width ease,\n    0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var l="index-module--CjCgr",s="index-module--C9QBx",d="index-module--a2wqn",c="index-module--fLFjU",u="index-module--nTN4r",C="index-module--FaRqp",x="index-module--oBSZj";const f=a},84887:(e,n,t)=>{t.d(n,{B:()=>l,Z:()=>s});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--hpPAb {\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  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--hpPAb {\n  color: #fff;\n}\n",""]);var l="index-module--hpPAb";const s=a},65655:(e,n,t)=>{t.d(n,{HE:()=>u,TN:()=>c,ZP:()=>C,jW:()=>d,nC:()=>l,pA:()=>s});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--E9hMP {\n  position: relative;\n  box-sizing: border-box;\n  border: 3px solid transparent;\n  border-radius: 6px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  transition:\n    box-shadow 0.2s ease-in-out,\n    border-color 0.2s ease-in-out;\n  background: #f2f2f2;\n  cursor: pointer;\n}\n\n.index-module--E9hMP.index-module--zq_sk {\n  border-color: var(--primaryColor);\n}\n\n.index-module--E9hMP:hover {\n  box-shadow: rgba(0, 0, 0,0.2) 0px 0px 16px 0px;\n}\n\n.index-module--E9hMP img {\n  width: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--ASP_j {\n  color: #4b4b4b;\n  display: flex;\n  justify-content: space-between;\n  flex-direction: column;\n  height: 100%;\n}\n.index-module--xrQ6L {\n  height: auto;\n  margin: 0 3px;\n}\n\n.index-module--xrQ6L {\n  font-weight: 600;\n  font-size: 13px;\n  line-height: 15px;\n}\n\n.index-module--fUvCj {\n  position: fixed;\n  left: 0;\n  top: 0;\n  pointer-events: none;\n  z-index: 9999;\n  opacity: 0.8;\n}\n",""]);var l="index-module--E9hMP",s="index-module--zq_sk",d="index-module--ASP_j",c="index-module--xrQ6L",u="index-module--fUvCj";const C=a}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7020,1801,6474],{21801:(e,n,t)=>{t.r(n),t.d(n,{default:()=>A});var i=t(34988),o=t(93379),r=t.n(o),a=t(7795),l=t.n(a),d=t(90569),s=t.n(d),c=t(3565),u=t.n(c),C=t(19216),x=t.n(C),m=t(44589),f=t.n(m),p=t(23240),g={};g.styleTagTransform=f(),g.setAttributes=u(),g.insert=s().bind(null,"head"),g.domAPI=l(),g.insertStyleElement=x();r()(p.ZP,g);p.ZP&&p.ZP.locals&&p.ZP.locals;var h=t(87363),v=t(75327),b=t(65515),w=t.n(b),y=t(9420),j=t(47514);const A=(0,y.Pi)((function InfoIcon(e){var n,t,o,r=e.item,a=e.style,l=(0,v.NP)(),d=r.contentItemId,s=null!==(n=null!==(t=null!==(o=r.codex)&&void 0!==o?o:r.articleCodex)&&void 0!==t?t:r.title)&&void 0!==n?n:r.key,c=(0,h.useState)(!1),u=(0,i.Z)(c,2),C=u[0],x=u[1],m=r.sel||C;if((0,h.useEffect)((function(){var e=l.settingsState.contentItemVisible&&l.settingsState.contentItemId==d&&s==l.settingsState.clickedFrom;!e&&C&&x(!1),e&&!C&&x(!0)}),[l.settingsState.contentItemVisible,l.settingsState.contentItemId,l.settingsState.clickedFrom]),!r)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!r.op||null===(e=l.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||m}()?(0,j.jsx)("div",{className:p.um,onClick:function onClick(e){l.settingsState.onClickContentItemId(d,s),x(l.settingsState.contentItemVisible&&l.settingsState.contentItemId==d),e.stopPropagation()},style:a,children:(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)("div",{className:w()(p.hv,m?void 0:p.al,C?p.FJ:void 0),children:(0,j.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,j.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,j.jsx)("path",{className:p.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,j.jsx)("path",{className:p.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,j.jsx)("div",{className:w()(p.dA,m?p.al:void 0),children:(0,j.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,j.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,j.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,j.jsx)(j.Fragment,{})}))},56474:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var i=t(34988),o=t(75327),r=t(87363),a=t(93379),l=t.n(a),d=t(7795),s=t.n(d),c=t(90569),u=t.n(c),C=t(3565),x=t.n(C),m=t(19216),f=t.n(m),p=t(44589),g=t.n(p),h=t(84887),v={};v.styleTagTransform=g(),v.setAttributes=x(),v.insert=u().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=f();l()(h.Z,v);h.Z&&h.Z.locals&&h.Z.locals;var b=t(47514);const w=function MetaData(e){var n=e.style,t=e.metaData,a=e.visible,l=void 0===a?(0,r.useState)(""):a,d=(0,i.Z)(l,2),s=d[0],c=d[1],u=(0,o.NP)(),C=(0,r.useState)(""),x=(0,i.Z)(C,2),m=x[0],f=x[1],p=u.getViewConfig().displayMetaDatas,g=null==t?void 0:t.find((function(e){return null==p?void 0:p.includes(e.codex)}));return(0,r.useEffect)((function(){if(g){for(var e="",n=0;n<g.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var o=null==t?void 0:t.find((function(e){return e.codex===p[i]}));if(!o)return 1;""!==e&&(e+=" "),e=e+(o.name?o.name+": ":"")+o.values[n]},o=0;o<p.length;o++)i(o)}f(e),c(e)}}),[]),s?(0,b.jsx)("div",{style:n,className:h.B,children:m}):(0,b.jsx)(b.Fragment,{})}},27020:(e,n,t)=>{t.r(n),t.d(n,{default:()=>T});var i=t(80248),o=t(34988),r=t(65515),a=t.n(r),l=t(75327),d=t(9420),s=t(87363),c=t(61533),u=t(93379),C=t.n(u),x=t(7795),m=t.n(x),f=t(90569),p=t.n(f),g=t(3565),h=t.n(g),v=t(19216),b=t.n(v),w=t(44589),y=t.n(w),j=t(65655),A={};A.styleTagTransform=y(),A.setAttributes=h(),A.insert=p().bind(null,"head"),A.domAPI=m(),A.insertStyleElement=b();C()(j.ZP,A);j.ZP&&j.ZP.locals&&j.ZP.locals;var P=t(88683),S=t(46770),I=t(56474),Z=t(71442),D=t(55461),E=t(91087),k=t(21801),N=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var O="undefined"!=typeof Image?new Image(1,1):void 0;O&&(O.src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");const T=(0,d.Pi)((function ShelfAccessoires(e){var n,t,i=e.item,r=(e.grids,e.sel),d=(0,l.NP)(),u=(0,P.useDivaCore)().state,C=u.hidePrices,x=u.dimensions,m=x.isMobile,f=x.isTablet,p=(0,s.useState)(""),g=(0,o.Z)(p,2),h=g[0],v=g[1],b=d.productState.useRtvNext||Z.j4,w=(0,s.useState)(!1),y=(0,o.Z)(w,2),A=y[0],T=y[1],F=(0,s.useRef)(null),M=(0,s.useRef)({x:0,y:0}),V=(0,s.useRef)({grabX:0,grabY:0,width:0}),B=function positionGhost(e){if(e){var n=V.current;e.style.transform="translate(".concat(M.current.x-n.grabX,"px, ").concat(M.current.y-n.grabY,"px)")}};(0,s.useEffect)((function(){if(A){var e=function onDragOver(e){M.current={x:e.clientX,y:e.clientY},B(F.current)};return document.addEventListener("dragover",e),function(){return document.removeEventListener("dragover",e)}}}),[A]);var _={},L={},q=void 0,z=!1,H={},R=(0,S.XI)({delayEnter:1500,hideOnScroll:!0}),Q=R[0]&&!A,W=(0,S.sJ)({isOpen:Q,auto:!0,placement:d.getViewConfig().tooltipPosition||"left-center"});m||f||d.getViewConfig().hideTooltip||(z=Q,H=R[1],_=W.triggerProps,L=W.layerProps,q=W.renderLayer);var X=i.name;return(0,N.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:i.articleCodex,className:a()(j.nC,r?j.pA:void 0),onClick:function onClick(){return d.paletteViewHandler.selectShelfAccessorie(i.articleCodex,void 0,!b)},onDoubleClick:b?function(){return d.paletteViewHandler.selectShelfAccessorie(i.articleCodex)}:void 0,draggable:b,onDragStart:function onDragStart(e){if(b){e.dataTransfer.effectAllowed="copy",e.dataTransfer.setData("text/plain",i.articleCodex),O&&e.dataTransfer.setDragImage(O,0,0);var n=e.currentTarget.getBoundingClientRect();V.current={grabX:e.clientX-n.left,grabY:e.clientY-n.top,width:n.width},M.current={x:e.clientX,y:e.clientY},T(!0),d.paletteViewHandler.startShelfAccessorieDrag(i.articleCodex)}},onDragEnd:function onDragEnd(){b&&(T(!1),d.paletteViewHandler.endShelfAccessorieDrag())}},_),H),{},{children:[(0,N.jsx)("img",{style:{maxHeight:d.settingsState.settingsWidth/3},src:i.image,draggable:!1}),(0,N.jsxs)("div",{className:j.jW,children:[(0,N.jsx)("div",{className:a()(j.TN),dangerouslySetInnerHTML:{__html:X}}),(0,N.jsx)(I.default,{metaData:i.metaData,visible:[h,v]},i.articleCodex),!C&&!!i.price&&(0,N.jsx)(E.default,{price:i.price,style:{paddingTop:6}}),i.contentItemId&&(0,N.jsx)(k.default,{item:i,style:{top:6,right:6}},i.articleCodex)]}),z&&(null===(n=q)||void 0===n?void 0:n((0,N.jsx)(D.default,{text:null!==(t=i.longDescription)&&void 0!==t?t:i.name,desciption:h,image:i.image,codex:i.articleCodex,layerProps:L},i.articleCodex))),A&&!d.settingsState.draggedAccessoryHasTarget&&(0,c.createPortal)((0,N.jsxs)("div",{className:a()(j.nC,j.HE),style:{width:V.current.width},ref:function ref(e){F.current=e,B(e)},children:[(0,N.jsx)("img",{style:{maxHeight:d.settingsState.settingsWidth/3},src:i.image}),(0,N.jsx)("div",{className:j.jW,children:(0,N.jsx)("div",{className:j.TN,dangerouslySetInnerHTML:{__html:X}})})]}),document.body)]}))}))},23240:(e,n,t)=>{t.d(n,{FJ:()=>u,Oq:()=>c,ZP:()=>m,al:()=>x,dA:()=>s,fL:()=>C,hv:()=>d,um:()=>l});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n  transition:\n    0.3s width ease,\n    0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var l="index-module--CjCgr",d="index-module--C9QBx",s="index-module--a2wqn",c="index-module--fLFjU",u="index-module--nTN4r",C="index-module--FaRqp",x="index-module--oBSZj";const m=a},84887:(e,n,t)=>{t.d(n,{B:()=>l,Z:()=>d});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--hpPAb {\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  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--hpPAb,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--hpPAb {\n  color: #fff;\n}\n",""]);var l="index-module--hpPAb";const d=a},65655:(e,n,t)=>{t.d(n,{HE:()=>u,TN:()=>c,ZP:()=>C,jW:()=>s,nC:()=>l,pA:()=>d});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--E9hMP {\n  position: relative;\n  box-sizing: border-box;\n  border: 3px solid transparent;\n  border-radius: 6px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  transition:\n    box-shadow 0.2s ease-in-out,\n    border-color 0.2s ease-in-out;\n  background: #f2f2f2;\n  cursor: pointer;\n}\n\n.index-module--E9hMP.index-module--zq_sk {\n  border-color: var(--primaryColor);\n}\n\n.index-module--E9hMP:hover {\n  box-shadow: rgba(0, 0, 0,0.2) 0px 0px 16px 0px;\n}\n\n.index-module--E9hMP img {\n  width: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--ASP_j {\n  color: #4b4b4b;\n  display: flex;\n  justify-content: space-between;\n  flex-direction: column;\n  height: 100%;\n}\n.index-module--xrQ6L {\n  height: auto;\n  margin: 0 3px;\n}\n\n.index-module--xrQ6L {\n  font-weight: 600;\n  font-size: 13px;\n  line-height: 15px;\n}\n\n.index-module--fUvCj {\n  position: fixed;\n  left: 0;\n  top: 0;\n  pointer-events: none;\n  z-index: 9999;\n  opacity: 0.8;\n}\n",""]);var l="index-module--E9hMP",d="index-module--zq_sk",s="index-module--ASP_j",c="index-module--xrQ6L",u="index-module--fUvCj";const C=a}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 762.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[762],{30762:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});var i=t(34988),o=t(80248),r=t(72874),d=t(9420),a=t(75327),l=t(87363),u=t(88683),s=t(93379),c=t.n(s),p=t(7795),m=t.n(p),x=t(90569),f=t.n(x),h=t(3565),b=t.n(h),g=t(19216),S=t.n(g),w=t(44589),y=t.n(w),v=t(96193),K={};K.styleTagTransform=y(),K.setAttributes=b(),K.insert=f().bind(null,"head"),K.domAPI=m(),K.insertStyleElement=S();c()(v.ZP,K);v.ZP&&v.ZP.locals&&v.ZP.locals;var V=t(65515),j=t.n(V),O=t(47514),F=["isInScroller","item","doShowFilter"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const P=(0,d.Pi)((function Seachbar(e){var n=e.isInScroller,t=e.item,o=e.doShowFilter,d=(0,r.Z)(e,F),s=(0,a.NP)(),c=(0,u.useTranslation)().t,p=(0,l.useRef)(null);(0,l.useEffect)((function(){var e=s.settingsState.itemPalettes.get(t.id);(null==e?void 0:e.configStepKey)===t.configStepKey&&s.settingsState.updateItemPalette(e.id,_objectSpread(_objectSpread({},e),{},{htmlInputElement:p.current}))}),[p]);var m=(0,l.useState)(s.uiState.isInMobileView),x=(0,i.Z)(m,2),f=x[0],h=x[1],b=(0,l.useState)(!1),g=(0,i.Z)(b,2),S=g[0],w=g[1];return(0,O.jsx)("form",{autoComplete:"off",autoFocus:!1,onSubmit:function onSubmit(e){return e.preventDefault()},style:{height:"fit-content",marginBottom:0},children:(0,O.jsx)("input",_objectSpread(_objectSpread({},d),{},{ref:p,className:j()(v.Xx,o?void 0:v.Gp,s.uiState.configSettingsIsExpanded?v._F:void 0,s.uiState.configSettingsIsMaxExpanded?v.Hj:void 0,n?v.Nb:void 0,s.uiState.isInMobileView?v.ai:void 0,s.uiState.isTablet?v.Mq:void 0),autoComplete:"off",value:t.searchText,onKeyUp:function onKeyUp(e){return function filterFreeTextChanged(e,n){""!==e?s.settingsState.onAllGroups(n,!1):s.paletteViewHandler.isGroupFolded(t.id)&&s.settingsState.onAllGroups(n,!0),s.paletteViewHandler.onSearchTextChanged(e,n)}(e.target.value,t.id)},placeholder:c("configurator.QUICKFILTER"),type:"text","data-test-id":"plannerSearchbar",onMouseDown:function onMouseDown(e){return h(!1)},onTouchStart:function onTouchStart(e){h(!1),setTimeout((function(){w(!0)}),100)},onBlur:function onBlur(){S&&(h(s.uiState.isInMobileView),w(!1))},disabled:f}))})}))},96193:(e,n,t)=>{t.d(n,{Gp:()=>m,Hj:()=>p,Mq:()=>u,Nb:()=>s,Xx:()=>a,ZP:()=>x,_F:()=>c,ai:()=>l});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([e.id,"/*SearchFilter*/\n\ninput.index-module--rVLUK {\n  width: 96px;\n  padding: 2px;\n  margin-right: 12px;\n  font-size: 14px;\n  line-height: 20.8px;\n  border-radius: var(--globalBorderRadius);\n  border: none;\n  float: right;\n  color: var(--secondaryColor);\n  transition: 0.35s ease;\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  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);\n  transition: width 0.2s ease;\n  max-width: 240px;\n  cursor: text;\n  background: white;\n  opacity: 1;\n}\n\n.index-module--cO8Ww.index-module--rVLUK {\n  font-size: 12px;\n}\n\n.index-module--M7WBB.index-module--rVLUK {\n  font-size: 15px;\n}\n\n.index-module--rVLUK.index-module--iFAfh.index-module--elYJb,\n.index-module--rVLUK.index-module--iFAfh.index-module--radk0 {\n  display: block;\n  line-height: 20.8px;\n  width: 100%;\n  max-width: 192px;\n  padding-left: 1.1em;\n}\n\n.index-module--rVLUK.index-module--elYJb,\n.index-module--rVLUK.index-module--radk0 {\n  width: 160px;\n  margin-right: 48px;\n  line-height: 27.2px;\n  font-size: 17px;\n}\n\n.index-module--rVLUK:focus {\n  outline: medium none invert;\n  outline: initial;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode input.index-module--rVLUK {\n  background: #374c86;\n  color: #fff;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode input.index-module--rVLUK::-moz-placeholder {\n  color: rgba(255, 255, 255, 0.6);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode input.index-module--rVLUK::placeholder {\n  color: rgba(255, 255, 255, 0.6);\n}\n\n.index-module--iFAfh.index-module--rVLUK.index-module--ljh7V {\n  height: 25.6px;\n  display: block;\n  margin-right: 0px;\n}\n\n.index-module--cO8Ww.index-module--iFAfh.index-module--rVLUK.index-module--ljh7V {\n  height: 19px;\n}\n",""]);var a="index-module--rVLUK",l="index-module--cO8Ww",u="index-module--M7WBB",s="index-module--iFAfh",c="index-module--elYJb",p="index-module--radk0",m="index-module--ljh7V";const x=d}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[762],{30762:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var o=t(34988),i=t(80248),r=t(72874),d=t(9420),a=t(75327),l=t(87363),u=t(88683),s=t(93379),c=t.n(s),p=t(7795),m=t.n(p),x=t(90569),f=t.n(x),h=t(3565),b=t.n(h),g=t(19216),S=t.n(g),v=t(44589),w=t.n(v),y=t(96193),V={};V.styleTagTransform=w(),V.setAttributes=b(),V.insert=f().bind(null,"head"),V.domAPI=m(),V.insertStyleElement=S();c()(y.ZP,V);y.ZP&&y.ZP.locals&&y.ZP.locals;var K=t(65515),A=t.n(K),I=t(47514),j=["isInScroller","item","doShowFilter"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const O=(0,d.Pi)((function Seachbar(e){var n=e.isInScroller,t=e.item,i=e.doShowFilter,d=(0,r.Z)(e,j),s=(0,a.NP)(),c=(0,u.useTranslation)().t,p=(0,l.useRef)(null);(0,l.useEffect)((function(){var e=s.settingsState.itemPalettes.get(t.id);(null==e?void 0:e.configStepKey)===t.configStepKey&&s.settingsState.updateItemPalette(e.id,_objectSpread(_objectSpread({},e),{},{htmlInputElement:p.current}))}),[p]);var m=(0,l.useState)(s.uiState.isInMobileView),x=(0,o.Z)(m,2),f=x[0],h=x[1],b=(0,l.useState)(!1),g=(0,o.Z)(b,2),S=g[0],v=g[1];return(0,I.jsx)("form",{autoComplete:"off",autoFocus:!1,onSubmit:function onSubmit(e){return e.preventDefault()},style:{height:"fit-content",marginBottom:0},children:(0,I.jsx)("input",_objectSpread(_objectSpread({},d),{},{ref:p,className:A()(y.Xx,i?void 0:y.Gp,s.uiState.configSettingsIsExpanded?y._F:void 0,s.uiState.configSettingsIsMaxExpanded?y.Hj:void 0,n?y.Nb:void 0,s.uiState.isInMobileView?y.ai:void 0,s.uiState.isTablet?y.Mq:void 0),autoComplete:"off",value:t.searchText,onKeyUp:function onKeyUp(e){return function filterFreeTextChanged(e,n){""!==e?s.settingsState.onAllGroups(n,!1):s.paletteViewHandler.isGroupFolded(t.id)&&s.settingsState.onAllGroups(n,!0),s.paletteViewHandler.onSearchTextChanged(e,n)}(e.target.value,t.id)},placeholder:c("configurator.QUICKFILTER"),type:"text","data-test-id":"plannerSearchbar",onMouseDown:function onMouseDown(e){return h(!1)},onTouchStart:function onTouchStart(e){h(!1),setTimeout((function(){v(!0)}),100)},onBlur:function onBlur(){S&&(h(s.uiState.isInMobileView),v(!1))},disabled:f}))})}))},96193:(e,n,t)=>{t.d(n,{Gp:()=>m,Hj:()=>p,Mq:()=>u,Nb:()=>s,Xx:()=>a,ZP:()=>x,_F:()=>c,ai:()=>l});var o=t(8081),i=t.n(o),r=t(23645),d=t.n(r)()(i());d.push([e.id,"/*SearchFilter*/\n\ninput.index-module--rVLUK {\n  width: 96px;\n  padding: 2px;\n  margin-right: 12px;\n  font-size: 14px;\n  line-height: 20.8px;\n  border-radius: var(--globalBorderRadius);\n  border: none;\n  float: right;\n  color: var(--secondaryColor);\n  transition: 0.35s ease;\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  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);\n  transition: width 0.2s ease;\n  max-width: 240px;\n  cursor: text;\n  background: white;\n  opacity: 1;\n}\n\n.index-module--cO8Ww.index-module--rVLUK {\n  font-size: 12px;\n}\n\n.index-module--M7WBB.index-module--rVLUK {\n  font-size: 15px;\n}\n\n.index-module--rVLUK.index-module--iFAfh.index-module--elYJb,\n.index-module--rVLUK.index-module--iFAfh.index-module--radk0 {\n  display: block;\n  line-height: 20.8px;\n  width: 100%;\n  max-width: 192px;\n  padding-left: 1.1em;\n}\n\n.index-module--rVLUK.index-module--elYJb,\n.index-module--rVLUK.index-module--radk0 {\n  width: 160px;\n  margin-right: 48px;\n  line-height: 27.2px;\n  font-size: 17px;\n}\n\n.index-module--rVLUK:focus {\n  outline: medium none invert;\n  outline: initial;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode input.index-module--rVLUK,\n.diva-component-DIVA_DATA_ENGINE .darkmode input.index-module--rVLUK {\n  background: #374c86;\n  color: #fff;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode input.index-module--rVLUK::-moz-placeholder, .diva-component-DIVA_DATA_ENGINE .darkmode input.index-module--rVLUK::-moz-placeholder {\n  color: rgba(255, 255, 255, 0.6);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode input.index-module--rVLUK::placeholder,\n.diva-component-DIVA_DATA_ENGINE .darkmode input.index-module--rVLUK::placeholder {\n  color: rgba(255, 255, 255, 0.6);\n}\n\n.index-module--iFAfh.index-module--rVLUK.index-module--ljh7V {\n  height: 25.6px;\n  display: block;\n  margin-right: 0px;\n}\n\n.index-module--cO8Ww.index-module--iFAfh.index-module--rVLUK.index-module--ljh7V {\n  height: 19px;\n}\n",""]);var a="index-module--rVLUK",l="index-module--cO8Ww",u="index-module--M7WBB",s="index-module--iFAfh",c="index-module--elYJb",p="index-module--radk0",m="index-module--ljh7V";const x=d}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7654.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7654,6474,6587],{56474:(e,n,o)=>{o.r(n),o.d(n,{default:()=>j});var t=o(34988),i=o(75327),r=o(87363),l=o(93379),d=o.n(l),a=o(7795),s=o.n(a),c=o(90569),m=o.n(c),u=o(3565),p=o.n(u),x=o(19216),g=o.n(x),h=o(44589),v=o.n(h),b=o(84887),y={};y.styleTagTransform=v(),y.setAttributes=p(),y.insert=m().bind(null,"head"),y.domAPI=s(),y.insertStyleElement=g();d()(b.Z,y);b.Z&&b.Z.locals&&b.Z.locals;var f=o(47514);const j=function MetaData(e){var n=e.style,o=e.metaData,l=e.visible,d=void 0===l?(0,r.useState)(""):l,a=(0,t.Z)(d,2),s=a[0],c=a[1],m=(0,i.NP)(),u=(0,r.useState)(""),p=(0,t.Z)(u,2),x=p[0],g=p[1],h=m.getViewConfig().displayMetaDatas,v=null==o?void 0:o.find((function(e){return null==h?void 0:h.includes(e.codex)}));return(0,r.useEffect)((function(){if(v){for(var e="",n=0;n<v.values.length;n++){""!==e&&(e+=", ");for(var t=function _loop(t){var i=null==o?void 0:o.find((function(e){return e.codex===h[t]}));if(!i)return 1;""!==e&&(e+=" "),e=e+(i.name?i.name+": ":"")+i.values[n]},i=0;i<h.length;i++)t(i)}g(e),c(e)}}),[]),s?(0,f.jsx)("div",{style:n,className:b.B,children:x}):(0,f.jsx)(f.Fragment,{})}},13703:(e,n,o)=>{o.r(n),o.d(n,{default:()=>j});var t=o(80248),i=o(34988),r=o(65515),l=o.n(r),d=o(75327),a=o(9420),s=o(87363),c=o(94873),m=o(13838),u=o(88683),p=o(86587),x=o(46770),g=o(56474),h=o(55461),v=o(21801),b=o(91087),y=o(19456),f=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,t.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const j=(0,a.Pi)((function Option(e){var n,o=e.item,t=e.paletteId,r=e.hidePricePreview,a=e.namePostFix,j=o,M=(0,d.NP)(),I=(0,u.useTranslation)().t,w=(0,u.useDivaCore)().state.dimensions,S=w.isMobile,C=w.isTablet,z=(0,s.useState)(""),N=(0,i.Z)(z,2),A=N[0],P=N[1],Z={},O={},k=void 0,L=!1,T={},E=(0,x.XI)({delayEnter:1500,hideOnScroll:!0}),D=(0,x.sJ)({isOpen:E[0],auto:!0,placement:M.getViewConfig().tooltipPosition||"left-center"});return S||C||M.getViewConfig().hideTooltip||!j.image&&!j.hexColor||j.contentItemId||(L=E[0],T=E[1],Z=D.triggerProps,O=D.layerProps,k=D.renderLayer),(0,f.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:j.codex,"data-test-id":"plannerPaletteItem",className:l()(c.CA,j.sel?c.pA:void 0),onClick:function onClick(){j.doShowFav&&M.paletteViewHandler.clickedOnFavIcon(j),M.paletteViewHandler.clickedOnConfigPalette(j,void 0,t)}},Z),T),{},{children:[(0,f.jsxs)("div",{className:l()(c.iZ,c.NC),children:[j.sel&&(0,f.jsx)(p.default,{listenToOptionVariables:!0}),j.contentItemId&&(0,f.jsx)(v.default,{item:j,style:{bottom:8}},j.codex),"TEXT"==j.layout&&(0,f.jsx)("div",{className:c.$l}),!("TEXT"==j.layout)&&(0,f.jsx)("div",{className:c.K5,style:{backgroundImage:"url(".concat(j.image,")")}}),(0,f.jsxs)("div",{className:l()(c.AR,"TEXT"==j.layout?c.Eb:void 0),children:[(0,f.jsx)("div",{className:l()(c.db,""!==A?c.Bm:void 0),dangerouslySetInnerHTML:{__html:j.text+(a||"")}}),(0,f.jsx)(g.default,{style:{position:"relative",float:"left"},metaData:j.metaData,visible:[A,P]},j.codex)]}),L&&(null===(n=k)||void 0===n?void 0:n((0,f.jsx)(h.default,{text:j.text+(j.freeText?j.freeText:"")+(a||""),desciption:A,image:j.image,hexColor:j.hexColor,pricePreviewPromise:j.pricePreviewPromise,layerProps:O},j.codex))),j.doShowFav&&(0,f.jsx)("div",{className:j.isFav?m.Md:m.Hq})]}),!r&&void 0!==j.pricePreviewPromise&&(0,f.jsx)(b.default,{asyncPricePreview:j.pricePreviewPromise,sel:j.sel}),void 0!==j.checkForReversingChanges&&(0,f.jsx)(y.default,{item:j,paletteId:t}),j.disabledByConstructionRule&&(0,f.jsx)("div",{className:l()(c.ox),title:I("configurator."+j.disabledByConstructionRule)})]}))}))},86587:(e,n,o)=>{o.r(n),o.d(n,{default:()=>l});var t=o(80248),i=(o(87363),o(2765)),r=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,t.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const l=function IsActive(e){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive"}))}},84887:(e,n,o)=>{o.d(n,{B:()=>d,Z:()=>a});var t=o(8081),i=o.n(t),r=o(23645),l=o.n(r)()(i());l.push([e.id,".index-module--hpPAb {\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  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--hpPAb {\n  color: #fff;\n}\n",""]);var d="index-module--hpPAb";const a=l},6284:(e,n,o)=>{o.d(n,{$l:()=>v,AR:()=>y,Bm:()=>M,CA:()=>u,Eb:()=>f,K5:()=>b,NC:()=>h,ZP:()=>w,db:()=>j,iZ:()=>x,ox:()=>I,pA:()=>p,vc:()=>g});var t=o(8081),i=o.n(t),r=o(23645),l=o.n(r),d=o(61667),a=o.n(d),s=new URL(o(63173),o.b),c=l()(i()),m=a()(s);c.push([e.id,"/*ConfigPalette with Normal & Small */\n\n.index-module--FGg5H {\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\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--FGg5H {\n  background-color: #374c86;\n}\n\n.index-module--zZnWk {\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderSelColor, var(--primaryColor));\n}\n\n.index-module--FGg5H: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--FGg5H: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--FGg5H .index-module--pQje2 {\n  width: 98%;\n  background: white;\n  position: relative;\n  /* border-radius: var(--globalBorderRadius);*/\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--FGg5H .index-module--pQje2 {\n  background-color: #374c86;\n}\n\n.index-module--FGg5H.index-module--OqFNz {\n  width: 48%;\n  float: left;\n  margin-left: 1%;\n  margin-right: 1%;\n}\n\n.index-module--FGg5H .index-module--pQje2.index-module--CcpMC {\n  height: 80px;\n}\n\n.index-module--FGg5H .index-module--pQje2.index-module--II_8j {\n  height: 64px;\n}\n\n.index-module--FGg5H .index-module--dUy8g {\n  width: 18px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--FGg5H .index-module--CcpMC .index-module--Z8KXz {\n  height: 80px;\n  width: 112px;\n}\n\n.index-module--FGg5H .index-module--II_8j .index-module--Z8KXz {\n  height: 64px;\n  width: 96px;\n}\n.index-module--FGg5H.index-module--OqFNz .index-module--Z8KXz {\n  height: 64px;\n  width: 64px;\n}\n\n.index-module--FGg5H .index-module--Z8KXz {\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--m9VzR {\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--Y5eRx {\n  max-width: calc(100% - 32px);\n}\n\n.index-module--FGg5H.index-module--OqFNz .index-module--m9VzR {\n  max-width: 50%;\n  margin-top: 17.6px;\n}\n\n.index-module--FGg5H .index-module--mZh26 {\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.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--FGg5H .index-module--mZh26 {\n  color: #fff;\n}\n\n.index-module--FGg5H .index-module--mZh26.index-module--NabGm {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--CcpMC .index-module--mZh26 {\n  -webkit-line-clamp: 3;\n}\n\n.index-module--II_8j .index-module--mZh26 {\n  -webkit-line-clamp: 2;\n}\n\n@media all and (max-width: 1100px) {\n  .index-module--FGg5H .index-module--CcpMC {\n    height: 80px;\n  }\n\n  .index-module--FGg5H .index-module--CcpMC img {\n    height: 80px;\n  }\n\n  .index-module--m9VzR {\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--iEJ0N {\n  float: right;\n  z-index: 900;\n}\n\n.index-module--MhR1_ .index-module--iEJ0N {\n  float: right;\n  margin-right: 11.2px;\n  width: auto;\n}\n\n.index-module--2NJnv {\n  display: block;\n  height: 30px;\n  background-image: url("+m+");\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 u="index-module--FGg5H",p="index-module--zZnWk",x="index-module--pQje2",g="index-module--CcpMC",h="index-module--II_8j",v="index-module--dUy8g",b="index-module--Z8KXz",y="index-module--m9VzR",f="index-module--Y5eRx",j="index-module--mZh26",M="index-module--NabGm",I="index-module--2NJnv";const w=c},94873:(e,n,o)=>{o.d(n,{$l:()=>g.$l,AR:()=>g.AR,Bm:()=>g.Bm,CA:()=>g.CA,Eb:()=>g.Eb,K5:()=>g.K5,NC:()=>g.NC,db:()=>g.db,iZ:()=>g.iZ,ox:()=>g.ox,pA:()=>g.pA,vc:()=>g.vc});var t=o(93379),i=o.n(t),r=o(7795),l=o.n(r),d=o(90569),a=o.n(d),s=o(3565),c=o.n(s),m=o(19216),u=o.n(m),p=o(44589),x=o.n(p),g=o(6284),h={};h.styleTagTransform=x(),h.setAttributes=c(),h.insert=a().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=u();i()(g.ZP,h),g.ZP&&g.ZP.locals&&g.ZP.locals},63173:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4zMTExNyAwIDAgMS4zMDIzOSA3MzcuMzkgMTU5LjkxKSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSIwIiB5Mj0iLS41OTkiIHgyPSIwIiB5MT0iNDUuNDciPjxzdG9wIHN0b3AtY29sb3I9IiNmZmM1MTUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmQ1NWIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyB0cmFuc2Zvcm09Im1hdHJpeCguODU3MTQgMCAwIC44NTcxNC02MjcuMDItMTMwLjgpIj48cGF0aCBkPSJtNzk3Ljk0IDIxMi4wMWwtMjUuNjA3LTQ4Yy0uNzM2LTEuMzMzLTIuMDY4LTIuMDc0LTMuNTUxLTIuMDc0LTEuNDgzIDAtMi44MjIuODg5LTMuNTY5IDIuMjIybC0yNS40MTcgNDhjLS41OTggMS4xODUtLjYwNSAyLjgxNS4xMzIgNCAuNzM3IDEuMTg1IDEuOTIxIDEuNzc4IDMuNDA0IDEuNzc4aDUxLjAyYzEuNDgzIDAgMi44MjEtLjc0MSAzLjQyLTEuOTI2Ljc0Ny0xLjE4NS43NTMtMi42NjcuMTY1LTQiIGZpbGw9InVybCgjMCkiLz48cGF0aCBkPSJtLTI2LjMwOSAxOC4wN2MtMS4xOCAwLTIuMTM1Ljk2OC0yLjEzNSAyLjEyOXYxMi44MmMwIDEuMTc2Ljk0OCAyLjEyOSAyLjEzNSAyLjEyOSAxLjE4MyAwIDIuMTM1LS45NjggMi4xMzUtMi4xMjl2LTEyLjgyYzAtMS4xNzYtLjk0Ni0yLjEyOS0yLjEzNS0yLjEyOXptMCAyMS4zNDhjLTEuMTggMC0yLjEzNS45NTQtMi4xMzUgMi4xMzUgMCAxLjE4Ljk1NCAyLjEzNSAyLjEzNSAyLjEzNSAxLjE4MSAwIDIuMTM1LS45NTQgMi4xMzUtMi4xMzUgMC0xLjE4LS45NTItMi4xMzUtMi4xMzUtMi4xMzV6IiB0cmFuc2Zvcm09Im1hdHJpeCgxLjA1MTk2IDAgMCAxLjA1MTk2IDc5Ni41MyAxNjEuODcpIiBmaWxsPSIjMDAwIiBzdHJva2U9IiM0MDMzMGQiIGZpbGwtb3BhY2l0eT0iLjc1Ii8+PC9nPjwvc3ZnPg=="},16008:(e,n,o)=>{o.d(n,{Z:()=>r});var t=o(59654),i=o(47514);const r=(0,t.Z)((0,i.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12m8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8"}),"Block")},75275:(e,n,o)=>{o.d(n,{Z:()=>r});var t=o(59654),i=o(47514);const r=(0,t.Z)((0,i.jsx)("path",{d:"M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"}),"Warning")},59654:(e,n,o)=>{o.d(n,{Z:()=>createSvgIcon});var t=o(87363),i=o(87726),r=o(91104),l=o(94299),d=o(5230),a=o(90659),s=o(56047),c=o(18685),m=o(36735);function getSvgIconUtilityClass(e){return(0,m.ZP)("MuiSvgIcon",e)}(0,c.Z)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var u=o(47514);const p=(0,d.ZP)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(e,n)=>{const{ownerState:o}=e;return[n.root,"inherit"!==o.color&&n[`color${(0,l.Z)(o.color)}`],n[`fontSize${(0,l.Z)(o.fontSize)}`]]}})((0,a.Z)((({theme:e})=>({userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:e.transitions?.create?.("fill",{duration:(e.vars??e).transitions?.duration?.shorter}),variants:[{props:e=>!e.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:e.typography?.pxToRem?.(20)||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:e.typography?.pxToRem?.(24)||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:e.typography?.pxToRem?.(35)||"2.1875rem"}},...Object.entries((e.vars??e).palette).filter((([,e])=>e&&e.main)).map((([n])=>({props:{color:n},style:{color:(e.vars??e).palette?.[n]?.main}}))),{props:{color:"action"},style:{color:(e.vars??e).palette?.action?.active}},{props:{color:"disabled"},style:{color:(e.vars??e).palette?.action?.disabled}},{props:{color:"inherit"},style:{color:void 0}}]})))),x=t.forwardRef((function SvgIcon(e,n){const o=(0,s.i)({props:e,name:"MuiSvgIcon"}),{children:d,className:a,color:c="inherit",component:m="svg",fontSize:x="medium",htmlColor:g,inheritViewBox:h=!1,titleAccess:v,viewBox:b="0 0 24 24",...y}=o,f=t.isValidElement(d)&&"svg"===d.type,j={...o,color:c,component:m,fontSize:x,instanceFontSize:e.fontSize,inheritViewBox:h,viewBox:b,hasSvgAsChild:f},M={};h||(M.viewBox=b);const I=(e=>{const{color:n,fontSize:o,classes:t}=e,i={root:["root","inherit"!==n&&`color${(0,l.Z)(n)}`,`fontSize${(0,l.Z)(o)}`]};return(0,r.Z)(i,getSvgIconUtilityClass,t)})(j);return(0,u.jsxs)(p,{as:m,className:(0,i.Z)(I.root,a),focusable:"false",color:g,"aria-hidden":!v||void 0,role:v?"img":void 0,ref:n,...M,...y,...f&&d.props,ownerState:j,children:[f?d.props.children:d,v?(0,u.jsx)("title",{children:v}):null]})}));x.muiName="SvgIcon";const g=x;function createSvgIcon(e,n){function Component(n,o){return(0,u.jsx)(g,{"data-testid":void 0,ref:o,...n,children:e})}return Component.muiName=g.muiName,t.memo(t.forwardRef(Component))}}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7654,6474,6587],{56474:(e,n,o)=>{o.r(n),o.d(n,{default:()=>I});var i=o(34988),t=o(75327),r=o(87363),d=o(93379),l=o.n(d),a=o(7795),s=o.n(a),c=o(90569),m=o.n(c),u=o(3565),p=o.n(u),x=o(19216),g=o.n(x),h=o(44589),v=o.n(h),b=o(84887),y={};y.styleTagTransform=v(),y.setAttributes=p(),y.insert=m().bind(null,"head"),y.domAPI=s(),y.insertStyleElement=g();l()(b.Z,y);b.Z&&b.Z.locals&&b.Z.locals;var f=o(47514);const I=function MetaData(e){var n=e.style,o=e.metaData,d=e.visible,l=void 0===d?(0,r.useState)(""):d,a=(0,i.Z)(l,2),s=a[0],c=a[1],m=(0,t.NP)(),u=(0,r.useState)(""),p=(0,i.Z)(u,2),x=p[0],g=p[1],h=m.getViewConfig().displayMetaDatas,v=null==o?void 0:o.find((function(e){return null==h?void 0:h.includes(e.codex)}));return(0,r.useEffect)((function(){if(v){for(var e="",n=0;n<v.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var t=null==o?void 0:o.find((function(e){return e.codex===h[i]}));if(!t)return 1;""!==e&&(e+=" "),e=e+(t.name?t.name+": ":"")+t.values[n]},t=0;t<h.length;t++)i(t)}g(e),c(e)}}),[]),s?(0,f.jsx)("div",{style:n,className:b.B,children:x}):(0,f.jsx)(f.Fragment,{})}},13703:(e,n,o)=>{o.r(n),o.d(n,{default:()=>I});var i=o(80248),t=o(34988),r=o(65515),d=o.n(r),l=o(75327),a=o(9420),s=o(87363),c=o(94873),m=o(13838),u=o(88683),p=o(86587),x=o(46770),g=o(56474),h=o(55461),v=o(21801),b=o(91087),y=o(19456),f=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,i)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,i.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const I=(0,a.Pi)((function Option(e){var n,o=e.item,i=e.paletteId,r=e.hidePricePreview,a=e.namePostFix,I=o,j=(0,l.NP)(),M=(0,u.useTranslation)().t,w=(0,u.useDivaCore)().state.dimensions,S=w.isMobile,N=w.isTablet,C=(0,s.useState)(""),z=(0,t.Z)(C,2),A=z[0],P=z[1],k={},Z={},O=void 0,E=!1,T={},L=(0,x.XI)({delayEnter:1500,hideOnScroll:!0}),D=(0,x.sJ)({isOpen:L[0],auto:!0,placement:j.getViewConfig().tooltipPosition||"left-center"});return S||N||j.getViewConfig().hideTooltip||!I.image&&!I.hexColor||I.contentItemId||(E=L[0],T=L[1],k=D.triggerProps,Z=D.layerProps,O=D.renderLayer),(0,f.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:I.codex,"data-test-id":"plannerPaletteItem",className:d()(c.CA,I.sel?c.pA:void 0),onClick:function onClick(){I.doShowFav&&j.paletteViewHandler.clickedOnFavIcon(I),j.paletteViewHandler.clickedOnConfigPalette(I,void 0,i)}},k),T),{},{children:[(0,f.jsxs)("div",{className:d()(c.iZ,c.NC),children:[I.sel&&(0,f.jsx)(p.default,{listenToOptionVariables:!0}),I.contentItemId&&(0,f.jsx)(v.default,{item:I,style:{bottom:8}},I.codex),"TEXT"==I.layout&&(0,f.jsx)("div",{className:c.$l}),!("TEXT"==I.layout)&&(0,f.jsx)("div",{className:c.K5,style:{backgroundImage:"url(".concat(I.image,")")}}),(0,f.jsxs)("div",{className:d()(c.AR,"TEXT"==I.layout?c.Eb:void 0),children:[(0,f.jsx)("div",{className:d()(c.db,""!==A?c.Bm:void 0),dangerouslySetInnerHTML:{__html:I.text+(a||"")}}),(0,f.jsx)(g.default,{style:{position:"relative",float:"left"},metaData:I.metaData,visible:[A,P]},I.codex)]}),E&&(null===(n=O)||void 0===n?void 0:n((0,f.jsx)(h.default,{text:I.text+(I.freeText?I.freeText:"")+(a||""),desciption:A,image:I.image,hexColor:I.hexColor,pricePreviewPromise:I.pricePreviewPromise,layerProps:Z},I.codex))),I.doShowFav&&(0,f.jsx)("div",{className:I.isFav?m.Md:m.Hq})]}),!r&&void 0!==I.pricePreviewPromise&&(0,f.jsx)(b.default,{asyncPricePreview:I.pricePreviewPromise,sel:I.sel}),void 0!==I.checkForReversingChanges&&(0,f.jsx)(y.default,{item:I,paletteId:i}),I.disabledByConstructionRule&&(0,f.jsx)("div",{className:d()(c.ox),title:M("configurator."+I.disabledByConstructionRule)})]}))}))},86587:(e,n,o)=>{o.r(n),o.d(n,{default:()=>d});var i=o(80248),t=(o(87363),o(2765)),r=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,i)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,i.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const d=function IsActive(e){return(0,r.jsx)(t.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive"}))}},84887:(e,n,o)=>{o.d(n,{B:()=>l,Z:()=>a});var i=o(8081),t=o.n(i),r=o(23645),d=o.n(r)()(t());d.push([e.id,".index-module--hpPAb {\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  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--hpPAb,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--hpPAb {\n  color: #fff;\n}\n",""]);var l="index-module--hpPAb";const a=d},6284:(e,n,o)=>{o.d(n,{$l:()=>v,AR:()=>y,Bm:()=>j,CA:()=>u,Eb:()=>f,K5:()=>b,NC:()=>h,ZP:()=>w,db:()=>I,iZ:()=>x,ox:()=>M,pA:()=>p,vc:()=>g});var i=o(8081),t=o.n(i),r=o(23645),d=o.n(r),l=o(61667),a=o.n(l),s=new URL(o(63173),o.b),c=d()(t()),m=a()(s);c.push([e.id,"/*ConfigPalette with Normal & Small */\n\n.index-module--FGg5H {\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\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--FGg5H,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--FGg5H {\n  background-color: #374c86;\n}\n\n.index-module--zZnWk {\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderSelColor, var(--primaryColor));\n}\n\n.index-module--FGg5H: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--FGg5H: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--FGg5H .index-module--pQje2 {\n  width: 98%;\n  background: white;\n  position: relative;\n  /* border-radius: var(--globalBorderRadius);*/\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--FGg5H .index-module--pQje2,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--FGg5H .index-module--pQje2 {\n  background-color: #374c86;\n}\n\n.index-module--FGg5H.index-module--OqFNz {\n  width: 48%;\n  float: left;\n  margin-left: 1%;\n  margin-right: 1%;\n}\n\n.index-module--FGg5H .index-module--pQje2.index-module--CcpMC {\n  height: 80px;\n}\n\n.index-module--FGg5H .index-module--pQje2.index-module--II_8j {\n  height: 64px;\n}\n\n.index-module--FGg5H .index-module--dUy8g {\n  width: 18px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--FGg5H .index-module--CcpMC .index-module--Z8KXz {\n  height: 80px;\n  width: 112px;\n}\n\n.index-module--FGg5H .index-module--II_8j .index-module--Z8KXz {\n  height: 64px;\n  width: 96px;\n}\n.index-module--FGg5H.index-module--OqFNz .index-module--Z8KXz {\n  height: 64px;\n  width: 64px;\n}\n\n.index-module--FGg5H .index-module--Z8KXz {\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--m9VzR {\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--Y5eRx {\n  max-width: calc(100% - 32px);\n}\n\n.index-module--FGg5H.index-module--OqFNz .index-module--m9VzR {\n  max-width: 50%;\n  margin-top: 17.6px;\n}\n\n.index-module--FGg5H .index-module--mZh26 {\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.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--FGg5H .index-module--mZh26,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--FGg5H .index-module--mZh26 {\n  color: #fff;\n}\n\n.index-module--FGg5H .index-module--mZh26.index-module--NabGm {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--CcpMC .index-module--mZh26 {\n  -webkit-line-clamp: 3;\n}\n\n.index-module--II_8j .index-module--mZh26 {\n  -webkit-line-clamp: 2;\n}\n\n@media all and (max-width: 1100px) {\n  .index-module--FGg5H .index-module--CcpMC {\n    height: 80px;\n  }\n\n  .index-module--FGg5H .index-module--CcpMC img {\n    height: 80px;\n  }\n\n  .index-module--m9VzR {\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--iEJ0N {\n  float: right;\n  z-index: 900;\n}\n\n.index-module--MhR1_ .index-module--iEJ0N {\n  float: right;\n  margin-right: 11.2px;\n  width: auto;\n}\n\n.index-module--2NJnv {\n  display: block;\n  height: 30px;\n  background-image: url("+m+");\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 u="index-module--FGg5H",p="index-module--zZnWk",x="index-module--pQje2",g="index-module--CcpMC",h="index-module--II_8j",v="index-module--dUy8g",b="index-module--Z8KXz",y="index-module--m9VzR",f="index-module--Y5eRx",I="index-module--mZh26",j="index-module--NabGm",M="index-module--2NJnv";const w=c},94873:(e,n,o)=>{o.d(n,{$l:()=>g.$l,AR:()=>g.AR,Bm:()=>g.Bm,CA:()=>g.CA,Eb:()=>g.Eb,K5:()=>g.K5,NC:()=>g.NC,db:()=>g.db,iZ:()=>g.iZ,ox:()=>g.ox,pA:()=>g.pA,vc:()=>g.vc});var i=o(93379),t=o.n(i),r=o(7795),d=o.n(r),l=o(90569),a=o.n(l),s=o(3565),c=o.n(s),m=o(19216),u=o.n(m),p=o(44589),x=o.n(p),g=o(6284),h={};h.styleTagTransform=x(),h.setAttributes=c(),h.insert=a().bind(null,"head"),h.domAPI=d(),h.insertStyleElement=u();t()(g.ZP,h),g.ZP&&g.ZP.locals&&g.ZP.locals},63173:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4zMTExNyAwIDAgMS4zMDIzOSA3MzcuMzkgMTU5LjkxKSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSIwIiB5Mj0iLS41OTkiIHgyPSIwIiB5MT0iNDUuNDciPjxzdG9wIHN0b3AtY29sb3I9IiNmZmM1MTUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmQ1NWIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyB0cmFuc2Zvcm09Im1hdHJpeCguODU3MTQgMCAwIC44NTcxNC02MjcuMDItMTMwLjgpIj48cGF0aCBkPSJtNzk3Ljk0IDIxMi4wMWwtMjUuNjA3LTQ4Yy0uNzM2LTEuMzMzLTIuMDY4LTIuMDc0LTMuNTUxLTIuMDc0LTEuNDgzIDAtMi44MjIuODg5LTMuNTY5IDIuMjIybC0yNS40MTcgNDhjLS41OTggMS4xODUtLjYwNSAyLjgxNS4xMzIgNCAuNzM3IDEuMTg1IDEuOTIxIDEuNzc4IDMuNDA0IDEuNzc4aDUxLjAyYzEuNDgzIDAgMi44MjEtLjc0MSAzLjQyLTEuOTI2Ljc0Ny0xLjE4NS43NTMtMi42NjcuMTY1LTQiIGZpbGw9InVybCgjMCkiLz48cGF0aCBkPSJtLTI2LjMwOSAxOC4wN2MtMS4xOCAwLTIuMTM1Ljk2OC0yLjEzNSAyLjEyOXYxMi44MmMwIDEuMTc2Ljk0OCAyLjEyOSAyLjEzNSAyLjEyOSAxLjE4MyAwIDIuMTM1LS45NjggMi4xMzUtMi4xMjl2LTEyLjgyYzAtMS4xNzYtLjk0Ni0yLjEyOS0yLjEzNS0yLjEyOXptMCAyMS4zNDhjLTEuMTggMC0yLjEzNS45NTQtMi4xMzUgMi4xMzUgMCAxLjE4Ljk1NCAyLjEzNSAyLjEzNSAyLjEzNSAxLjE4MSAwIDIuMTM1LS45NTQgMi4xMzUtMi4xMzUgMC0xLjE4LS45NTItMi4xMzUtMi4xMzUtMi4xMzV6IiB0cmFuc2Zvcm09Im1hdHJpeCgxLjA1MTk2IDAgMCAxLjA1MTk2IDc5Ni41MyAxNjEuODcpIiBmaWxsPSIjMDAwIiBzdHJva2U9IiM0MDMzMGQiIGZpbGwtb3BhY2l0eT0iLjc1Ii8+PC9nPjwvc3ZnPg=="},16008:(e,n,o)=>{o.d(n,{Z:()=>r});var i=o(59654),t=o(47514);const r=(0,i.Z)((0,t.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12m8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8"}),"Block")},75275:(e,n,o)=>{o.d(n,{Z:()=>r});var i=o(59654),t=o(47514);const r=(0,i.Z)((0,t.jsx)("path",{d:"M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"}),"Warning")},59654:(e,n,o)=>{o.d(n,{Z:()=>createSvgIcon});var i=o(87363),t=o(87726),r=o(91104),d=o(94299),l=o(5230),a=o(90659),s=o(56047),c=o(18685),m=o(36735);function getSvgIconUtilityClass(e){return(0,m.ZP)("MuiSvgIcon",e)}(0,c.Z)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var u=o(47514);const p=(0,l.ZP)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(e,n)=>{const{ownerState:o}=e;return[n.root,"inherit"!==o.color&&n[`color${(0,d.Z)(o.color)}`],n[`fontSize${(0,d.Z)(o.fontSize)}`]]}})((0,a.Z)((({theme:e})=>({userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:e.transitions?.create?.("fill",{duration:(e.vars??e).transitions?.duration?.shorter}),variants:[{props:e=>!e.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:e.typography?.pxToRem?.(20)||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:e.typography?.pxToRem?.(24)||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:e.typography?.pxToRem?.(35)||"2.1875rem"}},...Object.entries((e.vars??e).palette).filter((([,e])=>e&&e.main)).map((([n])=>({props:{color:n},style:{color:(e.vars??e).palette?.[n]?.main}}))),{props:{color:"action"},style:{color:(e.vars??e).palette?.action?.active}},{props:{color:"disabled"},style:{color:(e.vars??e).palette?.action?.disabled}},{props:{color:"inherit"},style:{color:void 0}}]})))),x=i.forwardRef((function SvgIcon(e,n){const o=(0,s.i)({props:e,name:"MuiSvgIcon"}),{children:l,className:a,color:c="inherit",component:m="svg",fontSize:x="medium",htmlColor:g,inheritViewBox:h=!1,titleAccess:v,viewBox:b="0 0 24 24",...y}=o,f=i.isValidElement(l)&&"svg"===l.type,I={...o,color:c,component:m,fontSize:x,instanceFontSize:e.fontSize,inheritViewBox:h,viewBox:b,hasSvgAsChild:f},j={};h||(j.viewBox=b);const M=(e=>{const{color:n,fontSize:o,classes:i}=e,t={root:["root","inherit"!==n&&`color${(0,d.Z)(n)}`,`fontSize${(0,d.Z)(o)}`]};return(0,r.Z)(t,getSvgIconUtilityClass,i)})(I);return(0,u.jsxs)(p,{as:m,className:(0,t.Z)(M.root,a),focusable:"false",color:g,"aria-hidden":!v||void 0,role:v?"img":void 0,ref:n,...j,...y,...f&&l.props,ownerState:I,children:[f?l.props.children:l,v?(0,u.jsx)("title",{children:v}):null]})}));x.muiName="SvgIcon";const g=x;function createSvgIcon(e,n){function Component(n,o){return(0,u.jsx)(g,{"data-testid":void 0,ref:o,...n,children:e})}return Component.muiName=g.muiName,i.memo(i.forwardRef(Component))}}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8584.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8584,1801,9456],{21801:(e,n,t)=>{t.r(n),t.d(n,{default:()=>b});var i=t(34988),o=t(93379),r=t.n(o),l=t(7795),s=t.n(l),a=t(90569),d=t.n(a),c=t(3565),m=t.n(c),u=t(19216),p=t.n(u),C=t(44589),x=t.n(C),f=t(23240),v={};v.styleTagTransform=x(),v.setAttributes=m(),v.insert=d().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=p();r()(f.ZP,v);f.ZP&&f.ZP.locals&&f.ZP.locals;var h=t(87363),g=t(75327),w=t(65515),j=t.n(w),S=t(9420),y=t(47514);const b=(0,S.Pi)((function InfoIcon(e){var n,t,o,r=e.item,l=e.style,s=(0,g.NP)(),a=r.contentItemId,d=null!==(n=null!==(t=null!==(o=r.codex)&&void 0!==o?o:r.articleCodex)&&void 0!==t?t:r.title)&&void 0!==n?n:r.key,c=(0,h.useState)(!1),m=(0,i.Z)(c,2),u=m[0],p=m[1],C=r.sel||u;if((0,h.useEffect)((function(){var e=s.settingsState.contentItemVisible&&s.settingsState.contentItemId==a&&d==s.settingsState.clickedFrom;!e&&u&&p(!1),e&&!u&&p(!0)}),[s.settingsState.contentItemVisible,s.settingsState.contentItemId,s.settingsState.clickedFrom]),!r)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!r.op||null===(e=s.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||C}()?(0,y.jsx)("div",{className:f.um,onClick:function onClick(e){s.settingsState.onClickContentItemId(a,d),p(s.settingsState.contentItemVisible&&s.settingsState.contentItemId==a),e.stopPropagation()},style:l,children:(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)("div",{className:j()(f.hv,C?void 0:f.al,u?f.FJ:void 0),children:(0,y.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,y.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,y.jsx)("path",{className:f.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,y.jsx)("path",{className:f.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,y.jsx)("div",{className:j()(f.dA,C?f.al:void 0),children:(0,y.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,y.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,y.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,y.jsx)(y.Fragment,{})}))},19456:(e,n,t)=>{t.r(n),t.d(n,{default:()=>Z});var i=t(34988),o=t(87363),r=t(65515),l=t.n(r),s=t(16008),a=t(75275),d=t(88683),c=t(75327),m=t(93379),u=t.n(m),p=t(7795),C=t.n(p),x=t(90569),f=t.n(x),v=t(3565),h=t.n(v),g=t(19216),w=t.n(g),j=t(44589),S=t.n(j),y=t(8441),b={};b.styleTagTransform=S(),b.setAttributes=h(),b.insert=f().bind(null,"head"),b.domAPI=C(),b.insertStyleElement=w();u()(y.ZP,b);y.ZP&&y.ZP.locals&&y.ZP.locals;var P=t(69369),N=t(47514),I=(0,d.getLogger)("Planner","ReverseCheck");const Z=function ReverseCheck(e){var n=e.item,t=e.paletteId,r=(0,c.NP)(),m=(0,d.useTranslation)().t,u=void 0!==n.pricePreviewPromise?n.pricePreviewPromise:void 0,p=(0,o.useState)(null),C=(0,i.Z)(p,2),x=C[0],f=C[1],v=(0,o.useState)(!1),h=(0,i.Z)(v,2),g=h[0],w=h[1];(0,o.useEffect)((function(){var e=!0;return u?(w(!0),u.promise.then((function(n){e&&f(n.reversingCheck)})).catch((function(e){I.error(new P.GE("Error loading reversing check:",{cause:e}))})).finally((function(){e&&w(!1)}))):f(null),function(){e=!1}}),[u]);return u?g?(0,N.jsx)("div",{className:l()(y.Nh,y.V_),children:(0,N.jsx)("div",{className:y.lY})}):x&&x.hasReversingChanges?"BLOCK"===x.checkingForReversingChanges?(0,N.jsx)("div",{className:l()(y.Nh,y.IN,y.A4),onClick:function handleBlockedClick(e){var n;e.stopPropagation();var t=Object.values((null==x?void 0:x.reversingVariantValues)||{}).map((function(e){return e.label})).join(", ");null===(n=r.actions)||void 0===n||n.openModal({title:m("configurator.reverseCheck.blocked.title"),text:m("configurator.reverseCheck.blocked.text",{options:t}),accept:!1,reject:!0,rejectByIcon:!0})},children:(0,N.jsx)(s.Z,{className:y.tL,id:"blocked-icon"})}):"WARN"===x.checkingForReversingChanges?(0,N.jsx)("div",{className:l()(y.Nh,y.J9),onClick:function handleWarningClick(e){var i;e.stopPropagation();var o=Object.values((null==x?void 0:x.reversingVariantValues)||{}).map((function(e){return e.label})).join(", ");null===(i=r.actions)||void 0===i||i.openModal({title:m("configurator.reverseCheck.warning.title"),text:m("configurator.reverseCheck.warning.text",{options:o}),accept:!0,reject:!0,callback:function callback(e){e&&r.paletteViewHandler.clickedOnConfigPalette(n,void 0,t)}})},children:(0,N.jsx)(a.Z,{className:y.tO})}):(0,N.jsx)(N.Fragment,{}):(0,N.jsx)(N.Fragment,{}):(0,N.jsx)(N.Fragment,{})}},88584:(e,n,t)=>{t.r(n),t.d(n,{default:()=>f});t(87363);var i=t(65515),o=t.n(i),r=t(550),l=t(75327),s=t(85092),a=t(9420),d=t(88683),c=t(69369),m=t(21801),u=t(91087),p=t(19456),C=t(47514),x=(0,d.getLogger)("Planner","ToggleOption");const f=(0,a.Pi)((function ToggleOption(e){var n,t,i,a=e.item,d=e.paletteId,f=e.style,v=(0,l.NP)(),h=a.groups[0].items;if(!h)return(0,C.jsx)(C.Fragment,{});for(var g=0;g<h.length;g++){var w,j;null!==(w=h[g].codex)&&void 0!==w&&w.startsWith("OPVNEIN")&&(i=h[g]),null!==(j=h[g].codex)&&void 0!==j&&j.startsWith("OPVJA")&&(t=h[g])}if(!(i&&t||(2==h.length&&(i=h[0],t=h[1]),i&&t)))return x.error(new c.GE("Achtung! Bei der Option: "+h[0].op+" gibt es keine eindeutige werte für JA und NEIN",{code:"WC_0011"})),a.isVisited=!0,(0,C.jsx)(C.Fragment,{});var S=null!==(n=a.selectedElements)&&void 0!==n&&n[0].contentItemId?a.selectedElements[0]:a.optionContentItemId?{contentItemId:a.optionContentItemId,codex:a.configStepKey}:void 0;return(0,C.jsxs)("div",{className:r.O7,ref:function ref(e){return a.htmlRef=e},style:f,children:[(0,C.jsx)("div",{className:o()(r.eR,r.TN),children:a.name}),(0,C.jsxs)("div",{className:o()(r.eR,r.ZN),children:[void 0!==i.pricePreviewPromise&&(0,C.jsx)(u.default,{asyncPricePreview:i.pricePreviewPromise,sel:i.sel,pos:"left"}),(0,C.jsx)(s.default,{onChange:function onChange(){v.paletteViewHandler.clickedOnConfigPalette(i.sel?t:i,void 0,d)},val:a,state:0==i.sel,off:i.text,on:t.text}),void 0!==t.pricePreviewPromise&&(0,C.jsx)(u.default,{asyncPricePreview:t.pricePreviewPromise,sel:t.sel,pos:"right"}),void 0!==t.checkForReversingChanges&&(0,C.jsx)(p.default,{item:t,paletteId:d})]}),S&&(0,C.jsx)(m.default,{item:S,style:{bottom:"calc(50% - 10px)",right:"20px"}},a.configStepKey)]})}))},23240:(e,n,t)=>{t.d(n,{FJ:()=>m,Oq:()=>c,ZP:()=>C,al:()=>p,dA:()=>d,fL:()=>u,hv:()=>a,um:()=>s});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.push([e.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n  transition:\n    0.3s width ease,\n    0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var s="index-module--CjCgr",a="index-module--C9QBx",d="index-module--a2wqn",c="index-module--fLFjU",m="index-module--nTN4r",u="index-module--FaRqp",p="index-module--oBSZj";const C=l},8441:(e,n,t)=>{t.d(n,{A4:()=>d,IN:()=>a,J9:()=>C,Nh:()=>s,V_:()=>c,ZP:()=>x,lY:()=>m,tL:()=>u,tO:()=>p});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.push([e.id,".index-module--o8212 {\n  background-color: rgba(238,238,238,0.93333);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 100%;\n  width: 100%;\n  line-height: 50%;\n  top: 0;\n  left: 0;\n  white-space: nowrap;\n  z-index: 1000;\n}\n\n.index-module--dDHyo {\n  background-color: rgba(255, 255, 255, 0.7);\n  -webkit-backdrop-filter: blur(1px);\n          backdrop-filter: blur(1px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  pointer-events: none;\n}\n\n.index-module--oyt7q {\n  pointer-events: auto;\n}\n\n.index-module--CTeV9 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: wait;\n  pointer-events: auto;\n}\n\n.index-module--j1YrR {\n  width: 20px;\n  height: 20px;\n  border: 2px solid rgba(0, 0, 0, 0.1);\n  border-radius: 50%;\n  border-top-color: #555;\n  animation: index-module--j1YrR 1s linear infinite;\n}\n\n.index-module--bG0Fi {\n  font-size: 32px !important;\n}\n\n.index-module--bG0Fi {\n  color: #d32f2f;\n}\n\n.index-module--Ej4oh {\n  font-size: 20px !important;\n}\n\n.index-module--Ej4oh {\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  color: #ed6c02;\n  cursor: pointer;\n  pointer-events: auto;\n}\n\n.index-module--lFAqA {\n  background-color: transparent;\n  pointer-events: auto;\n  cursor: pointer;\n}\n\n@keyframes index-module--j1YrR {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var s="index-module--o8212",a="index-module--dDHyo",d="index-module--oyt7q",c="index-module--CTeV9",m="index-module--j1YrR",u="index-module--bG0Fi",p="index-module--Ej4oh",C="index-module--lFAqA";const x=l},43078:(e,n,t)=>{t.d(n,{Fl:()=>d,O7:()=>s,TN:()=>c,ZN:()=>m,ZP:()=>C,eR:()=>a,pA:()=>p,u2:()=>u});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.push([e.id,".index-module--v5pSs {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 4px;\n}\n.index-module--WNi5H {\n  width: 50%;\n  margin: 10px 15px;\n  position: relative;\n}\n\n.index-module--L1EGw {\n  flex-grow: 1;\n  height: 58px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  min-width: 33%;\n}\n\n.index-module--BYNhM {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  cursor: pointer;\n}\n\n.index-module--NNRCj {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--z1OwD {\n  text-align: center;\n}\n\n.index-module--PkMF3 {\n  font-weight: 300;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--BYNhM,\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--z1OwD {\n  color: #fff;\n}\n",""]);var s="index-module--v5pSs",a="index-module--WNi5H",d="index-module--L1EGw",c="index-module--BYNhM",m="index-module--NNRCj",u="index-module--z1OwD",p="index-module--PkMF3";const C=l},550:(e,n,t)=>{t.d(n,{Fl:()=>x.Fl,O7:()=>x.O7,TN:()=>x.TN,ZN:()=>x.ZN,eR:()=>x.eR,pA:()=>x.pA,u2:()=>x.u2});var i=t(93379),o=t.n(i),r=t(7795),l=t.n(r),s=t(90569),a=t.n(s),d=t(3565),c=t.n(d),m=t(19216),u=t.n(m),p=t(44589),C=t.n(p),x=t(43078),f={};f.styleTagTransform=C(),f.setAttributes=c(),f.insert=a().bind(null,"head"),f.domAPI=l(),f.insertStyleElement=u();o()(x.ZP,f),x.ZP&&x.ZP.locals&&x.ZP.locals},16008:(e,n,t)=>{t.d(n,{Z:()=>r});var i=t(59654),o=t(47514);const r=(0,i.Z)((0,o.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12m8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8"}),"Block")},75275:(e,n,t)=>{t.d(n,{Z:()=>r});var i=t(59654),o=t(47514);const r=(0,i.Z)((0,o.jsx)("path",{d:"M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"}),"Warning")},59654:(e,n,t)=>{t.d(n,{Z:()=>createSvgIcon});var i=t(87363),o=t(87726),r=t(91104),l=t(94299),s=t(5230),a=t(90659),d=t(56047),c=t(18685),m=t(36735);function getSvgIconUtilityClass(e){return(0,m.ZP)("MuiSvgIcon",e)}(0,c.Z)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var u=t(47514);const p=(0,s.ZP)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(e,n)=>{const{ownerState:t}=e;return[n.root,"inherit"!==t.color&&n[`color${(0,l.Z)(t.color)}`],n[`fontSize${(0,l.Z)(t.fontSize)}`]]}})((0,a.Z)((({theme:e})=>({userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:e.transitions?.create?.("fill",{duration:(e.vars??e).transitions?.duration?.shorter}),variants:[{props:e=>!e.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:e.typography?.pxToRem?.(20)||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:e.typography?.pxToRem?.(24)||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:e.typography?.pxToRem?.(35)||"2.1875rem"}},...Object.entries((e.vars??e).palette).filter((([,e])=>e&&e.main)).map((([n])=>({props:{color:n},style:{color:(e.vars??e).palette?.[n]?.main}}))),{props:{color:"action"},style:{color:(e.vars??e).palette?.action?.active}},{props:{color:"disabled"},style:{color:(e.vars??e).palette?.action?.disabled}},{props:{color:"inherit"},style:{color:void 0}}]})))),C=i.forwardRef((function SvgIcon(e,n){const t=(0,d.i)({props:e,name:"MuiSvgIcon"}),{children:s,className:a,color:c="inherit",component:m="svg",fontSize:C="medium",htmlColor:x,inheritViewBox:f=!1,titleAccess:v,viewBox:h="0 0 24 24",...g}=t,w=i.isValidElement(s)&&"svg"===s.type,j={...t,color:c,component:m,fontSize:C,instanceFontSize:e.fontSize,inheritViewBox:f,viewBox:h,hasSvgAsChild:w},S={};f||(S.viewBox=h);const y=(e=>{const{color:n,fontSize:t,classes:i}=e,o={root:["root","inherit"!==n&&`color${(0,l.Z)(n)}`,`fontSize${(0,l.Z)(t)}`]};return(0,r.Z)(o,getSvgIconUtilityClass,i)})(j);return(0,u.jsxs)(p,{as:m,className:(0,o.Z)(y.root,a),focusable:"false",color:x,"aria-hidden":!v||void 0,role:v?"img":void 0,ref:n,...S,...g,...w&&s.props,ownerState:j,children:[w?s.props.children:s,v?(0,u.jsx)("title",{children:v}):null]})}));C.muiName="SvgIcon";const x=C;function createSvgIcon(e,n){function Component(n,t){return(0,u.jsx)(x,{"data-testid":void 0,ref:t,...n,children:e})}return Component.muiName=x.muiName,i.memo(i.forwardRef(Component))}}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8584,1801,9456],{21801:(e,n,t)=>{t.r(n),t.d(n,{default:()=>N});var i=t(34988),o=t(93379),r=t.n(o),l=t(7795),s=t.n(l),a=t(90569),d=t.n(a),c=t(3565),m=t.n(c),u=t(19216),p=t.n(u),C=t(44589),x=t.n(C),f=t(23240),v={};v.styleTagTransform=x(),v.setAttributes=m(),v.insert=d().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=p();r()(f.ZP,v);f.ZP&&f.ZP.locals&&f.ZP.locals;var h=t(87363),g=t(75327),w=t(65515),j=t.n(w),S=t(9420),y=t(47514);const N=(0,S.Pi)((function InfoIcon(e){var n,t,o,r=e.item,l=e.style,s=(0,g.NP)(),a=r.contentItemId,d=null!==(n=null!==(t=null!==(o=r.codex)&&void 0!==o?o:r.articleCodex)&&void 0!==t?t:r.title)&&void 0!==n?n:r.key,c=(0,h.useState)(!1),m=(0,i.Z)(c,2),u=m[0],p=m[1],C=r.sel||u;if((0,h.useEffect)((function(){var e=s.settingsState.contentItemVisible&&s.settingsState.contentItemId==a&&d==s.settingsState.clickedFrom;!e&&u&&p(!1),e&&!u&&p(!0)}),[s.settingsState.contentItemVisible,s.settingsState.contentItemId,s.settingsState.clickedFrom]),!r)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!r.op||null===(e=s.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||C}()?(0,y.jsx)("div",{className:f.um,onClick:function onClick(e){s.settingsState.onClickContentItemId(a,d),p(s.settingsState.contentItemVisible&&s.settingsState.contentItemId==a),e.stopPropagation()},style:l,children:(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)("div",{className:j()(f.hv,C?void 0:f.al,u?f.FJ:void 0),children:(0,y.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,y.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,y.jsx)("path",{className:f.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,y.jsx)("path",{className:f.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,y.jsx)("div",{className:j()(f.dA,C?f.al:void 0),children:(0,y.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,y.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,y.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,y.jsx)(y.Fragment,{})}))},19456:(e,n,t)=>{t.r(n),t.d(n,{default:()=>Z});var i=t(34988),o=t(87363),r=t(65515),l=t.n(r),s=t(16008),a=t(75275),d=t(88683),c=t(75327),m=t(93379),u=t.n(m),p=t(7795),C=t.n(p),x=t(90569),f=t.n(x),v=t(3565),h=t.n(v),g=t(19216),w=t.n(g),j=t(44589),S=t.n(j),y=t(8441),N={};N.styleTagTransform=S(),N.setAttributes=h(),N.insert=f().bind(null,"head"),N.domAPI=C(),N.insertStyleElement=w();u()(y.ZP,N);y.ZP&&y.ZP.locals&&y.ZP.locals;var I=t(69369),b=t(47514),P=(0,d.getLogger)("Planner","ReverseCheck");const Z=function ReverseCheck(e){var n=e.item,t=e.paletteId,r=(0,c.NP)(),m=(0,d.useTranslation)().t,u=void 0!==n.pricePreviewPromise?n.pricePreviewPromise:void 0,p=(0,o.useState)(null),C=(0,i.Z)(p,2),x=C[0],f=C[1],v=(0,o.useState)(!1),h=(0,i.Z)(v,2),g=h[0],w=h[1];(0,o.useEffect)((function(){var e=!0;return u?(w(!0),u.promise.then((function(n){e&&f(n.reversingCheck)})).catch((function(e){P.error(new I.GE("Error loading reversing check:",{cause:e}))})).finally((function(){e&&w(!1)}))):f(null),function(){e=!1}}),[u]);return u?g?(0,b.jsx)("div",{className:l()(y.Nh,y.V_),children:(0,b.jsx)("div",{className:y.lY})}):x&&x.hasReversingChanges?"BLOCK"===x.checkingForReversingChanges?(0,b.jsx)("div",{className:l()(y.Nh,y.IN,y.A4),onClick:function handleBlockedClick(e){var n;e.stopPropagation();var t=Object.values((null==x?void 0:x.reversingVariantValues)||{}).map((function(e){return e.label})).join(", ");null===(n=r.actions)||void 0===n||n.openModal({title:m("configurator.reverseCheck.blocked.title"),text:m("configurator.reverseCheck.blocked.text",{options:t}),accept:!1,reject:!0,rejectByIcon:!0})},children:(0,b.jsx)(s.Z,{className:y.tL,id:"blocked-icon"})}):"WARN"===x.checkingForReversingChanges?(0,b.jsx)("div",{className:l()(y.Nh,y.J9),onClick:function handleWarningClick(e){var i;e.stopPropagation();var o=Object.values((null==x?void 0:x.reversingVariantValues)||{}).map((function(e){return e.label})).join(", ");null===(i=r.actions)||void 0===i||i.openModal({title:m("configurator.reverseCheck.warning.title"),text:m("configurator.reverseCheck.warning.text",{options:o}),accept:!0,reject:!0,callback:function callback(e){e&&r.paletteViewHandler.clickedOnConfigPalette(n,void 0,t)}})},children:(0,b.jsx)(a.Z,{className:y.tO})}):(0,b.jsx)(b.Fragment,{}):(0,b.jsx)(b.Fragment,{}):(0,b.jsx)(b.Fragment,{})}},88584:(e,n,t)=>{t.r(n),t.d(n,{default:()=>f});t(87363);var i=t(65515),o=t.n(i),r=t(550),l=t(75327),s=t(85092),a=t(9420),d=t(88683),c=t(69369),m=t(21801),u=t(91087),p=t(19456),C=t(47514),x=(0,d.getLogger)("Planner","ToggleOption");const f=(0,a.Pi)((function ToggleOption(e){var n,t,i,a=e.item,d=e.paletteId,f=e.style,v=(0,l.NP)(),h=a.groups[0].items;if(!h)return(0,C.jsx)(C.Fragment,{});for(var g=0;g<h.length;g++){var w,j;null!==(w=h[g].codex)&&void 0!==w&&w.startsWith("OPVNEIN")&&(i=h[g]),null!==(j=h[g].codex)&&void 0!==j&&j.startsWith("OPVJA")&&(t=h[g])}if(!(i&&t||(2==h.length&&(i=h[0],t=h[1]),i&&t)))return x.error(new c.GE("Achtung! Bei der Option: "+h[0].op+" gibt es keine eindeutige werte für JA und NEIN",{code:"WC_0011"})),a.isVisited=!0,(0,C.jsx)(C.Fragment,{});var S=null!==(n=a.selectedElements)&&void 0!==n&&n[0].contentItemId?a.selectedElements[0]:a.optionContentItemId?{contentItemId:a.optionContentItemId,codex:a.configStepKey}:void 0;return(0,C.jsxs)("div",{className:r.O7,ref:function ref(e){return a.htmlRef=e},style:f,children:[(0,C.jsx)("div",{className:o()(r.eR,r.TN),children:a.name}),(0,C.jsxs)("div",{className:o()(r.eR,r.ZN),children:[void 0!==i.pricePreviewPromise&&(0,C.jsx)(u.default,{asyncPricePreview:i.pricePreviewPromise,sel:i.sel,pos:"left"}),(0,C.jsx)(s.default,{onChange:function onChange(){v.paletteViewHandler.clickedOnConfigPalette(i.sel?t:i,void 0,d)},val:a,state:0==i.sel,off:i.text,on:t.text}),void 0!==t.pricePreviewPromise&&(0,C.jsx)(u.default,{asyncPricePreview:t.pricePreviewPromise,sel:t.sel,pos:"right"}),void 0!==t.checkForReversingChanges&&(0,C.jsx)(p.default,{item:t,paletteId:d})]}),S&&(0,C.jsx)(m.default,{item:S,style:{bottom:"calc(50% - 10px)",right:"20px"}},a.configStepKey)]})}))},23240:(e,n,t)=>{t.d(n,{FJ:()=>m,Oq:()=>c,ZP:()=>C,al:()=>p,dA:()=>d,fL:()=>u,hv:()=>a,um:()=>s});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.push([e.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n  transition:\n    0.3s width ease,\n    0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var s="index-module--CjCgr",a="index-module--C9QBx",d="index-module--a2wqn",c="index-module--fLFjU",m="index-module--nTN4r",u="index-module--FaRqp",p="index-module--oBSZj";const C=l},8441:(e,n,t)=>{t.d(n,{A4:()=>d,IN:()=>a,J9:()=>C,Nh:()=>s,V_:()=>c,ZP:()=>x,lY:()=>m,tL:()=>u,tO:()=>p});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.push([e.id,".index-module--o8212 {\n  background-color: rgba(238,238,238,0.93333);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 100%;\n  width: 100%;\n  line-height: 50%;\n  top: 0;\n  left: 0;\n  white-space: nowrap;\n  z-index: 1000;\n}\n\n.index-module--dDHyo {\n  background-color: rgba(255, 255, 255, 0.7);\n  -webkit-backdrop-filter: blur(1px);\n          backdrop-filter: blur(1px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  pointer-events: none;\n}\n\n.index-module--oyt7q {\n  pointer-events: auto;\n}\n\n.index-module--CTeV9 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: wait;\n  pointer-events: auto;\n}\n\n.index-module--j1YrR {\n  width: 20px;\n  height: 20px;\n  border: 2px solid rgba(0, 0, 0, 0.1);\n  border-radius: 50%;\n  border-top-color: #555;\n  animation: index-module--j1YrR 1s linear infinite;\n}\n\n.index-module--bG0Fi {\n  font-size: 32px !important;\n}\n\n.index-module--bG0Fi {\n  color: #d32f2f;\n}\n\n.index-module--Ej4oh {\n  font-size: 20px !important;\n}\n\n.index-module--Ej4oh {\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  color: #ed6c02;\n  cursor: pointer;\n  pointer-events: auto;\n}\n\n.index-module--lFAqA {\n  background-color: transparent;\n  pointer-events: auto;\n  cursor: pointer;\n}\n\n@keyframes index-module--j1YrR {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var s="index-module--o8212",a="index-module--dDHyo",d="index-module--oyt7q",c="index-module--CTeV9",m="index-module--j1YrR",u="index-module--bG0Fi",p="index-module--Ej4oh",C="index-module--lFAqA";const x=l},43078:(e,n,t)=>{t.d(n,{Fl:()=>d,O7:()=>s,TN:()=>c,ZN:()=>m,ZP:()=>C,eR:()=>a,pA:()=>p,u2:()=>u});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.push([e.id,".index-module--v5pSs {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 4px;\n}\n.index-module--WNi5H {\n  width: 50%;\n  margin: 10px 15px;\n  position: relative;\n}\n\n.index-module--L1EGw {\n  flex-grow: 1;\n  height: 58px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  min-width: 33%;\n}\n\n.index-module--BYNhM {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  cursor: pointer;\n}\n\n.index-module--NNRCj {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--z1OwD {\n  text-align: center;\n}\n\n.index-module--PkMF3 {\n  font-weight: 300;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--BYNhM,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--BYNhM,\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--z1OwD,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--z1OwD {\n  color: #fff;\n}\n",""]);var s="index-module--v5pSs",a="index-module--WNi5H",d="index-module--L1EGw",c="index-module--BYNhM",m="index-module--NNRCj",u="index-module--z1OwD",p="index-module--PkMF3";const C=l},550:(e,n,t)=>{t.d(n,{Fl:()=>x.Fl,O7:()=>x.O7,TN:()=>x.TN,ZN:()=>x.ZN,eR:()=>x.eR,pA:()=>x.pA,u2:()=>x.u2});var i=t(93379),o=t.n(i),r=t(7795),l=t.n(r),s=t(90569),a=t.n(s),d=t(3565),c=t.n(d),m=t(19216),u=t.n(m),p=t(44589),C=t.n(p),x=t(43078),f={};f.styleTagTransform=C(),f.setAttributes=c(),f.insert=a().bind(null,"head"),f.domAPI=l(),f.insertStyleElement=u();o()(x.ZP,f),x.ZP&&x.ZP.locals&&x.ZP.locals},16008:(e,n,t)=>{t.d(n,{Z:()=>r});var i=t(59654),o=t(47514);const r=(0,i.Z)((0,o.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12m8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8"}),"Block")},75275:(e,n,t)=>{t.d(n,{Z:()=>r});var i=t(59654),o=t(47514);const r=(0,i.Z)((0,o.jsx)("path",{d:"M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"}),"Warning")},59654:(e,n,t)=>{t.d(n,{Z:()=>createSvgIcon});var i=t(87363),o=t(87726),r=t(91104),l=t(94299),s=t(5230),a=t(90659),d=t(56047),c=t(18685),m=t(36735);function getSvgIconUtilityClass(e){return(0,m.ZP)("MuiSvgIcon",e)}(0,c.Z)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var u=t(47514);const p=(0,s.ZP)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(e,n)=>{const{ownerState:t}=e;return[n.root,"inherit"!==t.color&&n[`color${(0,l.Z)(t.color)}`],n[`fontSize${(0,l.Z)(t.fontSize)}`]]}})((0,a.Z)((({theme:e})=>({userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:e.transitions?.create?.("fill",{duration:(e.vars??e).transitions?.duration?.shorter}),variants:[{props:e=>!e.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:e.typography?.pxToRem?.(20)||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:e.typography?.pxToRem?.(24)||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:e.typography?.pxToRem?.(35)||"2.1875rem"}},...Object.entries((e.vars??e).palette).filter((([,e])=>e&&e.main)).map((([n])=>({props:{color:n},style:{color:(e.vars??e).palette?.[n]?.main}}))),{props:{color:"action"},style:{color:(e.vars??e).palette?.action?.active}},{props:{color:"disabled"},style:{color:(e.vars??e).palette?.action?.disabled}},{props:{color:"inherit"},style:{color:void 0}}]})))),C=i.forwardRef((function SvgIcon(e,n){const t=(0,d.i)({props:e,name:"MuiSvgIcon"}),{children:s,className:a,color:c="inherit",component:m="svg",fontSize:C="medium",htmlColor:x,inheritViewBox:f=!1,titleAccess:v,viewBox:h="0 0 24 24",...g}=t,w=i.isValidElement(s)&&"svg"===s.type,j={...t,color:c,component:m,fontSize:C,instanceFontSize:e.fontSize,inheritViewBox:f,viewBox:h,hasSvgAsChild:w},S={};f||(S.viewBox=h);const y=(e=>{const{color:n,fontSize:t,classes:i}=e,o={root:["root","inherit"!==n&&`color${(0,l.Z)(n)}`,`fontSize${(0,l.Z)(t)}`]};return(0,r.Z)(o,getSvgIconUtilityClass,i)})(j);return(0,u.jsxs)(p,{as:m,className:(0,o.Z)(y.root,a),focusable:"false",color:x,"aria-hidden":!v||void 0,role:v?"img":void 0,ref:n,...S,...g,...w&&s.props,ownerState:j,children:[w?s.props.children:s,v?(0,u.jsx)("title",{children:v}):null]})}));C.muiName="SvgIcon";const x=C;function createSvgIcon(e,n){function Component(n,t){return(0,u.jsx)(x,{"data-testid":void 0,ref:t,...n,children:e})}return Component.muiName=x.muiName,i.memo(i.forwardRef(Component))}}}]);