@crystaldesign/diva-web-planner-react 26.12.0-beta.1 → 26.12.0-beta.2

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

@@ -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(9204),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(9204),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(9204),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,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))}}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6709.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6709,4670,8960,187],{105:(e,n,t)=>{t.r(n),t.d(n,{default:()=>l});t(87363);var i=t(9420),o=t(66001),r=t(9204),a=t(88683),d=t(47514);const l=(0,i.Pi)((function AiRoomsSelection(e){var n,t,i=(0,r.NP)(),l=(0,a.useDivaCore)().state,s=l.user,c=l.organization;return i.aiState.showAiRoomRenderingInSummary&&i.viewPlannerHandler.isAny3DVisualization()&&(s?i.aiState.isAnyLimitDefined:i.aiState.shouldShowAiForAnonymous)&&null!==(n=i.aiState.enrichedAiRoomRenderings())&&void 0!==n&&n.length&&(null===(t=c.settings)||void 0===t||null===(t=t.aiSettings)||void 0===t||!t.checkForDivaKiReady||i.aiState.catalogDataKiReady())?(0,d.jsx)(o.default,{roomItems:i.aiState.enrichedAiRoomRenderings(!0),selectedRoom:i.aiState.selectedRoom}):(0,d.jsx)(d.Fragment,{})}))},34670:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var i=t(80248),o=(t(87363),t(9420)),r=t(9204),a=t(93379),d=t.n(a),l=t(7795),s=t.n(l),c=t(90569),u=t.n(c),m=t(3565),p=t.n(m),x=t(19216),h=t.n(x),v=t(44589),f=t.n(v),g=t(2348),b={};b.styleTagTransform=f(),b.setAttributes=p(),b.insert=u().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=h();d()(g.ZP,b);g.ZP&&g.ZP.locals&&g.ZP.locals;var w=t(65515),y=t.n(w),j=t(24585),C=t(83485),S=t(88683),P=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const k=(0,o.Pi)((function ArticleOverview(){var e,n,t,i,o,a,d=(0,r.NP)(),l=(0,C.W)(),s=l.dimensions,c=l.dimOnlyForOneArticle,u=(0,S.useTranslation)().t,m=d.settingsState.bbox;return(0,P.jsxs)("div",{className:g.YS,children:[(0,P.jsx)("div",{className:g.O7,children:(0,P.jsxs)("div",{className:y()(g.$Q,g.Fs),children:[(0,P.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"var(--diva-theme-palette-primary-main)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,P.jsx)("path",{d:"M21.3 15.3a2.4 2.4 0 0 1 0 3.4l-2.6 2.6a2.4 2.4 0 0 1-3.4 0L2.7 8.7a2.41 2.41 0 0 1 0-3.4l2.6-2.6a2.41 2.41 0 0 1 3.4 0Z"}),(0,P.jsx)("path",{d:"m14.5 12.5 2-2"}),(0,P.jsx)("path",{d:"m11.5 9.5 2-2"}),(0,P.jsx)("path",{d:"m8.5 6.5 2-2"}),(0,P.jsx)("path",{d:"m17.5 15.5 2-2"})]}),u("configurator.summary.total_dimensions")]})}),(0,P.jsxs)("div",{className:g.Bb,children:[(0,P.jsxs)("div",{className:g.O7,children:[(0,P.jsx)("div",{className:g.$Q,children:u("configurator.bth")}),(0,P.jsxs)("div",{className:y()(g.$Q,g.Sn),children:[null!==(e=null==m?void 0:m.X)&&void 0!==e?e:-1," × ",null!==(n=null==m?void 0:m.Y)&&void 0!==n?n:-1," × ",null!==(t=null==m?void 0:m.Z)&&void 0!==t?t:-1," cm"]})]}),void 0!==(null==m?void 0:m.wOLT)&&(0,P.jsxs)("div",{className:g.O7,children:[(0,P.jsx)("div",{className:g.$Q,children:u("configurator.without_olf")}),(0,P.jsxs)("div",{className:y()(g.$Q,g.Sn),children:[null!==(i=null==m?void 0:m.wOLT)&&void 0!==i?i:-1," × ",null!==(o=null==m?void 0:m.dOLT)&&void 0!==o?o:-1," × ",null!==(a=null==m?void 0:m.hOLT)&&void 0!==a?a:-1," cm"]})]}),!(null==s||!s.length)&&(null==s?void 0:s.map((function(e){var n,t;return(0,P.jsxs)("div",{className:g.O7,children:[(0,P.jsxs)("div",{className:g.$Q,children:[null!==(n=e.text)&&void 0!==n?n:u("configurator.headerdimension."+e.dimensionId),!c&&" ("+e.posNrs.join(",")+")"]}),(0,P.jsxs)("div",{className:y()(g.$Q,g.Sn),children:[null!==(t=e.dimension)&&void 0!==t?t:0," ",e.unit]})]})})))]}),d.productState.allowQRCodeAR&&(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("div",{className:g.kr}),(0,P.jsx)(j.default,{dontOpenModal:!0,Button:function Button(e){return(0,P.jsxs)("div",_objectSpread(_objectSpread({className:g.LI},e),{},{children:[(0,P.jsxs)("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,P.jsx)("circle",{cx:"16",cy:"16",r:"16"}),(0,P.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18.9044 9.14469L16.5714 8.04166C16.4524 7.98611 16.3175 7.98611 16.1984 8.04166L13.8575 9.14469C13.5242 9.3034 13.3734 9.70811 13.5321 10.0414C13.6432 10.2874 13.8892 10.4302 14.1432 10.4302C14.2384 10.4302 14.3336 10.4064 14.4288 10.3668L15.7064 9.76366V11.4063C15.7064 11.7793 16.008 12.0808 16.381 12.0808C16.7539 12.0808 17.0555 11.7793 17.0555 11.4063V9.76366L18.3331 10.3668C18.6664 10.5255 19.0711 10.3826 19.2298 10.0414C19.3885 9.70018 19.2457 9.3034 18.9044 9.14469ZM18.3324 13.6921L16.3803 14.6126L14.4282 13.6921C14.0949 13.5334 13.6902 13.6762 13.5315 14.0175C13.3728 14.3508 13.5156 14.7555 13.8568 14.9142L15.682 15.7712C15.682 15.7871 15.678 15.801 15.674 15.8149C15.6701 15.8287 15.6661 15.8426 15.6661 15.8585V17.5091C15.6661 17.882 15.9677 18.1836 16.3406 18.1836C16.7136 18.1836 17.0151 17.882 17.0151 17.5091V15.8585C17.0151 15.8506 17.0132 15.8426 17.0112 15.8347L17.0112 15.8347C17.0092 15.8267 17.0072 15.8188 17.0072 15.8109L18.9117 14.9142C19.245 14.7555 19.3958 14.3508 19.2371 14.0175C19.0704 13.6842 18.6657 13.5334 18.3324 13.6921ZM21.4188 10.3832L23.5059 11.3831C23.6646 11.4545 23.7598 11.6132 23.7598 11.7798V14.1843C23.7598 14.5573 23.4583 14.8588 23.0853 14.8588C22.7123 14.8588 22.4108 14.5573 22.4108 14.1843V13.2955L21.3077 13.8113C21.2125 13.851 21.1173 13.8748 21.0221 13.8748C20.7681 13.8748 20.5221 13.732 20.411 13.486C20.2523 13.1527 20.4031 12.748 20.7364 12.5893L21.8315 12.0735L20.8395 11.5973C20.5063 11.4386 20.3634 11.0339 20.5221 10.7006C20.6808 10.3673 21.0855 10.2245 21.4188 10.3832ZM12.0234 12.589L10.9283 12.0732L11.9203 11.597C12.2536 11.4383 12.3964 11.0336 12.2377 10.7003C12.079 10.3591 11.6743 10.2162 11.341 10.3829L9.25394 11.3828C9.09523 11.4542 9 11.6129 9 11.7795V14.1761C9 14.549 9.30155 14.8506 9.67452 14.8506C10.0475 14.8506 10.349 14.557 10.349 14.184V13.2873L11.4521 13.8031C11.5473 13.8507 11.6425 13.8745 11.7377 13.8745C11.9917 13.8745 12.2377 13.7317 12.3488 13.4857C12.5075 13.1524 12.3646 12.7477 12.0234 12.589ZM11.4521 18.4139C11.7854 18.2552 12.1901 18.4059 12.3488 18.7392C12.5075 19.0805 12.3646 19.4852 12.0234 19.6439L10.9283 20.1597L11.9203 20.6358C12.2536 20.7945 12.3964 21.1992 12.2377 21.5325C12.1186 21.7706 11.8806 21.9134 11.6266 21.9134C11.5235 21.9134 11.4283 21.8976 11.333 21.8499L9.246 20.8501C9.09523 20.7786 9 20.6199 9 20.4533V18.0488C9 17.6759 9.30155 17.3743 9.67452 17.3743C10.0475 17.3743 10.349 17.6759 10.349 18.0488V18.9376L11.4521 18.4139Z",fill:"var(--diva-theme-palette-primary-main)"}),(0,P.jsx)("path",{d:"M18.749 24H17.6823L17.272 22.799H15.3849L14.9746 24H13.9229L15.7205 19.0769H16.9513L18.749 24ZM15.6161 22.0382H17.0408L16.3247 19.89L15.6161 22.0382Z",fill:"var(--diva-theme-palette-primary-main)"}),(0,P.jsx)("path",{d:"M21.6498 19.0769C22.2068 19.0769 22.6444 19.2112 22.9627 19.4797C23.2809 19.7482 23.44 20.1088 23.44 20.5613C23.44 21.0436 23.2809 21.4141 22.9627 21.6727C22.6444 21.9263 22.2093 22.0531 21.6573 22.0531L21.5529 22.1128H20.4937V24H19.4792V19.0769H21.6498ZM21.5305 21.3296C21.8189 21.3296 22.0327 21.2724 22.172 21.158C22.3162 21.0387 22.3883 20.8572 22.3883 20.6135C22.3883 20.3698 22.3162 20.1908 22.172 20.0764C22.0327 19.9571 21.8189 19.8974 21.5305 19.8974H20.4937V21.3296H21.5305ZM22.1347 21.5459L23.731 24H22.5748L21.2545 21.8443L22.1347 21.5459Z",fill:"var(--diva-theme-palette-primary-main)"})]}),u("configurator.ar_try_at_home")]}))}})]})]})}))},40812:(e,n,t)=>{t.d(n,{e:()=>useStickyScroll});var i=t(34988),o=t(87363);function useStickyScroll(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,n=arguments.length>1?arguments[1]:void 0,t=(0,o.useRef)(null),r=(0,o.useState)(!1),a=(0,i.Z)(r,2),d=a[0],l=a[1],s=(0,o.useRef)(0);return(0,o.useEffect)((function(){var i=function handleScroll(){var i,o;if(t.current&&n){var r=Date.now();if(!(r-s.current<300)){var a=(null!==(i=t.current.getBoundingClientRect().top)&&void 0!==i?i:0)-(null!==(o=null==n?void 0:n.getBoundingClientRect().top)&&void 0!==o?o:0)<=e;a!==d&&(s.current=r,l(a))}}};return i(),null==n||n.addEventListener("scroll",i,{passive:!0}),function(){return null==n?void 0:n.removeEventListener("scroll",i)}}),[e,d,n]),{stickyRef:t,isSticky:d}}},83485:(e,n,t)=>{t.d(n,{W:()=>a});var i=t(34988),o=t(87363),r=t(9204),a=function useCustomDimensions(){var e=(0,r.NP)(),n=(0,o.useState)(),t=(0,i.Z)(n,2),a=t[0],d=t[1],l=(0,o.useState)(!1),s=(0,i.Z)(l,2),c=s[0],u=s[1];return(0,o.useEffect)((function(){var n;e.divaWebPlanner.actSet()&&(null===(n=e.productState.customDimensions)||void 0===n||n.then((function(e){d(e);var n=e.reduce((function(e,n){return e[n.dimensionId]?e[n.dimensionId].includes(n.dimension)||e[n.dimensionId].push(n.dimension):e[n.dimensionId]=[n.dimension],e}),{});u(!Object.values(n).find((function(e){return e.length>1})))})))}),[e.divaWebPlanner.actSet(),e.settingsState.configChanged]),{dimensions:a,dimOnlyForOneArticle:c}}},8960:(e,n,t)=>{t.r(n),t.d(n,{default:()=>C});var i=t(9420),o=t(87363),r=t(9204),a=t(88683),d=t(19047),l=t(93379),s=t.n(l),c=t(7795),u=t.n(c),m=t(90569),p=t.n(m),x=t(3565),h=t.n(x),v=t(19216),f=t.n(v),g=t(44589),b=t.n(g),w=t(47785),y={};y.styleTagTransform=b(),y.setAttributes=h(),y.insert=p().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=f();s()(w.ZP,y);w.ZP&&w.ZP.locals&&w.ZP.locals;var j=t(47514);const C=(0,i.Pi)((function AppointmentPreview(){var e,n,t=(0,r.NP)(),i=(0,a.useTranslation)().t,l=t.uiState.organization,s=(0,o.useMemo)((function(){var e=null==l?void 0:l.additionalContactData;if(e)return(Array.isArray(e)?e:[e])[0]}),[null==l?void 0:l.additionalContactData]),c=(0,o.useMemo)((function(){var e=t.uiState.checkoutConfig;if(null!=e&&e.buttons)return e.buttons.find((function(e){return"APPOINTMENT"===e.type}))}),[t.uiState.checkoutConfig]);return s&&(s.street||s.zipCode||s.city||s.phone||s.email||s.description||s.info||s.contactPersonName||s.contactPersonImage)?(0,j.jsxs)("div",{className:w.nC,children:[(0,j.jsx)("h3",{className:w.Se,children:i("checkout.appointment.preview.headline","Persönliche Beratung vereinbaren")}),(0,j.jsx)("p",{className:w.mY,children:i("checkout.appointment.preview.subheadline")}),(0,j.jsxs)("div",{className:w.uT,children:[(null===(e=s.contactPersonImage)||void 0===e?void 0:e.url)&&(0,j.jsx)("div",{className:w.Ms,children:(0,j.jsx)("img",{src:s.contactPersonImage.url,alt:null!==(n=s.contactPersonName)&&void 0!==n?n:""})}),(0,j.jsxs)("div",{className:w.xh,children:[(s.contactPersonName||s.description)&&(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)("h4",{className:w.IB,children:s.contactPersonName}),s.description&&(0,j.jsx)("p",{className:w.NO,children:s.description})]}),s.info&&(0,j.jsx)("div",{className:w.wT,children:s.info}),(0,j.jsxs)("div",{className:w.Un,children:[(s.street||s.zipCode||s.city)&&(0,j.jsxs)("a",{className:w.Sh,href:"https://www.google.com/maps/search/?api=1&query=".concat(encodeURIComponent([s.street,s.zipCode,s.city].filter(Boolean).join(", "))),target:"_blank",rel:"noopener noreferrer",children:[(0,j.jsxs)("svg",{className:w.XQ,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[(0,j.jsx)("path",{d:"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"}),(0,j.jsx)("circle",{cx:"12",cy:"10",r:"3"})]}),(0,j.jsxs)("div",{children:[s.street&&(0,j.jsx)("div",{children:s.street}),(s.zipCode||s.city)&&(0,j.jsx)("div",{children:[s.zipCode,s.city].filter(Boolean).join(" ")})]})]}),s.phone&&(0,j.jsxs)("div",{className:w.Sh,children:[(0,j.jsx)("svg",{className:w.XQ,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:(0,j.jsx)("path",{d:"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"})}),(0,j.jsx)("a",{href:"tel:".concat(s.phone.replace(/\s/g,"")),children:s.phone})]}),s.email&&(0,j.jsxs)("div",{className:w.Sh,children:[(0,j.jsxs)("svg",{className:w.XQ,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[(0,j.jsx)("path",{d:"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"}),(0,j.jsx)("path",{d:"M22 6l-10 7L2 6"})]}),(0,j.jsx)("a",{href:"mailto:".concat(s.email),children:s.email})]})]})]})]}),c&&(0,j.jsxs)(j.Fragment,{children:[(0,j.jsxs)("button",{type:"button",className:w.Aj,onClick:function handleCtaClick(){var e;c&&(0,d.onClickCheckout)(c,t,null!==(e=c.index)&&void 0!==e?e:0,i,void 0,void 0)},children:[i("checkout.appointment.preview.cta","Persönliche Beratung vereinbaren"),(0,j.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:(0,j.jsx)("path",{d:"M5 12h14M12 5l7 7-7 7"})})]}),(0,j.jsx)("p",{className:w.Pe,children:i("checkout.appointment.preview.ctaSubtext")})]})]}):null}))},79587:(e,n,t)=>{t.r(n),t.d(n,{default:()=>m});var i=t(80248),o=t(34988),r=t(87363),a=t(9420),d=t(9204),l=t(88683),s=t(48133),c=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 u={force:.6,duration:5e3,particleCount:200,floorHeight:1600,floorWidth:1600};const m=(0,a.Pi)((function ConfettiInSummary(e){var n,t,i,a,m,p,x=(0,d.NP)(),h=(0,l.useDivaCore)().state.theme,v=x.getViewConfig().navigateMobileSwiper&&x.getIsInMobileView(),f=(0,r.useState)(!v),g=(0,o.Z)(f,2),b=g[0],w=g[1];(0,r.useEffect)((function(){v&&setTimeout((function(){w(!0)}),300)}),[]);var y=(0,r.useState)(!1),j=(0,o.Z)(y,2),C=j[0],S=j[1];if((0,r.useEffect)((function(){var e,n,t=null!==(e=null===(n=x.uiState.ViewConfig.showConfettiInSummary)||void 0===n?void 0:n.confettiCooldownInHours)&&void 0!==e?e:0;if(localStorage.getItem("lastConfettiSessionId")!==l.DivaUtils.SessionId||localStorage.getItem("lastConfettiChange")!=x.settingsState.configChanged.toString()){if(t>0){var i=localStorage.getItem("lastConfettiTime");if(i)if(Date.now()-Number(i)<60*t*60*1e3)return void S(!1);return localStorage.setItem("lastConfettiTime",Date.now().toString()),localStorage.setItem("lastConfettiChange",x.settingsState.configChanged.toString()),void S(!0)}localStorage.getItem("lastConfettiSessionId")!==l.DivaUtils.SessionId?(localStorage.setItem("lastConfettiSessionId",l.DivaUtils.SessionId),localStorage.setItem("lastConfettiChange",x.settingsState.configChanged.toString()),S(!0)):S(!1)}}),[]),!x.uiState.ViewConfig.showConfettiInSummary)return(0,c.jsx)(c.Fragment,{});if(!C)return(0,c.jsx)(c.Fragment,{});if(!x.isParentViewVisible)return(0,c.jsx)(c.Fragment,{});var P=x.uiState.ViewConfig.showConfettiInSummary.confettiProps;return(0,c.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",width:"100%"},children:b&&(0,c.jsx)(s.Z,_objectSpread(_objectSpread(_objectSpread({zIndex:1000001},u),null!=P?P:{}),{},{colors:[null!==(n=null===(t=h.palette)||void 0===t||null===(t=t.primary)||void 0===t?void 0:t.main)&&void 0!==n?n:"",null!==(i=null===(a=h.palette)||void 0===a||null===(a=a.primary)||void 0===a?void 0:a.dark)&&void 0!==i?i:"",null!==(m=null===(p=h.palette)||void 0===p||null===(p=p.primary)||void 0===p?void 0:p.light)&&void 0!==m?m:""]}))})}))},50187:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var i=t(34988),o=t(9420),r=t(88683),a=t(87363),d=t(93379),l=t.n(d),s=t(7795),c=t.n(s),u=t(90569),m=t.n(u),p=t(3565),x=t.n(p),h=t(19216),v=t.n(h),f=t(44589),g=t.n(f),b=t(28564),w={};w.styleTagTransform=g(),w.setAttributes=x(),w.insert=m().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=v();l()(b.ZP,w);b.ZP&&b.ZP.locals&&b.ZP.locals;var y=t(65515),j=t.n(y),C=t(9204),S=t(56340),P=t(47514);const k=(0,o.Pi)((function SummaryHeader(e){var n,t,o,d,l,s=(0,r.useTranslation)().t,c=(0,C.NP)(),u=(0,r.useDivaCore)().state.hidePrices,m=(0,a.useState)(Math.round(100*c.productState.formatedCurSetPrice/c.productState.formatedBruttoPrice)-100),p=(0,i.Z)(m,2),x=p[0],h=p[1];(0,a.useEffect)((function(){var e=Math.round(100*c.productState.formatedCurSetPrice/c.productState.formatedBruttoPrice)-100;e!==x&&h(e)}),[c.productState.formatedCurSetPrice,c.productState.formatedBruttoPrice]);var v=void 0!==c.productState.formatedBruttoPrice&&!c.getViewConfig().hideRabattPrice;return(0,P.jsxs)("div",{className:j()(b.YS,c.getIsInMobileView()?b.ai:void 0,v?b.y6:void 0,(null!==(n=null===(t=c.settingsState.settingsScrollerElement)||void 0===t?void 0:t.getBoundingClientRect().width)&&void 0!==n?n:400)<400?b.yG:void 0),children:[(0,P.jsx)("div",{className:b.TN,children:s(null!==(o=c.getViewConfig().summaryHeaderTitle)&&void 0!==o?o:"configurator.summary.header.title")}),!u&&(0,P.jsxs)("div",{className:b.wZ,children:[(0,P.jsx)("div",{className:b.h0,children:(0,P.jsx)(S.default,{price:null!==(d=c.productState.formatedBruttoPrice)&&void 0!==d?d:0,duration:1.5})}),(0,P.jsx)("div",{className:b.nt,children:(0,P.jsx)(S.default,{price:null!==(l=c.productState.formatedCurSetPrice)&&void 0!==l?l:0,duration:1.5})}),v&&(0,P.jsx)("div",{className:b.e9,children:(0,P.jsx)(S.default,{price:x,formattingFn:function formattingFn(e){return e+"%"},duration:1.5})})]})]})}))},36709:(e,n,t)=>{t.r(n),t.d(n,{default:()=>Z});var i=t(9420),o=(t(87363),t(79587)),r=t(19047),a=t(34670),d=t(9204),l=t(50187),s=t(93379),c=t.n(s),u=t(7795),m=t.n(u),p=t(90569),x=t.n(p),h=t(3565),v=t.n(h),f=t(19216),g=t.n(f),b=t(44589),w=t.n(b),y=t(24899),j={};j.styleTagTransform=w(),j.setAttributes=v(),j.insert=x().bind(null,"head"),j.domAPI=m(),j.insertStyleElement=g();c()(y.ZP,j);y.ZP&&y.ZP.locals&&y.ZP.locals;var C=t(40812),S=t(65515),P=t.n(S),k=t(105),O=t(8960),N=t(47514);const Z=(0,i.Pi)((function SummaryOverview(e){var n,t=(0,d.NP)(),i=(0,C.e)(-50,null!==(n=t.settingsState.settingsScrollerElement)&&void 0!==n?n:null),s=i.stickyRef,c=i.isSticky;return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(o.default,{}),(0,N.jsx)(l.default,{}),(0,N.jsx)("div",{ref:s,className:y.oZ,style:{opacity:c?"0":"1"},children:(0,N.jsx)(r.default,{viewHandler:t})}),(0,N.jsx)("div",{className:P()(y.oZ,y.Xo,"checkout-wrapper-sticky"),style:{opacity:c?"1":"0",pointerEvents:c?"auto":"none"},children:(0,N.jsx)(r.default,{viewHandler:t})}),t.uiState.ViewConfig.showAppointmentPreview&&(0,N.jsx)(O.default,{}),t.productState.diva3dImgSrc&&(0,N.jsx)(k.default,{}),(0,N.jsx)(a.default,{})]})}))},2348:(e,n,t)=>{t.d(n,{$Q:()=>u,Bb:()=>l,Fs:()=>c,LI:()=>x,O7:()=>s,Sn:()=>m,YS:()=>d,ZP:()=>h,kr:()=>p});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--d2iqX {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  position: relative;\n  border: 1px solid var(--diva-theme-palette-primary-main);\n  border-radius: calc(var(--buttons-border-radius) * 2);\n  color: var(--diva-theme-palette-primary-main);\n  width: calc(100% - 32px);\n  padding: 16px;\n  margin: 12px 0px;\n}\n\n.index-module--K4_z9 {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: 8px;\n  font-size: 14px;\n}\n\n.index-module--d2iqX::before {\n  content: '';\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background-color: var(--diva-theme-palette-primary-light);\n  opacity: 0.15;\n  z-index: -1;\n  pointer-events: none;\n  border-radius: inherit;\n}\n\n.index-module--RkkoP {\n  display: flex;\n  flex-direction: row;\n  gap: 16px;\n  justify-content: space-between;\n  width: 100%;\n}\n\n.index-module--sQl1l {\n  font-weight: 600;\n}\n\n.index-module--ZF6Gz {\n  display: flex;\n  gap: 4px;\n  align-items: center;\n}\n\n.index-module--ub3Fh {\n  color: #000;\n  font-weight: 600;\n}\n\n.index-module--kL69q {\n  width: 100%;\n  height: 1px;\n  background-color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--uReTO {\n  cursor: pointer;\n  width: calc(100% - 32px);\n  height: 22px;\n  padding: 8px 16px;\n  background-color: transparent;\n  border: 1px solid var(--diva-theme-palette-primary-main);\n  border-radius: calc(var(--buttons-border-radius) * 1.5);\n  font-size: 14px;\n  font-weight: 600;\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n  align-items: center;\n  justify-content: center;\n  transition:\n    background-color 0.3s ease,\n    box-shadow 0.3s ease;\n}\n\n.index-module--uReTO:hover {\n  background-color: var(--diva-theme-palette-primary-light);\n  box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.1);\n}\n",""]);var d="index-module--d2iqX",l="index-module--K4_z9",s="index-module--RkkoP",c="index-module--sQl1l",u="index-module--ZF6Gz",m="index-module--ub3Fh",p="index-module--kL69q",x="index-module--uReTO";const h=a},47785:(e,n,t)=>{t.d(n,{Aj:()=>b,IB:()=>p,Ms:()=>u,NO:()=>x,Pe:()=>w,Se:()=>l,Sh:()=>f,Un:()=>v,XQ:()=>g,ZP:()=>y,mY:()=>s,nC:()=>d,uT:()=>c,wT:()=>h,xh:()=>m});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--VX0rb {\n  padding: 16px 0;\n  border-top: 1px solid #e8e3da;\n  border-top: 1px solid var(--galleryItemBorderColor, #e8e3da);\n}\n\n.index-module--MZyeg {\n  font-size: 18px;\n  font-weight: 300;\n  line-height: 1.3;\n  color: var(--diva-theme-palette-text-primary);\n  margin: 0 0 8px;\n}\n\n.index-module--E7iHI {\n  font-size: 14px;\n  font-weight: 300;\n  line-height: 1.5;\n  color: var(--diva-theme-palette-text-secondary);\n  margin: 0 0 16px;\n}\n\n.index-module--C_YrY {\n  overflow: hidden;\n  border-radius: var(--buttons-border-radius);\n  border: 1px solid #e8e3da;\n  border: 1px solid var(--galleryItemBorderColor, #e8e3da);\n  background: var(--settingsBackgroundColor);\n  margin-bottom: 16px;\n}\n\n.index-module--CQBXE {\n  overflow: hidden;\n  aspect-ratio: 16 / 8;\n}\n\n.index-module--CQBXE img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  -o-object-position: top center;\n     object-position: top center;\n}\n\n.index-module--ORevm {\n  padding: 8px 16px;\n}\n\n.index-module--QZDLm {\n  font-size: 16px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-primary);\n  margin: 0 0 4px;\n}\n\n.index-module--RVZmw {\n  font-size: 14px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-secondary);\n  margin: 0 0 12px;\n}\n\n.index-module--SGoOd {\n  font-size: 14px;\n  font-weight: 300;\n  line-height: 1.5;\n  color: var(--diva-theme-palette-text-secondary);\n  margin-bottom: 12px;\n  white-space: pre-line;\n}\n\n.index-module--_7T1O {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  border-top: 1px solid #e8e3da;\n  border-top: 1px solid var(--galleryItemBorderColor, #e8e3da);\n  padding-top: 12px;\n}\n\n.index-module--M9jnK {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n  font-size: 14px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-secondary);\n}\n\n.index-module--M9jnK a {\n  color: var(--diva-theme-palette-text-secondary);\n  text-decoration: none;\n}\n\n.index-module--M9jnK a:hover {\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--NKjBH {\n  flex-shrink: 0;\n  width: 16px;\n  height: 16px;\n  margin-top: 2px;\n  opacity: 0.6;\n}\n\n.index-module--zNnhX {\n  width: calc(100% - 48px);\n  padding: 14px 24px;\n  font-size: 14px;\n  font-weight: 500;\n  color: #fff;\n  color: var(--diva-theme-palette-primary-contrast-text, #fff);\n  background: var(--diva-theme-palette-primary-main);\n  border: none;\n  border-radius: var(--buttons-border-radius);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  transition:\n    background 0.2s,\n    box-shadow 0.2s;\n}\n\n.index-module--zNnhX:hover {\n  background: var(--diva-theme-palette-primary-dark);\n}\n\n.index-module--RDLnT {\n  font-size: 12px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-secondary);\n  text-align: center;\n  margin: 8px 0 0;\n}\n",""]);var d="index-module--VX0rb",l="index-module--MZyeg",s="index-module--E7iHI",c="index-module--C_YrY",u="index-module--CQBXE",m="index-module--ORevm",p="index-module--QZDLm",x="index-module--RVZmw",h="index-module--SGoOd",v="index-module--_7T1O",f="index-module--M9jnK",g="index-module--NKjBH",b="index-module--zNnhX",w="index-module--RDLnT";const y=a},28564:(e,n,t)=>{t.d(n,{TN:()=>m,YS:()=>d,ZP:()=>v,ai:()=>p,e9:()=>h,h0:()=>u,nt:()=>s,wZ:()=>l,y6:()=>c,yG:()=>x});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--tgY3n {\n  position: sticky;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  margin-bottom: 8px;\n  white-space: nowrap;\n}\n\n.index-module--ZQBOj {\n  display: flex;\n  flex-direction: row;\n  gap: 16px;\n  width: 100%;\n  justify-content: space-between;\n  flex-wrap: nowrap;\n}\n\n.index-module--kcl1K {\n  font-size: 18px;\n  line-height: 18px;\n  font-size: 24px;\n  line-height: 24px;\n  color: rgba(17, 24, 39, 1);\n  font-weight: 700;\n}\n.index-module--kGHzf .index-module--kcl1K {\n  color: rgb(220, 38, 38);\n}\n\n.index-module--ZJwYg {\n  font-size: 18px;\n  line-height: 24px;\n  font-weight: 300;\n  color: rgba(107, 114, 128, 1);\n  -webkit-text-decoration-line: line-through;\n          text-decoration-line: line-through;\n  display: none;\n}\n.index-module--kGHzf .index-module--ZJwYg {\n  display: block;\n}\n\n.index-module--Qoi4e {\n  width: auto;\n  font-weight: 500;\n  font-size: 22px;\n  line-height: 24px;\n  color: var(--secondaryColor);\n  margin-top: 18px;\n  float: left;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.index-module--eO4iO .index-module--Qoi4e,\n.index-module--pxDVX .index-module--Qoi4e {\n  font-size: 20px;\n  line-height: 22px;\n}\n\n.index-module--G4dak {\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 16px;\n  color: #fff;\n  padding: 4px 8px;\n  border-radius: 40px;\n  background-color: rgb(220, 38, 38);\n}\n",""]);var d="index-module--tgY3n",l="index-module--ZQBOj",s="index-module--kcl1K",c="index-module--kGHzf",u="index-module--ZJwYg",m="index-module--Qoi4e",p="index-module--eO4iO",x="index-module--pxDVX",h="index-module--G4dak";const v=a},24899:(e,n,t)=>{t.d(n,{Xo:()=>l,ZP:()=>s,oZ:()=>d});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--Lbf5b {\n  padding-top: 8px;\n  padding-bottom: 8px;\n  z-index: 100;\n}\n\n.index-module--dc_1V .checkout-button-wrapper {\n  transition: max-height 0.4s ease;\n  max-height: 200px;\n}\n\n.index-module--dc_1V {\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  padding: 8px 16px;\n  width: calc(100% - 32px);\n  transition: opacity 0.2s ease;\n  background-color: rgba(244, 244, 244, 0.8);\n}\n.index-module--dc_1V .checkout-button-wrapper {\n  flex-wrap: nowrap;\n  max-height: 60px; /* fits one row */\n}\n\n.index-module--dc_1V .checkout-button-wrapper button {\n  transition:\n    font-size 0.4s ease,\n    height 0.4s ease;\n  white-space: nowrap;\n  overflow: hidden; /* optional if text might overflow */\n  display: none;\n}\n\n.index-module--dc_1V .checkout-button-wrapper button:nth-child(1),\n.index-module--dc_1V .checkout-button-wrapper button:nth-child(2),\n.index-module--dc_1V .checkout-button-wrapper button:nth-child(3) {\n  display: flex;\n}\n\n.index-module--dc_1V .checkout-button-wrapper button {\n  font-size: 14px;\n  height: 36px;\n}\n\n.index-module--dc_1V .checkout-secondary-button-wrapper {\n  width: 100%;\n  transition: width 0.4s ease;\n}\n\n.index-module--dc_1V .checkout-secondary-button-wrapper:not(.no-primary-buttons) {\n  grid-template-columns: repeat(auto-fit, minmax(calc(30% - 4px), 1fr)) !important;\n}\n\n.index-module--dc_1V .checkout-secondary-button-wrapper:not(.no-primary-buttons) {\n  width: 40%;\n}\n\n.index-module--dc_1V .checkout-secondary-button-wrapper:empty {\n  display: none;\n}\n\n.index-module--dc_1V .checkout-secondary-button-wrapper > button div:nth-child(2) {\n  display: none;\n}\n",""]);var d="index-module--Lbf5b",l="index-module--dc_1V";const s=a}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6709,4670,8960,187],{105:(e,n,t)=>{t.r(n),t.d(n,{default:()=>l});t(87363);var i=t(9420),o=t(66001),r=t(75327),a=t(88683),d=t(47514);const l=(0,i.Pi)((function AiRoomsSelection(e){var n,t,i=(0,r.NP)(),l=(0,a.useDivaCore)().state,s=l.user,c=l.organization;return i.aiState.showAiRoomRenderingInSummary&&i.viewPlannerHandler.isAny3DVisualization()&&(s?i.aiState.isAnyLimitDefined:i.aiState.shouldShowAiForAnonymous)&&null!==(n=i.aiState.enrichedAiRoomRenderings())&&void 0!==n&&n.length&&(null===(t=c.settings)||void 0===t||null===(t=t.aiSettings)||void 0===t||!t.checkForDivaKiReady||i.aiState.catalogDataKiReady())?(0,d.jsx)(o.default,{roomItems:i.aiState.enrichedAiRoomRenderings(!0),selectedRoom:i.aiState.selectedRoom}):(0,d.jsx)(d.Fragment,{})}))},34670:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var i=t(80248),o=(t(87363),t(9420)),r=t(75327),a=t(93379),d=t.n(a),l=t(7795),s=t.n(l),c=t(90569),u=t.n(c),m=t(3565),p=t.n(m),x=t(19216),h=t.n(x),v=t(44589),f=t.n(v),g=t(2348),b={};b.styleTagTransform=f(),b.setAttributes=p(),b.insert=u().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=h();d()(g.ZP,b);g.ZP&&g.ZP.locals&&g.ZP.locals;var w=t(65515),y=t.n(w),j=t(24585),C=t(83485),S=t(88683),P=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const k=(0,o.Pi)((function ArticleOverview(){var e,n,t,i,o,a,d=(0,r.NP)(),l=(0,C.W)(),s=l.dimensions,c=l.dimOnlyForOneArticle,u=(0,S.useTranslation)().t,m=d.settingsState.bbox;return(0,P.jsxs)("div",{className:g.YS,children:[(0,P.jsx)("div",{className:g.O7,children:(0,P.jsxs)("div",{className:y()(g.$Q,g.Fs),children:[(0,P.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"var(--diva-theme-palette-primary-main)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,P.jsx)("path",{d:"M21.3 15.3a2.4 2.4 0 0 1 0 3.4l-2.6 2.6a2.4 2.4 0 0 1-3.4 0L2.7 8.7a2.41 2.41 0 0 1 0-3.4l2.6-2.6a2.41 2.41 0 0 1 3.4 0Z"}),(0,P.jsx)("path",{d:"m14.5 12.5 2-2"}),(0,P.jsx)("path",{d:"m11.5 9.5 2-2"}),(0,P.jsx)("path",{d:"m8.5 6.5 2-2"}),(0,P.jsx)("path",{d:"m17.5 15.5 2-2"})]}),u("configurator.summary.total_dimensions")]})}),(0,P.jsxs)("div",{className:g.Bb,children:[(0,P.jsxs)("div",{className:g.O7,children:[(0,P.jsx)("div",{className:g.$Q,children:u("configurator.bth")}),(0,P.jsxs)("div",{className:y()(g.$Q,g.Sn),children:[null!==(e=null==m?void 0:m.X)&&void 0!==e?e:-1," × ",null!==(n=null==m?void 0:m.Y)&&void 0!==n?n:-1," × ",null!==(t=null==m?void 0:m.Z)&&void 0!==t?t:-1," cm"]})]}),void 0!==(null==m?void 0:m.wOLT)&&(0,P.jsxs)("div",{className:g.O7,children:[(0,P.jsx)("div",{className:g.$Q,children:u("configurator.without_olf")}),(0,P.jsxs)("div",{className:y()(g.$Q,g.Sn),children:[null!==(i=null==m?void 0:m.wOLT)&&void 0!==i?i:-1," × ",null!==(o=null==m?void 0:m.dOLT)&&void 0!==o?o:-1," × ",null!==(a=null==m?void 0:m.hOLT)&&void 0!==a?a:-1," cm"]})]}),!(null==s||!s.length)&&(null==s?void 0:s.map((function(e){var n,t;return(0,P.jsxs)("div",{className:g.O7,children:[(0,P.jsxs)("div",{className:g.$Q,children:[null!==(n=e.text)&&void 0!==n?n:u("configurator.headerdimension."+e.dimensionId),!c&&" ("+e.posNrs.join(",")+")"]}),(0,P.jsxs)("div",{className:y()(g.$Q,g.Sn),children:[null!==(t=e.dimension)&&void 0!==t?t:0," ",e.unit]})]})})))]}),d.productState.allowQRCodeAR&&(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("div",{className:g.kr}),(0,P.jsx)(j.default,{dontOpenModal:!0,Button:function Button(e){return(0,P.jsxs)("div",_objectSpread(_objectSpread({className:g.LI},e),{},{children:[(0,P.jsxs)("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,P.jsx)("circle",{cx:"16",cy:"16",r:"16"}),(0,P.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18.9044 9.14469L16.5714 8.04166C16.4524 7.98611 16.3175 7.98611 16.1984 8.04166L13.8575 9.14469C13.5242 9.3034 13.3734 9.70811 13.5321 10.0414C13.6432 10.2874 13.8892 10.4302 14.1432 10.4302C14.2384 10.4302 14.3336 10.4064 14.4288 10.3668L15.7064 9.76366V11.4063C15.7064 11.7793 16.008 12.0808 16.381 12.0808C16.7539 12.0808 17.0555 11.7793 17.0555 11.4063V9.76366L18.3331 10.3668C18.6664 10.5255 19.0711 10.3826 19.2298 10.0414C19.3885 9.70018 19.2457 9.3034 18.9044 9.14469ZM18.3324 13.6921L16.3803 14.6126L14.4282 13.6921C14.0949 13.5334 13.6902 13.6762 13.5315 14.0175C13.3728 14.3508 13.5156 14.7555 13.8568 14.9142L15.682 15.7712C15.682 15.7871 15.678 15.801 15.674 15.8149C15.6701 15.8287 15.6661 15.8426 15.6661 15.8585V17.5091C15.6661 17.882 15.9677 18.1836 16.3406 18.1836C16.7136 18.1836 17.0151 17.882 17.0151 17.5091V15.8585C17.0151 15.8506 17.0132 15.8426 17.0112 15.8347L17.0112 15.8347C17.0092 15.8267 17.0072 15.8188 17.0072 15.8109L18.9117 14.9142C19.245 14.7555 19.3958 14.3508 19.2371 14.0175C19.0704 13.6842 18.6657 13.5334 18.3324 13.6921ZM21.4188 10.3832L23.5059 11.3831C23.6646 11.4545 23.7598 11.6132 23.7598 11.7798V14.1843C23.7598 14.5573 23.4583 14.8588 23.0853 14.8588C22.7123 14.8588 22.4108 14.5573 22.4108 14.1843V13.2955L21.3077 13.8113C21.2125 13.851 21.1173 13.8748 21.0221 13.8748C20.7681 13.8748 20.5221 13.732 20.411 13.486C20.2523 13.1527 20.4031 12.748 20.7364 12.5893L21.8315 12.0735L20.8395 11.5973C20.5063 11.4386 20.3634 11.0339 20.5221 10.7006C20.6808 10.3673 21.0855 10.2245 21.4188 10.3832ZM12.0234 12.589L10.9283 12.0732L11.9203 11.597C12.2536 11.4383 12.3964 11.0336 12.2377 10.7003C12.079 10.3591 11.6743 10.2162 11.341 10.3829L9.25394 11.3828C9.09523 11.4542 9 11.6129 9 11.7795V14.1761C9 14.549 9.30155 14.8506 9.67452 14.8506C10.0475 14.8506 10.349 14.557 10.349 14.184V13.2873L11.4521 13.8031C11.5473 13.8507 11.6425 13.8745 11.7377 13.8745C11.9917 13.8745 12.2377 13.7317 12.3488 13.4857C12.5075 13.1524 12.3646 12.7477 12.0234 12.589ZM11.4521 18.4139C11.7854 18.2552 12.1901 18.4059 12.3488 18.7392C12.5075 19.0805 12.3646 19.4852 12.0234 19.6439L10.9283 20.1597L11.9203 20.6358C12.2536 20.7945 12.3964 21.1992 12.2377 21.5325C12.1186 21.7706 11.8806 21.9134 11.6266 21.9134C11.5235 21.9134 11.4283 21.8976 11.333 21.8499L9.246 20.8501C9.09523 20.7786 9 20.6199 9 20.4533V18.0488C9 17.6759 9.30155 17.3743 9.67452 17.3743C10.0475 17.3743 10.349 17.6759 10.349 18.0488V18.9376L11.4521 18.4139Z",fill:"var(--diva-theme-palette-primary-main)"}),(0,P.jsx)("path",{d:"M18.749 24H17.6823L17.272 22.799H15.3849L14.9746 24H13.9229L15.7205 19.0769H16.9513L18.749 24ZM15.6161 22.0382H17.0408L16.3247 19.89L15.6161 22.0382Z",fill:"var(--diva-theme-palette-primary-main)"}),(0,P.jsx)("path",{d:"M21.6498 19.0769C22.2068 19.0769 22.6444 19.2112 22.9627 19.4797C23.2809 19.7482 23.44 20.1088 23.44 20.5613C23.44 21.0436 23.2809 21.4141 22.9627 21.6727C22.6444 21.9263 22.2093 22.0531 21.6573 22.0531L21.5529 22.1128H20.4937V24H19.4792V19.0769H21.6498ZM21.5305 21.3296C21.8189 21.3296 22.0327 21.2724 22.172 21.158C22.3162 21.0387 22.3883 20.8572 22.3883 20.6135C22.3883 20.3698 22.3162 20.1908 22.172 20.0764C22.0327 19.9571 21.8189 19.8974 21.5305 19.8974H20.4937V21.3296H21.5305ZM22.1347 21.5459L23.731 24H22.5748L21.2545 21.8443L22.1347 21.5459Z",fill:"var(--diva-theme-palette-primary-main)"})]}),u("configurator.ar_try_at_home")]}))}})]})]})}))},40812:(e,n,t)=>{t.d(n,{e:()=>useStickyScroll});var i=t(34988),o=t(87363);function useStickyScroll(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,n=arguments.length>1?arguments[1]:void 0,t=(0,o.useRef)(null),r=(0,o.useState)(!1),a=(0,i.Z)(r,2),d=a[0],l=a[1],s=(0,o.useRef)(0);return(0,o.useEffect)((function(){var i=function handleScroll(){var i,o;if(t.current&&n){var r=Date.now();if(!(r-s.current<300)){var a=(null!==(i=t.current.getBoundingClientRect().top)&&void 0!==i?i:0)-(null!==(o=null==n?void 0:n.getBoundingClientRect().top)&&void 0!==o?o:0)<=e;a!==d&&(s.current=r,l(a))}}};return i(),null==n||n.addEventListener("scroll",i,{passive:!0}),function(){return null==n?void 0:n.removeEventListener("scroll",i)}}),[e,d,n]),{stickyRef:t,isSticky:d}}},83485:(e,n,t)=>{t.d(n,{W:()=>a});var i=t(34988),o=t(87363),r=t(75327),a=function useCustomDimensions(){var e=(0,r.NP)(),n=(0,o.useState)(),t=(0,i.Z)(n,2),a=t[0],d=t[1],l=(0,o.useState)(!1),s=(0,i.Z)(l,2),c=s[0],u=s[1];return(0,o.useEffect)((function(){var n;e.divaWebPlanner.actSet()&&(null===(n=e.productState.customDimensions)||void 0===n||n.then((function(e){d(e);var n=e.reduce((function(e,n){return e[n.dimensionId]?e[n.dimensionId].includes(n.dimension)||e[n.dimensionId].push(n.dimension):e[n.dimensionId]=[n.dimension],e}),{});u(!Object.values(n).find((function(e){return e.length>1})))})))}),[e.divaWebPlanner.actSet(),e.settingsState.configChanged]),{dimensions:a,dimOnlyForOneArticle:c}}},8960:(e,n,t)=>{t.r(n),t.d(n,{default:()=>C});var i=t(9420),o=t(87363),r=t(75327),a=t(88683),d=t(19047),l=t(93379),s=t.n(l),c=t(7795),u=t.n(c),m=t(90569),p=t.n(m),x=t(3565),h=t.n(x),v=t(19216),f=t.n(v),g=t(44589),b=t.n(g),w=t(47785),y={};y.styleTagTransform=b(),y.setAttributes=h(),y.insert=p().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=f();s()(w.ZP,y);w.ZP&&w.ZP.locals&&w.ZP.locals;var j=t(47514);const C=(0,i.Pi)((function AppointmentPreview(){var e,n,t=(0,r.NP)(),i=(0,a.useTranslation)().t,l=t.uiState.organization,s=(0,o.useMemo)((function(){var e=null==l?void 0:l.additionalContactData;if(e)return(Array.isArray(e)?e:[e])[0]}),[null==l?void 0:l.additionalContactData]),c=(0,o.useMemo)((function(){var e=t.uiState.checkoutConfig;if(null!=e&&e.buttons)return e.buttons.find((function(e){return"APPOINTMENT"===e.type}))}),[t.uiState.checkoutConfig]);return s&&(s.street||s.zipCode||s.city||s.phone||s.email||s.description||s.info||s.contactPersonName||s.contactPersonImage)?(0,j.jsxs)("div",{className:w.nC,children:[(0,j.jsx)("h3",{className:w.Se,children:i("checkout.appointment.preview.headline","Persönliche Beratung vereinbaren")}),(0,j.jsx)("p",{className:w.mY,children:i("checkout.appointment.preview.subheadline")}),(0,j.jsxs)("div",{className:w.uT,children:[(null===(e=s.contactPersonImage)||void 0===e?void 0:e.url)&&(0,j.jsx)("div",{className:w.Ms,children:(0,j.jsx)("img",{src:s.contactPersonImage.url,alt:null!==(n=s.contactPersonName)&&void 0!==n?n:""})}),(0,j.jsxs)("div",{className:w.xh,children:[(s.contactPersonName||s.description)&&(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)("h4",{className:w.IB,children:s.contactPersonName}),s.description&&(0,j.jsx)("p",{className:w.NO,children:s.description})]}),s.info&&(0,j.jsx)("div",{className:w.wT,children:s.info}),(0,j.jsxs)("div",{className:w.Un,children:[(s.street||s.zipCode||s.city)&&(0,j.jsxs)("a",{className:w.Sh,href:"https://www.google.com/maps/search/?api=1&query=".concat(encodeURIComponent([s.street,s.zipCode,s.city].filter(Boolean).join(", "))),target:"_blank",rel:"noopener noreferrer",children:[(0,j.jsxs)("svg",{className:w.XQ,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[(0,j.jsx)("path",{d:"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"}),(0,j.jsx)("circle",{cx:"12",cy:"10",r:"3"})]}),(0,j.jsxs)("div",{children:[s.street&&(0,j.jsx)("div",{children:s.street}),(s.zipCode||s.city)&&(0,j.jsx)("div",{children:[s.zipCode,s.city].filter(Boolean).join(" ")})]})]}),s.phone&&(0,j.jsxs)("div",{className:w.Sh,children:[(0,j.jsx)("svg",{className:w.XQ,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:(0,j.jsx)("path",{d:"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"})}),(0,j.jsx)("a",{href:"tel:".concat(s.phone.replace(/\s/g,"")),children:s.phone})]}),s.email&&(0,j.jsxs)("div",{className:w.Sh,children:[(0,j.jsxs)("svg",{className:w.XQ,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[(0,j.jsx)("path",{d:"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"}),(0,j.jsx)("path",{d:"M22 6l-10 7L2 6"})]}),(0,j.jsx)("a",{href:"mailto:".concat(s.email),children:s.email})]})]})]})]}),c&&(0,j.jsxs)(j.Fragment,{children:[(0,j.jsxs)("button",{type:"button",className:w.Aj,onClick:function handleCtaClick(){var e;c&&(0,d.onClickCheckout)(c,t,null!==(e=c.index)&&void 0!==e?e:0,i,void 0,void 0)},children:[i("checkout.appointment.preview.cta","Persönliche Beratung vereinbaren"),(0,j.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:(0,j.jsx)("path",{d:"M5 12h14M12 5l7 7-7 7"})})]}),(0,j.jsx)("p",{className:w.Pe,children:i("checkout.appointment.preview.ctaSubtext")})]})]}):null}))},79587:(e,n,t)=>{t.r(n),t.d(n,{default:()=>m});var i=t(80248),o=t(34988),r=t(87363),a=t(9420),d=t(75327),l=t(88683),s=t(48133),c=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 u={force:.6,duration:5e3,particleCount:200,floorHeight:1600,floorWidth:1600};const m=(0,a.Pi)((function ConfettiInSummary(e){var n,t,i,a,m,p,x=(0,d.NP)(),h=(0,l.useDivaCore)().state.theme,v=x.getViewConfig().navigateMobileSwiper&&x.getIsInMobileView(),f=(0,r.useState)(!v),g=(0,o.Z)(f,2),b=g[0],w=g[1];(0,r.useEffect)((function(){v&&setTimeout((function(){w(!0)}),300)}),[]);var y=(0,r.useState)(!1),j=(0,o.Z)(y,2),C=j[0],S=j[1];if((0,r.useEffect)((function(){var e,n,t=null!==(e=null===(n=x.uiState.ViewConfig.showConfettiInSummary)||void 0===n?void 0:n.confettiCooldownInHours)&&void 0!==e?e:0;if(localStorage.getItem("lastConfettiSessionId")!==l.DivaUtils.SessionId||localStorage.getItem("lastConfettiChange")!=x.settingsState.configChanged.toString()){if(t>0){var i=localStorage.getItem("lastConfettiTime");if(i)if(Date.now()-Number(i)<60*t*60*1e3)return void S(!1);return localStorage.setItem("lastConfettiTime",Date.now().toString()),localStorage.setItem("lastConfettiChange",x.settingsState.configChanged.toString()),void S(!0)}localStorage.getItem("lastConfettiSessionId")!==l.DivaUtils.SessionId?(localStorage.setItem("lastConfettiSessionId",l.DivaUtils.SessionId),localStorage.setItem("lastConfettiChange",x.settingsState.configChanged.toString()),S(!0)):S(!1)}}),[]),!x.uiState.ViewConfig.showConfettiInSummary)return(0,c.jsx)(c.Fragment,{});if(!C)return(0,c.jsx)(c.Fragment,{});if(!x.isParentViewVisible)return(0,c.jsx)(c.Fragment,{});var P=x.uiState.ViewConfig.showConfettiInSummary.confettiProps;return(0,c.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",width:"100%"},children:b&&(0,c.jsx)(s.Z,_objectSpread(_objectSpread(_objectSpread({zIndex:1000001},u),null!=P?P:{}),{},{colors:[null!==(n=null===(t=h.palette)||void 0===t||null===(t=t.primary)||void 0===t?void 0:t.main)&&void 0!==n?n:"",null!==(i=null===(a=h.palette)||void 0===a||null===(a=a.primary)||void 0===a?void 0:a.dark)&&void 0!==i?i:"",null!==(m=null===(p=h.palette)||void 0===p||null===(p=p.primary)||void 0===p?void 0:p.light)&&void 0!==m?m:""]}))})}))},50187:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var i=t(34988),o=t(9420),r=t(88683),a=t(87363),d=t(93379),l=t.n(d),s=t(7795),c=t.n(s),u=t(90569),m=t.n(u),p=t(3565),x=t.n(p),h=t(19216),v=t.n(h),f=t(44589),g=t.n(f),b=t(28564),w={};w.styleTagTransform=g(),w.setAttributes=x(),w.insert=m().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=v();l()(b.ZP,w);b.ZP&&b.ZP.locals&&b.ZP.locals;var y=t(65515),j=t.n(y),C=t(75327),S=t(56340),P=t(47514);const k=(0,o.Pi)((function SummaryHeader(e){var n,t,o,d,l,s=(0,r.useTranslation)().t,c=(0,C.NP)(),u=(0,r.useDivaCore)().state.hidePrices,m=(0,a.useState)(Math.round(100*c.productState.formatedCurSetPrice/c.productState.formatedBruttoPrice)-100),p=(0,i.Z)(m,2),x=p[0],h=p[1];(0,a.useEffect)((function(){var e=Math.round(100*c.productState.formatedCurSetPrice/c.productState.formatedBruttoPrice)-100;e!==x&&h(e)}),[c.productState.formatedCurSetPrice,c.productState.formatedBruttoPrice]);var v=void 0!==c.productState.formatedBruttoPrice&&!c.getViewConfig().hideRabattPrice;return(0,P.jsxs)("div",{className:j()(b.YS,c.getIsInMobileView()?b.ai:void 0,v?b.y6:void 0,(null!==(n=null===(t=c.settingsState.settingsScrollerElement)||void 0===t?void 0:t.getBoundingClientRect().width)&&void 0!==n?n:400)<400?b.yG:void 0),children:[(0,P.jsx)("div",{className:b.TN,children:s(null!==(o=c.getViewConfig().summaryHeaderTitle)&&void 0!==o?o:"configurator.summary.header.title")}),!u&&(0,P.jsxs)("div",{className:b.wZ,children:[(0,P.jsx)("div",{className:b.h0,children:(0,P.jsx)(S.default,{price:null!==(d=c.productState.formatedBruttoPrice)&&void 0!==d?d:0,duration:1.5})}),(0,P.jsx)("div",{className:b.nt,children:(0,P.jsx)(S.default,{price:null!==(l=c.productState.formatedCurSetPrice)&&void 0!==l?l:0,duration:1.5})}),v&&(0,P.jsx)("div",{className:b.e9,children:(0,P.jsx)(S.default,{price:x,formattingFn:function formattingFn(e){return e+"%"},duration:1.5})})]})]})}))},36709:(e,n,t)=>{t.r(n),t.d(n,{default:()=>Z});var i=t(9420),o=(t(87363),t(79587)),r=t(19047),a=t(34670),d=t(75327),l=t(50187),s=t(93379),c=t.n(s),u=t(7795),m=t.n(u),p=t(90569),x=t.n(p),h=t(3565),v=t.n(h),f=t(19216),g=t.n(f),b=t(44589),w=t.n(b),y=t(24899),j={};j.styleTagTransform=w(),j.setAttributes=v(),j.insert=x().bind(null,"head"),j.domAPI=m(),j.insertStyleElement=g();c()(y.ZP,j);y.ZP&&y.ZP.locals&&y.ZP.locals;var C=t(40812),S=t(65515),P=t.n(S),k=t(105),O=t(8960),N=t(47514);const Z=(0,i.Pi)((function SummaryOverview(e){var n,t=(0,d.NP)(),i=(0,C.e)(-50,null!==(n=t.settingsState.settingsScrollerElement)&&void 0!==n?n:null),s=i.stickyRef,c=i.isSticky;return(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(o.default,{}),(0,N.jsx)(l.default,{}),(0,N.jsx)("div",{ref:s,className:y.oZ,style:{opacity:c?"0":"1"},children:(0,N.jsx)(r.default,{viewHandler:t})}),(0,N.jsx)("div",{className:P()(y.oZ,y.Xo,"checkout-wrapper-sticky"),style:{opacity:c?"1":"0",pointerEvents:c?"auto":"none"},children:(0,N.jsx)(r.default,{viewHandler:t})}),t.uiState.ViewConfig.showAppointmentPreview&&(0,N.jsx)(O.default,{}),t.productState.diva3dImgSrc&&(0,N.jsx)(k.default,{}),(0,N.jsx)(a.default,{})]})}))},2348:(e,n,t)=>{t.d(n,{$Q:()=>u,Bb:()=>l,Fs:()=>c,LI:()=>x,O7:()=>s,Sn:()=>m,YS:()=>d,ZP:()=>h,kr:()=>p});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--d2iqX {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  position: relative;\n  border: 1px solid var(--diva-theme-palette-primary-main);\n  border-radius: calc(var(--buttons-border-radius) * 2);\n  color: var(--diva-theme-palette-primary-main);\n  width: calc(100% - 32px);\n  padding: 16px;\n  margin: 12px 0px;\n}\n\n.index-module--K4_z9 {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: 8px;\n  font-size: 14px;\n}\n\n.index-module--d2iqX::before {\n  content: '';\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background-color: var(--diva-theme-palette-primary-light);\n  opacity: 0.15;\n  z-index: -1;\n  pointer-events: none;\n  border-radius: inherit;\n}\n\n.index-module--RkkoP {\n  display: flex;\n  flex-direction: row;\n  gap: 16px;\n  justify-content: space-between;\n  width: 100%;\n}\n\n.index-module--sQl1l {\n  font-weight: 600;\n}\n\n.index-module--ZF6Gz {\n  display: flex;\n  gap: 4px;\n  align-items: center;\n}\n\n.index-module--ub3Fh {\n  color: #000;\n  font-weight: 600;\n}\n\n.index-module--kL69q {\n  width: 100%;\n  height: 1px;\n  background-color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--uReTO {\n  cursor: pointer;\n  width: calc(100% - 32px);\n  height: 22px;\n  padding: 8px 16px;\n  background-color: transparent;\n  border: 1px solid var(--diva-theme-palette-primary-main);\n  border-radius: calc(var(--buttons-border-radius) * 1.5);\n  font-size: 14px;\n  font-weight: 600;\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n  align-items: center;\n  justify-content: center;\n  transition:\n    background-color 0.3s ease,\n    box-shadow 0.3s ease;\n}\n\n.index-module--uReTO:hover {\n  background-color: var(--diva-theme-palette-primary-light);\n  box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.1);\n}\n",""]);var d="index-module--d2iqX",l="index-module--K4_z9",s="index-module--RkkoP",c="index-module--sQl1l",u="index-module--ZF6Gz",m="index-module--ub3Fh",p="index-module--kL69q",x="index-module--uReTO";const h=a},47785:(e,n,t)=>{t.d(n,{Aj:()=>b,IB:()=>p,Ms:()=>u,NO:()=>x,Pe:()=>w,Se:()=>l,Sh:()=>f,Un:()=>v,XQ:()=>g,ZP:()=>y,mY:()=>s,nC:()=>d,uT:()=>c,wT:()=>h,xh:()=>m});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--VX0rb {\n  padding: 16px 0;\n  border-top: 1px solid #e8e3da;\n  border-top: 1px solid var(--galleryItemBorderColor, #e8e3da);\n}\n\n.index-module--MZyeg {\n  font-size: 18px;\n  font-weight: 300;\n  line-height: 1.3;\n  color: var(--diva-theme-palette-text-primary);\n  margin: 0 0 8px;\n}\n\n.index-module--E7iHI {\n  font-size: 14px;\n  font-weight: 300;\n  line-height: 1.5;\n  color: var(--diva-theme-palette-text-secondary);\n  margin: 0 0 16px;\n}\n\n.index-module--C_YrY {\n  overflow: hidden;\n  border-radius: var(--buttons-border-radius);\n  border: 1px solid #e8e3da;\n  border: 1px solid var(--galleryItemBorderColor, #e8e3da);\n  background: var(--settingsBackgroundColor);\n  margin-bottom: 16px;\n}\n\n.index-module--CQBXE {\n  overflow: hidden;\n  aspect-ratio: 16 / 8;\n}\n\n.index-module--CQBXE img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  -o-object-position: top center;\n     object-position: top center;\n}\n\n.index-module--ORevm {\n  padding: 8px 16px;\n}\n\n.index-module--QZDLm {\n  font-size: 16px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-primary);\n  margin: 0 0 4px;\n}\n\n.index-module--RVZmw {\n  font-size: 14px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-secondary);\n  margin: 0 0 12px;\n}\n\n.index-module--SGoOd {\n  font-size: 14px;\n  font-weight: 300;\n  line-height: 1.5;\n  color: var(--diva-theme-palette-text-secondary);\n  margin-bottom: 12px;\n  white-space: pre-line;\n}\n\n.index-module--_7T1O {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  border-top: 1px solid #e8e3da;\n  border-top: 1px solid var(--galleryItemBorderColor, #e8e3da);\n  padding-top: 12px;\n}\n\n.index-module--M9jnK {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n  font-size: 14px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-secondary);\n}\n\n.index-module--M9jnK a {\n  color: var(--diva-theme-palette-text-secondary);\n  text-decoration: none;\n}\n\n.index-module--M9jnK a:hover {\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--NKjBH {\n  flex-shrink: 0;\n  width: 16px;\n  height: 16px;\n  margin-top: 2px;\n  opacity: 0.6;\n}\n\n.index-module--zNnhX {\n  width: calc(100% - 48px);\n  padding: 14px 24px;\n  font-size: 14px;\n  font-weight: 500;\n  color: #fff;\n  color: var(--diva-theme-palette-primary-contrast-text, #fff);\n  background: var(--diva-theme-palette-primary-main);\n  border: none;\n  border-radius: var(--buttons-border-radius);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  transition:\n    background 0.2s,\n    box-shadow 0.2s;\n}\n\n.index-module--zNnhX:hover {\n  background: var(--diva-theme-palette-primary-dark);\n}\n\n.index-module--RDLnT {\n  font-size: 12px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-secondary);\n  text-align: center;\n  margin: 8px 0 0;\n}\n",""]);var d="index-module--VX0rb",l="index-module--MZyeg",s="index-module--E7iHI",c="index-module--C_YrY",u="index-module--CQBXE",m="index-module--ORevm",p="index-module--QZDLm",x="index-module--RVZmw",h="index-module--SGoOd",v="index-module--_7T1O",f="index-module--M9jnK",g="index-module--NKjBH",b="index-module--zNnhX",w="index-module--RDLnT";const y=a},28564:(e,n,t)=>{t.d(n,{TN:()=>m,YS:()=>d,ZP:()=>v,ai:()=>p,e9:()=>h,h0:()=>u,nt:()=>s,wZ:()=>l,y6:()=>c,yG:()=>x});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--tgY3n {\n  position: sticky;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  margin-bottom: 8px;\n  white-space: nowrap;\n}\n\n.index-module--ZQBOj {\n  display: flex;\n  flex-direction: row;\n  gap: 16px;\n  width: 100%;\n  justify-content: space-between;\n  flex-wrap: nowrap;\n}\n\n.index-module--kcl1K {\n  font-size: 18px;\n  line-height: 18px;\n  font-size: 24px;\n  line-height: 24px;\n  color: rgba(17, 24, 39, 1);\n  font-weight: 700;\n}\n.index-module--kGHzf .index-module--kcl1K {\n  color: rgb(220, 38, 38);\n}\n\n.index-module--ZJwYg {\n  font-size: 18px;\n  line-height: 24px;\n  font-weight: 300;\n  color: rgba(107, 114, 128, 1);\n  -webkit-text-decoration-line: line-through;\n          text-decoration-line: line-through;\n  display: none;\n}\n.index-module--kGHzf .index-module--ZJwYg {\n  display: block;\n}\n\n.index-module--Qoi4e {\n  width: auto;\n  font-weight: 500;\n  font-size: 22px;\n  line-height: 24px;\n  color: var(--secondaryColor);\n  margin-top: 18px;\n  float: left;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.index-module--eO4iO .index-module--Qoi4e,\n.index-module--pxDVX .index-module--Qoi4e {\n  font-size: 20px;\n  line-height: 22px;\n}\n\n.index-module--G4dak {\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 16px;\n  color: #fff;\n  padding: 4px 8px;\n  border-radius: 40px;\n  background-color: rgb(220, 38, 38);\n}\n",""]);var d="index-module--tgY3n",l="index-module--ZQBOj",s="index-module--kcl1K",c="index-module--kGHzf",u="index-module--ZJwYg",m="index-module--Qoi4e",p="index-module--eO4iO",x="index-module--pxDVX",h="index-module--G4dak";const v=a},24899:(e,n,t)=>{t.d(n,{Xo:()=>l,ZP:()=>s,oZ:()=>d});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--Lbf5b {\n  padding-top: 8px;\n  padding-bottom: 8px;\n  z-index: 100;\n}\n\n.index-module--dc_1V .checkout-button-wrapper {\n  transition: max-height 0.4s ease;\n  max-height: 200px;\n}\n\n.index-module--dc_1V {\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  padding: 8px 16px;\n  width: calc(100% - 32px);\n  transition: opacity 0.2s ease;\n  background-color: rgba(244, 244, 244, 0.8);\n}\n.index-module--dc_1V .checkout-button-wrapper {\n  flex-wrap: nowrap;\n  max-height: 60px; /* fits one row */\n}\n\n.index-module--dc_1V .checkout-button-wrapper button {\n  transition:\n    font-size 0.4s ease,\n    height 0.4s ease;\n  white-space: nowrap;\n  overflow: hidden; /* optional if text might overflow */\n  display: none;\n}\n\n.index-module--dc_1V .checkout-button-wrapper button:nth-child(1),\n.index-module--dc_1V .checkout-button-wrapper button:nth-child(2),\n.index-module--dc_1V .checkout-button-wrapper button:nth-child(3) {\n  display: flex;\n}\n\n.index-module--dc_1V .checkout-button-wrapper button {\n  font-size: 14px;\n  height: 36px;\n}\n\n.index-module--dc_1V .checkout-secondary-button-wrapper {\n  width: 100%;\n  transition: width 0.4s ease;\n}\n\n.index-module--dc_1V .checkout-secondary-button-wrapper:not(.no-primary-buttons) {\n  grid-template-columns: repeat(auto-fit, minmax(calc(30% - 4px), 1fr)) !important;\n}\n\n.index-module--dc_1V .checkout-secondary-button-wrapper:not(.no-primary-buttons) {\n  width: 40%;\n}\n\n.index-module--dc_1V .checkout-secondary-button-wrapper:empty {\n  display: none;\n}\n\n.index-module--dc_1V .checkout-secondary-button-wrapper > button div:nth-child(2) {\n  display: none;\n}\n",""]);var d="index-module--Lbf5b",l="index-module--dc_1V";const s=a}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6835.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6835,1280],{6835:(n,e,o)=>{o.r(e),o.d(e,{default:()=>k});var t=o(80248),r=o(9420),i=(o(87363),o(41280)),a=o(93379),d=o.n(a),l=o(7795),c=o.n(l),s=o(90569),u=o.n(s),x=o(3565),v=o.n(x),f=o(19216),g=o.n(f),p=o(44589),b=o.n(p),h=o(77815),m={};m.styleTagTransform=b(),m.setAttributes=v(),m.insert=u().bind(null,"head"),m.domAPI=c(),m.insertStyleElement=g();d()(h.Z,m);h.Z&&h.Z.locals&&h.Z.locals;var w=o(65515),y=o.n(w),j=o(47514);function ownKeys(n,e){var o=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(o),!0).forEach((function(e){(0,t.Z)(n,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(o,e))}))}return n}const k=(0,r.Pi)((function ActionNavigationBlue(n){return(0,j.jsx)(i.default,_objectSpread(_objectSpread({},n),{},{showNextButtonIcon:!0,className:y()(h.L,n.className)}))}))},41280:(n,e,o)=>{o.r(e),o.d(e,{default:()=>g});var t=o(80248),r=o(72874),i=o(65515),a=o.n(i),d=o(9204),l=o(9420),c=(o(87363),o(88683)),s=o(40976),u=o(39667),x=o(19047),v=o(47514),f=["className","showBackButtonText","backOverwrite","forthOverwrite","showNextButtonIcon","showCheckoutButtons"];function ownKeys(n,e){var o=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(o),!0).forEach((function(e){(0,t.Z)(n,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(o,e))}))}return n}const g=(0,l.Pi)((function ActionNavigation(n){var e,o=n.className,t=n.showBackButtonText,i=n.backOverwrite,l=n.forthOverwrite,g=n.showNextButtonIcon,p=n.showCheckoutButtons,b=(0,r.Z)(n,f),h=(0,d.NP)(),m=(0,c.useTranslation)().t;return(0,v.jsx)("div",_objectSpread(_objectSpread({},b),{},{className:a()(o,s.jl,h.actionButtonState.isOnFirstStep?s.FN:void 0,h.actionButtonState.isOnFirstStepDisabled?s.$t:void 0,h.actionButtonState.isOnLastStep?s.Is:void 0,"vertical"==h.tabGroupState.curTabGroupType?s.KR:void 0,h.uiState.isMobilePortrait?s.tW:void 0,h.uiState.isMobileLandscape?s.Qv:void 0),children:(0,v.jsxs)("div",{className:s.nC,children:[(0,v.jsxs)("div",{className:a()(s.LI,s.op,i),onClick:function onClick(){window.lastNavigationType="NAVIGATION_STANDARD_BACK_BUTTON",h.actionButtonState.onClickConfiguratorSettingsBack()},children:[!t&&(0,v.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,v.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateBack, var(--secondaryColor))",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),t&&m("configurator.Back")]}),p&&(null===(e=h.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.filter((function(n){return(0,x.evalVisible)(n,h,"navigator")})).map((function(n){return(0,v.jsx)("div",{className:s.rK,onClick:function onClick(){return(0,x.onClickCheckout)(n,h,n.index,m)},children:(0,v.jsx)(u.default,{checkoutButton:_objectSpread(_objectSpread({},n),{},{isPrimary:!1}),size:40})},n.index)}))),(0,v.jsxs)("div",{className:a()(s.LI,s.ox,l),onClick:function onClick(){window.lastNavigationType="NAVIGATION_STANDARD_FORWARD_BUTTON",h.actionButtonState.onClickConfiguratorSettingsForth()},id:"wcConfigurator-action-next",children:[m("configurator.Next"),g&&(0,v.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,v.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateForthFontColor, #ffffff)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]})]})}))}))},77815:(n,e,o)=>{o.d(e,{L:()=>d,Z:()=>l});var t=o(8081),r=o.n(t),i=o(23645),a=o.n(i)()(r());a.push([n.id,".index-module--Mmrxa {\n  font-weight: 300;\n}\n",""]);var d="index-module--Mmrxa";const l=a},28717:(n,e,o)=>{o.d(e,{$t:()=>f,FN:()=>p,Is:()=>g,KR:()=>c,LI:()=>s,Qv:()=>b,ZP:()=>m,jl:()=>d,nC:()=>l,op:()=>x,ox:()=>v,rK:()=>u,tW:()=>h});var t=o(8081),r=o.n(t),i=o(23645),a=o.n(i)()(r());a.push([n.id,"/*Navigaton Buttons*/\n.index-module--Ug06K {\n  transition: width 0.2s ease-in-out;\n}\n\n.index-module--uMdxf {\n  height: 100%;\n  font-weight: 300;\n  font-size: 14px;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  width: 100%;\n  display: flex;\n  gap: 3px;\n}\n.index-module--j2X1m .index-module--uMdxf {\n  line-height: var(--configuratorActionHeight);\n}\n\n.index-module--NUblS {\n  border-radius: var(--globalBorderRadius);\n  height: 100%;\n  text-align: center;\n}\n\n.index-module--mfwxp {\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--vWg5_ {\n  border: 1px var(--secondaryColor) solid;\n  border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n  background-color: white;\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--IneQR {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  background-color: var(--navigateForth, var(--secondaryColor));\n  color: #ffffff;\n  color: var(--navigateForthFontColor, #ffffff);\n  float: right;\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-grow: 3;\n}\n\n.index-module--vWg5_:hover,\n.index-module--IneQR:hover {\n  cursor: pointer;\n  box-shadow: var(--boxShadowHover);\n}\n.index-module--IneQR svg {\n  transform: rotate(180deg);\n  position: absolute;\n  right: 16px;\n}\n\n.index-module--n4fFc .index-module--IneQR {\n  pointer-events: none;\n  background-color: #707070;\n  background-color: var(--navigateForth, #707070);\n  border-color: #707070;\n}\n\n.index-module--YJM3e .index-module--vWg5_ {\n  width: 100%;\n}\n\n.index-module--YJM3e .index-module--IneQR {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--vWg5_ {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--IneQR {\n  width: 100%;\n}\n\n.index-module--CVPGS .index-module--NUblS,\n.index-module--KE5Qn .index-module--NUblS {\n  line-height: calc(var(--configuratorActionHeight) - 5px);\n  border-radius: var(--globalBorderRadius);\n}\n",""]);var d="index-module--Ug06K",l="index-module--uMdxf",c="index-module--j2X1m",s="index-module--NUblS",u="index-module--mfwxp",x="index-module--vWg5_",v="index-module--IneQR",f="index-module--n4fFc",g="index-module--YJM3e",p="index-module--X2uG9",b="index-module--CVPGS",h="index-module--KE5Qn";const m=a},40976:(n,e,o)=>{o.d(e,{$t:()=>g.$t,FN:()=>g.FN,Is:()=>g.Is,KR:()=>g.KR,LI:()=>g.LI,Qv:()=>g.Qv,jl:()=>g.jl,nC:()=>g.nC,op:()=>g.op,ox:()=>g.ox,rK:()=>g.rK,tW:()=>g.tW});var t=o(93379),r=o.n(t),i=o(7795),a=o.n(i),d=o(90569),l=o.n(d),c=o(3565),s=o.n(c),u=o(19216),x=o.n(u),v=o(44589),f=o.n(v),g=o(28717),p={};p.styleTagTransform=f(),p.setAttributes=s(),p.insert=l().bind(null,"head"),p.domAPI=a(),p.insertStyleElement=x();r()(g.ZP,p),g.ZP&&g.ZP.locals&&g.ZP.locals}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6835,1280],{6835:(n,e,o)=>{o.r(e),o.d(e,{default:()=>k});var t=o(80248),r=o(9420),i=(o(87363),o(41280)),a=o(93379),d=o.n(a),l=o(7795),c=o.n(l),s=o(90569),u=o.n(s),x=o(3565),v=o.n(x),f=o(19216),g=o.n(f),p=o(44589),b=o.n(p),h=o(77815),m={};m.styleTagTransform=b(),m.setAttributes=v(),m.insert=u().bind(null,"head"),m.domAPI=c(),m.insertStyleElement=g();d()(h.Z,m);h.Z&&h.Z.locals&&h.Z.locals;var w=o(65515),y=o.n(w),j=o(47514);function ownKeys(n,e){var o=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(o),!0).forEach((function(e){(0,t.Z)(n,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(o,e))}))}return n}const k=(0,r.Pi)((function ActionNavigationBlue(n){return(0,j.jsx)(i.default,_objectSpread(_objectSpread({},n),{},{showNextButtonIcon:!0,className:y()(h.L,n.className)}))}))},41280:(n,e,o)=>{o.r(e),o.d(e,{default:()=>g});var t=o(80248),r=o(72874),i=o(65515),a=o.n(i),d=o(75327),l=o(9420),c=(o(87363),o(88683)),s=o(40976),u=o(39667),x=o(19047),v=o(47514),f=["className","showBackButtonText","backOverwrite","forthOverwrite","showNextButtonIcon","showCheckoutButtons"];function ownKeys(n,e){var o=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(o),!0).forEach((function(e){(0,t.Z)(n,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(o,e))}))}return n}const g=(0,l.Pi)((function ActionNavigation(n){var e,o=n.className,t=n.showBackButtonText,i=n.backOverwrite,l=n.forthOverwrite,g=n.showNextButtonIcon,p=n.showCheckoutButtons,b=(0,r.Z)(n,f),h=(0,d.NP)(),m=(0,c.useTranslation)().t;return(0,v.jsx)("div",_objectSpread(_objectSpread({},b),{},{className:a()(o,s.jl,h.actionButtonState.isOnFirstStep?s.FN:void 0,h.actionButtonState.isOnFirstStepDisabled?s.$t:void 0,h.actionButtonState.isOnLastStep?s.Is:void 0,"vertical"==h.tabGroupState.curTabGroupType?s.KR:void 0,h.uiState.isMobilePortrait?s.tW:void 0,h.uiState.isMobileLandscape?s.Qv:void 0),children:(0,v.jsxs)("div",{className:s.nC,children:[(0,v.jsxs)("div",{className:a()(s.LI,s.op,i),onClick:function onClick(){window.lastNavigationType="NAVIGATION_STANDARD_BACK_BUTTON",h.actionButtonState.onClickConfiguratorSettingsBack()},children:[!t&&(0,v.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,v.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateBack, var(--secondaryColor))",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),t&&m("configurator.Back")]}),p&&(null===(e=h.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.filter((function(n){return(0,x.evalVisible)(n,h,"navigator")})).map((function(n){return(0,v.jsx)("div",{className:s.rK,onClick:function onClick(){return(0,x.onClickCheckout)(n,h,n.index,m)},children:(0,v.jsx)(u.default,{checkoutButton:_objectSpread(_objectSpread({},n),{},{isPrimary:!1}),size:40})},n.index)}))),(0,v.jsxs)("div",{className:a()(s.LI,s.ox,l),onClick:function onClick(){window.lastNavigationType="NAVIGATION_STANDARD_FORWARD_BUTTON",h.actionButtonState.onClickConfiguratorSettingsForth()},id:"wcConfigurator-action-next",children:[m("configurator.Next"),g&&(0,v.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,v.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateForthFontColor, #ffffff)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]})]})}))}))},77815:(n,e,o)=>{o.d(e,{L:()=>d,Z:()=>l});var t=o(8081),r=o.n(t),i=o(23645),a=o.n(i)()(r());a.push([n.id,".index-module--Mmrxa {\n  font-weight: 300;\n}\n",""]);var d="index-module--Mmrxa";const l=a},28717:(n,e,o)=>{o.d(e,{$t:()=>f,FN:()=>p,Is:()=>g,KR:()=>c,LI:()=>s,Qv:()=>b,ZP:()=>m,jl:()=>d,nC:()=>l,op:()=>x,ox:()=>v,rK:()=>u,tW:()=>h});var t=o(8081),r=o.n(t),i=o(23645),a=o.n(i)()(r());a.push([n.id,"/*Navigaton Buttons*/\n.index-module--Ug06K {\n  transition: width 0.2s ease-in-out;\n}\n\n.index-module--uMdxf {\n  height: 100%;\n  font-weight: 300;\n  font-size: 14px;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  width: 100%;\n  display: flex;\n  gap: 3px;\n}\n.index-module--j2X1m .index-module--uMdxf {\n  line-height: var(--configuratorActionHeight);\n}\n\n.index-module--NUblS {\n  border-radius: var(--globalBorderRadius);\n  height: 100%;\n  text-align: center;\n}\n\n.index-module--mfwxp {\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--vWg5_ {\n  border: 1px var(--secondaryColor) solid;\n  border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n  background-color: white;\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--IneQR {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  background-color: var(--navigateForth, var(--secondaryColor));\n  color: #ffffff;\n  color: var(--navigateForthFontColor, #ffffff);\n  float: right;\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-grow: 3;\n}\n\n.index-module--vWg5_:hover,\n.index-module--IneQR:hover {\n  cursor: pointer;\n  box-shadow: var(--boxShadowHover);\n}\n.index-module--IneQR svg {\n  transform: rotate(180deg);\n  position: absolute;\n  right: 16px;\n}\n\n.index-module--n4fFc .index-module--IneQR {\n  pointer-events: none;\n  background-color: #707070;\n  background-color: var(--navigateForth, #707070);\n  border-color: #707070;\n}\n\n.index-module--YJM3e .index-module--vWg5_ {\n  width: 100%;\n}\n\n.index-module--YJM3e .index-module--IneQR {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--vWg5_ {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--IneQR {\n  width: 100%;\n}\n\n.index-module--CVPGS .index-module--NUblS,\n.index-module--KE5Qn .index-module--NUblS {\n  line-height: calc(var(--configuratorActionHeight) - 5px);\n  border-radius: var(--globalBorderRadius);\n}\n",""]);var d="index-module--Ug06K",l="index-module--uMdxf",c="index-module--j2X1m",s="index-module--NUblS",u="index-module--mfwxp",x="index-module--vWg5_",v="index-module--IneQR",f="index-module--n4fFc",g="index-module--YJM3e",p="index-module--X2uG9",b="index-module--CVPGS",h="index-module--KE5Qn";const m=a},40976:(n,e,o)=>{o.d(e,{$t:()=>g.$t,FN:()=>g.FN,Is:()=>g.Is,KR:()=>g.KR,LI:()=>g.LI,Qv:()=>g.Qv,jl:()=>g.jl,nC:()=>g.nC,op:()=>g.op,ox:()=>g.ox,rK:()=>g.rK,tW:()=>g.tW});var t=o(93379),r=o.n(t),i=o(7795),a=o.n(i),d=o(90569),l=o.n(d),c=o(3565),s=o.n(c),u=o(19216),x=o.n(u),v=o(44589),f=o.n(v),g=o(28717),p={};p.styleTagTransform=f(),p.setAttributes=s(),p.insert=l().bind(null,"head"),p.domAPI=a(),p.insertStyleElement=x();r()(g.ZP,p),g.ZP&&g.ZP.locals&&g.ZP.locals}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6871.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6871],{26871:(n,e,o)=>{o.r(e),o.d(e,{default:()=>p});var t=o(34988),u=o(65515),l=o.n(u),s=o(9420),i=o(87363),a=o(9204),c=o(47514),r=!1,d=!1;const p=(0,s.Pi)((function Outline3D(n){var e=n.items,o=n.plannerUIProps,u=(0,i.useState)(!1),s=(0,t.Z)(u,2),p=s[0],f=s[1],v=(0,a.NP)(),y=(0,a._w)();if(v.uiState.isLoading)return(0,c.jsx)(c.Fragment,{});var g=function on3DPlannerBGClick(n){v.viewPlannerHandler.onClearElementSelection()};return(0,c.jsx)("svg",{onMouseDown:function onMouseDown(n){r=!0,d=!1,f(!1)},onTouchStart:function onTouchStart(n){r=!0,d=!1,f(!1)},onMouseMove:function onMouseMove(n){r&&!p&&f(!0)},onTouchMove:function onTouchMove(n){r&&!p&&f(!0)},onMouseUp:function onMouseUp(n){p||d||g(),r=!1},onTouchEnd:function onTouchEnd(n){p||d||g(),r=!1},ref:function ref(n){v.productState.setPlanner3DImageSvgArea(n)},style:{zIndex:100,touchAction:"pan-x pan-y",height:"100%"},className:l()(o.classes.outline.outline3D.outlineSVG),children:e.map((function(n,e){return function renderPolygon(n){switch(n.elemState){case"selectable":return(0,c.jsx)("polygon",{onMouseUp:function onMouseUp(e){var o;d=!0,p||null===(o=n.clickFunction)||void 0===o||o.call(n,n.setId,Number(n.elementId))},onTouchEnd:function onTouchEnd(e){var o;d=!0,p||null===(o=n.clickFunction)||void 0===o||o.call(n,n.setId,Number(n.elementId))},onMouseEnter:function onMouseEnter(){p||y.updateOnHoverOutline3D(!0,n,"PosNr")},onMouseLeave:function onMouseLeave(){y.updateOnHoverOutline3D(!1,n,"PosNr")},points:n.polygonPoints,style:{zIndex:n.zIndex},className:l()("Outline3D"==n.type?o.classes.outline.outline3D.outlinePolygon:void 0,"Outline3D_Contour"==n.type?o.classes.outline.outline3D.outlinePolygonContours:void 0)},n.key.toString());case"selected":if("Outline3D_Contour"==n.type)return(0,c.jsx)("polygon",{points:n.polygonPoints,style:{zIndex:n.zIndex},className:l()(o.classes.outline.outline3D.outlinePolygonContoursSel)},n.key.toString())}return""}(n)}))},e.length>0?e[0].key:Math.random())}))}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6871],{26871:(n,e,o)=>{o.r(e),o.d(e,{default:()=>p});var t=o(34988),u=o(65515),l=o.n(u),s=o(9420),i=o(87363),a=o(75327),c=o(47514),r=!1,d=!1;const p=(0,s.Pi)((function Outline3D(n){var e=n.items,o=n.plannerUIProps,u=(0,i.useState)(!1),s=(0,t.Z)(u,2),p=s[0],f=s[1],v=(0,a.NP)(),y=(0,a._w)();if(v.uiState.isLoading)return(0,c.jsx)(c.Fragment,{});var g=function on3DPlannerBGClick(n){v.viewPlannerHandler.onClearElementSelection()};return(0,c.jsx)("svg",{onMouseDown:function onMouseDown(n){r=!0,d=!1,f(!1)},onTouchStart:function onTouchStart(n){r=!0,d=!1,f(!1)},onMouseMove:function onMouseMove(n){r&&!p&&f(!0)},onTouchMove:function onTouchMove(n){r&&!p&&f(!0)},onMouseUp:function onMouseUp(n){p||d||g(),r=!1},onTouchEnd:function onTouchEnd(n){p||d||g(),r=!1},ref:function ref(n){v.productState.setPlanner3DImageSvgArea(n)},style:{zIndex:100,touchAction:"pan-x pan-y",height:"100%"},className:l()(o.classes.outline.outline3D.outlineSVG),children:e.map((function(n,e){return function renderPolygon(n){switch(n.elemState){case"selectable":return(0,c.jsx)("polygon",{onMouseUp:function onMouseUp(e){var o;d=!0,p||null===(o=n.clickFunction)||void 0===o||o.call(n,n.setId,Number(n.elementId))},onTouchEnd:function onTouchEnd(e){var o;d=!0,p||null===(o=n.clickFunction)||void 0===o||o.call(n,n.setId,Number(n.elementId))},onMouseEnter:function onMouseEnter(){p||y.updateOnHoverOutline3D(!0,n,"PosNr")},onMouseLeave:function onMouseLeave(){y.updateOnHoverOutline3D(!1,n,"PosNr")},points:n.polygonPoints,style:{zIndex:n.zIndex},className:l()("Outline3D"==n.type?o.classes.outline.outline3D.outlinePolygon:void 0,"Outline3D_Contour"==n.type?o.classes.outline.outline3D.outlinePolygonContours:void 0)},n.key.toString());case"selected":if("Outline3D_Contour"==n.type)return(0,c.jsx)("polygon",{points:n.polygonPoints,style:{zIndex:n.zIndex},className:l()(o.classes.outline.outline3D.outlinePolygonContoursSel)},n.key.toString())}return""}(n)}))},e.length>0?e[0].key:Math.random())}))}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6882.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6882,8291,58],{56882:(n,e,d)=>{d.r(e),d.d(e,{default:()=>m});var i=d(88291),o=d(9204),t=d(9420),l=(d(87363),d(49628)),r=d(65515),x=d.n(r),a=d(81673),u=d(47514);const m=(0,t.Pi)((function AddElement(n){var e;(0,i.Z)(n);var d=(0,o.NP)(),t="add"==(null===(e=d.settingsState.addElementSelected)||void 0===e?void 0:e.mode)||0==Object.keys(d.settingsState.articleInfos).length;return(0,u.jsx)("div",{className:x()(l.YS,d.getIsInMobileView()?l.ai:void 0,d.uiState.isTablet?l.Mq:void 0),children:(0,u.jsx)("div",{id:"add",className:x()(l.PD,d.settingsState.isScrollingDown?l.yG:void 0,t?l.pA:void 0),onClick:function onClick(){var n=d.paletteViewHandler.planner2Dot0Items.getAllItems(),e=n.find((function(n){return n.incomplete})),i=n.find((function(n){var e;return n.basketId==(null===(e=d.settingsState.addElementSelected)||void 0===e?void 0:e.basketId)}));d.paletteViewHandler.elementOverviewSelectionChanged(!0,e,i,"add"),void 0===(null==e?void 0:e.id)?d.viewPlannerHandler.onClearElementSelection():d.viewPlannerHandler.onElementSelected(e.setId,null==e?void 0:e.id)},children:(0,u.jsx)("div",{className:x()(l.be),children:(0,u.jsx)("img",{className:x()(l.K5),src:a})})})})}))},86682:(n,e,d)=>{d.d(e,{FJ:()=>b,K5:()=>h,Mq:()=>u,PD:()=>s,Sp:()=>x,TN:()=>g,YS:()=>r,ZP:()=>w,ai:()=>a,be:()=>p,pA:()=>c,yG:()=>m,yi:()=>v});var i=d(8081),o=d.n(i),t=d(23645),l=d.n(t)()(o());l.push([n.id,"/*Size Normal */\n\n.index-module--HBvPZ {\n  display: flex;\n  flex-direction: row;\n  gap: 4px;\n  width: -moz-fit-content;\n  width: fit-content;\n  cursor: pointer;\n}\n\n.index-module--KL9WL {\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  width: 105px;\n  margin-top: 11px;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--KL9WL {\n  width: 70px;\n}\n\n.index-module--nqpmq.index-module--KL9WL {\n  width: 60px;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--nqpmq.index-module--KL9WL {\n  width: 46px;\n}\n\n.index-module--eU87P {\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  width: 38px;\n  height: 38px;\n  padding-bottom: 24px;\n}\n\n.index-module--_rhcx .index-module--eU87P {\n  width: 28px;\n  height: 28px;\n}\n.index-module--n2nO7 .index-module--eU87P {\n  width: 32px;\n  height: 32px;\n}\n.index-module--nqpmq.index-module--eU87P {\n  width: 30px;\n  height: 30px;\n  padding-bottom: 0px;\n}\n.index-module--_rhcx .index-module--nqpmq.index-module--eU87P {\n  width: 22px;\n  height: 22px;\n}\n.index-module--n2nO7 .index-module--nqpmq.index-module--eU87P {\n  width: 26px;\n  height: 26px;\n}\n\n.index-module--KL9WL:active,\n.index-module--KL9WL:hover,\n.index-module--eU87P:hover,\n.index-module--eU87P:active {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--BubVA {\n  border-radius: var(--globalBorderRadius);\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n.index-module--KL9WL:hover .index-module--BubVA,\n.index-module--eU87P:hover .index-module--BubVA {\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--A0nkG.index-module--KL9WL:hover .index-module--BubVA,\n.index-module--eU87P.index-module--A0nkG:hover .index-module--BubVA,\n.index-module--nqpmq.index-module--A0nkG.index-module--KL9WL:hover .index-module--BubVA {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--A0nkG .index-module--BubVA,\n.index-module--nqpmq.index-module--A0nkG .index-module--BubVA {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--_zSMt {\n  width: calc(100% - 8px);\n  border: 4px white solid;\n  background-color: #fff;\n  border-radius: var(--globalBorderRadius);\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  transition: border 0.3s ease;\n  aspect-ratio: 1/1;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--eU87P .index-module--BubVA {\n  border-radius: 100%;\n  width: calc(100% - 2px);\n  height: calc(100% - 2px);\n}\n\n.index-module--eU87P .index-module--_zSMt {\n  width: calc(100% - 4px);\n  height: calc(100% - 4px);\n  border: 2px white solid;\n  border-radius: 100%;\n}\n\n.index-module--A0nkG .index-module--_zSMt,\n.index-module--nqpmq.index-module--A0nkG .index-module--_zSMt {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--eU87P.index-module--A0nkG .index-module--_zSMt,\n.index-module--eU87P.index-module--nqpmq.index-module--A0nkG .index-module--_zSMt {\n  border: 2px var(--primaryColor) solid;\n  border: 2px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--wSUAC {\n  display: flex;\n  justify-content: center;\n  overflow: visible;\n  max-height: 32px;\n}\n\n.index-module--nqpmq .index-module--wSUAC {\n  opacity: 0;\n  display: none;\n}\n\n.index-module--_GZCo {\n  opacity: 1;\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:\n    height 0.3s ease-out,\n    opacity 0.3s ease-out;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--_GZCo {\n  font-size: 12px;\n  line-height: 14px;\n}\n\n.index-module--KL9WL:hover .index-module--_GZCo,\n.index-module--KL9WL:focus .index-module--_GZCo,\n.index-module--nqpmq .index-module--KL9WL:hover .index-module--_GZCo,\n.index-module--nqpmq .index-module--KL9WL:focus .index-module--_GZCo {\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  width: 200px;\n  min-width: 200px;\n  z-index: 200;\n  background-color: var(--settingsBackgroundColor);\n  border-bottom-left-radius: var(--globalBorderRadius);\n  border-bottom-right-radius: var(--globalBorderRadius);\n  transition: height 0.3s ease-in;\n}\n\n.index-module--nqpmq .index-module--_GZCo {\n  font-size: 12px;\n  height: 15px;\n  -webkit-line-clamp: 1;\n}\n\n.index-module--nqpmq .index-module--wSUAC {\n  max-height: 14px;\n}\n\n.index-module--_bHa2 {\n  position: absolute;\n  top: -6px;\n  right: -6px;\n  width: 24px;\n  height: 24px;\n  background-color: #dfdfdf;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  --trash-color: #777;\n  opacity: 0;\n  transition:\n    opacity 0.3s ease,\n    fill 0.3s ease,\n    background-color 0.3s ease;\n  cursor: pointer;\n  pointer-events: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--_bHa2 {\n  width: 18px;\n  height: 18px;\n  top: -4px;\n}\n\n.index-module--A0nkG .index-module--_bHa2 {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.index-module--KL9WL.index-module--nqpmq .index-module--_bHa2 {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.index-module--HBvPZ:not(.index-module--_rhcx) .index-module--KL9WL:hover .index-module--_bHa2,\n.index-module--HBvPZ:not(.index-module--_rhcx) .index-module--nqpmq.index-module--KL9WL:hover .index-module--_bHa2 {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--A0nkG.index-module--KL9WL:hover .index-module--_bHa2 {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.index-module--_bHa2:hover {\n  background-color: rgb(226, 106, 106);\n  --trash-color: #fff;\n}\n",""]);var r="index-module--HBvPZ",x="index-module--KL9WL",a="index-module--_rhcx",u="index-module--n2nO7",m="index-module--nqpmq",s="index-module--eU87P",p="index-module--BubVA",c="index-module--A0nkG",h="index-module--_zSMt",b="index-module--wSUAC",g="index-module--_GZCo",v="index-module--_bHa2";const w=l},49628:(n,e,d)=>{d.d(e,{FJ:()=>h.FJ,K5:()=>h.K5,Mq:()=>h.Mq,PD:()=>h.PD,Sp:()=>h.Sp,TN:()=>h.TN,YS:()=>h.YS,ai:()=>h.ai,be:()=>h.be,pA:()=>h.pA,yG:()=>h.yG,yi:()=>h.yi});var i=d(93379),o=d.n(i),t=d(7795),l=d.n(t),r=d(90569),x=d.n(r),a=d(3565),u=d.n(a),m=d(19216),s=d.n(m),p=d(44589),c=d.n(p),h=d(86682),b={};b.styleTagTransform=c(),b.setAttributes=u(),b.insert=x().bind(null,"head"),b.domAPI=l(),b.insertStyleElement=s();o()(h.ZP,b),h.ZP&&h.ZP.locals&&h.ZP.locals},81673:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjE1MTggMjEuNDE5OEMxNy4wNjQgMjEuNDE5OCAyMS44NTY4IDE2LjYyNyAyMS44NTY4IDEwLjcxNDhDMjEuODU2OCA0LjgwMjYyIDE3LjA2NCAwLjAwOTgyNjY2IDExLjE1MTggMC4wMDk4MjY2NkM1LjIzOTU3IDAuMDA5ODI2NjYgMC40NDY3NzcgNC44MDI2MiAwLjQ0Njc3NyAxMC43MTQ4QzAuNDQ2Nzc3IDE2LjYyNyA1LjIzOTU3IDIxLjQxOTggMTEuMTUxOCAyMS40MTk4WiIgZmlsbD0iI0YyRjJGMiIvPgo8cGF0aCBkPSJNMTEuMjQ2OSA1LjAwOTgzVjE2LjYwOTgiIHN0cm9rZT0iIzRBNEE0QSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNNS40NDY3OCAxMC44MDk3SDE3LjA0NjgiIHN0cm9rZT0iIzRBNEE0QSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K"},88291:(n,e,d)=>{function _objectDestructuringEmpty(n){if(null==n)throw new TypeError("Cannot destructure "+n)}d.d(e,{Z:()=>_objectDestructuringEmpty})}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6882,8291,58],{56882:(n,e,d)=>{d.r(e),d.d(e,{default:()=>m});var i=d(88291),o=d(75327),t=d(9420),l=(d(87363),d(49628)),r=d(65515),x=d.n(r),a=d(81673),u=d(47514);const m=(0,t.Pi)((function AddElement(n){var e;(0,i.Z)(n);var d=(0,o.NP)(),t="add"==(null===(e=d.settingsState.addElementSelected)||void 0===e?void 0:e.mode)||0==Object.keys(d.settingsState.articleInfos).length;return(0,u.jsx)("div",{className:x()(l.YS,d.getIsInMobileView()?l.ai:void 0,d.uiState.isTablet?l.Mq:void 0),children:(0,u.jsx)("div",{id:"add",className:x()(l.PD,d.settingsState.isScrollingDown?l.yG:void 0,t?l.pA:void 0),onClick:function onClick(){var n=d.paletteViewHandler.planner2Dot0Items.getAllItems(),e=n.find((function(n){return n.incomplete})),i=n.find((function(n){var e;return n.basketId==(null===(e=d.settingsState.addElementSelected)||void 0===e?void 0:e.basketId)}));d.paletteViewHandler.elementOverviewSelectionChanged(!0,e,i,"add"),void 0===(null==e?void 0:e.id)?d.viewPlannerHandler.onClearElementSelection():d.viewPlannerHandler.onElementSelected(e.setId,null==e?void 0:e.id)},children:(0,u.jsx)("div",{className:x()(l.be),children:(0,u.jsx)("img",{className:x()(l.K5),src:a})})})})}))},86682:(n,e,d)=>{d.d(e,{FJ:()=>b,K5:()=>h,Mq:()=>u,PD:()=>s,Sp:()=>x,TN:()=>g,YS:()=>r,ZP:()=>w,ai:()=>a,be:()=>p,pA:()=>c,yG:()=>m,yi:()=>v});var i=d(8081),o=d.n(i),t=d(23645),l=d.n(t)()(o());l.push([n.id,"/*Size Normal */\n\n.index-module--HBvPZ {\n  display: flex;\n  flex-direction: row;\n  gap: 4px;\n  width: -moz-fit-content;\n  width: fit-content;\n  cursor: pointer;\n}\n\n.index-module--KL9WL {\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  width: 105px;\n  margin-top: 11px;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--KL9WL {\n  width: 70px;\n}\n\n.index-module--nqpmq.index-module--KL9WL {\n  width: 60px;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--nqpmq.index-module--KL9WL {\n  width: 46px;\n}\n\n.index-module--eU87P {\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  width: 38px;\n  height: 38px;\n  padding-bottom: 24px;\n}\n\n.index-module--_rhcx .index-module--eU87P {\n  width: 28px;\n  height: 28px;\n}\n.index-module--n2nO7 .index-module--eU87P {\n  width: 32px;\n  height: 32px;\n}\n.index-module--nqpmq.index-module--eU87P {\n  width: 30px;\n  height: 30px;\n  padding-bottom: 0px;\n}\n.index-module--_rhcx .index-module--nqpmq.index-module--eU87P {\n  width: 22px;\n  height: 22px;\n}\n.index-module--n2nO7 .index-module--nqpmq.index-module--eU87P {\n  width: 26px;\n  height: 26px;\n}\n\n.index-module--KL9WL:active,\n.index-module--KL9WL:hover,\n.index-module--eU87P:hover,\n.index-module--eU87P:active {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--BubVA {\n  border-radius: var(--globalBorderRadius);\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n.index-module--KL9WL:hover .index-module--BubVA,\n.index-module--eU87P:hover .index-module--BubVA {\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--A0nkG.index-module--KL9WL:hover .index-module--BubVA,\n.index-module--eU87P.index-module--A0nkG:hover .index-module--BubVA,\n.index-module--nqpmq.index-module--A0nkG.index-module--KL9WL:hover .index-module--BubVA {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--A0nkG .index-module--BubVA,\n.index-module--nqpmq.index-module--A0nkG .index-module--BubVA {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--_zSMt {\n  width: calc(100% - 8px);\n  border: 4px white solid;\n  background-color: #fff;\n  border-radius: var(--globalBorderRadius);\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  transition: border 0.3s ease;\n  aspect-ratio: 1/1;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--eU87P .index-module--BubVA {\n  border-radius: 100%;\n  width: calc(100% - 2px);\n  height: calc(100% - 2px);\n}\n\n.index-module--eU87P .index-module--_zSMt {\n  width: calc(100% - 4px);\n  height: calc(100% - 4px);\n  border: 2px white solid;\n  border-radius: 100%;\n}\n\n.index-module--A0nkG .index-module--_zSMt,\n.index-module--nqpmq.index-module--A0nkG .index-module--_zSMt {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--eU87P.index-module--A0nkG .index-module--_zSMt,\n.index-module--eU87P.index-module--nqpmq.index-module--A0nkG .index-module--_zSMt {\n  border: 2px var(--primaryColor) solid;\n  border: 2px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--wSUAC {\n  display: flex;\n  justify-content: center;\n  overflow: visible;\n  max-height: 32px;\n}\n\n.index-module--nqpmq .index-module--wSUAC {\n  opacity: 0;\n  display: none;\n}\n\n.index-module--_GZCo {\n  opacity: 1;\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:\n    height 0.3s ease-out,\n    opacity 0.3s ease-out;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--_GZCo {\n  font-size: 12px;\n  line-height: 14px;\n}\n\n.index-module--KL9WL:hover .index-module--_GZCo,\n.index-module--KL9WL:focus .index-module--_GZCo,\n.index-module--nqpmq .index-module--KL9WL:hover .index-module--_GZCo,\n.index-module--nqpmq .index-module--KL9WL:focus .index-module--_GZCo {\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  width: 200px;\n  min-width: 200px;\n  z-index: 200;\n  background-color: var(--settingsBackgroundColor);\n  border-bottom-left-radius: var(--globalBorderRadius);\n  border-bottom-right-radius: var(--globalBorderRadius);\n  transition: height 0.3s ease-in;\n}\n\n.index-module--nqpmq .index-module--_GZCo {\n  font-size: 12px;\n  height: 15px;\n  -webkit-line-clamp: 1;\n}\n\n.index-module--nqpmq .index-module--wSUAC {\n  max-height: 14px;\n}\n\n.index-module--_bHa2 {\n  position: absolute;\n  top: -6px;\n  right: -6px;\n  width: 24px;\n  height: 24px;\n  background-color: #dfdfdf;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  --trash-color: #777;\n  opacity: 0;\n  transition:\n    opacity 0.3s ease,\n    fill 0.3s ease,\n    background-color 0.3s ease;\n  cursor: pointer;\n  pointer-events: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--_bHa2 {\n  width: 18px;\n  height: 18px;\n  top: -4px;\n}\n\n.index-module--A0nkG .index-module--_bHa2 {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.index-module--KL9WL.index-module--nqpmq .index-module--_bHa2 {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.index-module--HBvPZ:not(.index-module--_rhcx) .index-module--KL9WL:hover .index-module--_bHa2,\n.index-module--HBvPZ:not(.index-module--_rhcx) .index-module--nqpmq.index-module--KL9WL:hover .index-module--_bHa2 {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.index-module--_rhcx:not(.index-module--n2nO7) .index-module--A0nkG.index-module--KL9WL:hover .index-module--_bHa2 {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.index-module--_bHa2:hover {\n  background-color: rgb(226, 106, 106);\n  --trash-color: #fff;\n}\n",""]);var r="index-module--HBvPZ",x="index-module--KL9WL",a="index-module--_rhcx",u="index-module--n2nO7",m="index-module--nqpmq",s="index-module--eU87P",p="index-module--BubVA",c="index-module--A0nkG",h="index-module--_zSMt",b="index-module--wSUAC",g="index-module--_GZCo",v="index-module--_bHa2";const w=l},49628:(n,e,d)=>{d.d(e,{FJ:()=>h.FJ,K5:()=>h.K5,Mq:()=>h.Mq,PD:()=>h.PD,Sp:()=>h.Sp,TN:()=>h.TN,YS:()=>h.YS,ai:()=>h.ai,be:()=>h.be,pA:()=>h.pA,yG:()=>h.yG,yi:()=>h.yi});var i=d(93379),o=d.n(i),t=d(7795),l=d.n(t),r=d(90569),x=d.n(r),a=d(3565),u=d.n(a),m=d(19216),s=d.n(m),p=d(44589),c=d.n(p),h=d(86682),b={};b.styleTagTransform=c(),b.setAttributes=u(),b.insert=x().bind(null,"head"),b.domAPI=l(),b.insertStyleElement=s();o()(h.ZP,b),h.ZP&&h.ZP.locals&&h.ZP.locals},81673:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjE1MTggMjEuNDE5OEMxNy4wNjQgMjEuNDE5OCAyMS44NTY4IDE2LjYyNyAyMS44NTY4IDEwLjcxNDhDMjEuODU2OCA0LjgwMjYyIDE3LjA2NCAwLjAwOTgyNjY2IDExLjE1MTggMC4wMDk4MjY2NkM1LjIzOTU3IDAuMDA5ODI2NjYgMC40NDY3NzcgNC44MDI2MiAwLjQ0Njc3NyAxMC43MTQ4QzAuNDQ2Nzc3IDE2LjYyNyA1LjIzOTU3IDIxLjQxOTggMTEuMTUxOCAyMS40MTk4WiIgZmlsbD0iI0YyRjJGMiIvPgo8cGF0aCBkPSJNMTEuMjQ2OSA1LjAwOTgzVjE2LjYwOTgiIHN0cm9rZT0iIzRBNEE0QSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNNS40NDY3OCAxMC44MDk3SDE3LjA0NjgiIHN0cm9rZT0iIzRBNEE0QSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K"},88291:(n,e,d)=>{function _objectDestructuringEmpty(n){if(null==n)throw new TypeError("Cannot destructure "+n)}d.d(e,{Z:()=>_objectDestructuringEmpty})}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6937.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6937,7444,1099],{67444:(n,e,t)=>{t.r(e),t.d(e,{default:()=>j});t(87363);var i=t(9420),o=t(93379),r=t.n(o),l=t(7795),d=t.n(l),s=t(90569),a=t.n(s),u=t(3565),c=t.n(u),x=t(19216),p=t.n(x),m=t(44589),f=t.n(m),g=t(91605),v={};v.styleTagTransform=f(),v.setAttributes=c(),v.insert=a().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=p();r()(g.ZP,v);g.ZP&&g.ZP.locals&&g.ZP.locals;var h=t(9204),b=t(47514);const j=(0,i.Pi)((function ContentItemTeaser(n){var e=n.item,t=(0,h.NP)();return(0,b.jsxs)("div",{className:g.bz,children:[e.emoji&&(0,b.jsx)("div",{className:g.rP,children:e.emoji}),(0,b.jsx)("div",{className:g.TN,children:e.title}),(0,b.jsx)("div",{className:g.WL,children:e.description}),e.id&&(0,b.jsxs)("button",{className:g.LI,onClick:function onClick(){!function isUrl(n){return/^https?:\/\//.test(n)}(e.id)?t.settingsState.onClickContentItemId(e.id):window.open(e.id,"_blank","noopener,noreferrer")},children:[(0,b.jsx)("span",{className:g.q5,children:e.buttonText}),(0,b.jsx)("div",{className:g.x7,children:(0,b.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,b.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},81099:(n,e,t)=>{t.r(e),t.d(e,{default:()=>T});t(87363);var i=t(37486),o=t(9204),r=t(93379),l=t.n(r),d=t(7795),s=t.n(d),a=t(90569),u=t.n(a),c=t(3565),x=t.n(c),p=t(19216),m=t.n(p),f=t(44589),g=t.n(f),v=t(9668),h={};h.styleTagTransform=g(),h.setAttributes=x(),h.insert=u().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=m();l()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var b=t(67444),j=t(47514);const T=function SettingsItemsGroup(n){var e=n.group;(0,o.NP)();return(0,j.jsxs)("div",{className:v.YS,children:[(0,j.jsx)("div",{className:v.t$,children:e.left.map((function(n){var t,o,r,l=e.palettes.find((function(e){return e.id===n}));return(0,j.jsxs)(j.Fragment,{children:["TOP"===(null===(t=l.contentItemTeaser)||void 0===t?void 0:t.position)?(0,j.jsx)(b.default,{item:l.contentItemTeaser}):(0,j.jsx)(j.Fragment,{}),(0,j.jsx)(i.default,{item:l,id:Number(l.id)},null!==(o=l.optionCodex)&&void 0!==o?o:l.configStepKey+l.id),"BOTTOM"===(null===(r=l.contentItemTeaser)||void 0===r?void 0:r.position)?(0,j.jsx)(b.default,{item:l.contentItemTeaser}):(0,j.jsx)(j.Fragment,{})]})}))}),(0,j.jsx)("div",{className:v.eX}),(0,j.jsx)("div",{className:v.F2,children:e.right.map((function(n){var t,o,r,l=e.palettes.find((function(e){return e.id===n}));return(0,j.jsxs)(j.Fragment,{children:["TOP"===(null===(t=l.contentItemTeaser)||void 0===t?void 0:t.position)?(0,j.jsx)(b.default,{item:l.contentItemTeaser}):(0,j.jsx)(j.Fragment,{}),(0,j.jsx)(i.default,{item:l,id:Number(l.id)},null!==(o=l.optionCodex)&&void 0!==o?o:l.configStepKey+l.id),"BOTTOM"===(null===(r=l.contentItemTeaser)||void 0===r?void 0:r.position)?(0,j.jsx)(b.default,{item:l.contentItemTeaser}):(0,j.jsx)(j.Fragment,{})]})}))})]})}},26937:(n,e,t)=>{t.r(e),t.d(e,{default:()=>c});var i=t(34988),o=t(87363),r=t(9420),l=t(37486),d=t(9204),s=t(81099),a=t(67444),u=t(47514);const c=(0,r.Pi)((function SettingsItemsWrapper(n){var e=n.itemPalettesArr,t=n.zIndexBase,r=(0,d.NP)(),c=(0,o.useState)([]),x=(0,i.Z)(c,2),p=x[0],m=x[1];return(0,o.useEffect)((function(){for(var n=[],t=function _loop(){var t=e[i],o=r.configuratorStructureHandler.getOptionStepByCodex(t.optionCodex),l=null==o?void 0:o.partOfGroup,d=n.find((function(n){var e;return(null!==(e=null==l?void 0:l.groupName)&&void 0!==e?e:t.configStepKey+t.id)===n.groupName}));if(d)d.palettes.push(t);else{var s,a={groupName:null!==(s=null==l?void 0:l.groupName)&&void 0!==s?s:t.configStepKey+t.id,palettes:[t],left:[],right:[]};n.push(a),d=a}"l"===(null==l?void 0:l.position)?d.left.push(t.id):"r"===(null==l?void 0:l.position)&&d.right.push(t.id)},i=0;i<e.length;i++)t();m(n)}),[e]),(0,u.jsx)(u.Fragment,{children:p.map((function(n){var e;if(n.palettes.length>1)return(0,u.jsx)(s.default,{group:n});var i=n.palettes[0].contentItemTeaser;return(0,u.jsxs)(u.Fragment,{children:["TOP"==(null==i?void 0:i.position)&&(0,u.jsx)(a.default,{item:i}),(0,u.jsx)(l.default,{item:n.palettes[0],id:Number(n.palettes[0].id),zIndexBase:t},(null!==(e=n.palettes[0].optionCodex)&&void 0!==e?e:n.palettes[0].configStepKey)+n.palettes[0].id),"BOTTOM"==(null==i?void 0:i.position)&&(0,u.jsx)(a.default,{item:i})]})}))})}))},91605:(n,e,t)=>{t.d(e,{LI:()=>c,TN:()=>a,WL:()=>u,ZP:()=>m,bz:()=>d,q5:()=>x,rP:()=>s,x7:()=>p});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.push([n.id,".index-module--YvhoM {\n  background-color: #e6f0fa;\n  background-color: var(--diva-theme-palette-primary-light, #e6f0fa);\n  padding: 12px 16px;\n  border-radius: 8px;\n  text-align: center;\n  margin: 8px 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  font-family: inherit;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.index-module--xRF8A {\n  font-size: 28px;\n  margin-bottom: 2px;\n}\n\n.index-module--AkzgH {\n  font-weight: 700;\n  font-size: 16px;\n  color: #000;\n  margin: 0;\n  line-height: 1.2;\n}\n\n.index-module--YcLKe {\n  font-size: 15px;\n  color: #333;\n  margin: 0;\n  line-height: 1.4;\n}\n.mobile .index-module--YcLKe {\n  font-size: 13px;\n}\n\n.index-module--tZsne {\n  margin-top: 10px;\n  border: 2px solid #ff6b00;\n  border: 2px solid var(--primaryColor, #ff6b00);\n  color: #ff6b00;\n  color: var(--primaryColor, #ff6b00);\n  background: #fff;\n  padding: 6px 16px;\n  border-radius: 6px;\n  font-weight: 700;\n  font-size: 15px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  transition: all 0.2s ease;\n  width: 100%;\n  max-width: 280px;\n  box-sizing: border-box;\n  min-height: 40px;\n}\n\n.index-module--tZsne:hover {\n  background-color: #ff6b00;\n  background-color: var(--primaryColor, #ff6b00);\n  color: #fff;\n}\n\n.index-module--KlW5i {\n  flex: 1;\n  text-align: center;\n  padding: 0 24px;\n}\n\n.index-module--MViR0 {\n  position: absolute;\n  right: 12px;\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--MViR0 svg {\n  width: 100%;\n  height: 100%;\n}\n",""]);var d="index-module--YvhoM",s="index-module--xRF8A",a="index-module--AkzgH",u="index-module--YcLKe",c="index-module--tZsne",x="index-module--KlW5i",p="index-module--MViR0";const m=l},9668:(n,e,t)=>{t.d(e,{F2:()=>a,YS:()=>d,ZP:()=>c,eX:()=>u,t$:()=>s});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.push([n.id,".index-module--h2rQ7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  gap: 24px;\n}\n\n.mobile .index-module--h2rQ7 {\n  gap: 8px;\n}\n\n.index-module--vn75Y {\n  flex: 1;\n  align-self: stretch;\n}\n\n.index-module--gupRY {\n  flex: 1;\n  align-self: stretch;\n}\n\n.index-module--lvlA1 {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}\n",""]);var d="index-module--h2rQ7",s="index-module--vn75Y",a="index-module--gupRY",u="index-module--lvlA1";const c=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6937,7444,1099],{67444:(n,e,t)=>{t.r(e),t.d(e,{default:()=>j});t(87363);var i=t(9420),o=t(93379),r=t.n(o),l=t(7795),d=t.n(l),s=t(90569),a=t.n(s),u=t(3565),c=t.n(u),x=t(19216),p=t.n(x),m=t(44589),f=t.n(m),g=t(91605),v={};v.styleTagTransform=f(),v.setAttributes=c(),v.insert=a().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=p();r()(g.ZP,v);g.ZP&&g.ZP.locals&&g.ZP.locals;var h=t(75327),b=t(47514);const j=(0,i.Pi)((function ContentItemTeaser(n){var e=n.item,t=(0,h.NP)();return(0,b.jsxs)("div",{className:g.bz,children:[e.emoji&&(0,b.jsx)("div",{className:g.rP,children:e.emoji}),(0,b.jsx)("div",{className:g.TN,children:e.title}),(0,b.jsx)("div",{className:g.WL,children:e.description}),e.id&&(0,b.jsxs)("button",{className:g.LI,onClick:function onClick(){!function isUrl(n){return/^https?:\/\//.test(n)}(e.id)?t.settingsState.onClickContentItemId(e.id):window.open(e.id,"_blank","noopener,noreferrer")},children:[(0,b.jsx)("span",{className:g.q5,children:e.buttonText}),(0,b.jsx)("div",{className:g.x7,children:(0,b.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,b.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},81099:(n,e,t)=>{t.r(e),t.d(e,{default:()=>T});t(87363);var i=t(37486),o=t(75327),r=t(93379),l=t.n(r),d=t(7795),s=t.n(d),a=t(90569),u=t.n(a),c=t(3565),x=t.n(c),p=t(19216),m=t.n(p),f=t(44589),g=t.n(f),v=t(9668),h={};h.styleTagTransform=g(),h.setAttributes=x(),h.insert=u().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=m();l()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var b=t(67444),j=t(47514);const T=function SettingsItemsGroup(n){var e=n.group;(0,o.NP)();return(0,j.jsxs)("div",{className:v.YS,children:[(0,j.jsx)("div",{className:v.t$,children:e.left.map((function(n){var t,o,r,l=e.palettes.find((function(e){return e.id===n}));return(0,j.jsxs)(j.Fragment,{children:["TOP"===(null===(t=l.contentItemTeaser)||void 0===t?void 0:t.position)?(0,j.jsx)(b.default,{item:l.contentItemTeaser}):(0,j.jsx)(j.Fragment,{}),(0,j.jsx)(i.default,{item:l,id:Number(l.id)},null!==(o=l.optionCodex)&&void 0!==o?o:l.configStepKey+l.id),"BOTTOM"===(null===(r=l.contentItemTeaser)||void 0===r?void 0:r.position)?(0,j.jsx)(b.default,{item:l.contentItemTeaser}):(0,j.jsx)(j.Fragment,{})]})}))}),(0,j.jsx)("div",{className:v.eX}),(0,j.jsx)("div",{className:v.F2,children:e.right.map((function(n){var t,o,r,l=e.palettes.find((function(e){return e.id===n}));return(0,j.jsxs)(j.Fragment,{children:["TOP"===(null===(t=l.contentItemTeaser)||void 0===t?void 0:t.position)?(0,j.jsx)(b.default,{item:l.contentItemTeaser}):(0,j.jsx)(j.Fragment,{}),(0,j.jsx)(i.default,{item:l,id:Number(l.id)},null!==(o=l.optionCodex)&&void 0!==o?o:l.configStepKey+l.id),"BOTTOM"===(null===(r=l.contentItemTeaser)||void 0===r?void 0:r.position)?(0,j.jsx)(b.default,{item:l.contentItemTeaser}):(0,j.jsx)(j.Fragment,{})]})}))})]})}},26937:(n,e,t)=>{t.r(e),t.d(e,{default:()=>c});var i=t(34988),o=t(87363),r=t(9420),l=t(37486),d=t(75327),s=t(81099),a=t(67444),u=t(47514);const c=(0,r.Pi)((function SettingsItemsWrapper(n){var e=n.itemPalettesArr,t=n.zIndexBase,r=(0,d.NP)(),c=(0,o.useState)([]),x=(0,i.Z)(c,2),p=x[0],m=x[1];return(0,o.useEffect)((function(){for(var n=[],t=function _loop(){var t=e[i],o=r.configuratorStructureHandler.getOptionStepByCodex(t.optionCodex),l=null==o?void 0:o.partOfGroup,d=n.find((function(n){var e;return(null!==(e=null==l?void 0:l.groupName)&&void 0!==e?e:t.configStepKey+t.id)===n.groupName}));if(d)d.palettes.push(t);else{var s,a={groupName:null!==(s=null==l?void 0:l.groupName)&&void 0!==s?s:t.configStepKey+t.id,palettes:[t],left:[],right:[]};n.push(a),d=a}"l"===(null==l?void 0:l.position)?d.left.push(t.id):"r"===(null==l?void 0:l.position)&&d.right.push(t.id)},i=0;i<e.length;i++)t();m(n)}),[e]),(0,u.jsx)(u.Fragment,{children:p.map((function(n){var e;if(n.palettes.length>1)return(0,u.jsx)(s.default,{group:n});var i=n.palettes[0].contentItemTeaser;return(0,u.jsxs)(u.Fragment,{children:["TOP"==(null==i?void 0:i.position)&&(0,u.jsx)(a.default,{item:i}),(0,u.jsx)(l.default,{item:n.palettes[0],id:Number(n.palettes[0].id),zIndexBase:t},(null!==(e=n.palettes[0].optionCodex)&&void 0!==e?e:n.palettes[0].configStepKey)+n.palettes[0].id),"BOTTOM"==(null==i?void 0:i.position)&&(0,u.jsx)(a.default,{item:i})]})}))})}))},91605:(n,e,t)=>{t.d(e,{LI:()=>c,TN:()=>a,WL:()=>u,ZP:()=>m,bz:()=>d,q5:()=>x,rP:()=>s,x7:()=>p});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.push([n.id,".index-module--YvhoM {\n  background-color: #e6f0fa;\n  background-color: var(--diva-theme-palette-primary-light, #e6f0fa);\n  padding: 12px 16px;\n  border-radius: 8px;\n  text-align: center;\n  margin: 8px 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  font-family: inherit;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.index-module--xRF8A {\n  font-size: 28px;\n  margin-bottom: 2px;\n}\n\n.index-module--AkzgH {\n  font-weight: 700;\n  font-size: 16px;\n  color: #000;\n  margin: 0;\n  line-height: 1.2;\n}\n\n.index-module--YcLKe {\n  font-size: 15px;\n  color: #333;\n  margin: 0;\n  line-height: 1.4;\n}\n.mobile .index-module--YcLKe {\n  font-size: 13px;\n}\n\n.index-module--tZsne {\n  margin-top: 10px;\n  border: 2px solid #ff6b00;\n  border: 2px solid var(--primaryColor, #ff6b00);\n  color: #ff6b00;\n  color: var(--primaryColor, #ff6b00);\n  background: #fff;\n  padding: 6px 16px;\n  border-radius: 6px;\n  font-weight: 700;\n  font-size: 15px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  transition: all 0.2s ease;\n  width: 100%;\n  max-width: 280px;\n  box-sizing: border-box;\n  min-height: 40px;\n}\n\n.index-module--tZsne:hover {\n  background-color: #ff6b00;\n  background-color: var(--primaryColor, #ff6b00);\n  color: #fff;\n}\n\n.index-module--KlW5i {\n  flex: 1;\n  text-align: center;\n  padding: 0 24px;\n}\n\n.index-module--MViR0 {\n  position: absolute;\n  right: 12px;\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--MViR0 svg {\n  width: 100%;\n  height: 100%;\n}\n",""]);var d="index-module--YvhoM",s="index-module--xRF8A",a="index-module--AkzgH",u="index-module--YcLKe",c="index-module--tZsne",x="index-module--KlW5i",p="index-module--MViR0";const m=l},9668:(n,e,t)=>{t.d(e,{F2:()=>a,YS:()=>d,ZP:()=>c,eX:()=>u,t$:()=>s});var i=t(8081),o=t.n(i),r=t(23645),l=t.n(r)()(o());l.push([n.id,".index-module--h2rQ7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  gap: 24px;\n}\n\n.mobile .index-module--h2rQ7 {\n  gap: 8px;\n}\n\n.index-module--vn75Y {\n  flex: 1;\n  align-self: stretch;\n}\n\n.index-module--gupRY {\n  flex: 1;\n  align-self: stretch;\n}\n\n.index-module--lvlA1 {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}\n",""]);var d="index-module--h2rQ7",s="index-module--vn75Y",a="index-module--gupRY",u="index-module--lvlA1";const c=l}}]);

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

@@ -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(9204),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(9204),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),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))}}}]);

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

@@ -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(9204),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(9204),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:()=>N});var i=t(80248),o=t(34988),r=t(65515),a=t.n(r),l=t(9204),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(55461),D=t(91087),k=t(21801),E=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 N=(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=(0,d.useState)(!1),w=(0,o.Z)(b,2),y=w[0],A=w[1],N=(0,d.useRef)(null),T=(0,d.useRef)({x:0,y:0}),F=(0,d.useRef)({grabX:0,grabY:0,width:0}),M=function positionGhost(e){if(e){var n=F.current;e.style.transform="translate(".concat(T.current.x-n.grabX,"px, ").concat(T.current.y-n.grabY,"px)")}};(0,d.useEffect)((function(){if(y){var e=function onDragOver(e){T.current={x:e.clientX,y:e.clientY},M(N.current)};return document.addEventListener("dragover",e),function(){return document.removeEventListener("dragover",e)}}}),[y]);var B={},V={},_=void 0,L=!1,q={},z=(0,S.XI)({delayEnter:1500,hideOnScroll:!0}),H=z[0]&&!y,Q=(0,S.sJ)({isOpen:H,auto:!0,placement:s.getViewConfig().tooltipPosition||"left-center"});f||m||s.getViewConfig().hideTooltip||(L=H,q=z[1],B=Q.triggerProps,V=Q.layerProps,_=Q.renderLayer);var R=i.name;return(0,E.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,!1)},onDoubleClick:function onDoubleClick(){return s.paletteViewHandler.selectShelfAccessorie(i.articleCodex)},draggable:!0,onDragStart:function onDragStart(e){e.dataTransfer.effectAllowed="copy",e.dataTransfer.setData("text/plain",i.articleCodex),O&&e.dataTransfer.setDragImage(O,0,0);var n=e.currentTarget.getBoundingClientRect();F.current={grabX:e.clientX-n.left,grabY:e.clientY-n.top,width:n.width},T.current={x:e.clientX,y:e.clientY},A(!0),s.paletteViewHandler.startShelfAccessorieDrag(i.articleCodex)},onDragEnd:function onDragEnd(){A(!1),s.paletteViewHandler.endShelfAccessorieDrag()}},B),q),{},{children:[(0,E.jsx)("img",{style:{maxHeight:s.settingsState.settingsWidth/3},src:i.image,draggable:!1}),(0,E.jsxs)("div",{className:j.jW,children:[(0,E.jsx)("div",{className:a()(j.TN),dangerouslySetInnerHTML:{__html:R}}),(0,E.jsx)(I.default,{metaData:i.metaData,visible:[h,v]},i.articleCodex),!C&&!!i.price&&(0,E.jsx)(D.default,{price:i.price,style:{paddingTop:6}}),i.contentItemId&&(0,E.jsx)(k.default,{item:i,style:{top:6,right:6}},i.articleCodex)]}),L&&(null===(n=_)||void 0===n?void 0:n((0,E.jsx)(Z.default,{text:null!==(t=i.longDescription)&&void 0!==t?t:i.name,desciption:h,image:i.image,codex:i.articleCodex,layerProps:V},i.articleCodex))),y&&!s.settingsState.draggedAccessoryHasTarget&&(0,c.createPortal)((0,E.jsxs)("div",{className:a()(j.nC,j.HE),style:{width:F.current.width},ref:function ref(e){N.current=e,M(e)},children:[(0,E.jsx)("img",{style:{maxHeight:s.settingsState.settingsWidth/3},src:i.image}),(0,E.jsx)("div",{className:j.jW,children:(0,E.jsx)("div",{className:j.TN,dangerouslySetInnerHTML:{__html:R}})})]}),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),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:()=>N});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(55461),D=t(91087),k=t(21801),E=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 N=(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=(0,d.useState)(!1),w=(0,o.Z)(b,2),y=w[0],A=w[1],N=(0,d.useRef)(null),T=(0,d.useRef)({x:0,y:0}),F=(0,d.useRef)({grabX:0,grabY:0,width:0}),M=function positionGhost(e){if(e){var n=F.current;e.style.transform="translate(".concat(T.current.x-n.grabX,"px, ").concat(T.current.y-n.grabY,"px)")}};(0,d.useEffect)((function(){if(y){var e=function onDragOver(e){T.current={x:e.clientX,y:e.clientY},M(N.current)};return document.addEventListener("dragover",e),function(){return document.removeEventListener("dragover",e)}}}),[y]);var B={},V={},_=void 0,L=!1,q={},z=(0,S.XI)({delayEnter:1500,hideOnScroll:!0}),H=z[0]&&!y,Q=(0,S.sJ)({isOpen:H,auto:!0,placement:s.getViewConfig().tooltipPosition||"left-center"});f||m||s.getViewConfig().hideTooltip||(L=H,q=z[1],B=Q.triggerProps,V=Q.layerProps,_=Q.renderLayer);var R=i.name;return(0,E.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,!1)},onDoubleClick:function onDoubleClick(){return s.paletteViewHandler.selectShelfAccessorie(i.articleCodex)},draggable:!0,onDragStart:function onDragStart(e){e.dataTransfer.effectAllowed="copy",e.dataTransfer.setData("text/plain",i.articleCodex),O&&e.dataTransfer.setDragImage(O,0,0);var n=e.currentTarget.getBoundingClientRect();F.current={grabX:e.clientX-n.left,grabY:e.clientY-n.top,width:n.width},T.current={x:e.clientX,y:e.clientY},A(!0),s.paletteViewHandler.startShelfAccessorieDrag(i.articleCodex)},onDragEnd:function onDragEnd(){A(!1),s.paletteViewHandler.endShelfAccessorieDrag()}},B),q),{},{children:[(0,E.jsx)("img",{style:{maxHeight:s.settingsState.settingsWidth/3},src:i.image,draggable:!1}),(0,E.jsxs)("div",{className:j.jW,children:[(0,E.jsx)("div",{className:a()(j.TN),dangerouslySetInnerHTML:{__html:R}}),(0,E.jsx)(I.default,{metaData:i.metaData,visible:[h,v]},i.articleCodex),!C&&!!i.price&&(0,E.jsx)(D.default,{price:i.price,style:{paddingTop:6}}),i.contentItemId&&(0,E.jsx)(k.default,{item:i,style:{top:6,right:6}},i.articleCodex)]}),L&&(null===(n=_)||void 0===n?void 0:n((0,E.jsx)(Z.default,{text:null!==(t=i.longDescription)&&void 0!==t?t:i.name,desciption:h,image:i.image,codex:i.articleCodex,layerProps:V},i.articleCodex))),y&&!s.settingsState.draggedAccessoryHasTarget&&(0,c.createPortal)((0,E.jsxs)("div",{className:a()(j.nC,j.HE),style:{width:F.current.width},ref:function ref(e){N.current=e,M(e)},children:[(0,E.jsx)("img",{style:{maxHeight:s.settingsState.settingsWidth/3},src:i.image}),(0,E.jsx)("div",{className:j.jW,children:(0,E.jsx)("div",{className:j.TN,dangerouslySetInnerHTML:{__html:R}})})]}),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}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7030.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7030],{47030:(n,e,t)=>{t.r(e),t.d(e,{default:()=>P});var i=t(12952),o=t(65515),r=t.n(o),a=t(9204),l=t(9420),d=t(87363),s=t(88683),u=t(93379),c=t.n(u),p=t(7795),m=t.n(p),x=t(90569),h=t.n(x),v=t(3565),f=t.n(v),g=t(19216),b=t.n(g),y=t(44589),k=t.n(y),T=t(92961),w={};w.styleTagTransform=k(),w.setAttributes=f(),w.insert=h().bind(null,"head"),w.domAPI=m(),w.insertStyleElement=b();c()(T.ZP,w);T.ZP&&T.ZP.locals&&T.ZP.locals;var G=t(47514);const P=(0,l.Pi)((function TabGroupItemHorizontalInspiration(n){var e=n.tabGroup,t=(0,a.NP)(),o=(0,s.useTranslation)().t,l=(0,d.useRef)(null),u=t.tabGroupState.curTabGroup;(0,d.useEffect)((function(){t.tabGroupState.setTabGroupItems(e.key,l.current)}),[l]);var c=(0,i.Z)(t.tabGroupState.allTabGroups.keys()),p=e.posNr==(null==u?void 0:u.posNr),m=c[c.length-1]==e.key;return(0,G.jsxs)("div",{className:r()(T.YS,t.uiState.isMobilePortrait?T.tW:void 0,t.uiState.isTablet?T.Mq:void 0,e.title==(null==u?void 0:u.title)&&p?T.F1:void 0),children:[(0,G.jsx)("div",{ref:l,onClick:function onClick(n){n.stopPropagation(),function onTabGroupClick(n){window.lastNavigationType="TABGROUP_BY_POS_NR",t.tabGroupState.navigateToTabgroupByPosNr(+n.posNr)}(e)},className:r()(T.TI),children:o("configurator."+e.title,e.title)}),!m&&(0,G.jsx)("div",{className:T.Sf,children:(0,G.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,G.jsx)("path",{d:"M4 2L8 6L4 10",stroke:"currentColor",strokeWidth:"0.75",strokeLinecap:"round",strokeLinejoin:"round"})})})]})}))},92961:(n,e,t)=>{t.d(e,{F1:()=>c,Mq:()=>u,Sf:()=>p,TI:()=>d,YS:()=>l,ZP:()=>m,tW:()=>s});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([n.id,".index-module--dDrUl {\n  display: flex;\n  align-items: center;\n  float: left;\n  height: 100%;\n}\n\n.index-module--LI7Li {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0 12px;\n  font-size: 14px;\n  font-weight: 300;\n  white-space: nowrap;\n  color: var(--diva-theme-palette-text-secondary);\n  cursor: pointer;\n  transition:\n    color 0.2s ease-out,\n    background-color 0.2s ease-out;\n  line-height: 1;\n  border: none;\n  background: none;\n}\n\n.index-module--Yn_1W:not(.index-module--TcczG) .index-module--LI7Li {\n  font-size: 12px;\n  padding: 0 8px;\n}\n\n.index-module--LI7Li:hover {\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--WI98r .index-module--LI7Li {\n  color: var(--diva-theme-palette-primary-main);\n  background-color: color-mix(in srgb, var(--diva-theme-palette-primary-main) 5%, transparent);\n  border-radius: 2px;\n}\n\n.index-module--UGxoh {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 12px;\n  height: 12px;\n  color: color-mix(in srgb, var(--diva-theme-palette-text-primary) 15%, transparent);\n}\n\n.index-module--Yn_1W:not(.index-module--TcczG) .index-module--UGxoh {\n  width: 10px;\n  height: 10px;\n}\n",""]);var l="index-module--dDrUl",d="index-module--LI7Li",s="index-module--Yn_1W",u="index-module--TcczG",c="index-module--WI98r",p="index-module--UGxoh";const m=a}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7030],{47030:(n,e,t)=>{t.r(e),t.d(e,{default:()=>P});var i=t(12952),o=t(65515),r=t.n(o),a=t(75327),l=t(9420),d=t(87363),s=t(88683),u=t(93379),c=t.n(u),p=t(7795),m=t.n(p),x=t(90569),h=t.n(x),v=t(3565),f=t.n(v),g=t(19216),b=t.n(g),y=t(44589),k=t.n(y),T=t(92961),w={};w.styleTagTransform=k(),w.setAttributes=f(),w.insert=h().bind(null,"head"),w.domAPI=m(),w.insertStyleElement=b();c()(T.ZP,w);T.ZP&&T.ZP.locals&&T.ZP.locals;var G=t(47514);const P=(0,l.Pi)((function TabGroupItemHorizontalInspiration(n){var e=n.tabGroup,t=(0,a.NP)(),o=(0,s.useTranslation)().t,l=(0,d.useRef)(null),u=t.tabGroupState.curTabGroup;(0,d.useEffect)((function(){t.tabGroupState.setTabGroupItems(e.key,l.current)}),[l]);var c=(0,i.Z)(t.tabGroupState.allTabGroups.keys()),p=e.posNr==(null==u?void 0:u.posNr),m=c[c.length-1]==e.key;return(0,G.jsxs)("div",{className:r()(T.YS,t.uiState.isMobilePortrait?T.tW:void 0,t.uiState.isTablet?T.Mq:void 0,e.title==(null==u?void 0:u.title)&&p?T.F1:void 0),children:[(0,G.jsx)("div",{ref:l,onClick:function onClick(n){n.stopPropagation(),function onTabGroupClick(n){window.lastNavigationType="TABGROUP_BY_POS_NR",t.tabGroupState.navigateToTabgroupByPosNr(+n.posNr)}(e)},className:r()(T.TI),children:o("configurator."+e.title,e.title)}),!m&&(0,G.jsx)("div",{className:T.Sf,children:(0,G.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,G.jsx)("path",{d:"M4 2L8 6L4 10",stroke:"currentColor",strokeWidth:"0.75",strokeLinecap:"round",strokeLinejoin:"round"})})})]})}))},92961:(n,e,t)=>{t.d(e,{F1:()=>c,Mq:()=>u,Sf:()=>p,TI:()=>d,YS:()=>l,ZP:()=>m,tW:()=>s});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([n.id,".index-module--dDrUl {\n  display: flex;\n  align-items: center;\n  float: left;\n  height: 100%;\n}\n\n.index-module--LI7Li {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0 12px;\n  font-size: 14px;\n  font-weight: 300;\n  white-space: nowrap;\n  color: var(--diva-theme-palette-text-secondary);\n  cursor: pointer;\n  transition:\n    color 0.2s ease-out,\n    background-color 0.2s ease-out;\n  line-height: 1;\n  border: none;\n  background: none;\n}\n\n.index-module--Yn_1W:not(.index-module--TcczG) .index-module--LI7Li {\n  font-size: 12px;\n  padding: 0 8px;\n}\n\n.index-module--LI7Li:hover {\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--WI98r .index-module--LI7Li {\n  color: var(--diva-theme-palette-primary-main);\n  background-color: color-mix(in srgb, var(--diva-theme-palette-primary-main) 5%, transparent);\n  border-radius: 2px;\n}\n\n.index-module--UGxoh {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 12px;\n  height: 12px;\n  color: color-mix(in srgb, var(--diva-theme-palette-text-primary) 15%, transparent);\n}\n\n.index-module--Yn_1W:not(.index-module--TcczG) .index-module--UGxoh {\n  width: 10px;\n  height: 10px;\n}\n",""]);var l="index-module--dDrUl",d="index-module--LI7Li",s="index-module--Yn_1W",u="index-module--TcczG",c="index-module--WI98r",p="index-module--UGxoh";const m=a}}]);