@crystaldesign/diva-web-planner-react 26.8.0-beta.1 → 26.8.0-beta.10

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

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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 859.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[859],{70859:(e,i,n)=>{n.r(i),n.d(i,{default:()=>d});n(87363);var t=n(88683),l=n(99872),a=n(98561),s=n(47514);const d=function Varaint(e){var i,n=e.item,d=(0,l.NP)();return(0,s.jsxs)("div",{style:{userSelect:"unset",display:"flex",flexDirection:"row",gap:20,alignItems:"center",borderBottom:"1px solid grey",justifyContent:"space-between",padding:10},children:[(0,s.jsx)("button",{onClick:n.onClick,children:"konfigurieren"}),(0,s.jsx)("div",{children:n.index}),null===(i=n.variantValues)||void 0===i?void 0:i.map((function(e){return(0,s.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:10},children:[e.optionValueImage&&(0,s.jsx)("img",{src:e.optionValueImage,style:{height:40}}),(0,s.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:5,width:"150px"},children:[(0,s.jsx)("div",{children:e.optionName}),(0,s.jsx)("div",{children:e.optionValueName})]})]},e.opt)})),(0,s.jsx)("div",{children:n.title}),(0,s.jsx)("div",{children:t.DivaUtils.formatPrice(n.price)}),(0,s.jsx)("div",{style:{alignSelf:"flex-end"},children:(0,s.jsx)(a.default,{height:32,handleDiameter:22,width:60,onChange:function onChange(){n.onToggle(),d.paletteViewHandler.updateCurPaletteData(!0)},state:!n.disabled})})]},n.hash)}}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[859],{70859:(e,i,n)=>{n.r(i),n.d(i,{default:()=>d});n(87363);var t=n(88683),l=n(48984),a=n(71501),s=n(47514);const d=function Varaint(e){var i,n=e.item,d=(0,l.NP)();return(0,s.jsxs)("div",{style:{userSelect:"unset",display:"flex",flexDirection:"row",gap:20,alignItems:"center",borderBottom:"1px solid grey",justifyContent:"space-between",padding:10},children:[(0,s.jsx)("button",{onClick:n.onClick,children:"konfigurieren"}),(0,s.jsx)("div",{children:n.index}),null===(i=n.variantValues)||void 0===i?void 0:i.map((function(e){return(0,s.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:10},children:[e.optionValueImage&&(0,s.jsx)("img",{src:e.optionValueImage,style:{height:40}}),(0,s.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:5,width:"150px"},children:[(0,s.jsx)("div",{children:e.optionName}),(0,s.jsx)("div",{children:e.optionValueName})]})]},e.opt)})),(0,s.jsx)("div",{children:n.title}),(0,s.jsx)("div",{children:t.DivaUtils.formatPrice(n.price)}),(0,s.jsx)("div",{style:{alignSelf:"flex-end"},children:(0,s.jsx)(a.default,{height:32,handleDiameter:22,width:60,onChange:function onChange(){n.onToggle(),d.paletteViewHandler.updateCurPaletteData(!0)},state:!n.disabled})})]},n.hash)}}}]);

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

@@ -0,0 +1,2 @@
+/*! For license information please see 860.diva-web-planner-react.umd.min.js.LICENSE.txt */
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[860],{40860:(n,e,i)=>{i.r(e),i.d(e,{default:()=>w});var o=i(34988),d=i(87363),a=i(9420),t=i(65515),r=i.n(t),l=i(88683),s=i(93379),c=i.n(s),u=i(7795),m=i.n(u),x=i(90569),I=i.n(x),g=i(3565),p=i.n(g),b=i(19216),M=i.n(b),y=i(44589),j=i.n(y),v=i(98759),D={};D.styleTagTransform=j(),D.setAttributes=p(),D.insert=I().bind(null,"head"),D.domAPI=m(),D.insertStyleElement=M();c()(v.ZP,D);v.ZP&&v.ZP.locals&&v.ZP.locals;var N=i(57984),C=i(48984),L=i(47514);const w=(0,a.Pi)((function UploadItem(n){var e=n.item,i=(0,l.useTranslation)().t,a=(0,C.NP)(),t=function useImageUpload(){var n=(0,d.useState)(""),e=(0,o.Z)(n,2),i=e[0],a=e[1],t=(0,d.useState)(!1),r=(0,o.Z)(t,2),l=r[0],s=r[1],c=(0,d.useState)(!1),u=(0,o.Z)(c,2),m=u[0],x=u[1],I=(0,d.useRef)(null);(0,d.useEffect)((function(){navigator.mediaDevices&&navigator.mediaDevices.getUserMedia&&navigator.mediaDevices.getUserMedia({video:!0}).then((function(){return x(!0)})).catch((function(){return x(!1)}))}),[]);var g=(0,d.useCallback)((function(n){if(n&&n.type.startsWith("image/")){var e=new FileReader;e.onload=function(n){var e,i=null===(e=n.target)||void 0===e?void 0:e.result;a(i)},e.readAsDataURL(n)}}),[]),p=(0,d.useCallback)((function(n){var e,i=null===(e=n.target.files)||void 0===e?void 0:e[0];i&&g(i)}),[g]),b=(0,d.useCallback)((function(){var n=document.createElement("input");n.type="file",n.accept="image/*",n.capture="environment",n.onchange=function(n){var e,i=null===(e=n.target.files)||void 0===e?void 0:e[0];i&&g(i)},n.click()}),[g]),M=(0,d.useCallback)((function(){var n;null===(n=I.current)||void 0===n||n.click()}),[]),y=(0,d.useCallback)((function(n){n.preventDefault(),s(!0)}),[]),j=(0,d.useCallback)((function(n){n.preventDefault(),s(!1)}),[]),v=(0,d.useCallback)((function(n){n.preventDefault(),s(!1);var e=Array.from(n.dataTransfer.files).find((function(n){return n.type.startsWith("image/")}));e&&g(e)}),[g]),D=(0,d.useCallback)((function(){a(""),I.current&&(I.current.value="")}),[]);return{imageBase64:i,isDragOver:l,hasCamera:m,fileInputRef:I,processFile:g,handleFileSelect:p,handleCameraCapture:b,handleFileUpload:M,handleDragOver:y,handleDragLeave:j,handleDrop:v,clearImage:D}}(),s=t.imageBase64,c=t.isDragOver,u=t.hasCamera,m=t.fileInputRef,x=t.handleFileSelect,I=t.handleCameraCapture,g=t.handleFileUpload,p=(0,d.useState)(void 0),b=(0,o.Z)(p,2),M=b[0],y=b[1],j=void 0!==a.aiState.aiGeneratedRooms[e.key],D=M;return(0,L.jsxs)("div",{className:r()(v.ic,v.cw,c?v.SB:void 0,e.selected?v.pA:void 0,j?v.ow:v.Sc,D?v.V_:void 0),onClick:function handleClick(n){var i;if(!e.selected)return null===(i=e.onClick)||void 0===i||i.call(e),void n.stopPropagation();g()},children:[(0,L.jsxs)("div",{children:[(0,L.jsx)("input",{type:"file",accept:"image/*",capture:"environment",style:{display:"none"},id:"cameraInput"}),(0,L.jsx)("label",{htmlFor:"cameraInput",children:(0,L.jsx)("button",{children:"Take Photo"})}),(0,L.jsx)("input",{type:"file",accept:"image/*",style:{display:"none"},id:"galleryInput"}),(0,L.jsx)("label",{htmlFor:"galleryInput",children:(0,L.jsx)("button",{children:"Choose from Gallery"})})]}),(0,L.jsx)("input",{ref:m,type:"file",accept:"image/*",onChange:x,style:{display:"none"}}),(0,L.jsxs)("div",{className:v.YS,children:[s?(0,L.jsx)("img",{src:s,alt:"Uploaded"}):(0,L.jsxs)("div",{className:v.am,children:[(0,L.jsx)("div",{className:v.P8}),(0,L.jsx)("div",{className:v.n2,children:"or click to browse"})]}),(0,L.jsx)("div",{className:v.TN,children:s?"Image uploaded":"Upload Image"})]}),(0,L.jsxs)("button",{className:r()(v.LI),onClick:function onButtonClick(n){if(n.stopPropagation(),s){var i=a.aiState.setHash;y(a.aiState.generateAiImageWithReferenceImages(e.key,i,s))}},children:[(0,L.jsx)("div",{className:r()(D?N.VC:N.re)}),i(D?"configurator.roomRendering.generating":"configurator.roomRendering.generate")]}),!s&&(0,L.jsxs)("div",{className:r()(v.LI,v.Sc),children:[(0,L.jsx)("div",{className:v.P8}),i("configurator.roomRendering.upload")]}),u&&!s&&(0,L.jsxs)("div",{className:r()(v.LI,v.Sc),onClick:function onClick(n){n.stopPropagation(),I()},style:{bottom:"50px"},children:[(0,L.jsx)("div",{className:v.ny}),i("configurator.roomRendering.camera")]})]})}))},98759:(n,e,i)=>{i.d(e,{LI:()=>v,P8:()=>L,SB:()=>N,Sc:()=>y,TN:()=>M,V_:()=>j,YS:()=>b,ZP:()=>S,am:()=>C,cw:()=>D,ic:()=>I,n2:()=>A,ny:()=>w,ow:()=>g,pA:()=>p});var o=i(8081),d=i.n(o),a=i(23645),t=i.n(a),r=i(61667),l=i.n(r),s=new URL(i(1683),i.b),c=new URL(i(44246),i.b),u=t()(d()),m=l()(s),x=l()(c);u.push([n.id,"/* Import base styles from parent UploadItem */\n.index-module--CjexR {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  border-radius: 12px;\n  transition:\n    border-color 0.3s ease,\n    box-shadow 0.3s ease;\n  position: relative;\n  overflow: hidden;\n  cursor: pointer;\n  border: 1px solid transparent;\n}\n\n.index-module--CjexR.index-module--dmnYc:not(.index-module--kk96W) {\n  box-shadow: var(--boxShadowHover);\n  border: 1px solid var(--primaryColor);\n}\n\n.index-module--caWbN {\n  border-radius: 11px;\n  display: flex;\n  transition: border-color 0.3s ease;\n  border: 3px solid transparent;\n  align-items: center;\n  justify-content: center;\n  width: calc(100% - 6px);\n  --infoIconSize: 24px;\n  max-height: 86px;\n  overflow: hidden;\n  position: relative;\n}\n\n.index-module--kk96W .index-module--caWbN {\n  border: 3px solid var(--primaryColor);\n}\n\n.index-module--dmnYc .index-module--RGxlL {\n  background: linear-gradient(rgba(0, 0, 0, 0.2), transparent);\n}\n\n.index-module--CjexR img {\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n  -o-object-position: center;\n     object-position: center;\n  border-radius: 8px;\n  min-width: 100%;\n  aspect-ratio: 3 / 2;\n}\n\n.index-module--SmlTZ {\n  font-size: 14px;\n  font-weight: 600;\n  color: white;\n  position: absolute;\n  bottom: 5px;\n  transition: bottom 0.3s ease;\n  text-align: center;\n}\n\n.mobile .index-module--SmlTZ {\n  font-size: 12px;\n  bottom: 4px;\n}\n\n.index-module--kk96W.index-module--BGmnC .index-module--SmlTZ,\n.index-module--EVc0s .index-module--SmlTZ {\n  bottom: 40px;\n}\n\n.index-module--sgKcY {\n  background-color: var(--diva-theme-palette-primary-main);\n  color: var(--diva-theme-palette-primary-contrast-text);\n  border: none;\n  border-radius: 8px;\n  padding: 8px 12px;\n  font-size: 12px;\n  font-weight: 600;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  transition: 0.2s;\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 8px;\n  transform: scale(1.05);\n  position: absolute;\n  bottom: -6px;\n  opacity: 0;\n  pointer-events: none;\n  transition:\n    opacity 0.3s ease,\n    bottom 0.3s ease,\n    transform 0.3s ease,\n    box-shadow 0.3s ease;\n}\n\n.mobile .index-module--sgKcY {\n  font-size: 10px;\n  padding: 4px 8px;\n  bottom: -4px;\n}\n\n.index-module--BGmnC:hover .index-module--sgKcY,\n.index-module--kk96W.index-module--BGmnC .index-module--sgKcY,\n.index-module--EVc0s .index-module--sgKcY {\n  opacity: 1;\n  pointer-events: all;\n  bottom: 6px;\n}\n\n.index-module--CjexR:not(.index-module--EVc0s) .index-module--sgKcY:hover {\n  transform: scale(1.15);\n  box-shadow: var(--boxShadowHover);\n}\n\n/* Upload-specific styles */\n.index-module--N6NM3 {\n  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n  border: 2px dashed #dee2e6;\n  min-height: 120px;\n}\n\n.index-module--N6NM3:hover {\n  border-color: var(--primaryColor);\n  background: linear-gradient(135deg, #f0f8ff 0%, #e6f3ff 100%);\n}\n\n.index-module--SVUuB {\n  border-color: var(--primaryColor);\n  background: linear-gradient(135deg, #e6f3ff 0%, #cce7ff 100%);\n  transform: scale(1.02);\n}\n\n.index-module--ErPfG {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  padding: 20px;\n  text-align: center;\n}\n\n.index-module--Hvwy_ {\n  background-image: url("+m+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  width: 32px;\n  height: 32px;\n  opacity: 0.6;\n}\n\n.index-module--bdaig {\n  background-image: url("+x+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  width: 14px;\n  height: 14px;\n}\n\n.index-module--Pbn2y {\n  font-size: 16px;\n  font-weight: 600;\n  color: #495057;\n  margin: 0;\n}\n\n.index-module--Segsy {\n  font-size: 12px;\n  color: #6c757d;\n  margin: 0;\n}\n\n/* When image is uploaded, hide upload content */\n.index-module--kk96W .index-module--ErPfG {\n  display: none;\n}\n\n.index-module--kk96W .index-module--N6NM3 {\n  background: transparent;\n  border: none;\n}\n\n/* Button positioning for multiple buttons */\n.index-module--sgKcY:nth-of-type(2) {\n  bottom: 50px;\n}\n\n.mobile .index-module--sgKcY:nth-of-type(2) {\n  bottom: 44px;\n}\n",""]);var I="index-module--CjexR",g="index-module--dmnYc",p="index-module--kk96W",b="index-module--caWbN",M="index-module--SmlTZ",y="index-module--BGmnC",j="index-module--EVc0s",v="index-module--sgKcY",D="index-module--N6NM3",N="index-module--SVUuB",C="index-module--ErPfG",L="index-module--Hvwy_",w="index-module--bdaig",A="index-module--Segsy";const S=u},95387:(n,e,i)=>{i.d(e,{$g:()=>W,LI:()=>S,OL:()=>T,QK:()=>k,QM:()=>j,Qo:()=>P,Sc:()=>w,TN:()=>L,VC:()=>Z,V_:()=>A,Ws:()=>Y,XC:()=>C,YS:()=>N,ZP:()=>R,f6:()=>z,hj:()=>h,k7:()=>E,oP:()=>G,ow:()=>D,pA:()=>v,re:()=>f});var o=i(8081),d=i.n(o),a=i(23645),t=i.n(a),r=i(61667),l=i.n(r),s=new URL(i(41041),i.b),c=new URL(i(38457),i.b),u=new URL(i(70320),i.b),m=new URL(i(23571),i.b),x=new URL(i(35277),i.b),I=t()(d()),g=l()(s),p=l()(c),b=l()(u),M=l()(m),y=l()(x);I.push([n.id,".index-module--YYxGY {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 12px;\n  transition:\n    border-color 0.3s ease,\n    box-shadow 0.3s ease;\n  position: relative;\n  overflow: hidden;\n  cursor: pointer;\n  border: 1px solid transparent;\n}\n\n.index-module--YYxGY:not(.index-module--pGFXr):hover,\n.index-module--YYxGY.index-module--Q2qQ2:not(.index-module--pGFXr) {\n  box-shadow: var(--boxShadowHover);\n  border: 1px solid var(--primaryColor);\n}\n\n.index-module--EeD99 {\n  border-radius: 11px;\n  display: flex;\n  transition: border-color 0.3s ease;\n  border: 3px solid transparent;\n  align-items: center;\n  justify-content: center;\n  width: calc(100% - 6px);\n  --infoIconSize: 24px;\n  max-height: 86px;\n  overflow: hidden;\n  position: relative;\n}\n\n.index-module--pGFXr .index-module--EeD99 {\n  border: 3px solid var(--primaryColor);\n}\n\n.index-module--Q2qQ2 .index-module--klViv {\n  background: linear-gradient(rgba(0, 0, 0, 0.2), transparent);\n}\n\n.index-module--YYxGY img {\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n  -o-object-position: center;\n     object-position: center;\n  border-radius: 8px;\n  min-width: 100%;\n  aspect-ratio: 3 / 2;\n}\n\n.index-module--klViv {\n  position: absolute;\n  bottom: 0px;\n  display: flex;\n  justify-content: center;\n  align-items: flex-end;\n  width: 100%;\n  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));\n  border-bottom-left-radius: 8px;\n  border-bottom-right-radius: 8px;\n  height: 50px;\n  transition: height 0.3s ease;\n}\n\n.index-module--YPxgt {\n  font-size: 14px;\n  font-weight: 600;\n  color: white;\n  position: absolute;\n  bottom: 5px;\n  transition: bottom 0.3s ease;\n  text-align: center;\n}\n\n.mobile .index-module--YPxgt {\n  font-size: 11px;\n  bottom: 4px;\n}\n.index-module--cJ9FY:hover .index-module--YPxgt,\n.index-module--pGFXr.index-module--cJ9FY .index-module--YPxgt,\n.index-module--V4uIb .index-module--YPxgt {\n  bottom: 40px;\n}\n\n.index-module--GEr2C {\n  background-color: var(--diva-theme-palette-primary-main);\n  color: var(--diva-theme-palette-primary-contrast-text);\n  border: none;\n  border-radius: 8px;\n  padding: 8px 12px;\n  font-size: 12px;\n  font-weight: 600;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  transition: 0.2s;\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 8px;\n  transform: scale(1.05);\n  position: absolute;\n  bottom: -6px;\n  opacity: 0;\n  pointer-events: none;\n  transition:\n    opacity 0.3s ease,\n    bottom 0.3s ease,\n    transform 0.3s ease,\n    box-shadow 0.3s ease;\n}\n\n.mobile .index-module--GEr2C {\n  font-size: 10px;\n  padding: 4px 8px;\n  bottom: -4px;\n}\n\n.index-module--etA_S {\n  background-color: #ea580b;\n  color: #fff;\n}\n\n.index-module--kFWSa {\n  cursor: not-allowed;\n}\n\n.index-module--C8mNa {\n  cursor: wait;\n}\n\n.mobile .index-module--GEr2C {\n  font-size: 10px;\n  padding: 4px 8px;\n  bottom: -4px;\n}\n\n.index-module--cJ9FY:hover .index-module--GEr2C,\n.index-module--pGFXr.index-module--cJ9FY .index-module--GEr2C,\n.index-module--V4uIb .index-module--GEr2C {\n  opacity: 1;\n  pointer-events: all;\n  bottom: 6px;\n}\n.index-module--V4uIb .index-module--GEr2C {\n  font-size: 10px;\n  cursor: wait;\n}\n\n.index-module--YYxGY:not(.index-module--V4uIb) .index-module--GEr2C:hover {\n  transform: scale(1.15);\n  box-shadow: var(--boxShadowHover);\n}\n\n.index-module--CMDUp {\n  background-image: url("+g+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  width: 14px;\n  height: 14px;\n}\n\n.index-module--n4Brz {\n  background-image: url("+p+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  width: 14px;\n  height: 14px;\n}\n\n.index-module--ODwh2 {\n  background-image: url("+b+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  width: 14px;\n  height: 14px;\n  animation: index-module--WuIpq 1s linear infinite;\n}\n\n@keyframes index-module--WuIpq {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.index-module--SrKTC {\n  position: absolute;\n  top: 6px;\n  right: 6px;\n  opacity: 0;\n  transition: opacity 0.3s ease;\n  pointer-events: none;\n}\n\n.index-module--o0WUD {\n  opacity: 1;\n  pointer-events: all;\n}\n\n.index-module--zdg_y {\n  background-image: url("+M+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  width: 20px;\n  height: 20px;\n  transition: background-image 0.3s ease;\n  position: absolute;\n  top: 10px;\n  left: 8px;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.3s ease;\n}\n\n.mobile .index-module--zdg_y {\n  top: 6px;\n  left: 6px;\n}\n\n.index-module--ev1YL {\n  opacity: 1;\n  pointer-events: all;\n}\n\n.index-module--EQkBw {\n  background-image: url("+y+");\n}\n",""]);var j="index-module--YYxGY",v="index-module--pGFXr",D="index-module--Q2qQ2",N="index-module--EeD99",C="index-module--klViv",L="index-module--YPxgt",w="index-module--cJ9FY",A="index-module--V4uIb",S="index-module--GEr2C",h="index-module--etA_S",z="index-module--kFWSa",k="index-module--C8mNa",f="index-module--CMDUp",T="index-module--n4Brz",Z="index-module--ODwh2",Y="index-module--SrKTC",G="index-module--o0WUD",E="index-module--zdg_y",P="index-module--ev1YL",W="index-module--EQkBw";const R=I},57984:(n,e,i)=>{i.d(e,{$g:()=>g.$g,LI:()=>g.LI,OL:()=>g.OL,QK:()=>g.QK,QM:()=>g.QM,Qo:()=>g.Qo,Sc:()=>g.Sc,TN:()=>g.TN,VC:()=>g.VC,V_:()=>g.V_,Ws:()=>g.Ws,XC:()=>g.XC,YS:()=>g.YS,f6:()=>g.f6,hj:()=>g.hj,k7:()=>g.k7,oP:()=>g.oP,ow:()=>g.ow,pA:()=>g.pA,re:()=>g.re});var o=i(93379),d=i.n(o),a=i(7795),t=i.n(a),r=i(90569),l=i.n(r),s=i(3565),c=i.n(s),u=i(19216),m=i.n(u),x=i(44589),I=i.n(x),g=i(95387),p={};p.styleTagTransform=I(),p.setAttributes=c(),p.insert=l().bind(null,"head"),p.domAPI=t(),p.insertStyleElement=m();d()(g.ZP,p),g.ZP&&g.ZP.locals&&g.ZP.locals},44246:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMjMgMTlDMjMgMTkuNTMwNCAyMi43ODkzIDIwLjAzOTEgMjIuNDE0MiAyMC40MTQyQzIyLjAzOTEgMjAuNzg5MyAyMS41MzA0IDIxIDIxIDIxSDNDMi40Njk1NyAyMSAxLjk2MDg2IDIwLjc4OTMgMS41ODU3OSAyMC40MTQyQzEuMjEwNzEgMjAuMDM5MSAxIDE5LjUzMDQgMSAxOVY4QzEgNy40Njk1NyAxLjIxMDcxIDYuOTYwODYgMS41ODU3OSA2LjU4NTc5QzEuOTYwODYgNi4yMTA3MSAyLjQ2OTU3IDYgMyA2SDdMOSAzSDE1TDE3IDZIMjFDMjEuNTMwNCA2IDIyLjAzOTEgNi4yMTA3MSAyMi40MTQyIDYuNTg1NzlDMjIuNzg5MyA2Ljk2MDg2IDIzIDcuNDY5NTcgMjMgOFYxOVoiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgogIDxjaXJjbGUgY3g9IjEyIiBjeT0iMTMiIHI9IjQiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjIiLz4KICA8Y2lyY2xlIGN4PSIxNy41IiBjeT0iOS41IiByPSIxLjUiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4="},41041:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS13YW5kLXNwYXJrbGVzIj48cGF0aCBkPSJtMjEuNjQgMy42NC0xLjI4LTEuMjhhMS4yMSAxLjIxIDAgMCAwLTEuNzIgMEwyLjM2IDE4LjY0YTEuMjEgMS4yMSAwIDAgMCAwIDEuNzJsMS4yOCAxLjI4YTEuMiAxLjIgMCAwIDAgMS43MiAwTDIxLjY0IDUuMzZhMS4yIDEuMiAwIDAgMCAwLTEuNzIiPjwvcGF0aD48cGF0aCBkPSJtMTQgNyAzIDMiPjwvcGF0aD48cGF0aCBkPSJNNSA2djQiPjwvcGF0aD48cGF0aCBkPSJNMTkgMTR2NCI+PC9wYXRoPjxwYXRoIGQ9Ik0xMCAydjIiPjwvcGF0aD48cGF0aCBkPSJNNyA4SDMiPjwvcGF0aD48cGF0aCBkPSJNMjEgMTZoLTQiPjwvcGF0aD48cGF0aCBkPSJNMTEgM0g5Ij48L3BhdGg+PC9zdmc+"},38457:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICA8cmVjdCB4PSIzIiB5PSIxMSIgd2lkdGg9IjE4IiBoZWlnaHQ9IjExIiByeD0iMiIgcnk9IjIiLz4KICA8cGF0aCBkPSJNNyAxMVY3YTUgNSAwIDAgMSAxMCAwdjQiLz4KPC9zdmc+"},70320:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1yZWZyZXNoLWN3IHctNCBoLTQiPjxwYXRoIGQ9Ik0zIDEyYTkgOSAwIDAgMSA5LTkgOS43NSA5Ljc1IDAgMCAxIDYuNzQgMi43NEwyMSA4Ij48L3BhdGg+PHBhdGggZD0iTTIxIDN2NWgtNSI+PC9wYXRoPjxwYXRoIGQ9Ik0yMSAxMmE5IDkgMCAwIDEtOSA5IDkuNzUgOS43NSAwIDAgMS02Ljc0LTIuNzRMMyAxNiI+PC9wYXRoPjxwYXRoIGQ9Ik04IDE2SDN2NSI+PC9wYXRoPjwvc3ZnPg=="},1683:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMjEgMTVWMTlDMjEgMTkuNTMwNCAyMC43ODkzIDIwLjAzOTEgMjAuNDE0MiAyMC40MTQyQzIwLjAzOTEgMjAuNzg5MyAxOS41MzA0IDIxIDE5IDIxSDVDNC40Njk1NyAyMSAzLjk2MDg2IDIwLjc4OTMgMy41ODU3OSAyMC40MTQyQzMuMjEwNzEgMjAuMDM5MSAzIDE5LjUzMDQgMyAxOVYxNSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CiAgPHBhdGggZD0iTTE3IDhMMTIgM0w3IDgiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgogIDxwYXRoIGQ9Ik0xMiAzVjE1IiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+"},23571:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiICBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA5IDgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxLjQxNDIxOyI+CjxwYXRoICBkPSJNNC4xMDQsNy4ybC0wLjM4NCwtMC4yNGMtMS4yOTYsLTAuNzY4IC0zLjcyLC0yLjIwOCAtMy43MiwtNC41NmMwLC0xLjMyIDEuMDgsLTIuNCAyLjQsLTIuNGMwLjY0OCwwIDEuMjcyLDAuMjY0IDEuNzA0LDAuNzJjMC40NTYsLTAuNDU2IDEuMDU2LC0wLjcyIDEuNzA0LC0wLjcyYzEuMzIsMCAyLjQsMS4wOCAyLjQsMi40YzAsMi4zNzYgLTIuNDI0LDMuNzkyIC0zLjcyLDQuNTZsLTAuMzg0LDAuMjRabS0xLjcwNCwtNi42NzJjLTEuMDMyLDAgLTEuODcyLDAuODQgLTEuODcyLDEuODcyYzAsMi4wNjQgMi4yNTYsMy4zODQgMy40NTYsNC4xMDRsMC4xMiwwLjA3MmwwLjEyLC0wLjA3MmMxLjIsLTAuNzIgMy40NTYsLTIuMDQgMy40NTYsLTQuMTA0YzAsLTEuMDMyIC0wLjg0LC0xLjg3MiAtMS44NzIsLTEuODcyYy0wLjU3NiwwIC0xLjE1MiwwLjI4OCAtMS40ODgsMC43NDRsLTAuMjE2LDAuMjg4bC0wLjIxNiwtMC4yODhjLTAuMzYsLTAuNDggLTAuOTEyLC0wLjc0NCAtMS40ODgsLTAuNzQ0WiIgc3R5bGU9ImZpbGw6I2ZmZjtmaWxsLXJ1bGU6bm9uemVybzsiLz4KPC9zdmc+"},35277:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA5IDgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxLjQxNDIxOyI+PHBhdGggZD0iTTQuMTA0LDcuMmMxLjIzMSwtMC43NTcgNC4xMDQsLTIuMjk2IDQuMTA0LC00Ljg3OGMwLC0xLjI3OSAtMS4wMjYsLTIuMzIyIC0yLjI4MywtMi4zMjJjLTAuNzQ0LDAgLTEuNDExLDAuMzY1IC0xLjgyMSwwLjkzOWMtMC40MSwtMC41NzQgLTEuMDc3LC0wLjkzOSAtMS44MjEsLTAuOTM5Yy0xLjI1NywwIC0yLjI4MywxLjA0MyAtMi4yODMsMi4zMjJjLTAuMDI1LDIuNTU2IDIuODQ3LDQuMDk1IDQuMTA0LDQuODc4WiIgc3R5bGU9ImZpbGw6I2ZmZgo7ZmlsbC1ydWxlOm5vbnplcm87Ii8+PC9zdmc+"}}]);

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

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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8701.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8701],{47077:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>l});var a=o(13125),n=o(43860),i=o(80248),r=o(63846),s=o(55919),c=o(88683),d=(0,c.getLogger)("Planner","Planner2DGrid"),l=function(){return(0,n.Z)((function Planner2DGrid(e,t,o,n,r,c){var l=this;(0,a.Z)(this,Planner2DGrid),(0,i.Z)(this,"autoDockingDistance",20),(0,i.Z)(this,"dimGroupWidthName","DimensionGroup_Width"),(0,i.Z)(this,"dimGroupHeightName","DimensionGroup_Height"),(0,i.Z)(this,"canvas",void 0),(0,i.Z)(this,"canvas2DGridID","wcConfigurator-grid-2D-canvas"),(0,i.Z)(this,"borderFactorHori",.7),(0,i.Z)(this,"borderFactorVert",.64),(0,i.Z)(this,"maxZoom",4),(0,i.Z)(this,"deltaRotDeg",void 0),(0,i.Z)(this,"inDragMode",!1),(0,i.Z)(this,"currZoomFactor",1),(0,i.Z)(this,"currCenteringOffset",new s.FM(0,0)),(0,i.Z)(this,"zoomFactorBBoxDimLastFrame",new s.FM(0,0)),(0,i.Z)(this,"plannerPaletteViewInfo",void 0),(0,i.Z)(this,"settingsState",void 0),(0,i.Z)(this,"getConfiguratorState",void 0),(0,i.Z)(this,"updatePlannerTrans",void 0),(0,i.Z)(this,"getPlannerElementById",void 0),(0,i.Z)(this,"getPlannerViewConfig",void 0),(0,i.Z)(this,"forceViewToEnterPlannerMode",void 0),(0,i.Z)(this,"onDragStarted",(function(e,t){l.inDragMode=!0,d.debug("On Drag Started"),["PLANNER","PRODUCTS","PROMOTED","ACC_PLANNER","PLANNER_2.0"].includes(l.getConfiguratorState())||l.forceViewToEnterPlannerMode(!0),l.getPlannerElementById(e,t)&&l.updatePlannerTrans(e,t,new s.P(0,0,0),0,0,"START",l.autoDockingDistance)})),(0,i.Z)(this,"onDragMove",(function(e,t,o){l.getPlannerElementById(e,t)&&l.updatePlannerTrans(e,t,new s.P(o.x/l.currZoomFactor,0,o.y/l.currZoomFactor),0,45,"UPDATE",l.autoDockingDistance)})),(0,i.Z)(this,"onDragEnd",(function(e,t){d.debug("On Drag END"),l.inDragMode=!1,l.updatePlannerTrans(e,t,new s.P(0,0,0),0,0,"END",l.autoDockingDistance)})),(0,i.Z)(this,"resetSelectedElementsOnEnterPlannerMode",(function(){return!1})),(0,i.Z)(this,"getContentAsJPG",(function(){if(l.canvas){var e=l.canvas.backgroundColor,t=l.canvas.width,o=l.canvas.height;l.canvas.backgroundColor="#fff";for(var a=l.canvas.getObjects(),n=void 0,i=void 0,r=0;r<a.length;r++){var s=a[r];if(s.name==l.dimGroupHeightName||s.name==l.dimGroupWidthName){s.dirty=!0;for(var c=0;c<s.getObjects().length;c++)if("text"==s.getObjects()[c].type){var g=s.getObjects()[c];s.name==l.dimGroupHeightName?i=g:s.name==l.dimGroupWidthName&&(n=g)}}}var h=0,u=0,f=0,v=30,D=13,m=!1;l.canvas.width&&l.canvas.width<500&&(v=17,D=7,m=!0),null!=n&&(h=n.fontSize,u=n.top,n.fontSize=v,n.dirty=!0,n.top=n.top+D),null!=i&&(f=i.fontSize,i.fontSize=v,i.dirty=!0),d.debug("This.canvas.width: "+l.canvas.width+"; this.canvas.height: "+l.canvas.height),l.canvas.width&&m&&l.canvas.setWidth(1.15*l.canvas.width),l.canvas.height&&m&&l.canvas.setHeight(1.15*l.canvas.height),l.canvas.renderAll();var P=l.canvas.toDataURL({format:"jpeg",quality:.8});return null!=n&&(n.fontSize=h,n.top=u,n.group.dirty=!0),null!=i&&(i.fontSize=f,i.group.dirty=!0),l.canvas.backgroundColor=e,t&&l.canvas.setWidth(t),o&&l.canvas.setHeight(o),l.canvas.renderAll(),P}return""})),this.getConfiguratorState=e,this.getPlannerElementById=t,this.getPlannerViewConfig=o,this.forceViewToEnterPlannerMode=n,this.updatePlannerTrans=void 0,this.deltaRotDeg=this.getPlannerViewConfig().deltaRotDeg2D,this.plannerPaletteViewInfo=r,this.settingsState=c}),[{key:"initialize",value:function initialize(e){this.updatePlannerTrans=e,this.canvas?this.canvas&&this.canvas.clear():this.canvas=new r.fabric.Canvas(this.canvas2DGridID)}},{key:"clearView",value:function clearView(){this.canvas&&this.canvas.clear()}},{key:"handleRotation",value:function handleRotation(e,t,o){switch(this.updatePlannerTrans(e,t,new s.P(0,0,0),0,this.deltaRotDeg,"START",0),o){case"CLOCKWISE":this.updatePlannerTrans(e,t,new s.P(0,0,0),this.deltaRotDeg,this.deltaRotDeg,"UPDATE",0);break;case"COUNTERCLOCKWISE":this.updatePlannerTrans(e,t,new s.P(0,0,0),-this.deltaRotDeg,this.deltaRotDeg,"UPDATE",0)}this.updatePlannerTrans(e,t,new s.P(0,0,0),0,this.deltaRotDeg,"END",10)}},{key:"updateUI",value:function updateUI(e,t,o,a,n){var i=this;this.inDragMode||(e.clear2D3DViewerUI(),d.debug("UpdateUI","Planner2DGrid"),t.forEach((function(t,r){for(var s=0;s<t.length;s++)if(t[s].getSVGShapeOLF2D()){var c=t[s],d=!1,l=n;if(o.has(r))for(var g=o.get(r),h=0;h<g.length;h++)if(c.getElementId()==g[h].getElementId()){d=!0;break}if(!d&&!l&&a.has(r)){var u=a.get(r);for(h=0;h<u.length;h++)if(c.getElementId()==u[h].getElementId()){l=!0;break}}i.addPosNrUI(e,c,d,l),i.addDPUI(e,c),d?(["PLANNER","PRODUCTS","PROMOTED","PLANNER_2.0"].includes(i.getConfiguratorState())&&(i.addDelIcon(e,c),i.addRotIcon(e,c)),i.addElemOutline(e,c,!0,!1)):l&&i.addElemOutline(e,c,!1,!0),"ACC_PLANNER"==i.getConfiguratorState()&&(c.getIsDockedAccessoire()||c.getIsNotDockedAccessoire())&&i.addDelIcon(e,c)}})))}},{key:"getWorldCorner",value:function getWorldCorner(e,t){return t&&e.HasOLFPolygon?e.WorldPosCornerIgnoreOLF:!t&&e.HasOLFPolygon?e.getWorldPosCornerOLF():e.getWorldPosCorner()}},{key:"addElemOutline",value:function addElemOutline(e,t,o,a){if(!t.getIsDockedAccessoire()||"ACC_PLANNER"===this.getConfiguratorState()){var n=this.getWorldCorner(t,!0),i=t.getWidth(),r=t.getDepth(),c=this.worldPosToScreenPos(new s.FM(n.x,n.z));e.addElemOutlineUI(t.getSetId(),t.getElementId(),t.getRotDeg(),c,new s.FM(Math.round(i*this.currZoomFactor),Math.round(r*this.currZoomFactor)),this.getIconState(o,a),this.onDragStarted,this.onDragMove,this.onDragEnd,"2D")}}},{key:"getIconState",value:function getIconState(e,t){return e?"selected":t?"selectable":"unselectable"}},{key:"addPosNrUI",value:function addPosNrUI(e,t,o,a){var n;if(!t.getIsDockedAccessoire()||"ACC_PLANNER"===this.getConfiguratorState()){var i=this.getPlannerViewConfig(),r=new s.FM(0,0,"pixel");if("TOP_LEFT_BACK"==i.posNumIcon){var c=this.getWorldCorner(t,!1);r=this.worldPosToScreenPos(new s.FM(c.x,c.z))}e.addPosNrUI(t.getSetId(),t.getElementId(),t.getIsDockedAccessoire(),r,t.getRotDeg(),this.currZoomFactor,null===(n=e.getPosNrByBasketId(t.getBasketId()))||void 0===n?void 0:n.toString(),this.getIconState(o,a),"2D")}}},{key:"addDelIcon",value:function addDelIcon(e,t){if(!t.getIsDockedAccessoire()||"ACC_PLANNER"==this.getConfiguratorState()){var o=new s.FM(0,0),a=this.getWorldCorner(t,!1),n=this.worldPosToScreenPos(new s.FM(a.x,a.z));switch(this.getPlannerViewConfig().posTrashRotIcon){case"POSNUM_TOP":o=n;break;case"TOP_RIGHT_BACK":var i=new s.FM(t.getWidth()*this.currZoomFactor,0);i=s.FM.rotateOrigin(i,t.getRotDeg()),o=new s.FM(n.x+i.x,n.y+i.y)}e.addTrashIconUI(t.getSetId(),t.getElementId(),t.getRotDeg(),o,"2D")}}},{key:"addRotIcon",value:function addRotIcon(e,t){t.getIsDockedAccessoire()&&!t.getIsNotDockedAccessoire()||(e.addRotationIconUI(t.getSetId(),t.getElementId(),t.getRotDeg(),"RotateC",new s.FM(0,0),"2D"),e.addRotationIconUI(t.getSetId(),t.getElementId(),t.getRotDeg(),"RotateCC",new s.FM(0,0),"2D"))}},{key:"addDPUI",value:function addDPUI(e,t){for(var o=t.getAllDockingPoints(),a=0;a<o.length;a++){var n,i=o[a];if(null===(n=this.plannerPaletteViewInfo)||void 0===n||null===(n=n.plannerConfiguration.hideAVButtons)||void 0===n||!n.includes(i.Type))if(i.IsDocking||"AVR"!=i.Type&&"AVL"!=i.Type){if(!("AVO"!=i.Type&&"AVU"!=i.Type&&"AVC"!=i.Type&&"AVN"!=i.Type&&"AVS"!=i.Type||i.IsDocking&&t.getIsDockedAccessoire())){if(!["PLANNER","PRODUCTS","PROMOTED","PLANNER_2.0"].includes(this.getConfiguratorState()))continue;var r=this.getWorldCorner(t,!1),c=this.worldPosToScreenPos(new s.FM(r.x+i.LocalWorldPos.x,r.z+i.LocalWorldPos.z)),d=this.worldPosToScreenPos(new s.FM(r.x,r.z));c=s.FM.rotateAround(c,d,t.getRotDeg()),e.addDP(t.getSetId(),t.getElementId(),i.DpId,"ACC",i.IsDocking?"DOCKING":"NOT_DOCKING",i.OnElementId,t.getRotDeg(),i.RotDeg,c,"2D")}}else{var l=this.getWorldCorner(t,!1),g=this.worldPosToScreenPos(new s.FM(l.x+i.LocalWorldPos.x,l.z+i.LocalWorldPos.z)),h=this.worldPosToScreenPos(new s.FM(l.x,l.z));g=s.FM.rotateAround(g,h,t.getRotDeg()),e.addDP(t.getSetId(),t.getElementId(),i.DpId,i.Type,"NOT_DOCKING",void 0,t.getRotDeg(),i.RotDeg,g,"2D")}}}},{key:"calcZoomFactor",value:function calcZoomFactor(e){var t=1,o=e.size.x/e.size.z,a=this.canvas.getHeight()-62;o>=this.canvas.getWidth()/a?(t=this.canvas.getWidth()*this.borderFactorHori/e.size.x,d.debug("ATTENTION: "+(a-e.size.z*c.DivaUtils.UnitRecalc/t))):t=a*this.borderFactorVert/e.size.z,(Math.abs(e.size.x-this.zoomFactorBBoxDimLastFrame.x)<.01&&Math.abs(e.size.z-this.zoomFactorBBoxDimLastFrame.y)<.01||Math.abs(e.size.z-this.zoomFactorBBoxDimLastFrame.y)>30||Math.abs(e.size.x-this.zoomFactorBBoxDimLastFrame.x)>30)&&(this.currZoomFactor=t),this.zoomFactorBBoxDimLastFrame=new s.FM(e.size.x,e.size.z)}},{key:"correctBackgroundPos",value:function correctBackgroundPos(e){e.update2DGridBackground({zoom:this.currZoomFactor,position:new s.FM(this.currCenteringOffset.x/this.currZoomFactor,this.currCenteringOffset.y/this.currZoomFactor)})}},{key:"worldPosToScreenPos",value:function worldPosToScreenPos(e){var t=new s.FM(e.x*this.currZoomFactor,e.y*this.currZoomFactor);return t.x+=this.currCenteringOffset.x,t.y+=this.currCenteringOffset.y,t}},{key:"drawDimensions",value:function drawDimensions(e,t){if(0!=t.size.x&&0!=t.size.z){var o=10,a=null,n=null,i=null,s=e.width*this.currZoomFactor,c=e.height*this.currZoomFactor,d=0,l=0;0==t.digitsAfterComma||null==t.digitsAfterComma?(d=Math.round(t.size.x),l=Math.round(t.size.z)):1==t.digitsAfterComma?(d=Math.round(10*t.size.x)/10,l=Math.round(10*t.size.z)/10):2==t.digitsAfterComma?(d=Math.round(100*t.size.x)/100,l=Math.round(100*t.size.z)/100):3==t.digitsAfterComma?(d=Math.round(1e3*t.size.x)/1e3,l=Math.round(1e3*t.size.z)/1e3):4==t.digitsAfterComma&&(d=Math.round(1e4*t.size.x)/1e4,l=Math.round(1e4*t.size.z)/1e4);var g={originX:"center",originY:"center",stroke:"grey",strokeWidth:1};a=new r.fabric.Group([],{name:this.dimGroupHeightName,originX:"left",originY:"top",width:100,angle:0,left:e.left-50,top:e.top,height:c,hasControls:!1,hasBorders:!1,selectable:!1,lockRotation:!0,lockMovementX:!0,lockMovementY:!0,lockUniScaling:!0,lockScalingX:!0,lockScalingY:!0,hoverCursor:"default"}),n=new r.fabric.Line([-25,-c/2,-25,c/2],g),a.add(n),n=new r.fabric.Line([-25,-c/2,-20,-c/2+o],g),a.add(n),n=new r.fabric.Line([-25,-c/2,-30,-c/2+o],g),a.add(n),n=new r.fabric.Line([-25,c/2,-20,c/2-o],g),a.add(n),n=new r.fabric.Line([-25,c/2,-30,c/2-o],g),a.add(n),i=new r.fabric.Text(l+" cm",{stroke:"grey",angle:-90,fontSize:19,fontFamily:"sans-serif",left:-28,top:0,originX:"center",originY:"bottom"}),a.add(i),this.canvas.add(a),a.bringToFront(),a=new r.fabric.Group([],{name:this.dimGroupWidthName,originX:"left",originY:"top",angle:0,left:e.left,top:e.top+c,width:s,height:100,hasControls:!1,hasBorders:!1,selectable:!1,lockRotation:!0,lockMovementX:!0,lockMovementY:!0,lockUniScaling:!0,lockScalingX:!0,lockScalingY:!0,hoverCursor:"default"}),n=new r.fabric.Line([-s/2,-25,s/2,-25],g),a.add(n),n=new r.fabric.Line([-s/2,-25,-s/2+o,-20],g),a.add(n),n=new r.fabric.Line([-s/2,-25,-s/2+o,-30],g),a.add(n),n=new r.fabric.Line([s/2,-25,s/2-o,-20],g),a.add(n),n=new r.fabric.Line([s/2,-25,s/2-o,-30],g),a.add(n),i=new r.fabric.Text(d+" cm",{stroke:"grey",fontSize:19,fontFamily:"sans-serif",left:0,top:-1,originX:"center",originY:"bottom"}),a.add(i),this.canvas.add(a),a.bringToFront()}}},{key:"updatePlannerView",value:function updatePlannerView(e,t,o){var a=this;d.debug("UpdatePlanner2DGrid","Planner2DGrid"),this.clearView();var n=e.getCanvas2DGridSize();if(this.canvas.getWidth()!=n.x&&this.canvas.setWidth(n.x),this.canvas.getHeight()!=n.y&&this.canvas.setHeight(n.y),0!=t.size){var i=[];t.forEach((function(e,t){for(var n=0;n<e.length;n++)if(e[n].getSVGShapeOLF2D()){var r=e[n].getSVGShapeOLF2D();r.scaleX=1/c.DivaUtils.UnitRecalc,r.scaleY=1/c.DivaUtils.UnitRecalc;var s=a.getWorldCorner(e[n],!1);r.left=s.x-o.worldPos.x,r.top=s.z-o.worldPos.y,r.angle=e[n].getRotDeg(),i.push(r)}})),this.calcZoomFactor(o),this.currZoomFactor>this.maxZoom&&(this.currZoomFactor=this.maxZoom);var l=new s.FM(o.worldPos.x*this.currZoomFactor,o.worldPos.y*this.currZoomFactor),g=new r.fabric.Group(i,{originX:"left",originY:"top",left:l.x,top:l.y,opacity:1,scaleX:this.currZoomFactor,scaleY:this.currZoomFactor,hasControls:!1,selectable:!1,hoverCursor:"default"}),h=this.canvas.getWidth()/2-(g.left+g.width*this.currZoomFactor/2),u=this.canvas.getHeight()/2-(g.top+g.height*this.currZoomFactor/2);this.currCenteringOffset=new s.FM(h,u),g.left+=h,g.top+=u,this.canvas.add(g),g.bringToFront(),this.correctBackgroundPos(e),this.drawDimensions(g,o),this.canvas.renderAll()}}}])}()},95126:()=>{},95678:()=>{},18265:()=>{}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8701],{47077:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>l});var a=o(13125),n=o(43860),i=o(80248),r=o(63846),s=o(49665),c=o(88683),d=(0,c.getLogger)("Planner","Planner2DGrid"),l=function(){return(0,n.Z)((function Planner2DGrid(e,t,o,n,r,c){var l=this;(0,a.Z)(this,Planner2DGrid),(0,i.Z)(this,"autoDockingDistance",20),(0,i.Z)(this,"dimGroupWidthName","DimensionGroup_Width"),(0,i.Z)(this,"dimGroupHeightName","DimensionGroup_Height"),(0,i.Z)(this,"canvas",void 0),(0,i.Z)(this,"canvas2DGridID","wcConfigurator-grid-2D-canvas"),(0,i.Z)(this,"borderFactorHori",.7),(0,i.Z)(this,"borderFactorVert",.64),(0,i.Z)(this,"maxZoom",4),(0,i.Z)(this,"deltaRotDeg",void 0),(0,i.Z)(this,"inDragMode",!1),(0,i.Z)(this,"currZoomFactor",1),(0,i.Z)(this,"currCenteringOffset",new s.FM(0,0)),(0,i.Z)(this,"zoomFactorBBoxDimLastFrame",new s.FM(0,0)),(0,i.Z)(this,"plannerPaletteViewInfo",void 0),(0,i.Z)(this,"settingsState",void 0),(0,i.Z)(this,"getConfiguratorState",void 0),(0,i.Z)(this,"updatePlannerTrans",void 0),(0,i.Z)(this,"getPlannerElementById",void 0),(0,i.Z)(this,"getPlannerViewConfig",void 0),(0,i.Z)(this,"forceViewToEnterPlannerMode",void 0),(0,i.Z)(this,"onDragStarted",(function(e,t){l.inDragMode=!0,d.debug("On Drag Started"),["PLANNER","PRODUCTS","PROMOTED","ACC_PLANNER","PLANNER_2.0"].includes(l.getConfiguratorState())||l.forceViewToEnterPlannerMode(!0),l.getPlannerElementById(e,t)&&l.updatePlannerTrans(e,t,new s.P(0,0,0),0,0,"START",l.autoDockingDistance)})),(0,i.Z)(this,"onDragMove",(function(e,t,o){l.getPlannerElementById(e,t)&&l.updatePlannerTrans(e,t,new s.P(o.x/l.currZoomFactor,0,o.y/l.currZoomFactor),0,45,"UPDATE",l.autoDockingDistance)})),(0,i.Z)(this,"onDragEnd",(function(e,t){d.debug("On Drag END"),l.inDragMode=!1,l.updatePlannerTrans(e,t,new s.P(0,0,0),0,0,"END",l.autoDockingDistance)})),(0,i.Z)(this,"resetSelectedElementsOnEnterPlannerMode",(function(){return!1})),(0,i.Z)(this,"getContentAsJPG",(function(){if(l.canvas){var e=l.canvas.backgroundColor,t=l.canvas.width,o=l.canvas.height;l.canvas.backgroundColor="#fff";for(var a=l.canvas.getObjects(),n=void 0,i=void 0,r=0;r<a.length;r++){var s=a[r];if(s.name==l.dimGroupHeightName||s.name==l.dimGroupWidthName){s.dirty=!0;for(var c=0;c<s.getObjects().length;c++)if("text"==s.getObjects()[c].type){var g=s.getObjects()[c];s.name==l.dimGroupHeightName?i=g:s.name==l.dimGroupWidthName&&(n=g)}}}var h=0,u=0,f=0,v=30,D=13,m=!1;l.canvas.width&&l.canvas.width<500&&(v=17,D=7,m=!0),null!=n&&(h=n.fontSize,u=n.top,n.fontSize=v,n.dirty=!0,n.top=n.top+D),null!=i&&(f=i.fontSize,i.fontSize=v,i.dirty=!0),d.debug("This.canvas.width: "+l.canvas.width+"; this.canvas.height: "+l.canvas.height),l.canvas.width&&m&&l.canvas.setWidth(1.15*l.canvas.width),l.canvas.height&&m&&l.canvas.setHeight(1.15*l.canvas.height),l.canvas.renderAll();var P=l.canvas.toDataURL({format:"jpeg",quality:.8});return null!=n&&(n.fontSize=h,n.top=u,n.group.dirty=!0),null!=i&&(i.fontSize=f,i.group.dirty=!0),l.canvas.backgroundColor=e,t&&l.canvas.setWidth(t),o&&l.canvas.setHeight(o),l.canvas.renderAll(),P}return""})),this.getConfiguratorState=e,this.getPlannerElementById=t,this.getPlannerViewConfig=o,this.forceViewToEnterPlannerMode=n,this.updatePlannerTrans=void 0,this.deltaRotDeg=this.getPlannerViewConfig().deltaRotDeg2D,this.plannerPaletteViewInfo=r,this.settingsState=c}),[{key:"initialize",value:function initialize(e){this.updatePlannerTrans=e,this.canvas?this.canvas&&this.canvas.clear():this.canvas=new r.fabric.Canvas(this.canvas2DGridID)}},{key:"clearView",value:function clearView(){this.canvas&&this.canvas.clear()}},{key:"handleRotation",value:function handleRotation(e,t,o){switch(this.updatePlannerTrans(e,t,new s.P(0,0,0),0,this.deltaRotDeg,"START",0),o){case"CLOCKWISE":this.updatePlannerTrans(e,t,new s.P(0,0,0),this.deltaRotDeg,this.deltaRotDeg,"UPDATE",0);break;case"COUNTERCLOCKWISE":this.updatePlannerTrans(e,t,new s.P(0,0,0),-this.deltaRotDeg,this.deltaRotDeg,"UPDATE",0)}this.updatePlannerTrans(e,t,new s.P(0,0,0),0,this.deltaRotDeg,"END",10)}},{key:"updateUI",value:function updateUI(e,t,o,a,n){var i=this;this.inDragMode||(e.clear2D3DViewerUI(),d.debug("UpdateUI","Planner2DGrid"),t.forEach((function(t,r){for(var s=0;s<t.length;s++)if(t[s].getSVGShapeOLF2D()){var c=t[s],d=!1,l=n;if(o.has(r))for(var g=o.get(r),h=0;h<g.length;h++)if(c.getElementId()==g[h].getElementId()){d=!0;break}if(!d&&!l&&a.has(r)){var u=a.get(r);for(h=0;h<u.length;h++)if(c.getElementId()==u[h].getElementId()){l=!0;break}}i.addPosNrUI(e,c,d,l),i.addDPUI(e,c),d?(["PLANNER","PRODUCTS","PROMOTED","PLANNER_2.0"].includes(i.getConfiguratorState())&&(i.addDelIcon(e,c),i.addRotIcon(e,c)),i.addElemOutline(e,c,!0,!1)):l&&i.addElemOutline(e,c,!1,!0),"ACC_PLANNER"==i.getConfiguratorState()&&(c.getIsDockedAccessoire()||c.getIsNotDockedAccessoire())&&i.addDelIcon(e,c)}})))}},{key:"getWorldCorner",value:function getWorldCorner(e,t){return t&&e.HasOLFPolygon?e.WorldPosCornerIgnoreOLF:!t&&e.HasOLFPolygon?e.getWorldPosCornerOLF():e.getWorldPosCorner()}},{key:"addElemOutline",value:function addElemOutline(e,t,o,a){if(!t.getIsDockedAccessoire()||"ACC_PLANNER"===this.getConfiguratorState()){var n=this.getWorldCorner(t,!0),i=t.getWidth(),r=t.getDepth(),c=this.worldPosToScreenPos(new s.FM(n.x,n.z));e.addElemOutlineUI(t.getSetId(),t.getElementId(),t.getRotDeg(),c,new s.FM(Math.round(i*this.currZoomFactor),Math.round(r*this.currZoomFactor)),this.getIconState(o,a),this.onDragStarted,this.onDragMove,this.onDragEnd,"2D")}}},{key:"getIconState",value:function getIconState(e,t){return e?"selected":t?"selectable":"unselectable"}},{key:"addPosNrUI",value:function addPosNrUI(e,t,o,a){var n;if(!t.getIsDockedAccessoire()||"ACC_PLANNER"===this.getConfiguratorState()){var i=this.getPlannerViewConfig(),r=new s.FM(0,0,"pixel");if("TOP_LEFT_BACK"==i.posNumIcon){var c=this.getWorldCorner(t,!1);r=this.worldPosToScreenPos(new s.FM(c.x,c.z))}e.addPosNrUI(t.getSetId(),t.getElementId(),t.getIsDockedAccessoire(),r,t.getRotDeg(),this.currZoomFactor,null===(n=e.getPosNrByBasketId(t.getBasketId()))||void 0===n?void 0:n.toString(),this.getIconState(o,a),"2D")}}},{key:"addDelIcon",value:function addDelIcon(e,t){if(!t.getIsDockedAccessoire()||"ACC_PLANNER"==this.getConfiguratorState()){var o=new s.FM(0,0),a=this.getWorldCorner(t,!1),n=this.worldPosToScreenPos(new s.FM(a.x,a.z));switch(this.getPlannerViewConfig().posTrashRotIcon){case"POSNUM_TOP":o=n;break;case"TOP_RIGHT_BACK":var i=new s.FM(t.getWidth()*this.currZoomFactor,0);i=s.FM.rotateOrigin(i,t.getRotDeg()),o=new s.FM(n.x+i.x,n.y+i.y)}e.addTrashIconUI(t.getSetId(),t.getElementId(),t.getRotDeg(),o,"2D")}}},{key:"addRotIcon",value:function addRotIcon(e,t){t.getIsDockedAccessoire()&&!t.getIsNotDockedAccessoire()||(e.addRotationIconUI(t.getSetId(),t.getElementId(),t.getRotDeg(),"RotateC",new s.FM(0,0),"2D"),e.addRotationIconUI(t.getSetId(),t.getElementId(),t.getRotDeg(),"RotateCC",new s.FM(0,0),"2D"))}},{key:"addDPUI",value:function addDPUI(e,t){for(var o=t.getAllDockingPoints(),a=0;a<o.length;a++){var n,i=o[a];if(null===(n=this.plannerPaletteViewInfo)||void 0===n||null===(n=n.plannerConfiguration.hideAVButtons)||void 0===n||!n.includes(i.Type))if(i.IsDocking||"AVR"!=i.Type&&"AVL"!=i.Type){if(!("AVO"!=i.Type&&"AVU"!=i.Type&&"AVC"!=i.Type&&"AVN"!=i.Type&&"AVS"!=i.Type||i.IsDocking&&t.getIsDockedAccessoire())){if(!["PLANNER","PRODUCTS","PROMOTED","PLANNER_2.0"].includes(this.getConfiguratorState()))continue;var r=this.getWorldCorner(t,!1),c=this.worldPosToScreenPos(new s.FM(r.x+i.LocalWorldPos.x,r.z+i.LocalWorldPos.z)),d=this.worldPosToScreenPos(new s.FM(r.x,r.z));c=s.FM.rotateAround(c,d,t.getRotDeg()),e.addDP(t.getSetId(),t.getElementId(),i.DpId,"ACC",i.IsDocking?"DOCKING":"NOT_DOCKING",i.OnElementId,t.getRotDeg(),i.RotDeg,c,"2D")}}else{var l=this.getWorldCorner(t,!1),g=this.worldPosToScreenPos(new s.FM(l.x+i.LocalWorldPos.x,l.z+i.LocalWorldPos.z)),h=this.worldPosToScreenPos(new s.FM(l.x,l.z));g=s.FM.rotateAround(g,h,t.getRotDeg()),e.addDP(t.getSetId(),t.getElementId(),i.DpId,i.Type,"NOT_DOCKING",void 0,t.getRotDeg(),i.RotDeg,g,"2D")}}}},{key:"calcZoomFactor",value:function calcZoomFactor(e){var t=1,o=e.size.x/e.size.z,a=this.canvas.getHeight()-62;o>=this.canvas.getWidth()/a?(t=this.canvas.getWidth()*this.borderFactorHori/e.size.x,d.debug("ATTENTION: "+(a-e.size.z*c.DivaUtils.UnitRecalc/t))):t=a*this.borderFactorVert/e.size.z,(Math.abs(e.size.x-this.zoomFactorBBoxDimLastFrame.x)<.01&&Math.abs(e.size.z-this.zoomFactorBBoxDimLastFrame.y)<.01||Math.abs(e.size.z-this.zoomFactorBBoxDimLastFrame.y)>30||Math.abs(e.size.x-this.zoomFactorBBoxDimLastFrame.x)>30)&&(this.currZoomFactor=t),this.zoomFactorBBoxDimLastFrame=new s.FM(e.size.x,e.size.z)}},{key:"correctBackgroundPos",value:function correctBackgroundPos(e){e.update2DGridBackground({zoom:this.currZoomFactor,position:new s.FM(this.currCenteringOffset.x/this.currZoomFactor,this.currCenteringOffset.y/this.currZoomFactor)})}},{key:"worldPosToScreenPos",value:function worldPosToScreenPos(e){var t=new s.FM(e.x*this.currZoomFactor,e.y*this.currZoomFactor);return t.x+=this.currCenteringOffset.x,t.y+=this.currCenteringOffset.y,t}},{key:"drawDimensions",value:function drawDimensions(e,t){if(0!=t.size.x&&0!=t.size.z){var o=10,a=null,n=null,i=null,s=e.width*this.currZoomFactor,c=e.height*this.currZoomFactor,d=0,l=0;0==t.digitsAfterComma||null==t.digitsAfterComma?(d=Math.round(t.size.x),l=Math.round(t.size.z)):1==t.digitsAfterComma?(d=Math.round(10*t.size.x)/10,l=Math.round(10*t.size.z)/10):2==t.digitsAfterComma?(d=Math.round(100*t.size.x)/100,l=Math.round(100*t.size.z)/100):3==t.digitsAfterComma?(d=Math.round(1e3*t.size.x)/1e3,l=Math.round(1e3*t.size.z)/1e3):4==t.digitsAfterComma&&(d=Math.round(1e4*t.size.x)/1e4,l=Math.round(1e4*t.size.z)/1e4);var g={originX:"center",originY:"center",stroke:"grey",strokeWidth:1};a=new r.fabric.Group([],{name:this.dimGroupHeightName,originX:"left",originY:"top",width:100,angle:0,left:e.left-50,top:e.top,height:c,hasControls:!1,hasBorders:!1,selectable:!1,lockRotation:!0,lockMovementX:!0,lockMovementY:!0,lockUniScaling:!0,lockScalingX:!0,lockScalingY:!0,hoverCursor:"default"}),n=new r.fabric.Line([-25,-c/2,-25,c/2],g),a.add(n),n=new r.fabric.Line([-25,-c/2,-20,-c/2+o],g),a.add(n),n=new r.fabric.Line([-25,-c/2,-30,-c/2+o],g),a.add(n),n=new r.fabric.Line([-25,c/2,-20,c/2-o],g),a.add(n),n=new r.fabric.Line([-25,c/2,-30,c/2-o],g),a.add(n),i=new r.fabric.Text(l+" cm",{stroke:"grey",angle:-90,fontSize:19,fontFamily:"sans-serif",left:-28,top:0,originX:"center",originY:"bottom"}),a.add(i),this.canvas.add(a),a.bringToFront(),a=new r.fabric.Group([],{name:this.dimGroupWidthName,originX:"left",originY:"top",angle:0,left:e.left,top:e.top+c,width:s,height:100,hasControls:!1,hasBorders:!1,selectable:!1,lockRotation:!0,lockMovementX:!0,lockMovementY:!0,lockUniScaling:!0,lockScalingX:!0,lockScalingY:!0,hoverCursor:"default"}),n=new r.fabric.Line([-s/2,-25,s/2,-25],g),a.add(n),n=new r.fabric.Line([-s/2,-25,-s/2+o,-20],g),a.add(n),n=new r.fabric.Line([-s/2,-25,-s/2+o,-30],g),a.add(n),n=new r.fabric.Line([s/2,-25,s/2-o,-20],g),a.add(n),n=new r.fabric.Line([s/2,-25,s/2-o,-30],g),a.add(n),i=new r.fabric.Text(d+" cm",{stroke:"grey",fontSize:19,fontFamily:"sans-serif",left:0,top:-1,originX:"center",originY:"bottom"}),a.add(i),this.canvas.add(a),a.bringToFront()}}},{key:"updatePlannerView",value:function updatePlannerView(e,t,o){var a=this;d.debug("UpdatePlanner2DGrid","Planner2DGrid"),this.clearView();var n=e.getCanvas2DGridSize();if(this.canvas.getWidth()!=n.x&&this.canvas.setWidth(n.x),this.canvas.getHeight()!=n.y&&this.canvas.setHeight(n.y),0!=t.size){var i=[];t.forEach((function(e,t){for(var n=0;n<e.length;n++)if(e[n].getSVGShapeOLF2D()){var r=e[n].getSVGShapeOLF2D();r.scaleX=1/c.DivaUtils.UnitRecalc,r.scaleY=1/c.DivaUtils.UnitRecalc;var s=a.getWorldCorner(e[n],!1);r.left=s.x-o.worldPos.x,r.top=s.z-o.worldPos.y,r.angle=e[n].getRotDeg(),i.push(r)}})),this.calcZoomFactor(o),this.currZoomFactor>this.maxZoom&&(this.currZoomFactor=this.maxZoom);var l=new s.FM(o.worldPos.x*this.currZoomFactor,o.worldPos.y*this.currZoomFactor),g=new r.fabric.Group(i,{originX:"left",originY:"top",left:l.x,top:l.y,opacity:1,scaleX:this.currZoomFactor,scaleY:this.currZoomFactor,hasControls:!1,selectable:!1,hoverCursor:"default"}),h=this.canvas.getWidth()/2-(g.left+g.width*this.currZoomFactor/2),u=this.canvas.getHeight()/2-(g.top+g.height*this.currZoomFactor/2);this.currCenteringOffset=new s.FM(h,u),g.left+=h,g.top+=u,this.canvas.add(g),g.bringToFront(),this.correctBackgroundPos(e),this.drawDimensions(g,o),this.canvas.renderAll()}}}])}()},95126:()=>{},95678:()=>{},18265:()=>{}}]);

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

@@ -0,0 +1,2 @@
+/*! For license information please see 8713.diva-web-planner-react.umd.min.js.LICENSE.txt */
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8713,4348,4788,6937],{58713:(M,n,e)=>{e.r(n),e.d(n,{default:()=>S});var i=e(34988),D=e(48984),g=e(87363),t=e(9420),I=e(93379),A=e.n(I),o=e(7795),x=e.n(o),d=e(90569),u=e.n(d),r=e(3565),l=e.n(r),j=e(19216),N=e.n(j),s=e(44589),a=e.n(s),z=e(67279),c={};c.styleTagTransform=a(),c.setAttributes=l(),c.insert=u().bind(null,"head"),c.domAPI=x(),c.insertStyleElement=N();A()(z.ZP,c);z.ZP&&z.ZP.locals&&z.ZP.locals;var w=e(65515),T=e.n(w),E=e(26937),y=e(47514);const S=(0,t.Pi)((function ProductSettings(M){var n=(0,D.NP)(),e=(0,g.useState)(n.getIsInMobileView()),t=(0,i.Z)(e,2),I=t[0],A=t[1];return n.uiState.ItemsPaletteInProductVisible?(0,y.jsxs)("div",{className:T()(z.oE,I?z.QW:void 0),children:[(0,y.jsx)("div",{className:T()(z.LI),onClick:function onClick(){return A(!I)}}),(0,y.jsx)("div",{className:T()(z.jR,I?z.pB:void 0),children:(0,y.jsx)(E.default,{itemPalettesArr:n.settingsState.itemPaletteInProduct.map((function(M){return M.palette}))})})]}):(0,y.jsx)(y.Fragment,{})}))},14348:(M,n,e)=>{e.r(n),e.d(n,{default:()=>c});e(87363);var i=e(9420),D=e(93379),g=e.n(D),t=e(7795),I=e.n(t),A=e(90569),o=e.n(A),x=e(3565),d=e.n(x),u=e(19216),r=e.n(u),l=e(44589),j=e.n(l),N=e(91605),s={};s.styleTagTransform=j(),s.setAttributes=d(),s.insert=o().bind(null,"head"),s.domAPI=I(),s.insertStyleElement=r();g()(N.ZP,s);N.ZP&&N.ZP.locals&&N.ZP.locals;var a=e(48984),z=e(47514);const c=(0,i.Pi)((function ContentItemTeaser(M){var n=M.item,e=(0,a.NP)();return(0,z.jsxs)("div",{className:N.bz,children:[n.emoji&&(0,z.jsx)("div",{className:N.rP,children:n.emoji}),(0,z.jsx)("div",{className:N.TN,children:n.title}),(0,z.jsx)("div",{className:N.WL,children:n.description}),(0,z.jsxs)("button",{className:N.LI,onClick:function onClick(){return e.settingsState.onClickContentItemId(n.id)},children:[(0,z.jsx)("span",{className:N.q5,children:n.buttonText}),(0,z.jsx)("div",{className:N.x7,children:(0,z.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,z.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},34788:(M,n,e)=>{e.r(n),e.d(n,{default:()=>w});e(87363);var i=e(2829),D=e(48984),g=e(93379),t=e.n(g),I=e(7795),A=e.n(I),o=e(90569),x=e.n(o),d=e(3565),u=e.n(d),r=e(19216),l=e.n(r),j=e(44589),N=e.n(j),s=e(9668),a={};a.styleTagTransform=N(),a.setAttributes=u(),a.insert=x().bind(null,"head"),a.domAPI=A(),a.insertStyleElement=l();t()(s.ZP,a);s.ZP&&s.ZP.locals&&s.ZP.locals;var z=e(14348),c=e(47514);const w=function SettingsItemsGroup(M){var n=M.group;(0,D.NP)();return(0,c.jsxs)("div",{className:s.YS,children:[(0,c.jsx)("div",{className:s.t$,children:n.left.map((function(M){var e,D,g,t=n.palettes.find((function(n){return n.id===M}));return(0,c.jsxs)(c.Fragment,{children:["TOP"===(null===(e=t.contentItemTeaser)||void 0===e?void 0:e.position)?(0,c.jsx)(z.default,{item:t.contentItemTeaser}):(0,c.jsx)(c.Fragment,{}),(0,c.jsx)(i.default,{item:t,id:Number(t.id)},null!==(D=t.optionCodex)&&void 0!==D?D:t.configStepKey+t.id),"BOTTOM"===(null===(g=t.contentItemTeaser)||void 0===g?void 0:g.position)?(0,c.jsx)(z.default,{item:t.contentItemTeaser}):(0,c.jsx)(c.Fragment,{})]})}))}),(0,c.jsx)("div",{className:s.eX}),(0,c.jsx)("div",{className:s.F2,children:n.right.map((function(M){var e,D,g,t=n.palettes.find((function(n){return n.id===M}));return(0,c.jsxs)(c.Fragment,{children:["TOP"===(null===(e=t.contentItemTeaser)||void 0===e?void 0:e.position)?(0,c.jsx)(z.default,{item:t.contentItemTeaser}):(0,c.jsx)(c.Fragment,{}),(0,c.jsx)(i.default,{item:t,id:Number(t.id)},null!==(D=t.optionCodex)&&void 0!==D?D:t.configStepKey+t.id),"BOTTOM"===(null===(g=t.contentItemTeaser)||void 0===g?void 0:g.position)?(0,c.jsx)(z.default,{item:t.contentItemTeaser}):(0,c.jsx)(c.Fragment,{})]})}))})]})}},26937:(M,n,e)=>{e.r(n),e.d(n,{default:()=>d});var i=e(34988),D=e(87363),g=e(9420),t=e(2829),I=e(48984),A=e(34788),o=e(14348),x=e(47514);const d=(0,g.Pi)((function SettingsItemsWrapper(M){var n=M.itemPalettesArr,e=M.zIndexBase,g=(0,I.NP)(),d=(0,D.useState)([]),u=(0,i.Z)(d,2),r=u[0],l=u[1];return(0,D.useEffect)((function(){for(var M=[],e=function _loop(){var e=n[i],D=g.configuratorStructureHandler.getOptionStepByCodex(e.optionCodex),t=null==D?void 0:D.partOfGroup,I=M.find((function(M){var n;return(null!==(n=null==t?void 0:t.groupName)&&void 0!==n?n:e.configStepKey+e.id)===M.groupName}));if(I)I.palettes.push(e);else{var A,o={groupName:null!==(A=null==t?void 0:t.groupName)&&void 0!==A?A:e.configStepKey+e.id,palettes:[e],left:[],right:[]};M.push(o),I=o}"l"===(null==t?void 0:t.position)?I.left.push(e.id):"r"===(null==t?void 0:t.position)&&I.right.push(e.id)},i=0;i<n.length;i++)e();l(M)}),[n]),(0,x.jsx)(x.Fragment,{children:r.map((function(M){var n;if(M.palettes.length>1)return(0,x.jsx)(A.default,{group:M});var i=M.palettes[0].contentItemTeaser;return(0,x.jsxs)(x.Fragment,{children:["TOP"==(null==i?void 0:i.position)&&(0,x.jsx)(o.default,{item:i}),(0,x.jsx)(t.default,{item:M.palettes[0],id:Number(M.palettes[0].id),zIndexBase:e},(null!==(n=M.palettes[0].optionCodex)&&void 0!==n?n:M.palettes[0].configStepKey)+M.palettes[0].id),"BOTTOM"==(null==i?void 0:i.position)&&(0,x.jsx)(o.default,{item:i})]})}))})}))},67279:(M,n,e)=>{e.d(n,{LI:()=>s,QW:()=>N,ZP:()=>z,jR:()=>j,oE:()=>l,pB:()=>a});var i=e(8081),D=e.n(i),g=e(23645),t=e.n(g),I=e(61667),A=e.n(I),o=new URL(e(38403),e.b),x=new URL(e(97663),e.b),d=t()(D()),u=A()(o),r=A()(x);d.push([M.id,".index-module--D0PtT {\n  position: absolute;\n  top: 16px;\n  right: 0px;\n  margin-top: 0px;\n  max-height: 100%;\n  z-index: 290;\n  display: flex;\n}\n\n.index-module--s2I80 {\n  overflow: auto;\n  height: auto;\n  background: var(--settingsBackgroundColor);\n  padding: 0 16px;\n  border-radius: var(--globalBorderRadius);\n  width: 270px;\n  transition: width 350ms ease;\n}\n\n.index-module--vO3ZU .index-module--s2I80 {\n  padding: 0;\n  padding: initial;\n}\n\n.index-module--eczzg {\n  position: absolute;\n  left: -32px;\n  width: 32px;\n  height: 38px;\n  border-radius: 5px 0 0 5px;\n  transform: rotate(180deg);\n  border-radius: 0 var(--globalBorderRadius) var(--globalBorderRadius) 0;\n  background: var(--secondaryColor) center center / 16px no-repeat url("+u+");\n}\n\n.index-module--vO3ZU .index-module--eczzg {\n  position: relative;\n  left: auto;\n  left: initial;\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n  transform: rotate(0deg);\n  background: var(--secondaryColor) center center / 25px no-repeat url("+r+");\n}\n\n.index-module--o_3ds {\n  width: 0px;\n  overflow: hidden;\n}\n",""]);var l="index-module--D0PtT",j="index-module--s2I80",N="index-module--vO3ZU",s="index-module--eczzg",a="index-module--o_3ds";const z=d},91605:(M,n,e)=>{e.d(n,{LI:()=>d,TN:()=>o,WL:()=>x,ZP:()=>l,bz:()=>I,q5:()=>u,rP:()=>A,x7:()=>r});var i=e(8081),D=e.n(i),g=e(23645),t=e.n(g)()(D());t.push([M.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 I="index-module--YvhoM",A="index-module--xRF8A",o="index-module--AkzgH",x="index-module--YcLKe",d="index-module--tZsne",u="index-module--KlW5i",r="index-module--MViR0";const l=t},9668:(M,n,e)=>{e.d(n,{F2:()=>o,YS:()=>I,ZP:()=>d,eX:()=>x,t$:()=>A});var i=e(8081),D=e.n(i),g=e(23645),t=e.n(g)()(D());t.push([M.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 I="index-module--h2rQ7",A="index-module--vn75Y",o="index-module--gupRY",x="index-module--lvlA1";const d=t},38403:M=>{M.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="},97663:M=>{M.exports="data:image/svg+xml;base64,CjxzdmcgZmlsbD0iI2ZmZiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgdmlld0JveD0iMCAwIDUwIDUwIiB3aWR0aD0iNTBweCIgaGVpZ2h0PSI1MHB4Ij48cGF0aCBkPSJNIDIyLjE5OTIxOSAyIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyMS4yMTQ4NDQgMi44MzM5ODQ0IEwgMjAuMjA1MDc4IDguNzk2ODc1IEMgMTkuMDE2MDggOS4xNDc2NzQ5IDE3LjkwMzMzOSA5LjYwNzI4NjYgMTYuODM1OTM4IDEwLjE3MzgyOCBMIDExLjg3NSA2LjY4MTY0MDYgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDEwLjU5Mzc1IDYuNzkyOTY4OCBMIDYuNjkzMzU5NCAxMC42OTMzNTkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDYuNTgyMDMxMiAxMS45NzQ2MDkgTCAxMC4wNzYxNzIgMTYuOTM5NDUzIEMgOS41MDMyMzA2IDE3Ljk4MzI5MiA5LjA0NDc2ODEgMTkuMTA5MTgzIDguNjk5MjE4OCAyMC4yOTg4MjggTCAyLjg0NTcwMzEgMjEuMjEyODkxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyIDIyLjE5OTIxOSBMIDIgMjcuNjk5MjE5IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyLjgzMzk4NDQgMjguNjg1NTQ3IEwgOC43OTQ5MjE5IDI5LjY5MzM1OSBDIDkuMTQ1MTExOSAzMC44ODA4ODcgOS42MDQ1NDAyIDMxLjk5MDU0NyAxMC4xNjk5MjIgMzMuMDU2NjQxIEwgNi42ODc1IDM3LjkxNzk2OSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgNi43OTI5Njg4IDM5LjIwNzAzMSBMIDEwLjY5MzM1OSA0My4xMDc0MjIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDExLjk3NDYwOSA0My4yMTg3NSBMIDE2LjkzOTQ1MyAzOS43MjQ2MDkgQyAxNy45ODU0NjIgNDAuMjk4NjgzIDE5LjExNDMxNiA0MC43NTc3NTIgMjAuMzA2NjQxIDQxLjEwMzUxNiBMIDIxLjMxNDQ1MyA0Ny4wNjY0MDYgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDIyLjMwMDc4MSA0Ny45MDAzOTEgTCAyNy44MDA3ODEgNDcuOTAwMzkxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyOC43ODMyMDMgNDcuMDgyMDMxIEwgMjkuODg0NzY2IDQxLjEwNzQyMiBDIDMxLjA3NzczNCA0MC43NTYyNjIgMzIuMTkzMTg2IDQwLjI5NDc0MiAzMy4yNjM2NzIgMzkuNzI2NTYyIEwgMzguMjI0NjA5IDQzLjIxODc1IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOS41MDc4MTIgNDMuMTA3NDIyIEwgNDMuNDA2MjUgMzkuMjA3MDMxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCA0My41MDk3NjYgMzcuOTE0MDYyIEwgMzkuOTMxNjQxIDMyLjk1NzAzMSBDIDQwLjUwMDIwOSAzMS45MTk1MSA0MC45NTc3NTYgMzAuODIxMDYgNDEuMzAwNzgxIDI5LjY5MzM1OSBMIDQ3LjE2OTkyMiAyOC42ODU1NDcgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQ4IDI3LjY5OTIxOSBMIDQ4IDIyLjE5OTIxOSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgNDcuMTY2MDE2IDIxLjIxNDg0NCBMIDQxLjE5OTIxOSAyMC4yMDMxMjUgQyA0MC44NTU1NjMgMTkuMDc0MjM1IDQwLjM5Nzg0MSAxNy45NzM4MjcgMzkuODI4MTI1IDE2LjkzNTU0NyBMIDQzLjMxODM1OSAxMS45NzQ2MDkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQzLjIwNzAzMSAxMC42OTMzNTkgTCAzOS4zMDY2NDEgNi43OTI5Njg4IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOC4wMTM2NzIgNi42ODk0NTMxIEwgMzMuMDUyNzM0IDEwLjI3MzQzOCBDIDMyLjAwOTY1NiA5LjcwMTcwMjMgMzAuODg1Njg2IDkuMjQxMzY3NyAyOS42OTcyNjYgOC44OTY0ODQ0IEwgMjguNjg1NTQ3IDIuODM1OTM3NSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMjcuNjk5MjE5IDIgTCAyMi4xOTkyMTkgMiB6IE0gMjMuMDQ0OTIyIDQgTCAyNi44NTM1MTYgNCBMIDI3LjgxNDQ1MyA5Ljc2MzY3MTkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDI4LjU1NjY0MSAxMC41NzAzMTIgQyAzMC4wNzEwNCAxMC45NDg5MTMgMzEuNDc4MTI2IDExLjUxNDkzNSAzMi42NzU3ODEgMTIuMjUxOTUzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzMy43ODUxNTYgMTIuMjEwOTM4IEwgMzguNDk0MTQxIDguODA4NTkzOCBMIDQxLjE5NzI2NiAxMS41MTE3MTkgTCAzNy44ODI4MTIgMTYuMjI0NjA5IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzNy44NDc2NTYgMTcuMzI0MjE5IEMgMzguNTg0Njc1IDE4LjUyMTg3NCAzOS4xNTQ1ODYgMTkuOTM3NjA3IDM5LjUzMzIwMyAyMS4zNTc0MjIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQwLjMzMzk4NCAyMi4wODU5MzggTCA0NiAyMy4wNDQ5MjIgTCA0NiAyNi44NTc0MjIgTCA0MC40Mjk2ODggMjcuODE0NDUzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOS42MzI4MTIgMjguNTQyOTY5IEMgMzkuMjU0MTk2IDI5Ljk2Mjc4MyAzOC42ODYyMzcgMzEuMzc4NTE3IDM3Ljk0OTIxOSAzMi41NzYxNzIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDM3Ljk5MDIzNCAzMy42ODU1NDcgTCA0MS4zOTA2MjUgMzguMzk0NTMxIEwgMzguNjg3NSA0MS4wOTc2NTYgTCAzMy45NzQ2MDkgMzcuNzgxMjUgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDMyLjkwNDI5NyAzNy43MzI0MjIgQyAzMS41NjY2MzIgMzguNDk2ODAyIDMwLjI2MjcgMzkuMDUzNDY2IDI4Ljc1NzgxMiAzOS40Mjk2ODggQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDI4LjAxNzU3OCA0MC4yMTg3NSBMIDI2Ljk2Njc5NyA0NS45MDAzOTEgTCAyMy4xNDQ1MzEgNDUuOTAwMzkxIEwgMjIuMTg1NTQ3IDQwLjIzMjQyMiBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMjEuNDQzMzU5IDM5LjQyOTY4OCBDIDE5LjkyODk2IDM5LjA1MTA4OCAxOC41MjE4NzQgMzguNDg1MDY1IDE3LjMyNDIxOSAzNy43NDgwNDcgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDE2LjIyNDYwOSAzNy43ODEyNSBMIDExLjUxMTcxOSA0MS4wOTc2NTYgTCA4LjgwNjY0MDYgMzguMzkyNTc4IEwgMTIuMTEzMjgxIDMzLjc4MzIwMyBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTIuMTY3OTY5IDMyLjcwMzEyNSBDIDExLjQwMzU4MiAzMS4zNjU0NjUgMTAuODQ2OTI1IDMwLjA2MTUyOSAxMC40NzA3MDMgMjguNTU2NjQxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCA5LjY2NjAxNTYgMjcuODE0NDUzIEwgNCAyNi44NTU0NjkgTCA0IDIzLjA1NjY0MSBMIDkuNTU0Njg3NSAyMi4xODc1IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAxMC4zNzEwOTQgMjEuNDQzMzU5IEMgMTAuNzQ5Njk0IDE5LjkyODk2IDExLjMxMzc2MyAxOC41MjE4NzQgMTIuMDUwNzgxIDE3LjMyNDIxOSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTIuMDE3NTc4IDE2LjIyNDYwOSBMIDguNzAxMTcxOSAxMS41MTE3MTkgTCAxMS40MTIxMDkgOC44MDI3MzQ0IEwgMTYuMTI1IDEyLjExNzE4OCBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTcuMTk1MzEyIDEyLjE2Nzk2OSBDIDE4LjUzMjk3OCAxMS40MDM1ODkgMTkuODM2OTA5IDEwLjg0NjkyNSAyMS4zNDE3OTcgMTAuNDcwNzAzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyMi4wODU5MzggOS42NjYwMTU2IEwgMjMuMDQ0OTIyIDQgeiBNIDI1IDE3IEMgMjAuNTcwMDg1IDE3IDE3IDIwLjU3MDA4NSAxNyAyNSBDIDE3IDI5LjQyOTkxNSAyMC41NzAwODUgMzMgMjUgMzMgQyAyOS40Mjk5MTUgMzMgMzMgMjkuNDI5OTE1IDMzIDI1IEMgMzMgMjAuNTcwMDg1IDI5LjQyOTkxNSAxNyAyNSAxNyB6IE0gMjUgMTkgQyAyOC4zNzAwODUgMTkgMzEgMjEuNjI5OTE1IDMxIDI1IEMgMzEgMjguMzcwMDg1IDI4LjM3MDA4NSAzMSAyNSAzMSBDIDIxLjYyOTkxNSAzMSAxOSAyOC4zNzAwODUgMTkgMjUgQyAxOSAyMS42Mjk5MTUgMjEuNjI5OTE1IDE5IDI1IDE5IHoiLz48L3N2Zz4="}}]);

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

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

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

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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8742.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8742,4502],{34502:(e,n,i)=>{i.r(n),i.d(n,{default:()=>y});i(87363);var t=i(93379),r=i.n(t),o=i(7795),l=i.n(o),d=i(90569),a=i.n(d),s=i(3565),c=i.n(s),f=i(19216),u=i.n(f),g=i(44589),b=i.n(g),p=i(22693),h={};h.styleTagTransform=b(),h.setAttributes=c(),h.insert=a().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=u();r()(p.Z,h);p.Z&&p.Z.locals&&p.Z.locals;var x=i(99872),v=i(47514);const y=function ShelfDeleteButton(e){var n=e.index,i=e.grid,t=(0,x.NP)();return(0,v.jsx)("div",{onClick:function onClick(e){t.paletteViewHandler.clickDeleteAccessorieOnShelfPlanner(i,n),e.stopPropagation()},className:p.U,children:"-"})}},38742:(e,n,i)=>{i.r(n),i.d(n,{default:()=>s});var t=i(80248),r=(i(87363),i(49944)),o=i(99872),l=i(34502),d=i(9420),a=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}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,t.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 s=(0,d.Pi)((function GridList(e){var n,i=e.item,t=e.height,d=(e.width,e.direction),s=null===(n=i.shelfPlannerGrids)||void 0===n?void 0:n[0],c=(0,o.NP)();if(!s)return(0,a.jsx)(a.Fragment,{});for(var f=t/s.Cells.length,u=[],g=-1,b=!1,p=0;p<s.Cells.length;p++){var h=s.Cells[p];if(-1==h.InUse)u.splice(0,0,{heightCount:1,inUse:h.InUse,index:h.Index,type:void 0,isDisabled:h.IsDisabled,isRequired:h.IsRequired,onlyPlaceHolder:h.OnlyPlaceHolder,noMove:h.NoMove,noDelete:h.NoDelete});else if(g!=h.InUse&&g!=h.OnBoard){var x,v;g=h.InUse,b=!1,u.splice(0,0,{heightCount:1,inUse:h.InUse,index:h.Index,type:h.Type,isDisabled:h.IsDisabled,isRequired:h.IsRequired,articleText:null===(x=h.Article)||void 0===x?void 0:x.name,onlyPlaceHolder:h.OnlyPlaceHolder,noMove:h.NoMove,noDelete:h.NoDelete,basketId:null===(v=h.Article)||void 0===v?void 0:v.basketId})}else{var y=u.find((function(e){return e.inUse==g}));if(y){var k;if(g===h.OnBoard&&!b)b=!0,y.articleText=(null===(k=h.Article)||void 0===k?void 0:k.name)+"<br/>&<br/>"+y.articleText,y.onBoard=!0;y.heightCount++}}}var S=function getItemStyle(e,n,i,t){return"horizontal"==d?m(e,n,i,t):j(e,n,i)},j=function getItemStyleVertical(e,n,i){return _objectSpread({userSelect:"none",width:"calc("+i.heightCount/s.Cells.length*100+"% - 1px)",wordBreak:"break-word",height:"100%",marginRight:"1px",background:i.isRequired?"#FFEBEB":-1==i.inUse?"none":e?"grey":"lightgrey",backgroundImage:i.isDisabled&&"linear-gradient(45deg, #ffffff  25%, #c7c7c7 25%, #c7c7c7 50%, #ffffff  50%, #ffffff  75%, #c7c7c7 75%, #c7c7c7 100%)",backgroundSize:i.isDisabled&&"28.28px 28.28px",float:"left",borderRight:-1==i.inUse?"1px solid lightgrey":"none",boxSizing:"border-box"},n)},m=function getItemStyleHorizontal(e,n,i,t){return _objectSpread({userSelect:"none",height:f*i.heightCount-1,marginBottom:"1px",fontSize:-1===i.inUse?"12px":void 0,lineHeight:-1===i.inUse?"2px":void 0,background:i.isRequired?"#FFEBEB":-1===i.inUse?"none":e?"grey":"lightgrey",backgroundImage:i.isDisabled&&"linear-gradient(45deg, #ffffff  25%, #c7c7c7 25%, #c7c7c7 50%, #ffffff  50%, #ffffff  75%, #c7c7c7 75%, #c7c7c7 100%)",backgroundSize:i.isDisabled&&"28.28px 28.28px",borderBottom:-1==i.inUse?t?"1px solid #B5B5B5":"1px solid lightgrey":"none",boxSizing:"border-box"},n)},D=function getTextStyle(){return"vertikal"==d?{maxHeight:"calc(100% - 22px)",overflow:"auto"}:{}};return(0,a.jsx)(r.Z5,{onDragEnd:function onDragEnd(e){if(e.destination){var n=u[e.source.index].index,i=u[e.destination.index].index;n!=i&&c.paletteViewHandler.shelfItemMoved(s,n,i)}},children:(0,a.jsx)(r.bK,{droppableId:"droppable",direction:"vertikal"==d?"horizontal":"vertical",children:function children(e,n){return(0,a.jsxs)("div",_objectSpread(_objectSpread({},e.droppableProps),{},{ref:e.innerRef,style:{width:"100%",height:"100%"},children:[u.map((function(e,n){return(0,a.jsx)(r._l,{index:n,isDragDisabled:-1==e.inUse||e.isDisabled||e.noMove,draggableId:n.toString(),children:function children(i,t){return(0,a.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({onClick:function onClick(){c.paletteViewHandler.setSelectedShelfAccessoire(e.basketId),c.paletteViewHandler.clickAddAccessorieOnShelfPlanner(s,e.index)},ref:i.innerRef},i.draggableProps),i.dragHandleProps),{},{style:S(t.isDragging,i.draggableProps.style,e,e.index%5==0&&!!n),children:[!!e.articleText&&(0,a.jsx)("div",{style:D(),dangerouslySetInnerHTML:{__html:e.articleText}}),-1==e.inUse&&e.index%5==0&&!!n&&"horizontal"==d&&e.index,(e.inUse>-1&&!e.noDelete&&!e.isDisabled||e.onBoard)&&(0,a.jsx)(l.default,{grid:s,index:e.inUse})]}))}},n)})),e.placeholder]}))}})})}))},22693:(e,n,i)=>{i.d(n,{U:()=>d,Z:()=>a});var t=i(8081),r=i.n(t),o=i(23645),l=i.n(o)()(r());l.push([e.id,".index-module--GuiBy {\n  font-weight: 300;\n  font-size: 18px;\n  height: 22px;\n  width: 22px;\n  float: left;\n  background: #f2f2f2;\n  border-radius: 19.008px;\n  -webkit-text-stroke: 0px;\n  transition: background-color 0.15s ease;\n  text-align: center;\n  float: right;\n  cursor: pointer;\n}\n\n.index-module--GuiBy:hover {\n  background: #d9d9d9;\n  color: #424242;\n}\n\n.index-module--GuiBy {\n  line-height: 21px;\n}\n",""]);var d="index-module--GuiBy";const a=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8742,2593],{22593:(e,n,i)=>{i.r(n),i.d(n,{default:()=>y});i(87363);var t=i(93379),r=i.n(t),o=i(7795),l=i.n(o),d=i(90569),a=i.n(d),s=i(3565),c=i.n(s),f=i(19216),u=i.n(f),g=i(44589),b=i.n(g),p=i(22693),h={};h.styleTagTransform=b(),h.setAttributes=c(),h.insert=a().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=u();r()(p.Z,h);p.Z&&p.Z.locals&&p.Z.locals;var x=i(48984),v=i(47514);const y=function ShelfDeleteButton(e){var n=e.index,i=e.grid,t=(0,x.NP)();return(0,v.jsx)("div",{onClick:function onClick(e){t.paletteViewHandler.clickDeleteAccessorieOnShelfPlanner(i,n),e.stopPropagation()},className:p.U,children:"-"})}},38742:(e,n,i)=>{i.r(n),i.d(n,{default:()=>s});var t=i(80248),r=(i(87363),i(49944)),o=i(48984),l=i(22593),d=i(9420),a=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}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,t.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 s=(0,d.Pi)((function GridList(e){var n,i=e.item,t=e.height,d=(e.width,e.direction),s=null===(n=i.shelfPlannerGrids)||void 0===n?void 0:n[0],c=(0,o.NP)();if(!s)return(0,a.jsx)(a.Fragment,{});for(var f=t/s.Cells.length,u=[],g=-1,b=!1,p=0;p<s.Cells.length;p++){var h=s.Cells[p];if(-1==h.InUse)u.splice(0,0,{heightCount:1,inUse:h.InUse,index:h.Index,type:void 0,isDisabled:h.IsDisabled,isRequired:h.IsRequired,onlyPlaceHolder:h.OnlyPlaceHolder,noMove:h.NoMove,noDelete:h.NoDelete});else if(g!=h.InUse&&g!=h.OnBoard){var x,v;g=h.InUse,b=!1,u.splice(0,0,{heightCount:1,inUse:h.InUse,index:h.Index,type:h.Type,isDisabled:h.IsDisabled,isRequired:h.IsRequired,articleText:null===(x=h.Article)||void 0===x?void 0:x.name,onlyPlaceHolder:h.OnlyPlaceHolder,noMove:h.NoMove,noDelete:h.NoDelete,basketId:null===(v=h.Article)||void 0===v?void 0:v.basketId})}else{var y=u.find((function(e){return e.inUse==g}));if(y){var k;if(g===h.OnBoard&&!b)b=!0,y.articleText=(null===(k=h.Article)||void 0===k?void 0:k.name)+"<br/>&<br/>"+y.articleText,y.onBoard=!0;y.heightCount++}}}var S=function getItemStyle(e,n,i,t){return"horizontal"==d?m(e,n,i,t):j(e,n,i)},j=function getItemStyleVertical(e,n,i){return _objectSpread({userSelect:"none",width:"calc("+i.heightCount/s.Cells.length*100+"% - 1px)",wordBreak:"break-word",height:"100%",marginRight:"1px",background:i.isRequired?"#FFEBEB":-1==i.inUse?"none":e?"grey":"lightgrey",backgroundImage:i.isDisabled&&"linear-gradient(45deg, #ffffff  25%, #c7c7c7 25%, #c7c7c7 50%, #ffffff  50%, #ffffff  75%, #c7c7c7 75%, #c7c7c7 100%)",backgroundSize:i.isDisabled&&"28.28px 28.28px",float:"left",borderRight:-1==i.inUse?"1px solid lightgrey":"none",boxSizing:"border-box"},n)},m=function getItemStyleHorizontal(e,n,i,t){return _objectSpread({userSelect:"none",height:f*i.heightCount-1,marginBottom:"1px",fontSize:-1===i.inUse?"12px":void 0,lineHeight:-1===i.inUse?"2px":void 0,background:i.isRequired?"#FFEBEB":-1===i.inUse?"none":e?"grey":"lightgrey",backgroundImage:i.isDisabled&&"linear-gradient(45deg, #ffffff  25%, #c7c7c7 25%, #c7c7c7 50%, #ffffff  50%, #ffffff  75%, #c7c7c7 75%, #c7c7c7 100%)",backgroundSize:i.isDisabled&&"28.28px 28.28px",borderBottom:-1==i.inUse?t?"1px solid #B5B5B5":"1px solid lightgrey":"none",boxSizing:"border-box"},n)},D=function getTextStyle(){return"vertikal"==d?{maxHeight:"calc(100% - 22px)",overflow:"auto"}:{}};return(0,a.jsx)(r.Z5,{onDragEnd:function onDragEnd(e){if(e.destination){var n=u[e.source.index].index,i=u[e.destination.index].index;n!=i&&c.paletteViewHandler.shelfItemMoved(s,n,i)}},children:(0,a.jsx)(r.bK,{droppableId:"droppable",direction:"vertikal"==d?"horizontal":"vertical",children:function children(e,n){return(0,a.jsxs)("div",_objectSpread(_objectSpread({},e.droppableProps),{},{ref:e.innerRef,style:{width:"100%",height:"100%"},children:[u.map((function(e,n){return(0,a.jsx)(r._l,{index:n,isDragDisabled:-1==e.inUse||e.isDisabled||e.noMove,draggableId:n.toString(),children:function children(i,t){return(0,a.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({onClick:function onClick(){c.paletteViewHandler.setSelectedShelfAccessoire(e.basketId),c.paletteViewHandler.clickAddAccessorieOnShelfPlanner(s,e.index)},ref:i.innerRef},i.draggableProps),i.dragHandleProps),{},{style:S(t.isDragging,i.draggableProps.style,e,e.index%5==0&&!!n),children:[!!e.articleText&&(0,a.jsx)("div",{style:D(),dangerouslySetInnerHTML:{__html:e.articleText}}),-1==e.inUse&&e.index%5==0&&!!n&&"horizontal"==d&&e.index,(e.inUse>-1&&!e.noDelete&&!e.isDisabled||e.onBoard)&&(0,a.jsx)(l.default,{grid:s,index:e.inUse})]}))}},n)})),e.placeholder]}))}})})}))},22693:(e,n,i)=>{i.d(n,{U:()=>d,Z:()=>a});var t=i(8081),r=i.n(t),o=i(23645),l=i.n(o)()(r());l.push([e.id,".index-module--GuiBy {\n  font-weight: 300;\n  font-size: 18px;\n  height: 22px;\n  width: 22px;\n  float: left;\n  background: #f2f2f2;\n  border-radius: 19.008px;\n  -webkit-text-stroke: 0px;\n  transition: background-color 0.15s ease;\n  text-align: center;\n  float: right;\n  cursor: pointer;\n}\n\n.index-module--GuiBy:hover {\n  background: #d9d9d9;\n  color: #424242;\n}\n\n.index-module--GuiBy {\n  line-height: 21px;\n}\n",""]);var d="index-module--GuiBy";const a=l}}]);

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

@@ -0,0 +1,2 @@
+/*! For license information please see 8747.diva-web-planner-react.umd.min.js.LICENSE.txt */
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8747],{8747:(e,n,t)=>{t.r(n),t.d(n,{default:()=>j});var r=t(80248),o=t(88291),i=(t(87363),t(30101)),s=t(93379),a=t.n(s),l=t(7795),c=t.n(l),d=t(90569),u=t.n(d),p=t(3565),b=t.n(p),f=t(19216),m=t.n(f),g=t(44589),h=t.n(g),y=t(77746),w={};w.styleTagTransform=h(),w.setAttributes=b(),w.insert=u().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=m();a()(y.ZP,w);y.ZP&&y.ZP.locals&&y.ZP.locals;var O=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const j=function SettingsItemHeaderSerious(e){var n=Object.assign({},((0,o.Z)(e),e));return(0,O.jsx)(i.default,_objectSpread(_objectSpread({},n),{},{titleClass:y.oU,containerClass:y.xt}))}},77746:(e,n,t)=>{t.d(n,{ZP:()=>c,oU:()=>l,xt:()=>a});var r=t(8081),o=t.n(r),i=t(23645),s=t.n(i)()(o());s.push([e.id,".index-module--m287u {\n  border-radius: 0 !important;\n  border-radius: initial !important;\n}\n\n.index-module--m287u {\n  position: relative;\n  width: 100%;\n  border-bottom: 1px solid #e6e6e6;\n  width: calc(100% - 32px);\n  margin-top: 12px;\n  height: -moz-fit-content;\n  height: fit-content;\n  padding-bottom: 16px;\n  display: flow-root;\n  --infoIconSize: 24px;\n}\n\n.index-module--SDR3A {\n  font-size: 26px;\n  margin: 6px 0 0 0;\n  width: auto;\n  font-weight: 300;\n  line-height: 24px;\n  -webkit-font-smoothing: antialiased;\n  color: var(--secondaryColor);\n  float: left;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n",""]);var a="index-module--m287u",l="index-module--SDR3A";const c=s}}]);

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

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