npm - @crystaldesign/diva-web-planner-react - Versions diffs - 26.13.0-beta.2 → 26.13.0-beta.3 - Mend

@crystaldesign/diva-web-planner-react 26.13.0-beta.2 → 26.13.0-beta.3

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

Files changed (1177) hide show

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

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

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

@@ -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(35567),a=n(56582),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(75327),a=n(85092),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/8607.diva-web-planner-react.umd.min.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ /! For license information please see 8607.diva-web-planner-react.umd.min.js.LICENSE.txt /
2	+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact\|\|[]).push([[8607,9534,9001,4190,5070,5820],{49534:(n,e,t)=>{t.r(e),t.d(e,{default:()=>O});var o=t(80248),i=t(75327),r=t(9420),a=(t(87363),t(93379)),d=t.n(a),l=t(7795),s=t.n(l),u=t(90569),c=t.n(u),x=t(3565),p=t.n(x),g=t(19216),m=t.n(g),b=t(44589),f=t.n(b),h=t(38921),v={};v.styleTagTransform=f(),v.setAttributes=p(),v.insert=c().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=m();d()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var y=t(65515),S=t.n(y),w=t(88683),j=t(19047),I=t(39667),k=t(40976),P=t(56340),C=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const O=(0,r.Pi)((function BasketActionStandard(n){var e,t,o,r,a=n.buttonTextClassName,d=void 0===a?h.UU:a,l=n.buttonPriceClassName,s=void 0===l?h.QD:l,u=n.containerClassName,c=n.price,x=n.showCheckoutButtons,p=(0,i.NP)(),g=(0,w.useDivaCore)().state.hidePrices,m=(0,w.useTranslation)().t,b=null===(e=p.uiState.checkoutConfig)\|\|void 0===e?void 0:e.buttons.find((function(n){return"ADD_TO_BASKET"===n.type}));return(0,C.jsxs)("div",{className:S()(h.tM,u),children:[x&&(null===(t=p.uiState.checkoutConfig)\|\|void 0===t?void 0:t.buttons.filter((function(n){return(0,j.evalVisible)(n,p,"navigator")})).map((function(n){return(0,C.jsx)("div",{className:k.rK,onClick:function onClick(){return(0,j.onClickCheckout)(n,p,n.index,m)},children:(0,C.jsx)(I.default,{checkoutButton:_objectSpread(_objectSpread({},n),{},{isPrimary:!1}),size:32})},n.index)}))),(0,C.jsxs)("div",{className:h.m2,onClick:function onClick(){b?(0,j.onClickCheckout)(b,p,b.index,m):p.actionButtonState.onClickAddToBasket(p)},id:"wcConfigurator-action-tobasket",children:[b?(0,C.jsx)(I.default,{checkoutButton:_objectSpread({isPrimary:!0},b),size:40}):(0,C.jsx)("div",{className:d,children:m("configurator.ADD_TO_BASKET")}),!g&&void 0!==c&&"horizontal"==p.tabGroupState.curTabGroupType&&(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)("div",{className:S()(h.DC,h.F0,p.productState.formatedBruttoPrice?void 0:h.al),children:(0,C.jsx)(P.default,{price:null!==(o=p.productState.formatedBruttoPrice)&&void 0!==o?o:0})}),(0,C.jsx)("div",{className:s,children:(0,C.jsx)(P.default,{price:null!==(r=p.productState.formatedCurSetPrice)&&void 0!==r?r:0})})]})]})]})}))},68063:(n,e,t)=>{t.r(e),t.d(e,{default:()=>u});var o=t(80248),i=t(88291),r=(t(87363),t(75327)),a=t(39667),d=t(19047),l=t(88683),s=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const u=function BasketMobile(n){var e,t=Object.assign({},((0,i.Z)(n),n)),o=(0,r.NP)(),u=null===(e=o.uiState.checkoutConfig)\|\|void 0===e?void 0:e.buttons.find((function(n){return"ADD_TO_BASKET"===n.type})),c=(0,l.useTranslation)().t;return(0,s.jsx)(s.Fragment,{children:u?(0,s.jsx)("div",{onClick:function onClick(){return(0,d.onClickCheckout)(u,o,u.index,c)},className:t.className,style:{backgroundImage:"unset",display:"flex",justifyContent:"center",alignItems:"center"},children:(0,s.jsx)(a.default,{checkoutButton:_objectSpread({isPrimary:!0},u),size:32})}):(0,s.jsx)("div",_objectSpread(_objectSpread({},t),{},{onClick:function onClick(){return o.actionButtonState.onClickAddToBasket(o)}}))})}},69001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function NavigationButtons(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},73666:(n,e,t)=>{t.r(e),t.d(e,{default:()=>k});var o=t(84658),i=t(88291),r=t(50747),a=t.n(r),d=t(75327),l=t(87363),s=t(9420),u=t(93379),c=t.n(u),x=t(7795),p=t.n(x),g=t(90569),m=t.n(g),b=t(3565),f=t.n(b),h=t(19216),v=t.n(h),y=t(44589),S=t.n(y),w=t(39545),j={};j.styleTagTransform=S(),j.setAttributes=f(),j.insert=m().bind(null,"head"),j.domAPI=p(),j.insertStyleElement=v();c()(w.ZP,j);w.ZP&&w.ZP.locals&&w.ZP.locals;var I=t(47514);const k=(0,s.Pi)((function Inputbox(n){(0,i.Z)(n);var e=(0,d.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,o,i;e.settingsState.setInputBoxValue(null!==(n=null===(o=e.settingsState.inputBoxItem)\|\|void 0===o?void 0:o.freeText)&&void 0!==n?n:""),null===(i=t.current)\|\|void 0===i\|\|i.focus()}),[]),(0,l.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,I.jsx)(I.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var s=function(){var n=(0,o.Z)(a().mark((function _callee(){return a().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,I.jsx)("div",{children:(0,I.jsxs)("div",{className:w.Q_,children:[(0,I.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:w.Jg,children:"✖"}),(0,I.jsxs)("div",{style:{width:"100%"},children:[(0,I.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,I.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(s(),n.stopPropagation())}(n)},className:w.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,I.jsx)("button",{className:w.vX,onClick:s})]})]})})}))},18607:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Z});var o=t(88291),i=t(65515),r=t.n(i),a=t(75327),d=t(87363),l=t(93379),s=t.n(l),u=t(7795),c=t.n(u),x=t(90569),p=t.n(x),g=t(3565),m=t.n(g),b=t(19216),f=t.n(b),h=t(44589),v=t.n(h),y=t(52284),S={};S.styleTagTransform=v(),S.setAttributes=m(),S.insert=p().bind(null,"head"),S.domAPI=c(),S.insertStyleElement=f();s()(y.ZP,S);y.ZP&&y.ZP.locals&&y.ZP.locals;var w=t(73666),j=t(34190),I=t(97853),k=t(12576),P=t(69001),C=t(88683),O=t(49534),N=t(9420),M=t(68063),T=t(43958),B=t(47514),D={"--primaryColor":"#d60084","--secondaryColor":"#4b4b4b","--thirdColor":"#e5e5e5e5","--articlePosNrRadius":"50%","--articlePosNrSize":"1.5rem","--galleryItemRadius":"50%","--galleryItemRowCount":"5","--galleryItemMargin":"0.5%","--galleryItemRowCountSmall":"6","--galleryItemMarginSmall":"0.3%","--galleryItemBorder":"0px","--galleryItemBorderColor":"#e8e9ed","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorderHoverColor":"var(--thirdColor)","--fontWeight1":"300","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)","--tabGroupBackground":"unset","--settingsBackgroundColor":"rgba(248, 248, 248, 0.9)","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"12px","--settingsScrollerPaddingLeft":"12px","--configuratorActionHeight":"50px","--configuratorActionForthWidth":"calc(100% - 56px)","--configuratorActionBackWidth":"50px","--globalBorderRadius":"3px","--mobile-tabgroup-drawer-border-radius":"12px","--buttons-border-radius":"8px"};const Z=(0,N.Pi)((function Standard(n){(0,o.Z)(n);var e=(0,a.NP)(),t=(0,C.useDivaCore)().state.isFullscreenComponent;return(0,d.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(D)}),[]),(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)("div",{ref:function ref(n){return e.uiState.setConfiguratorRef(n)},style:{pointerEvents:e.uiState.configuratorDisabled?"none":void 0},hidden:e.uiState.configuratorHidden,id:"wcConfigurator",className:r()(y.xn,e.uiState.configSettingsIsExpanded?y.zh:void 0,e.uiState.isMobileLandscape?y.rK:void 0,e.uiState.isMobilePortrait?y.tW:void 0,e.uiState.isTablet?y.Mq:void 0,e.uiState.configSettingsIsMinExpanded?y.m7:void 0,e.uiState.configSettingsIsMaxExpanded?y.Zk:void 0,t?y.E9:void 0),children:(0,B.jsxs)("div",{id:"wcConfigurator-wrapper",ref:function ref(n){return e.uiState.setWrapperRef(n)},style:{width:"100%",height:"100%",position:"absolute",bottom:0,left:0},children:[(0,B.jsx)(j.default,{className:y.kL}),e.uiState.isInMobileView?(0,B.jsx)(I.default,{tabgroupElement:(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(k.default,{className:y.x6,showCloseButtonInMobile:t?"left":void 0}),(0,B.jsx)(M.default,{className:y.Bg}),(0,B.jsx)(T.default,{})]})}):(0,B.jsxs)("div",{className:y.g6,children:[(0,B.jsx)(k.default,{className:y.x6}),(0,B.jsx)(I.default,{className:y.vt}),(0,B.jsx)(P.default,{className:y.jl,showCheckoutButtons:!0}),(0,B.jsx)(O.default,{containerClassName:y.tM,showCheckoutButtons:!1})]})]})}),e.settingsState.inputBoxVisible&&(0,B.jsx)(w.default,{})]})}))},34190:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function Product(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/Product"}))}},51451:(n,e,t)=>{t.r(e),t.d(e,{default:()=>s});var o=t(9420),i=(t(87363),t(75327)),r=t(82956),a=t(65515),d=t.n(a),l=t(47514);const s=(0,o.Pi)((function SettingsExpanderButtons(n){var e=(0,i.NP)(),t=e.settingsState.contentItemId&&e.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[e.uiState.doShowConfSettingsExpander&&!e.uiState.isInMobileView&&(0,l.jsx)("div",{className:d()(r.AH,t?r.al:void 0),onClick:e.uiState.onClickExpandConfigSettings}),!e.uiState.isInMobileView&&e.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!e.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:d()(r.EN,t?r.al:void 0),onClick:e.uiState.onClickExpandMaxConfigSettings}),!e.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:r.nW,onClick:e.uiState.onClickExpandMinConfigSettings})]})]})}))},45070:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});var o=t(34988),i=t(9420),r=t(87363),a=t(75327),d=t(93379),l=t.n(d),s=t(7795),u=t.n(s),c=t(90569),x=t.n(c),p=t(3565),g=t.n(p),m=t(19216),b=t.n(m),f=t(44589),h=t.n(f),v=t(76640),y={};y.styleTagTransform=h(),y.setAttributes=g(),y.insert=x().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=b();l()(v.ZP,y);v.ZP&&v.ZP.locals&&v.ZP.locals;var S=t(65515),w=t.n(S),j=t(47514);const I=(0,i.Pi)((function NavForwardButton(n){var e=(0,a.NP)(),t=(0,r.useState)(!1),i=(0,o.Z)(t,2),d=i[0],l=i[1];return(0,r.useEffect)((function(){setTimeout((function(){l(!e.actionButtonState.isOnLastStep&&!e.actionButtonState.isOnFirstStepDisabled)}),400)}),[e.actionButtonState.isOnLastStep,e.actionButtonState.isOnFirstStepDisabled]),(0,j.jsx)("div",{className:w()(v.YS,d&&v.oP,e.uiState.isTablet?v.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",e.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,j.jsx)("div",{className:v.qv})})}))},49202:(n,e,t)=>{t.r(e),t.d(e,{default:()=>S});var o=t(88291),i=t(9420),r=t(87363),a=t(37707),d=t(75327),l=t(82956),s=t(16567),u=t(74133),c=t(84658),x=t(12952),p=t(34988),g=t(50747),m=t.n(g),b=t(88683),f=t(45070),h=t(65515),v=t.n(h),y=t(47514);const S=(0,i.Pi)((function SettingsSwiper(n){(0,o.Z)(n);var e=(0,d.NP)(),t=function useSwiperHook(n){var e=(0,r.useState)(null),t=(0,p.Z)(e,2),o=t[0],i=t[1],a=(0,r.useState)([]),d=(0,p.Z)(a,2),l=d[0],s=d[1];(0,r.useEffect)((function(){var e=(0,x.Z)(n.tabGroupState.allTabGroups.keys());s(e),n.tabGroupState.curTabGroup&&e.indexOf(n.tabGroupState.curTabGroup.key)!=(null==o?void 0:o.activeIndex)&&(null==o\|\|o.slideTo(e.indexOf(n.tabGroupState.curTabGroup.key),400))}),[n.tabGroupState.allTabGroups,n.tabGroupState.curTabGroup,o]);var u=function(){var n=(0,c.Z)(m().mark((function _callee(){var n,e,t,i,r,a=arguments;return m().wrap((function _callee$(d){for(;;)switch(d.prev=d.next){case 0:if(n=a.length>0&&void 0!==a[0]?a[0]:50,e=a.length>1&&void 0!==a[1]?a[1]:500,o){d.next=4;break}return d.abrupt("return");case 4:return t=.25e,i=o.getTranslate(),r=i-n,o.allowTouchMove=!1,o.setTransition(2t),o.setTranslate(r),d.next=12,b.DivaUtils.Sleep(2t);case 12:return o.setTransition(t),o.setTranslate(i-.5n),d.next=16,b.DivaUtils.Sleep(t);case 16:return o.setTransition(.5t),o.setTranslate(.8r),d.next=20,b.DivaUtils.Sleep(.5t);case 20:o.setTransition(1.75t),o.setTranslate(i),o.allowTouchMove=!0;case 23:case"end":return d.stop()}}),_callee)})));return function teaseSwipe(){return n.apply(this,arguments)}}(),g=n.tabGroupState.curTabGroup?l.indexOf(n.tabGroupState.curTabGroup.key):0;return{swiperRef:o,setSwiperRef:i,allSwipes:l,handleSlideChange:function handleSlideChange(e){if(void 0!==n.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var t=e.activeIndex-l.indexOf(n.tabGroupState.curTabGroup.key);if(1==t)n.actionButtonState.onClickConfiguratorSettingsForth(!0,!0);else if(-1==t)n.actionButtonState.onClickConfiguratorSettingsBack();else if(0!==t){var o=n.tabGroupState.allTabGroups.get(l[e.activeIndex]);o&&n.tabGroupState.navigateToTabgroupByPosNr(o.posNr)}}},handleSetTransition:function handleSetTransition(){n.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){n.uiState.swiperNavigationActive=!1},initialSlide:g,teaseSwipe:u}}(e),i=t.setSwiperRef,g=t.allSwipes,h=t.handleSlideChange,S=t.handleSetTransition,w=t.handleTransitionEnd,j=t.initialSlide;return e.tabGroupState.curTabGroup&&null!=g&&g.length?(0,y.jsx)(a.tq,{onSlideChange:h,onSetTransition:S,onTransitionEnd:w,initialSlide:j,onSwiper:i,className:l.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:v()("swiper-wrapper",l.Iz),children:g.map((function(n){var t,o=e.tabGroupState.allTabGroups.get(n),i=o?null===(t=Array.from(o.options.values())[0])\|\|void 0===t?void 0:t.title:void 0;return(0,y.jsx)(a.o5,{className:l.AI,children:n==e.tabGroupState.curTabGroup.key?(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(s.default,{},n),(0,y.jsx)(f.default,{})]}):(0,y.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:i&&(0,y.jsx)(u.default,{text:i,isSettingsHeader:!1,isInScroller:!0})})},n)}))}):(0,y.jsx)(y.Fragment,{})}))},97853:(n,e,t)=>{t.r(e),t.d(e,{default:()=>f});var o=t(80248),i=t(72874),r=(t(87363),t(75327)),a=t(80509),d=t(16567),l=t(9420),s=t(82956),u=t(65515),c=t.n(u),x=t(49202),p=t(51451),g=t(71883),m=t(47514),b=["className","tabgroupElement"];function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const f=(0,l.Pi)((function Settings(n){var e,t,o=n.className,l=n.tabgroupElement,u=(0,i.Z)(n,b),f=(0,r.NP)(),h=f.getIsInMobileView()&&f.getViewConfig().navigateMobileSwiper,v=(0,m.jsx)(m.Fragment,{children:h?(0,m.jsx)(x.default,{}):(0,m.jsxs)(m.Fragment,{children:[!f.uiState.isInMobileView&&!f.settingsState.forceSettingsHeaderInScrollContainer&&!f.wysiwygDebugState.wysiwygInspectView&&(0,m.jsx)(a.default,{},null!==(e=null===(t=f.tabGroupState.curTabGroup)\|\|void 0===t?void 0:t.key)&&void 0!==e?e:0),(0,m.jsx)(d.default,{}),(0,m.jsx)(p.default,{})]})});return(0,m.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(o,s.vt,"horizontal"==f.tabGroupState.curTabGroupType?s.s1:void 0,f.uiState.configSettingsIsExpanded?s.zh:void 0),children:[(0,m.jsx)(g.default,{draggerElement:l,children:v}),!f.uiState.isInMobileView&&v]}))}))},43958:(n,e,t)=>{t.r(e),t.d(e,{default:()=>S});var o=t(88291),i=t(75327),r=(t(87363),t(9420)),a=t(93379),d=t.n(a),l=t(7795),s=t.n(l),u=t(90569),c=t.n(u),x=t(3565),p=t.n(x),g=t(19216),m=t.n(g),b=t(44589),f=t.n(b),h=t(29390),v={};v.styleTagTransform=f(),v.setAttributes=p(),v.insert=c().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=m();d()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var y=t(47514);const S=(0,r.Pi)((function ProgressBar(n){var e;(0,o.Z)(n);var t=(0,i.NP)(),r=null===(e=t.configuratorStructureHandler)\|\|void 0===e?void 0:e.lastConfigStep,a=t.tabGroupState.curConfigStep;if(!r\|\|!a)return(0,y.jsx)(y.Fragment,{});var d=a.posNr,l=r.posNr,s=1==l?0:Math.round(d/l100),u=100-s;return(0,y.jsxs)("div",{className:h.YS,children:[(0,y.jsx)("div",{className:h.L3,style:{width:s+"%"}}),(0,y.jsx)("div",{className:h.LM,style:{width:u+"%"}})]})}))},38921:(n,e,t)=>{t.d(e,{DC:()=>b,F0:()=>f,QD:()=>g,UU:()=>m,ZP:()=>v,al:()=>h,m2:()=>p,tM:()=>x});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(2431),t.b),u=a()(i()),c=l()(s);u.push([n.id,".index-module--NTXww {\n background: rgba(242.2, 242.2, 242.2, 0.9);\n transition: width 0.2s ease-in-out;\n display: flex;\n}\n\n.index-module--g_4ro {\n background-color: var(--primaryColor);\n background-color: var(--saveButton, var(--primaryColor));\n border: 1px var(--primaryColor) solid;\n border: 1px var(--saveButton, var(--primaryColor)) solid;\n border-radius: var(--globalBorderRadius);\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n line-height: 20.8px;\n font-weight: var(--fontWeight1);\n height: calc(100% - 2px);\n font-size: 14px;\n color: white;\n flex-grow: 1;\n -webkit-text-stroke: 0px;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.index-module--HEZNE .index-module--g_4ro {\n pointer-events: none;\n background-color: #c25353;\n border-color: #c25353;\n}\n\n.index-module--g_4ro:hover {\n background-color: var(--diva-theme-palette-primary-dark);\n border-color: var(--diva-theme-palette-primary-dark);\n cursor: pointer;\n transition:\n box-shadow 0.3s ease,\n background-color 0.3s ease,\n border-color 0.3s ease;\n\n box-shadow: 0px 1px 4px #707070;\n}\n\n.index-module--gle4T {\n float: right;\n margin-right: 10%;\n}\n.index-module--li8pV {\n background-image: url("+c+");\n background-repeat: no-repeat;\n background-position: center center;\n background-size: contain;\n width: 50%;\n height: 50%;\n transform: translate(-50%, -50%);\n left: 50%;\n top: 50%;\n position: absolute;\n}\n\n.index-module--gDeD1 .index-module--NTXww {\n /auser In die Zusammenfassung wird ausgeblendet/\n display: none;\n}\n.index-module--gDeD1 .index-module--xOi7v.index-module--xjW3V .index-module--NTXww {\n display: none;\n}\n\n.index-module--gDeD1 .index-module--NTXww .index-module--g_4ro {\n line-height: var(--configuratorActionHeight);\n}\n.index-module--g_4ro .index-module--CSmEc {\n margin-top: 0px;\n}\n\n.index-module--gDeD1 .index-module--g_4ro .index-module--CSmEc,\n.index-module--MQ04O .index-module--g_4ro .index-module--CSmEc {\n margin-top: 0px;\n}\n\n.index-module--CSmEc {\n float: left;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center;\n}\n\n.index-module--Odv_c {\n float: right;\n position: relative;\n margin-right: 20px;\n font-size: 14px;\n -webkit-font-smoothing: antialiased;\n -webkit-text-stroke: 0px;\n line-height: 36.8px;\n min-width: 64px;\n text-align: right;\n font-weight: 300;\n}\n\n.index-module--Odv_c.index-module--mG83s {\n color: #eee;\n opacity: 1;\n transition:\n opacity 0.3s ease-in-out,\n max-width 0.3s ease-in-out;\n max-width: 110px;\n}\n.index-module--Odv_c.index-module--mG83s.index-module--H3WLd {\n opacity: 0;\n max-width: 0px;\n}\n\n.index-module--Odv_c.index-module--mG83s:before {\n position: absolute;\n content: '';\n left: -6px;\n top: 44%;\n right: 0;\n border-top: 2px solid;\n border-color: grey;\n transform: rotate(-7deg);\n}\n\n.index-module--zifQl .index-module--Odv_c.index-module--mG83s:before {\n top: 45%;\n}\n",""]);var x="index-module--NTXww",p="index-module--g_4ro",g="index-module--gle4T",m="index-module--CSmEc",b="index-module--Odv_c",f="index-module--mG83s",h="index-module--H3WLd";const v=u},28717:(n,e,t)=>{t.d(e,{$t:()=>g,FN:()=>b,Is:()=>m,KR:()=>s,LI:()=>u,Qv:()=>f,ZP:()=>v,jl:()=>d,nC:()=>l,op:()=>x,ox:()=>p,rK:()=>c,tW:()=>h});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([n.id,"/Navigaton Buttons/\n.index-module--Ug06K {\n transition: width 0.2s ease-in-out;\n}\n\n.index-module--uMdxf {\n height: 100%;\n font-weight: 300;\n font-size: 14px;\n -webkit-text-stroke: 0px;\n line-height: 36.8px;\n width: 100%;\n display: flex;\n gap: 3px;\n}\n.index-module--j2X1m .index-module--uMdxf {\n line-height: var(--configuratorActionHeight);\n}\n\n.index-module--NUblS {\n border-radius: var(--globalBorderRadius);\n height: 100%;\n text-align: center;\n}\n\n.index-module--mfwxp {\n color: var(--secondaryColor);\n color: var(--navigateBack, var(--secondaryColor));\n float: left;\n width: calc(var(--configuratorActionBackWidth));\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.index-module--vWg5_ {\n border: 1px var(--secondaryColor) solid;\n border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n background-color: white;\n color: var(--secondaryColor);\n color: var(--navigateBack, var(--secondaryColor));\n float: left;\n width: calc(var(--configuratorActionBackWidth));\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.index-module--IneQR {\n border: 1px var(--secondaryColor) solid;\n background-color: var(--secondaryColor);\n background-color: var(--navigateForth, var(--secondaryColor));\n color: #ffffff;\n color: var(--navigateForthFontColor, #ffffff);\n float: right;\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-grow: 3;\n}\n\n.index-module--vWg5_:hover,\n.index-module--IneQR:hover {\n cursor: pointer;\n box-shadow: var(--boxShadowHover);\n}\n.index-module--IneQR svg {\n transform: rotate(180deg);\n position: absolute;\n right: 16px;\n}\n\n.index-module--n4fFc .index-module--IneQR {\n pointer-events: none;\n background-color: #707070;\n background-color: var(--navigateForth, #707070);\n border-color: #707070;\n}\n\n.index-module--YJM3e .index-module--vWg5_ {\n width: 100%;\n}\n\n.index-module--YJM3e .index-module--IneQR {\n display: none;\n}\n\n.index-module--X2uG9 .index-module--vWg5_ {\n display: none;\n}\n\n.index-module--X2uG9 .index-module--IneQR {\n width: 100%;\n}\n\n.index-module--CVPGS .index-module--NUblS,\n.index-module--KE5Qn .index-module--NUblS {\n line-height: calc(var(--configuratorActionHeight) - 5px);\n border-radius: var(--globalBorderRadius);\n}\n",""]);var d="index-module--Ug06K",l="index-module--uMdxf",s="index-module--j2X1m",u="index-module--NUblS",c="index-module--mfwxp",x="index-module--vWg5_",p="index-module--IneQR",g="index-module--n4fFc",m="index-module--YJM3e",b="index-module--X2uG9",f="index-module--CVPGS",h="index-module--KE5Qn";const v=a},39545:(n,e,t)=>{t.d(e,{Ci:()=>x,Jg:()=>g,Q_:()=>p,ZP:()=>b,vX:()=>m});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(38403),t.b),u=a()(i()),c=l()(s);u.push([n.id,".index-module--nrbS_ {\n width: 90%;\n padding: 12px 20px;\n margin: 8px 0;\n display: inline-block;\n border: 1px solid #ccc;\n border-radius: 4px;\n box-sizing: border-box;\n float: left;\n}\n\n.index-module--lGJqa {\n letter-spacing: 0.5px;\n -webkit-text-stroke: 0.1px;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n z-index: 999;\n width: 40em;\n max-width: 70%;\n max-height: 90%;\n background-color: white;\n padding: 1em 2em 0.5em 2em;\n border-radius: 15px;\n border: 1px solid #cbcbcb;\n font-size: 14.4px;\n color: #363636;\n display: flex;\n box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n font-size: 16px;\n -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n padding: 0;\n margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n width: calc(100% - 65px);\n float: left;\n padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n height: 40px;\n width: 55px;\n display: block;\n background-repeat: no-repeat;\n background-position: center;\n float: left;\n clear: both;\n margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n border-radius: 20px;\n position: absolute;\n font-size: 22pt;\n font-family: sans-serif;\n font-weight: 50;\n top: -20px;\n right: -20px;\n width: 40px;\n height: 40px;\n background-color: #fff;\n color: #666;\n border: 2px solid #666;\n text-align: center;\n padding-top: 0px;\n content: 'X';\n}\n\n.index-module--OZydS:hover {\n background-color: #aaa;\n color: #000;\n border: 2px solid #000;\n}\n.index-module--FQDBA {\n border: 1px var(--secondaryColor) solid;\n background-color: var(--secondaryColor);\n color: #ffffff;\n height: 41px;\n width: 8%;\n margin: 8px 0 7px;\n float: right;\n border-radius: var(--globalBorderRadius);\n background-repeat: no-repeat;\n background-position: center center;\n background-image: url("+c+");\n background-size: 16px;\n transform: rotate(180deg);\n}\n",""]);var x="index-module--nrbS_",p="index-module--lGJqa",g="index-module--OZydS",m="index-module--FQDBA";const b=u},52284:(n,e,t)=>{t.d(e,{Bg:()=>k,E9:()=>w,Mq:()=>P,ZP:()=>C,Zk:()=>v,g6:()=>f,jl:()=>j,kL:()=>m,m7:()=>b,rK:()=>p,tM:()=>I,tW:()=>g,vt:()=>y,x6:()=>S,xn:()=>x,zh:()=>h});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(2431),t.b),u=a()(i()),c=l()(s);u.push([n.id,".index-module--IFlVF {\n position: relative;\n\n height: 100%;\n width: 100%;\n overflow: hidden;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n -webkit-touch-callout: none; / iOS Safari /\n -webkit-user-select: none; / Safari / / Konqueror HTML /\n -moz-user-select: none; / Old versions of Firefox / / Internet Explorer/Edge /\n user-select: none; / Non-prefixed version, currently/\n overscroll-behavior-y: contain;\n background-color: var(--configuratorBackgroundColor);\n}\n\n.index-module--IFlVF ,\n.index-module--IFlVF ::before,\n.index-module--IFlVF ::after {\n box-sizing: content-box;\n box-sizing: initial;\n}\n\n.index-module--IFlVF.index-module--y76la {\n height: 100%;\n width: 100%;\n}\n\n.index-module--IFlVF.index-module--IKL3M {\n height: 100%;\n width: 100%;\n}\n\n/****************************************Product***************************************/\n\n.index-module--bAkHK {\n position: absolute;\n width: 63%;\n max-width: calc(100% - 564px);\n left: 0px;\n top: 0;\n height: 100%;\n}\n.index-module--_dUy6 .index-module--bAkHK {\n width: calc(100% - 128px - 16px);\n max-width: none;\n max-width: initial;\n}\n\n.index-module--MbykI {\n position: absolute;\n z-index: 600;\n height: calc(100% - 32px);\n width: calc(37% - 16px);\n min-width: 550px;\n right: 0;\n padding: 16px 16px 16px 0;\n background-color: var(--settingsBackgroundColor);\n transition: width 0.45s;\n box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);\n}\n\n.index-module--xeINC .index-module--MbykI {\n width: 70%;\n}\n\n.index-module--_dUy6 .index-module--MbykI {\n width: calc(128px);\n min-width: 0;\n min-width: initial;\n}\n.index-module--v90g0 .index-module--MbykI {\n width: calc(100% - 16px);\n z-index: 801;\n}\n\n/**********************************ConfigPalette***********************************/\n.index-module--rbJ1a {\n position: absolute;\n width: calc(100% - 128px - 4px - 16px);\n\n overflow-y: hidden;\n overflow-x: hidden;\n overflow: visible;\n z-index: 100;\n right: calc(128px + 4px + 16px);\n top: 16px;\n height: calc(100% - 32px - 4px - 50px);\n}\n\n/**********************************TabGroup****************************************/\n\n.index-module--NOlUe {\n position: absolute;\n z-index: 300;\n right: 16px;\n top: 16px;\n height: calc(100% - 32px - 4px - 50px);\n width: 128px;\n}\n.index-module--OJH2L .index-module--NOlUe {\n top: 80px;\n height: calc(100% - 32px - 4px - 50px - 64px);\n}\n\n/********************************Navigaton Buttons*********************************/\n\n.index-module--ORcZQ {\n position: absolute;\n width: calc(100% - 128px - 4px - 16px);\n height: 50px;\n right: calc(128px + 4px + 16px);\n bottom: 16px;\n z-index: 200;\n}\n\n.index-module--_dUy6 .index-module--ORcZQ {\n overflow: hidden;\n}\n\n/*********************************Basket Button************************************/\n.index-module--NnWir {\n position: absolute;\n width: 128px;\n height: 50px;\n right: 16px;\n bottom: 16px;\n z-index: 200;\n}\n\n/************************************Settings- Expanded ***************************/\n.index-module--xeINC .index-module--rbJ1a,\n.index-module--v90g0 .index-module--rbJ1a,\n.index-module--xeINC .index-module--ORcZQ,\n.index-module--v90g0 .index-module--ORcZQ {\n width: calc(100% - 128px - 16px - 4px);\n}\n\n.index-module--IFlVF.index-module--IKL3M,\n.index-module--y76la.index-module--IFlVF {\n padding: 0;\n padding: initial;\n overflow: hidden;\n}\n/*****************************************************************Mobile Landscape*******************************************************************/\n\n/******************3D / 2D Bereich -- Mobile Landscape ************************/\n.index-module--y76la .index-module--bAkHK {\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n max-width: none;\n max-width: initial;\n}\n\n/*********************ConfigPalette -- Mobile Landscape ************************/\n\n.index-module--y76la .index-module--rbJ1a {\n display: none;\n}\n\n/configuratorPalette wird nach unten aus dem Blickfeld geschoben/\n/ .landscape.settings-hidden .wcConfigurator-settings {\n top: 100%;\n} /\n\n/**************************TabGroup -- Mobile Landscape ************************/\n\n.index-module--y76la .index-module--NOlUe {\n display: none;\n}\n\n/**************Navigaton Buttons -- Mobile Landscape **************************/\n.index-module--y76la .index-module--ORcZQ {\n display: none;\n}\n\n/*****************Basket Button-- Mobile Landscape*****************************/\n.index-module--y76la .index-module--NnWir {\n display: none;\n}\n\n/*****************************************************************Mobile Portrait********************************************************************/\n\n/******************3D / 2D Bereich -- Mobile Portrait *************************/\n.index-module--IKL3M .index-module--bAkHK {\n top: 0px;\n left: 0px;\n height: var(--configuratorProductHeight);\n transition: height 0.2s ease-out;\n width: 100%;\n max-width: none;\n max-width: initial;\n}\n\n/*********************ConfigPalette -- Mobile Portrait ************************/\n\n.index-module--IKL3M .index-module--rbJ1a {\n left: 0px;\n top: auto;\n top: initial;\n transition: height 0.2s ease-out;\n bottom: 0px;\n width: 100%;\n z-index: 1000;\n}\n\n/*************************TabGroup -- Mobile Portrait *************************/\n\n.index-module--IKL3M .index-module--NOlUe {\n position: relative;\n right: auto;\n right: initial;\n top: auto;\n top: initial;\n transition: none 0s ease 0s;\n transition: initial;\n flex-grow: 10;\n height: var(--configuratorTabGroupHeight);\n width: 100%;\n}\n\n/**************Navigaton Buttons -- Mobile Portrait ***************************/\n\n.index-module--IKL3M .index-module--ORcZQ {\n display: none;\n bottom: 0px;\n width: calc(100% - 10px);\n\n height: calc(var(--configuratorActionHeight) - 5px);\n margin: 0 5px 5px 5px;\n padding-top: 0px;\n right: 0px;\n}\n\n/*****************Basket Button-- Mobile Portrait *****************************/\n\n.index-module--IKL3M .index-module--NnWir,\n.index-module--IKL3M.index-module--EMso2 .index-module--NnWir {\n display: none;\n}\n\n/*****************Basket Button-- Mobile Portrait onTop *******************************/\n\n.index-module--OfS8A {\n position: relative;\n transition: bottom 0.2s ease-out;\n width: 50px;\n height: var(--configuratorTabGroupHeight);\n background: no-repeat url("+c+") center center var(--primaryColor);\n background-size: 37%;\n z-index: 600;\n}\n\n.index-module--y76la,\n.index-module--IKL3M {\n --configuratorActionHeight: 50px;\n --configuratorTabGroupHeight: 38px;\n}\n\n.index-module--u9qmL {\n --configuratorTabGroupHeight: 50px;\n --mobile-tabgroup-drawer-border-radius: 16px;\n}\n\n.index-module--IFlVF ::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n.index-module--IFlVF ::-webkit-scrollbar-track {\n background: #dfdfdf;\n border-radius: 3px;\n}\n.index-module--IFlVF ::-webkit-scrollbar-thumb {\n background: #b1b1b1;\n border-radius: 3px;\n}\n",""]);var x="index-module--IFlVF",p="index-module--y76la",g="index-module--IKL3M",m="index-module--bAkHK",b="index-module--_dUy6",f="index-module--MbykI",h="index-module--xeINC",v="index-module--v90g0",y="index-module--rbJ1a",S="index-module--NOlUe",w="index-module--OJH2L",j="index-module--ORcZQ",I="index-module--NnWir",k="index-module--OfS8A",P="index-module--u9qmL";const C=u},76640:(n,e,t)=>{t.d(e,{Mq:()=>m,YS:()=>x,ZP:()=>b,oP:()=>g,qv:()=>p});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(81165),t.b),u=a()(i()),c=l()(s);u.push([n.id,".index-module--OH1rD {\n position: absolute;\n transform: translateZ(0);\n bottom: 12px;\n right: 12px;\n width: 42px;\n height: 42px;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--diva-theme-palette-primary-main);\n border-radius: 50%;\n cursor: pointer;\n z-index: 12000;\n box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n opacity: 0;\n transition:\n opacity 1.5s ease,\n transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n outline: none;\n -webkit-tap-highlight-color: transparent;\n pointer-events: none;\n}\n\n.index-module--OH1rD:hover {\n scale: 0.8;\n}\n\n.index-module--OH1rD:focus {\n scale: 0.9;\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--GRTuu {\n width: 20px;\n height: 20px;\n background-image: url("+c+");\n background-size: contain;\n background-repeat: no-repeat;\n background-position: center;\n}\n\n.index-module--BWnyQ {\n opacity: 1;\n pointer-events: auto;\n}\n\n.vaul-dragging .index-module--OH1rD {\n opacity: 0;\n transition:\n opacity 0s ease,\n transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.index-module--CF6oq {\n bottom: 16px;\n right: 16px;\n width: 52px;\n height: 52px;\n}\n\n.index-module--CF6oq .index-module--GRTuu {\n width: 26px;\n height: 26px;\n}\n",""]);var x="index-module--OH1rD",p="index-module--GRTuu",g="index-module--BWnyQ",m="index-module--CF6oq";const b=u},29390:(n,e,t)=>{t.d(e,{L3:()=>l,LM:()=>s,YS:()=>d,ZP:()=>u});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([n.id,".index-module--rHd3V {\n position: absolute;\n width: 100%;\n height: 3px;\n bottom: 0;\n left: 0;\n z-index: 2000;\n}\n\n.index-module--_zSo1 {\n background: #ccc;\n border-radius: 0 1px 1px 0;\n transition: width 0.35s ease-in-out;\n height: 100%;\n}\n\n.index-module--tkNQ6 {\n background: #eee;\n transition: width 0.35s ease-in-out;\n height: 100%;\n}\n",""]);var d="index-module--rHd3V",l="index-module--_zSo1",s="index-module--tkNQ6";const u=a},40976:(n,e,t)=>{t.d(e,{$t:()=>m.$t,FN:()=>m.FN,Is:()=>m.Is,KR:()=>m.KR,LI:()=>m.LI,Qv:()=>m.Qv,jl:()=>m.jl,nC:()=>m.nC,op:()=>m.op,ox:()=>m.ox,rK:()=>m.rK,tW:()=>m.tW});var o=t(93379),i=t.n(o),r=t(7795),a=t.n(r),d=t(90569),l=t.n(d),s=t(3565),u=t.n(s),c=t(19216),x=t.n(c),p=t(44589),g=t.n(p),m=t(28717),b={};b.styleTagTransform=g(),b.setAttributes=u(),b.insert=l().bind(null,"head"),b.domAPI=a(),b.insertStyleElement=x();i()(m.ZP,b),m.ZP&&m.ZP.locals&&m.ZP.locals},2431:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyNCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUgzLjcwNjQ3QzQuMTcxMjIgMSA0LjU3NDcxIDEuMzIwMTggNC42ODAzMSAxLjc3Mjc3TDUuNjY2NjcgNk01LjY2NjY3IDZMNy44MTk2OSAxNS4yMjcyQzcuOTI1MjkgMTUuNjc5OCA4LjMyODc4IDE2IDguNzkzNTMgMTZIMTkuNzE5MkMyMC4xNzgxIDE2IDIwLjU3ODEgMTUuNjg3NyAyMC42ODk0IDE1LjI0MjVMMjIuNjg5NCA3LjI0MjUzQzIyLjg0NzIgNi42MTEzOSAyMi4zNjk4IDYgMjEuNzE5MiA2SDUuNjY2NjdaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxjaXJjbGUgY3g9IjEwIiBjeT0iMjAiIHI9IjEuMjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPGNpcmNsZSBjeD0iMTgiIGN5PSIyMCIgcj0iMS4yNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4KCg=="},81165:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);

package/build/umd/8607.diva-web-planner-react.umd.min.js.LICENSE.txt ADDED Viewed

	@@ -0,0 +1 @@
1	+ /! filename:8607 /

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

	@@ -0,0 +1,2 @@
1	+ /! For license information please see 8616.diva-web-planner-react.umd.min.js.LICENSE.txt /
2	+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact\|\|[]).push([[8616,8938],{18938:(n,e,o)=>{o.r(e),o.d(e,{default:()=>s});var i=o(65515),t=o.n(i),l=o(9420),c=o(75327),d=(o(87363),o(47514));const s=(0,l.Pi)((function DPACC(n){var e=n.rect,o=n.item,i=n.onElement,l=n.plannerUIProps,s=(0,c._w)(),r=s.getDPUIISSelected(o);return(0,d.jsx)("div",{ref:function ref(n){return i(n)},onClick:function onClick(){var n;s.setDPUISelectionChanged(o,!r),null===(n=o.clickFunction)\|\|void 0===n\|\|n.call(o,o.setId,Number(o.elementId),o.dpId,!r,o.dockToElementId)},style:{left:"percentage"==o.position.interpretation?e.left+"%":e.left+"px",top:"percentage"==o.position.interpretation?e.top+"%":e.top+"px"},className:t()(l.classes.buttonGeneral,"2D"==o.plannerMode?"DOCKING"==o.dockingInfo?l.classes.dockingPoint.DPACC.dp2DAccDocking:l.classes.dockingPoint.DPACC.dp2DAccNotDocking:void 0,"2D"==o.plannerMode&&r&&"NOT_DOCKING"==o.dockingInfo?l.classes.dockingPoint.DPACC.dp2DAccNotDockingSel:void 0,"3D"==o.plannerMode?"DOCKING"==o.dockingInfo?l.classes.dockingPoint.DPACC.dp3DAccDocking:l.classes.dockingPoint.DPACC.dp3DAccNotDocking:void 0,"3D"==o.plannerMode&&r&&"NOT_DOCKING"==o.dockingInfo?l.classes.dockingPoint.DPACC.dp3DAccNotDockingSel:void 0),children:o.posNr})}))},40053:(n,e,o)=>{o.d(e,{Z:()=>useDockingPointPositioning});var i=o(87998),t=o(75327);function useDockingPointPositioning(n){var e,o,l,c,d=n.dpElement,s=n.item,r=(0,t._w)(),a=null==d?void 0:d.getBoundingClientRect(),p=null!==(e=null==s?void 0:s.position.x)&&void 0!==e?e:0,u=null!==(o=null==s?void 0:s.position.y)&&void 0!==o?o:0;if(a&&s){var D=new i.FM(p,u),g=r.getViewConfig(),v=new i.FM(0,0);if("AVL"==(null==s?void 0:s.type)\|\|"AVR"==(null==s?void 0:s.type)){if("2D"===s.plannerMode)switch(g.posDPIcon2D){case"CORNER":break;case"SIDE_TOP":"AVL"==(null==s?void 0:s.type)&&(v=new i.FM(-a.width,0),null!=s&&s.rotOfElement&&(v=i.FM.rotateOrigin(v,null==s?void 0:s.rotOfElement)),D=new i.FM(p+v.x,u+v.y,"pixel"))}}else"AccDP"==(null==s?void 0:s.type)&&"3D"==(null==s?void 0:s.plannerMode)?D.y=100-D.y:"BoxCopyLeft"==s.type\|\|"BoxCopyRight"==(null==s?void 0:s.type)\|\|null==s\|\|s.type;p=D.x,u=D.y}return{width:null!==(l=null==a?void 0:a.width)&&void 0!==l?l:0,height:null!==(c=null==a?void 0:a.height)&&void 0!==c?c:0,top:u,left:p}}},85115:(n,e,o)=>{o.r(e),o.d(e,{default:()=>s});var i=o(34988),t=o(87363),l=o(18938),c=o(40053),d=o(47514);const s=function ItemsDPAccContainer(n){var e=n.item,o=n.plannerUIProps,s=(0,t.useState)(null),r=(0,i.Z)(s,2),a=r[0],p=r[1],u=(0,c.Z)({item:e,dpElement:a});return(0,d.jsx)(d.Fragment,{children:e&&(0,d.jsx)(l.default,{item:e,rect:u,onElement:p,plannerUIProps:o},null==e?void 0:e.key)})}}}]);

package/build/umd/8616.diva-web-planner-react.umd.min.js.LICENSE.txt ADDED Viewed

	@@ -0,0 +1 @@
1	+ /! filename:8616 /

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

	@@ -0,0 +1,2 @@
1	+ /! For license information please see 864.diva-web-planner-react.umd.min.js.LICENSE.txt /
2	+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact\|\|[]).push([[864,9014],{59014:(e,n,i)=>{i.r(n),i.d(n,{default:()=>C});var t=i(34988),a=i(87363),r=i(88683),o=i(93379),s=i.n(o),d=i(7795),I=i.n(d),g=i(90569),l=i.n(g),c=i(3565),M=i.n(c),m=i(19216),u=i.n(m),A=i(44589),D=i.n(A),v=i(88195),x={};x.styleTagTransform=D(),x.setAttributes=M(),x.insert=l().bind(null,"head"),x.domAPI=I(),x.insertStyleElement=u();s()(v.ZP,x);v.ZP&&v.ZP.locals&&v.ZP.locals;var p=i(22182),w=i(47514);const C=function ArViewer(e){var n,i,o,s,d=e.url,I=e.qrCodeUrl,g=e.cameraArButton,l=e.viewerClassName,c=e.arViewerSettings,M=e.isCurrentlyVisible,m="",u=(0,r.useDivaCore)(),A=u.actions,D=u.state,x=D.isFirefox,C=D.isMobile,h=(0,r.useTranslation)().t,T=(0,a.useState)(0),N=(0,t.Z)(T,2),y=N[0],b=N[1],z=(0,a.useState)(!C),S=(0,t.Z)(z,2),f=S[0],j=S[1];return(0,a.useEffect)((function(){A.loadModelViewer()}),[]),g&&(m+="scene-viewer quick-look"),(0,w.jsxs)(w.Fragment,{children:[f&&!1!==M&&I&&(0,w.jsxs)("div",{className:v.GY,children:[(0,w.jsx)(p.ZP,{value:I,className:v.Vf}),(0,w.jsx)("div",{className:v.ze,children:h("pdp.ar.qrtext")}),(0,w.jsx)("div",{className:v.zJ,id:"arThumbnailImg",onClick:function onClick(){return j(!1)}})]}),(0,w.jsx)("model-viewer",{src:d,alt:"A AR Model of a Chair","environment-image":"default"===(null==c?void 0:c[y].environmentImage)?void 0:"neutral",shadowIntensity:null!==(n=null==c?void 0:c[y].shadowIntensity)&&void 0!==n?n:1,shadowSoftness:null!==(i=null==c?void 0:c[y].shadowSoftness)&&void 0!==i?i:1,exposure:null!==(o=null==c?void 0:c[y].exposure)&&void 0!==o?o:1,useEnvironmentasSkybox:null!==(s=null==c?void 0:c[y].useEnvironmentasSkybox)&&void 0!==s&&s,"camera-controls":!0,ar:!0,"ar-modes":x?"":m,style:{overscrollBehavior:"none",width:"100%",height:"100%",touchAction:"none"},class:l}),c&&(0,w.jsx)("select",{name:"arViewerSetting",id:"arViewerSettings",style:{position:"absolute",top:"0px"},onChange:function onChange(e){return function onArViewerSettingsChanged(e){b(parseInt(e.target.value))}(e)},children:c.map((function(e,n){return(0,w.jsx)("option",{value:n,children:e.name},n)}))})]})}},70864:(e,n,i)=>{i.r(n),i.d(n,{default:()=>j});var t=i(84658),a=i(34988),r=i(50747),o=i.n(r),s=i(88683),d=i(87363),I=i.n(d),g=i(93379),l=i.n(g),c=i(7795),M=i.n(c),m=i(90569),u=i.n(m),A=i(3565),D=i.n(A),v=i(19216),x=i.n(v),p=i(44589),w=i.n(p),C=i(48727),h={};h.styleTagTransform=w(),h.setAttributes=D(),h.insert=u().bind(null,"head"),h.domAPI=M(),h.insertStyleElement=x();l()(C.ZP,h);C.ZP&&C.ZP.locals&&C.ZP.locals;var T=i(65515),N=i.n(T),y=i(59014),b=i(47514),z=function(){var e=(0,t.Z)(o().mark((function _callee(e,n){return o().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:return n.abrupt("return",new Promise((function(n){var i=document.createElement("script");i.src="https://scripts.sirv.com/sirvjs/v3/sirv.js",i.type="text/javascript",i.async=!0,i.dataset.components=e,i.onload=n,document.body.appendChild(i)})));case 1:case"end":return n.stop()}}),_callee)})));return function loadSirv(n,i){return e.apply(this,arguments)}}(),S=function getMediaItem(e,n,i,t){var a,r=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],o=arguments.length>5?arguments[5]:void 0,s=!!r.find((function(n){return e.url.includes(n)})),d=f(e);switch(e.mediaType){case"VID":case"PCT":case void 0:try{var I=new URL(e.url);return t&&(I.searchParams.append("scale.option","noup"),I.searchParams.append("w","3000")),s?(I.searchParams.append("crop.type","trim"),I.searchParams.append("crop.pad.x","10%"),I.searchParams.append("crop.pad.y","10%"),(0,b.jsx)("div",{"data-src":I.toString(),id:"main3dImage","data-options":"SHO"==e.functionType\|\|"ART"==e.functionType?"mode:deep":void 0,"data-type":"PCT"==e.mediaType?"zoom":void 0,children:d},I.toString())):(0,b.jsx)("img",{"data-src":I.toString(),"data-type":"static","data-option":"fit:cover",id:"main3dImage",children:d},I.toString())}catch(e){return(0,b.jsx)("div",{children:"Invalid Url"})}case"AR":return(0,b.jsxs)("div",{"data-swipe-disabled":!0,children:[(0,b.jsx)(y.default,{url:e.url,arViewerSettings:e.arViewerSettings,qrCodeUrl:o?o+"/arViewer?arMedia="+(null!==(a=e.shortUrl)&&void 0!==a?a:e.url):void 0,type:"ArViewer",cameraArButton:!0,isCurrentlyVisible:i===n}),d]},n)}return(0,b.jsx)(b.Fragment,{})},f=function getThumb(e){var n=e.thumb;return"string"==typeof n?(0,b.jsx)("smv-thumbnail",{children:(0,b.jsx)("img",{src:n},n)}):I().isValidElement(n)?(0,b.jsx)("smv-thumbnail",{children:n}):"AR"===e.mediaType?(0,b.jsx)("smv-thumbnail",{id:"thumbnail",children:(0,b.jsx)("div",{className:C.fW})}):void 0};const j=function MediaViewer(e){var n=e.medias,t=e.mediaIds,r=e.itemKey,o=void 0===r?"MediaViewer":r,I=e.onLandscapeOptions,g=e.defaultDataOptions,l=e.currentItem,c=void 0===l?0:l,M=e.showRotationIconInFullscreen,m=e.setCurrentItem,u=e.keepOldZoomIcons,A=((0,d.useMemo)((function(){return(0,s.getLogger)("MediaViewer","ContentBox")}),[]),(0,d.useState)(n)),D=(0,a.Z)(A,2),v=D[0],x=D[1],p=(0,s.useTranslation)().t,w=o,h=(0,s.useDivaCore)(),T=h.state,y=T.dimensions,f=y.isPortrait,j=y.isMobile,L=y.isTablet,k=y.height,E=y.width,P=T.apiConfig,O=P.baseSirvUrls,Z=P.arViewerBaseUrl,R=h.handler.mediaHandler;(0,d.useEffect)((function(){x(n)}),[n]),(0,d.useEffect)((function(){u\|\|i.e(4145).then(i.bind(i,24145))}),[]),(0,d.useEffect)((function(){var e;null!=t&&t.length&&JSON.stringify(t)!==JSON.stringify(null!==(e=null==v?void 0:v.map((function(e){return e._id})))&&void 0!==e?e:[])&&R.getMediaByIds(t).then((function(e){x(e)}))}),[t]);var U=function fullscreenIn(){if(M&&j&&f&&E<500){var e=document.getElementsByClassName("smv-fullscreen-box")[0];if(e){var n=document.createElement("div");n.className=C.AH,e.appendChild(n)}}},Q=function onSpinReady(e){null==m\|\|m(e.index)},Y=function subscribeToEvents(){var e=window.Sirv;e.on("viewer:afterSlideIn",Q),e.on("viewer:fullscreenIn",U)};(0,d.useEffect)((function(){var e=window;return e.Sirv?Y():z("zoom, spin, video",v).then((function(){Y(),e.Sirv.start()})),function(){var n=e.Sirv;n&&(n.off("viewer:afterSlideIn",Q),n.off("viewer:fullscreenIn",U))}}),[]);var H=g;return void 0!==c&&(H+=";slide.first:"+c),!f&&j&&I&&k<500&&(H+=I),p("sirv.zoom.hint.text.click","")&&(H+=";zoom.hint.text.click: ".concat(p("sirv.zoom.hint.text.click"))),p("sirv.zoom.hint.text.hover","")&&(H+=";zoom.hint.text.hover: ".concat(p("sirv.zoom.hint.text.hover"))),p("sirv.zoom.hint.text.dblclick","")&&(H+=";zoom.hint.text.dblclick: ".concat(p("sirv.zoom.hint.text.dblclick"))),p("sirv.spin.hint.message.text","")&&(H+=";zoom.spin.hint.message.text: ".concat(p("sirv.spin.hint.message.text"))),(0,b.jsx)("div",{id:w,className:N()(C.QH,"Sirv basic 3DSirvViewer-Container","diva-media-viewer"),"data-options":H,children:null==v?void 0:v.map((function(e,n){return S(e,n,c,j&&!L,O,Z)}))},w)}},88195:(e,n,i)=>{i.d(n,{GY:()=>c,Vf:()=>M,ZP:()=>A,zJ:()=>m,ze:()=>u});var t=i(8081),a=i.n(t),r=i(23645),o=i.n(r),s=i(61667),d=i.n(s),I=new URL(i(90140),i.b),g=o()(a()),l=d()(I);g.push([e.id,".index-module--PD1WN {\n position: absolute;\n bottom: 10px;\n right: 0px;\n left: 0px;\n margin-left: auto;\n margin-right: auto;\n width: 361px;\n height: 90px;\n margin-bottom: 10px;\n display: flex;\n flex-direction: row;\n gap: 10px;\n box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0.75rem 0.15rem;\n border-radius: 0.3rem;\n padding-left: 5px;\n padding-right: 5px;\n align-items: center;\n gap: 10px;\n}\n\n.index-module--AWoJQ {\n width: 80px;\n height: 80px;\n}\n\n.index-module--sIl1Z {\n position: absolute;\n cursor: pointer;\n top: 7px;\n right: 7px;\n width: 12px;\n height: 12px;\n background-image: url("+l+");\n background-repeat: no-repeat;\n z-index: 1;\n}\n\n.index-module--NiigZ {\n width: 250px;\n height: 80px;\n word-wrap: break-word;\n font-family: var(--diva-typography-font-family);\n}\n",""]);var c="index-module--PD1WN",M="index-module--AWoJQ",m="index-module--sIl1Z",u="index-module--NiigZ";const A=g},48727:(e,n,i)=>{i.d(n,{AH:()=>v,QH:()=>A,ZP:()=>x,fW:()=>D});var t=i(8081),a=i.n(t),r=i(23645),o=i.n(r),s=i(61667),d=i.n(s),I=new URL(i(76354),i.b),g=new URL(i(98132),i.b),l=new URL(i(4336),i.b),c=o()(a()),M=d()(I),m=d()(g),u=d()(l);c.push([e.id,".diva-media-viewer .smv-button-fullscreen-open .smv-icon {\n -webkit-mask-image: url("+M+") !important;\n mask-image: url("+M+") !important;\n mask-size: 75% !important;\n -webkit-mask-size: 75% !important;\n}\n\n.diva-media-viewer .smv-button-fullscreen-open .smv-icon {\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n background-color: #4f4f4f;\n}\n\n.index-module--RsTal .smv-button .smv-button-fullscreen .smv-button-fullscreen-close {\n display: none;\n}\n\n.diva-media-viewer .smv-bullets.smv-h .smv-selectors {\n min-height: 20px !important;\n}\n\n.smv-thumbnails .smv-selector[data-type='spin']:before {\n background-image: url('https://scripts.sirv.com/sirvjs/v3/graphics/icons/white/icon.spin.12.svg') !important;\n}\n\n.diva-product-wrapper .smv-selectors-box.smv-v.smv-thumbnails {\n margin: 10px;\n height: calc(100% - 20px);\n}\n\n#DivaCore .smv-selectors-box {\n z-index: 50;\n}\n\n#DivaCore .smv-selectors-scroll-container .smv-scroll {\n align-items: inherit;\n}\n.index-module--JiNAH {\n height: 100%;\n width: 100%;\n background-size: contain;\n background-position: center;\n width: 70px;\n height: 70px;\n background-image: url("+m+");\n}\n\n.index-module--_m700 {\n position: absolute;\n top: 0;\n left: 0;\n width: 30px;\n height: 30px;\n background: center / contain no-repeat url("+u+");\n z-index: 100;\n margin: 16px;\n}\n\n#DivaCore .smv-item smv-thumbnail[data-type='html'] {\n width: auto !important;\n height: auto !important;\n}\n",""]);var A="index-module--RsTal",D="index-module--JiNAH",v="index-module--_m700";const x=c},98132:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKIHdpZHRoPSIyNTAuMDAwMDAwcHQiIGhlaWdodD0iMjUwLjAwMDAwMHB0IiB2aWV3Qm94PSIwIDAgMjUwLjAwMDAwMCAyNTAuMDAwMDAwIgogcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsMjUwLjAwMDAwMCkgc2NhbGUoMC4xMDAwMDAsLTAuMTAwMDAwKSIKICBmaWxsPSIjMDAwMDAwIiBzdHJva2U9Im5vbmUiPgogIDxwYXRoIGQ9Ik02NDIgMjA0NyBsLTMyIC0zMyAwIC03NjUgMCAtNzY1IDMzIC0zMiAzMyAtMzIgMzg1IDAgMzg1IDAgMzIgMzMKICAzMiAzMyAwIDc2NSAwIDc2NSAtMzMgMzIgLTMzIDMyIC0zODUgMCAtMzg1IDAgLTMyIC0zM3ogbTEzNiAtNjQgYzYgLTU3IDExCiAgLTU4IDI4MiAtNTggMjc0IDAgMjgwIDEgMjgwIDYyIDAgMzQgMSAzNCAzMyAyOCAxNyAtNCAzOCAtMTMgNDYgLTIwIDI2IC0yNQogIDMyIC0yMDIgMjkgLTgzMyBsLTMgLTYzNCAtMjQgLTE5IGMtMjIgLTE4IC00MyAtMTkgLTM2MSAtMTkgLTMxOCAwIC0zMzkgMQogIC0zNjEgMTkgbC0yNCAxOSAtMyA2OTQgYy0yIDM4MSAwIDcwOCAzIDcyNiA0IDIzIDE2IDM5IDM4IDUzIDQzIDI2IDYxIDIxIDY1CiAgLTE4eiIvPgogIDxwYXRoIGQ9Ik0xMTUzIDE2MjkgbC0yMTMgLTEyMSAwIC0zMjEgMCAtMzIyIDk3IC01NSBjMjU1IC0xNDUgMzM3IC0xODkgMzQ1CiAgLTE4NCA0IDMgOCAxOSA4IDM1IDAgMzMgLTUgMzcgLTI0NSAxODIgbC0xMjAgNzIgLTMgMjQ4IGMtMSAxMzYgMCAyNDcgMiAyNDcKICAyIDAgNzQgLTQwIDE1OSAtOTAgODYgLTQ5IDE2NiAtOTEgMTc5IC05MiAyMCAtMyAyMyAxIDIzIDMxIDAgMzMgLTMgMzYgLTE1NwogIDEyNSAtODcgNTAgLTE1OCA5NCAtMTU4IDk4IDAgMyA2NCA0NCAxNDIgODkgNzggNDYgMTUwIDkxIDE2MCAxMDEgMjEgMjEgMjUKICA3OCA2IDc4IC03IDAgLTEwOSAtNTUgLTIyNSAtMTIxeiIvPgogIDxwYXRoIGQ9Ik0xNTgwIDE3MjYgYzAgLTIxIDcgLTQzIDE4IC01NCAxMCAtMTAgODMgLTU2IDE2MyAtMTAyIDc5IC00NSAxNDUKICAtODQgMTQ3IC04NSAyIC0xIC02MSAtNDAgLTE0MCAtODUgLTE2NSAtOTUgLTE4OCAtMTE0IC0xODggLTE1MCAwIC01MiAtNCAtNTQKICAyMTggNzYgNzkgNDYgMTQ1IDg0IDE0OCA4NCAyIDAgMyAtMTExIDIgLTI0NyBsLTMgLTI0OCAtMTIwIC03MiBjLTI0MCAtMTQ1CiAgLTI0NSAtMTQ5IC0yNDUgLTE4MiAwIC0xNiA0IC0zMiA4IC0zNSA4IC01IDg3IDM3IDM0NSAxODQgbDk3IDU1IC0yIDMyMyAtMwogIDMyNCAtMTYwIDkwIGMtODggNDkgLTE4OCAxMDYgLTIyMiAxMjUgbC02MyAzNSAwIC0zNnoiLz4KICA8L2c+Cjwvc3ZnPg=="},76354:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3IDcuMDAwMDJMMTcgMS4wMDAwNEwxMSAxLjAwMDA0TTAuOTk5OTYzIDExTDAuOTk5OTYzIDE3TDYuOTk5OTggMTciIHN0cm9rZT0iIzRGNEY0RiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"},4336:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMTkiIHk9IjkiIHdpZHRoPSIxMCIgaGVpZ2h0PSIxNSIgcng9IjMiIHRyYW5zZm9ybT0icm90YXRlKDkwIDE5IDkpIiBzdHJva2U9IiM0RjRGNEYiIHN0cm9rZS13aWR0aD0iMS4yIi8+CjxwYXRoIGQ9Ik0xIDE3LjAwMDlMMSA0LjAwMDg1QzEgMi4zNDQgMi4zNDMxNSAxLjAwMDg1IDQgMS4wMDA4NUw4IDEuMDAwODVDOS42NTY4NSAxLjAwMDg1IDExIDIuMzQ0IDExIDQuMDAwODVMMTEgOS4wMDA4NSIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNyA2LjAwMDg1QzE3IDMuNzkxNzIgMTUuMjA5MSAyLjAwMDg1IDEzIDIuMDAwODUiIHN0cm9rZT0iIzRGNEY0RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNSA1LjAwMDg0TDE3IDYuOTQ2MTdMMTkgNS4wMDA4MiIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg=="},90140:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNi45OTk5OCAxLjEzNDc3TDEgNy4xMzQ3NU02Ljk5OTk4IDcuMTM0NzdMMSAxLjEzNDc5IiBzdHJva2U9IiNCNkI2QjciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);

package/build/umd/864.diva-web-planner-react.umd.min.js.LICENSE.txt ADDED Viewed

	@@ -0,0 +1 @@
1	+ /! filename:864 /

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

	@@ -0,0 +1,2 @@
1	+ /! For license information please see 8686.diva-web-planner-react.umd.min.js.LICENSE.txt /
2	+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact\|\|[]).push([[8686,1801],{21801:(e,n,i)=>{i.r(n),i.d(n,{default:()=>b});var t=i(34988),o=i(93379),d=i.n(o),r=i(7795),l=i.n(r),a=i(90569),s=i.n(a),x=i(3565),C=i.n(x),c=i(19216),u=i.n(c),m=i(44589),p=i.n(m),f=i(23240),v={};v.styleTagTransform=p(),v.setAttributes=C(),v.insert=s().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=u();d()(f.ZP,v);f.ZP&&f.ZP.locals&&f.ZP.locals;var h=i(87363),g=i(75327),y=i(65515),w=i.n(y),j=i(9420),P=i(47514);const b=(0,j.Pi)((function InfoIcon(e){var n,i,o,d=e.item,r=e.style,l=(0,g.NP)(),a=d.contentItemId,s=null!==(n=null!==(i=null!==(o=d.codex)&&void 0!==o?o:d.articleCodex)&&void 0!==i?i:d.title)&&void 0!==n?n:d.key,x=(0,h.useState)(!1),C=(0,t.Z)(x,2),c=C[0],u=C[1],m=d.sel\|\|c;if((0,h.useEffect)((function(){var e=l.settingsState.contentItemVisible&&l.settingsState.contentItemId==a&&s==l.settingsState.clickedFrom;!e&&c&&u(!1),e&&!c&&u(!0)}),[l.settingsState.contentItemVisible,l.settingsState.contentItemId,l.settingsState.clickedFrom]),!d)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!d.op\|\|null===(e=l.uiState.ViewConfig.infoIconSettings)\|\|void 0===e\|\|!e.onlyShowSelectedOPV\|\|m}()?(0,P.jsx)("div",{className:f.um,onClick:function onClick(e){l.settingsState.onClickContentItemId(a,s),u(l.settingsState.contentItemVisible&&l.settingsState.contentItemId==a),e.stopPropagation()},style:r,children:(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("div",{className:w()(f.hv,m?void 0:f.al,c?f.FJ:void 0),children:(0,P.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,P.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,P.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,P.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,P.jsx)("div",{className:w()(f.dA,m?f.al:void 0),children:(0,P.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,P.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,P.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,P.jsx)(P.Fragment,{})}))},68686:(e,n,i)=>{i.r(n),i.d(n,{default:()=>S});var t=i(34988),o=i(87363),d=i(9420),r=i(75327),l=i(65515),a=i.n(l),s=i(93379),x=i.n(s),C=i(7795),c=i.n(C),u=i(90569),m=i.n(u),p=i(3565),f=i.n(p),v=i(19216),h=i.n(v),g=i(44589),y=i.n(g),w=i(23623),j={};j.styleTagTransform=y(),j.setAttributes=f(),j.insert=m().bind(null,"head"),j.domAPI=c(),j.insertStyleElement=h();x()(w.ZP,j);w.ZP&&w.ZP.locals&&w.ZP.locals;var P=i(21801),b=i(91087),I=i(47514);const S=(0,d.Pi)((function Radio(e){var n=e.item,i=e.style,d=e.paletteId,l=e.displayMode,s=e.hidePricePreview,x=(0,r.NP)(),C=(0,o.useState)([]),c=(0,t.Z)(C,2),u=c[0],m=c[1],p=(0,o.useState)(),f=(0,t.Z)(p,2),v=f[0],h=f[1],g=(0,o.useState)(l\|\|"boxed"),y=(0,t.Z)(g,2),j=y[0],S=(y[1],(0,o.useState)(!1)),Z=(0,t.Z)(S,2),N=Z[0],F=Z[1];(0,o.useEffect)((function(){var e=n.groups.flatMap((function(e){return e.items})),i=e.every((function(e){return e.text.endsWith("cm")}));m(e),F(i),h(e.findIndex((function(e){return e.sel})))}),[n]);var q=function onChangeValue(e){h(e);var n=u[e];n&&x.paletteViewHandler.clickedOnConfigPalette(n,void 0,d)};if(0===u.length)return(0,I.jsx)(I.Fragment,{});var M=function getLabelText(e){return N?e.text.replace("cm",""):e.text};return(0,I.jsxs)("div",{className:w.YS,ref:function ref(e){return n.htmlRef=e},style:i,children:[(0,I.jsx)("div",{className:w.TN,children:n.name+(N?" (cm)":"")}),"boxed"===j?function renderBoxed(){return(0,I.jsx)("div",{className:w.UH,children:u.map((function(e,n){return(0,I.jsxs)("div",{className:a()(w.dm,v===n&&w.hv),onClick:function onClick(){return q(n)},children:[(0,I.jsx)("div",{dangerouslySetInnerHTML:{__html:M(e)}}),e.contentItemId&&(0,I.jsx)(P.default,{item:e},e.codex),!s&&void 0!==e.pricePreviewPromise&&(0,I.jsx)(b.default,{asyncPricePreview:e.pricePreviewPromise,sel:e.sel})]},n)}))})}():function renderList(){return(0,I.jsx)("div",{className:w.Lc,children:u.map((function(e,n){return(0,I.jsxs)("div",{className:w.vd,onClick:function onClick(){return q(n)},children:[(0,I.jsx)("div",{className:a()(w.w5,v===n&&w.hv),children:(0,I.jsx)("div",{className:a()(w.gB,v===n&&w.hv)})}),(0,I.jsx)("div",{className:a()(w.PS,v===n&&w.hv),dangerouslySetInnerHTML:{__html:M(e)}}),e.contentItemId&&(0,I.jsx)(P.default,{item:e},e.codex),!s&&void 0!==e.pricePreviewPromise&&(0,I.jsx)(b.default,{asyncPricePreview:e.pricePreviewPromise,sel:e.sel})]},n)}))})}()]})}))},23240:(e,n,i)=>{i.d(n,{FJ:()=>C,Oq:()=>x,ZP:()=>m,al:()=>u,dA:()=>s,fL:()=>c,hv:()=>a,um:()=>l});var t=i(8081),o=i.n(t),d=i(23645),r=i.n(d)()(o());r.push([e.id,".index-module--CjCgr {\n position: absolute;\n bottom: 0px;\n right: 0px;\n cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n position: absolute;\n opacity: 1;\n transition: 0.3s opacity ease;\n z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n width: 20px;\n width: var(--infoIconSize, 20px);\n height: 20px;\n height: var(--infoIconSize, 20px);\n transition:\n 0.3s width ease,\n 0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n opacity: 0;\n z-index: 10;\n}\n",""]);var l="index-module--CjCgr",a="index-module--C9QBx",s="index-module--a2wqn",x="index-module--fLFjU",C="index-module--nTN4r",c="index-module--FaRqp",u="index-module--oBSZj";const m=r},23623:(e,n,i)=>{i.d(n,{Lc:()=>c,PS:()=>f,TN:()=>a,UH:()=>s,YS:()=>l,ZP:()=>v,dm:()=>x,gB:()=>p,hv:()=>C,vd:()=>u,w5:()=>m});var t=i(8081),o=i.n(t),d=i(23645),r=i.n(d)()(o());r.push([e.id,".index-module--ptxMZ {\n display: flex;\n flex-direction: column;\n margin-bottom: 24px;\n width: 100%;\n}\n\n.index-module--X1DVu {\n font-weight: bold;\n font-size: 16px;\n margin-bottom: 16px;\n text-align: left;\n color: var(--secondaryColor);\n}\n\n/* Boxed Mode /\n.index-module--KIReo {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n}\n\n.index-module--eoa3S {\n position: relative;\n border: 1px solid #e0e0e0;\n border: 1px solid var(--optionItemBorderColor, #e0e0e0);\n border-radius: var(--globalBorderRadius);\n padding: 12px 24px;\n cursor: pointer;\n flex: 1;\n min-width: 120px;\n display: flex;\n justify-content: center;\n align-items: center;\n transition: all 0.2s ease-in-out;\n background-color: #fff;\n}\n\n.index-module--eoa3S.index-module--HoaxU {\n border-color: var(--primaryColor);\n color: var(--primaryColor);\n}\n\n/ List Mode /\n.index-module--qUNzP {\n display: flex;\n flex-direction: column;\n gap: 16px;\n}\n\n.index-module--WgT0o {\n position: relative;\n display: flex;\n align-items: center;\n cursor: pointer;\n gap: 12px;\n}\n\n.index-module--yqUyo {\n width: 24px;\n height: 24px;\n border: 2px solid #e0e0e0;\n border: 2px solid var(--optionItemBorderColor, #e0e0e0);\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n transition: border-color 0.2s ease-in-out;\n}\n\n.index-module--yqUyo.index-module--HoaxU {\n border-color: var(--primaryColor);\n}\n\n.index-module--FeZni {\n width: 12px;\n height: 12px;\n background-color: var(--primaryColor);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease-in-out;\n}\n\n.index-module--FeZni.index-module--HoaxU {\n opacity: 1;\n}\n\n.index-module--q1nJs {\n font-size: 16px;\n color: var(--secondaryColor);\n}\n\n.index-module--q1nJs.index-module--HoaxU {\n color: var(--primaryColor);\n}\n\n/ Helper to toggle between modes for demo */\n.index-module--eyrXD {\n font-size: 10px;\n color: #999;\n cursor: pointer;\n margin-top: 8px;\n text-decoration: underline;\n align-self: flex-start;\n}",""]);var l="index-module--ptxMZ",a="index-module--X1DVu",s="index-module--KIReo",x="index-module--eoa3S",C="index-module--HoaxU",c="index-module--qUNzP",u="index-module--WgT0o",m="index-module--yqUyo",p="index-module--FeZni",f="index-module--q1nJs";const v=r}}]);

package/build/umd/8686.diva-web-planner-react.umd.min.js.LICENSE.txt ADDED Viewed

	@@ -0,0 +1 @@
1	+ /! filename:8686 /

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

@@ -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:(t,r,a)=>{"use strict";a.r(r),a.d(r,{default:()=>D});var o=a(84658),i=a(13125),c=a(43860),d=a(80248),l=a(50747),h=a.n(l),g=a(63846),u=a(22080),v=a(88683);function _createForOfIteratorHelper(t,r){var a="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!a){if(Array.isArray(t)||(a=function _unsupportedIterableToArray(t,r){if(t){if("string"==typeof t)return _arrayLikeToArray(t,r);var a={}.toString.call(t).slice(8,-1);return"Object"===a&&t.constructor&&(a=t.constructor.name),"Map"===a||"Set"===a?Array.from(t):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?_arrayLikeToArray(t,r):void 0}}(t))||r&&t&&"number"==typeof t.length){a&&(t=a);var o=0,i=function F(){};return{s:i,n:function n(){return o>=t.length?{done:!0}:{done:!1,value:t[o++]}},e:function e(t){throw t},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var c,d=!0,l=!1;return{s:function s(){a=a.call(t)},n:function n(){var t=a.next();return d=t.done,t},e:function e(t){l=!0,c=t},f:function f(){try{d||null==a.return||a.return()}finally{if(l)throw c}}}}function _arrayLikeToArray(t,r){(null==r||r>t.length)&&(r=t.length);for(var a=0,o=Array(r);a<r;a++)o[a]=t[a];return o}var m=(0,v.getLogger)("Planner","Planner2DGrid"),D=function(){return(0,c.Z)((function Planner2DGrid(t,r,a,o,c,l){var h=this;(0,i.Z)(this,Planner2DGrid),(0,d.Z)(this,"autoDockingDistance",20),(0,d.Z)(this,"dimGroupWidthName","DimensionGroup_Width"),(0,d.Z)(this,"dimGroupHeightName","DimensionGroup_Height"),(0,d.Z)(this,"canvas",void 0),(0,d.Z)(this,"renderGeneration",0),(0,d.Z)(this,"canvas2DGridID","wcConfigurator-grid-2D-canvas"),(0,d.Z)(this,"borderFactorHori",.7),(0,d.Z)(this,"borderFactorVert",.64),(0,d.Z)(this,"maxZoom",4),(0,d.Z)(this,"deltaRotDeg",void 0),(0,d.Z)(this,"inDragMode",!1),(0,d.Z)(this,"currZoomFactor",1),(0,d.Z)(this,"currCenteringOffset",new u.FM(0,0)),(0,d.Z)(this,"zoomFactorBBoxDimLastFrame",new u.FM(0,0)),(0,d.Z)(this,"plannerPaletteViewInfo",void 0),(0,d.Z)(this,"settingsState",void 0),(0,d.Z)(this,"getConfiguratorState",void 0),(0,d.Z)(this,"updatePlannerTrans",void 0),(0,d.Z)(this,"getPlannerElementById",void 0),(0,d.Z)(this,"getPlannerViewConfig",void 0),(0,d.Z)(this,"forceViewToEnterPlannerMode",void 0),(0,d.Z)(this,"onDragStarted",(function(t,r){h.inDragMode=!0,m.debug("On Drag Started"),["PLANNER","PRODUCTS","PROMOTED","ACC_PLANNER","PLANNER_2.0"].includes(h.getConfiguratorState())||h.forceViewToEnterPlannerMode(!0),h.getPlannerElementById(t,r)&&h.updatePlannerTrans(t,r,new u.P(0,0,0),0,0,"START",h.autoDockingDistance)})),(0,d.Z)(this,"onDragMove",(function(t,r,a){h.getPlannerElementById(t,r)&&h.updatePlannerTrans(t,r,new u.P(a.x/h.currZoomFactor,0,a.y/h.currZoomFactor),0,45,"UPDATE",h.autoDockingDistance)})),(0,d.Z)(this,"onDragEnd",(function(t,r){m.debug("On Drag END"),h.inDragMode=!1,h.updatePlannerTrans(t,r,new u.P(0,0,0),0,0,"END",h.autoDockingDistance)})),(0,d.Z)(this,"resetSelectedElementsOnEnterPlannerMode",(function(){return!1})),(0,d.Z)(this,"getContentAsJPG",(function(){if(h.canvas){var t=h.canvas.backgroundColor,r=h.canvas.width,a=h.canvas.height;h.canvas.backgroundColor="#fff";for(var o=h.canvas.getObjects(),i=void 0,c=void 0,d=0;d<o.length;d++){var l=o[d];if(l.name==h.dimGroupHeightName||l.name==h.dimGroupWidthName){l.dirty=!0;for(var g=0;g<l.getObjects().length;g++)if("text"==l.getObjects()[g].type){var u=l.getObjects()[g];l.name==h.dimGroupHeightName?c=u:l.name==h.dimGroupWidthName&&(i=u)}}}var v=0,D=0,p=0,P=30,w=13,S=!1;h.canvas.width&&h.canvas.width<500&&(P=17,w=7,S=!0),null!=i&&(v=i.fontSize,D=i.top,i.fontSize=P,i.dirty=!0,i.top=i.top+w),null!=c&&(p=c.fontSize,c.fontSize=P,c.dirty=!0),m.debug("This.canvas.width: "+h.canvas.width+"; this.canvas.height: "+h.canvas.height),h.canvas.width&&S&&h.canvas.setWidth(1.15*h.canvas.width),h.canvas.height&&S&&h.canvas.setHeight(1.15*h.canvas.height),h.canvas.renderAll();var y=h.canvas.toDataURL({format:"jpeg",quality:.8});return null!=i&&(i.fontSize=v,i.top=D,i.group.dirty=!0),null!=c&&(c.fontSize=p,c.group.dirty=!0),h.canvas.backgroundColor=t,r&&h.canvas.setWidth(r),a&&h.canvas.setHeight(a),h.canvas.renderAll(),y}return""})),this.getConfiguratorState=t,this.getPlannerElementById=r,this.getPlannerViewConfig=a,this.forceViewToEnterPlannerMode=o,this.updatePlannerTrans=void 0,this.deltaRotDeg=this.getPlannerViewConfig().deltaRotDeg2D,this.plannerPaletteViewInfo=c,this.settingsState=l}),[{key:"initialize",value:function initialize(t){this.updatePlannerTrans=t,this.canvas?this.canvas&&this.canvas.clear():this.canvas=new g.fabric.Canvas(this.canvas2DGridID)}},{key:"clearView",value:function clearView(){this.canvas&&this.canvas.clear()}},{key:"handleRotation",value:function handleRotation(t,r,a){switch(this.updatePlannerTrans(t,r,new u.P(0,0,0),0,this.deltaRotDeg,"START",0),a){case"CLOCKWISE":this.updatePlannerTrans(t,r,new u.P(0,0,0),this.deltaRotDeg,this.deltaRotDeg,"UPDATE",0);break;case"COUNTERCLOCKWISE":this.updatePlannerTrans(t,r,new u.P(0,0,0),-this.deltaRotDeg,this.deltaRotDeg,"UPDATE",0)}this.updatePlannerTrans(t,r,new u.P(0,0,0),0,this.deltaRotDeg,"END",10)}},{key:"updateUI",value:function updateUI(t,r,a,o,i){var c=this;this.inDragMode||(t.clear2D3DViewerUI(),m.debug("UpdateUI","Planner2DGrid"),r.forEach((function(r,d){for(var l=0;l<r.length;l++)if(r[l].getSVGShapeOLF2D()){var h=r[l],g=!1,u=i;if(a.has(d))for(var v=a.get(d),m=0;m<v.length;m++)if(h.getElementId()==v[m].getElementId()){g=!0;break}if(!g&&!u&&o.has(d)){var D=o.get(d);for(m=0;m<D.length;m++)if(h.getElementId()==D[m].getElementId()){u=!0;break}}c.addPosNrUI(t,h,g,u),c.addDPUI(t,h),g?(["PLANNER","PRODUCTS","PROMOTED","PLANNER_2.0"].includes(c.getConfiguratorState())&&(c.addDelIcon(t,h),c.addRotIcon(t,h)),c.addElemOutline(t,h,!0,!1)):u&&c.addElemOutline(t,h,!1,!0),"ACC_PLANNER"==c.getConfiguratorState()&&(h.getIsDockedAccessoire()||h.getIsNotDockedAccessoire())&&c.addDelIcon(t,h)}})))}},{key:"getWorldCorner",value:function getWorldCorner(t,r){return r&&t.HasOLFPolygon?t.WorldPosCornerIgnoreOLF:!r&&t.HasOLFPolygon?t.getWorldPosCornerOLF():t.getWorldPosCorner()}},{key:"addElemOutline",value:function addElemOutline(t,r,a,o){if(!r.getIsDockedAccessoire()||"ACC_PLANNER"===this.getConfiguratorState()){var i=this.getWorldCorner(r,!0),c=r.getWidth(),d=r.getDepth(),l=this.worldPosToScreenPos(new u.FM(i.x,i.z));t.addElemOutlineUI(r.getSetId(),r.getElementId(),r.getRotDeg(),l,new u.FM(Math.round(c*this.currZoomFactor),Math.round(d*this.currZoomFactor)),this.getIconState(a,o),this.onDragStarted,this.onDragMove,this.onDragEnd,"2D")}}},{key:"getIconState",value:function getIconState(t,r){return t?"selected":r?"selectable":"unselectable"}},{key:"addPosNrUI",value:function addPosNrUI(t,r,a,o){var i;if(!r.getIsDockedAccessoire()||"ACC_PLANNER"===this.getConfiguratorState()){var c=this.getPlannerViewConfig(),d=new u.FM(0,0,"pixel");if("TOP_LEFT_BACK"==c.posNumIcon){var l=this.getWorldCorner(r,!1);d=this.worldPosToScreenPos(new u.FM(l.x,l.z))}t.addPosNrUI(r.getSetId(),r.getElementId(),r.getIsDockedAccessoire(),d,r.getRotDeg(),this.currZoomFactor,null===(i=t.getPosNrByBasketId(r.getBasketId()))||void 0===i?void 0:i.toString(),this.getIconState(a,o),"2D")}}},{key:"addDelIcon",value:function addDelIcon(t,r){if(!r.getIsDockedAccessoire()||"ACC_PLANNER"==this.getConfiguratorState()){var a=new u.FM(0,0),o=this.getWorldCorner(r,!1),i=this.worldPosToScreenPos(new u.FM(o.x,o.z));switch(this.getPlannerViewConfig().posTrashRotIcon){case"POSNUM_TOP":a=i;break;case"TOP_RIGHT_BACK":var c=new u.FM(r.getWidth()*this.currZoomFactor,0);c=u.FM.rotateOrigin(c,r.getRotDeg()),a=new u.FM(i.x+c.x,i.y+c.y)}t.addTrashIconUI(r.getSetId(),r.getElementId(),r.getRotDeg(),a,"2D")}}},{key:"addRotIcon",value:function addRotIcon(t,r){r.getIsDockedAccessoire()&&!r.getIsNotDockedAccessoire()||(t.addRotationIconUI(r.getSetId(),r.getElementId(),r.getRotDeg(),"RotateC",new u.FM(0,0),"2D"),t.addRotationIconUI(r.getSetId(),r.getElementId(),r.getRotDeg(),"RotateCC",new u.FM(0,0),"2D"))}},{key:"addDPUI",value:function addDPUI(t,r){for(var a=r.getAllDockingPoints(),o=0;o<a.length;o++){var i,c=a[o];if(null===(i=this.plannerPaletteViewInfo)||void 0===i||null===(i=i.plannerConfiguration.hideAVButtons)||void 0===i||!i.includes(c.Type))if(c.IsDocking||"AVR"!=c.Type&&"AVL"!=c.Type){if(!("AVO"!=c.Type&&"AVU"!=c.Type&&"AVC"!=c.Type&&"AVN"!=c.Type&&"AVS"!=c.Type||c.IsDocking&&r.getIsDockedAccessoire())){if(!["PLANNER","PRODUCTS","PROMOTED","PLANNER_2.0"].includes(this.getConfiguratorState()))continue;var d=this.getWorldCorner(r,!1),l=this.worldPosToScreenPos(new u.FM(d.x+c.LocalWorldPos.x,d.z+c.LocalWorldPos.z)),h=this.worldPosToScreenPos(new u.FM(d.x,d.z));l=u.FM.rotateAround(l,h,r.getRotDeg()),t.addDP(r.getSetId(),r.getElementId(),c.DpId,"ACC",c.IsDocking?"DOCKING":"NOT_DOCKING",c.OnElementId,r.getRotDeg(),c.RotDeg,l,"2D")}}else{var g=this.getWorldCorner(r,!1),v=this.worldPosToScreenPos(new u.FM(g.x+c.LocalWorldPos.x,g.z+c.LocalWorldPos.z)),m=this.worldPosToScreenPos(new u.FM(g.x,g.z));v=u.FM.rotateAround(v,m,r.getRotDeg()),t.addDP(r.getSetId(),r.getElementId(),c.DpId,c.Type,"NOT_DOCKING",void 0,r.getRotDeg(),c.RotDeg,v,"2D")}}}},{key:"calcZoomFactor",value:function calcZoomFactor(t){var r=1,a=t.size.x/t.size.z,o=this.canvas.getHeight()-62;a>=this.canvas.getWidth()/o?(r=this.canvas.getWidth()*this.borderFactorHori/t.size.x,m.debug("ATTENTION: "+(o-t.size.z*v.DivaUtils.UnitRecalc/r))):r=o*this.borderFactorVert/t.size.z,(Math.abs(t.size.x-this.zoomFactorBBoxDimLastFrame.x)<.01&&Math.abs(t.size.z-this.zoomFactorBBoxDimLastFrame.y)<.01||Math.abs(t.size.z-this.zoomFactorBBoxDimLastFrame.y)>30||Math.abs(t.size.x-this.zoomFactorBBoxDimLastFrame.x)>30)&&(this.currZoomFactor=r),this.zoomFactorBBoxDimLastFrame=new u.FM(t.size.x,t.size.z)}},{key:"correctBackgroundPos",value:function correctBackgroundPos(t){t.update2DGridBackground({zoom:this.currZoomFactor,position:new u.FM(this.currCenteringOffset.x/this.currZoomFactor,this.currCenteringOffset.y/this.currZoomFactor)})}},{key:"worldPosToScreenPos",value:function worldPosToScreenPos(t){var r=new u.FM(t.x*this.currZoomFactor,t.y*this.currZoomFactor);return r.x+=this.currCenteringOffset.x,r.y+=this.currCenteringOffset.y,r}},{key:"drawDimensions",value:function drawDimensions(t,r){if(0!=r.size.x&&0!=r.size.z){var a=10,o=null,i=null,c=null,d=t.width*this.currZoomFactor,l=t.height*this.currZoomFactor,h=0,u=0;0==r.digitsAfterComma||null==r.digitsAfterComma?(h=Math.round(r.size.x),u=Math.round(r.size.z)):1==r.digitsAfterComma?(h=Math.round(10*r.size.x)/10,u=Math.round(10*r.size.z)/10):2==r.digitsAfterComma?(h=Math.round(100*r.size.x)/100,u=Math.round(100*r.size.z)/100):3==r.digitsAfterComma?(h=Math.round(1e3*r.size.x)/1e3,u=Math.round(1e3*r.size.z)/1e3):4==r.digitsAfterComma&&(h=Math.round(1e4*r.size.x)/1e4,u=Math.round(1e4*r.size.z)/1e4);var v={originX:"center",originY:"center",stroke:"grey",strokeWidth:1};o=new g.fabric.Group([],{name:this.dimGroupHeightName,originX:"left",originY:"top",width:100,angle:0,left:t.left-50,top:t.top,height:l,hasControls:!1,hasBorders:!1,selectable:!1,lockRotation:!0,lockMovementX:!0,lockMovementY:!0,lockUniScaling:!0,lockScalingX:!0,lockScalingY:!0,hoverCursor:"default"}),i=new g.fabric.Line([-25,-l/2,-25,l/2],v),o.add(i),i=new g.fabric.Line([-25,-l/2,-20,-l/2+a],v),o.add(i),i=new g.fabric.Line([-25,-l/2,-30,-l/2+a],v),o.add(i),i=new g.fabric.Line([-25,l/2,-20,l/2-a],v),o.add(i),i=new g.fabric.Line([-25,l/2,-30,l/2-a],v),o.add(i),c=new g.fabric.Text(u+" cm",{stroke:"grey",angle:-90,fontSize:19,fontFamily:"sans-serif",left:-28,top:0,originX:"center",originY:"bottom"}),o.add(c),this.canvas.add(o),o.bringToFront(),o=new g.fabric.Group([],{name:this.dimGroupWidthName,originX:"left",originY:"top",angle:0,left:t.left,top:t.top+l,width:d,height:100,hasControls:!1,hasBorders:!1,selectable:!1,lockRotation:!0,lockMovementX:!0,lockMovementY:!0,lockUniScaling:!0,lockScalingX:!0,lockScalingY:!0,hoverCursor:"default"}),i=new g.fabric.Line([-d/2,-25,d/2,-25],v),o.add(i),i=new g.fabric.Line([-d/2,-25,-d/2+a,-20],v),o.add(i),i=new g.fabric.Line([-d/2,-25,-d/2+a,-30],v),o.add(i),i=new g.fabric.Line([d/2,-25,d/2-a,-20],v),o.add(i),i=new g.fabric.Line([d/2,-25,d/2-a,-30],v),o.add(i),c=new g.fabric.Text(h+" cm",{stroke:"grey",fontSize:19,fontFamily:"sans-serif",left:0,top:-1,originX:"center",originY:"bottom"}),o.add(c),this.canvas.add(o),o.bringToFront()}}},{key:"ensureSvgShapes",value:(r=(0,o.Z)(h().mark((function _callee(t){var r,a=this;return h().wrap((function _callee$(o){for(;;)switch(o.prev=o.next){case 0:return r=[],t.forEach((function(t){var o,i=_createForOfIteratorHelper(t);try{for(i.s();!(o=i.n()).done;){var c=o.value;!c.getSVGShapeOLF2D()&&c.SvgData&&r.push(a.buildSvgShape(c))}}catch(t){i.e(t)}finally{i.f()}})),o.next=4,Promise.all(r);case 4:case"end":return o.stop()}}),_callee)}))),function ensureSvgShapes(t){return r.apply(this,arguments)})},{key:"buildSvgShape",value:function buildSvgShape(t){var r=this;return new Promise((function(a){var o=!1,i=function finish(){o||(o=!0,clearTimeout(c),a())},c=setTimeout((function(){m.warn("2D shape build timed out after ".concat(1e4,"ms — element rendered without its SVG shape"),"Planner2DGrid"),i()}),1e4);try{g.fabric.loadSVGFromString(t.SvgData,(function(a,c){if(!o){try{r.applySvgShape(t,a,c)}catch(t){m.warn("2D shape build failed: ".concat(t instanceof Error?t.message:String(t)),"Planner2DGrid")}i()}}))}catch(t){m.warn("2D shape parse threw: ".concat(t instanceof Error?t.message:String(t)),"Planner2DGrid"),i()}}))}},{key:"applySvgShape",value:function applySvgShape(t,r,a){for(var o=0;o<r.length;o++){var i,c=r[o];c.setCoords();var d=null===(i=c.id)||void 0===i?void 0:i.toString();d&&(d.startsWith("OLF")||d.startsWith("OLT"))&&(c.stroke="none")}var l=g.fabric.util.groupSVGElements(r,a);l.set({originX:"left",originY:"top",lockRotation:!0,hasRotatingPoint:!0,lockUniScaling:!0,lockScalingX:!0,lockScalingY:!0,scaleX:1,scaleY:1,left:0,top:0}),t.SvgShapeOLF2D=l}},{key:"updatePlannerView",value:(t=(0,o.Z)(h().mark((function _callee2(t,r,a){var o,i,c,d,l,D,p,P=this;return h().wrap((function _callee2$(h){for(;;)switch(h.prev=h.next){case 0:return m.debug("UpdatePlanner2DGrid","Planner2DGrid"),o=++this.renderGeneration,h.next=4,this.ensureSvgShapes(r);case 4:if(o===this.renderGeneration){h.next=6;break}return h.abrupt("return");case 6:if(this.clearView(),i=t.getCanvas2DGridSize(),this.canvas.getWidth()!=i.x&&this.canvas.setWidth(i.x),this.canvas.getHeight()!=i.y&&this.canvas.setHeight(i.y),0!=r.size){h.next=12;break}return h.abrupt("return");case 12:c=[],r.forEach((function(t,r){for(var o=0;o<t.length;o++)if(t[o].getSVGShapeOLF2D()){var i=t[o].getSVGShapeOLF2D();i.scaleX=1/v.DivaUtils.UnitRecalc,i.scaleY=1/v.DivaUtils.UnitRecalc;var d=P.getWorldCorner(t[o],!1);i.left=d.x-a.worldPos.x,i.top=d.z-a.worldPos.y,i.angle=t[o].getRotDeg(),c.push(i)}})),this.calcZoomFactor(a),this.currZoomFactor>this.maxZoom&&(this.currZoomFactor=this.maxZoom),d=new u.FM(a.worldPos.x*this.currZoomFactor,a.worldPos.y*this.currZoomFactor),l=new g.fabric.Group(c,{originX:"left",originY:"top",left:d.x,top:d.y,opacity:1,scaleX:this.currZoomFactor,scaleY:this.currZoomFactor,hasControls:!1,selectable:!1,hoverCursor:"default"}),D=this.canvas.getWidth()/2-(l.left+l.width*this.currZoomFactor/2),p=this.canvas.getHeight()/2-(l.top+l.height*this.currZoomFactor/2),this.currCenteringOffset=new u.FM(D,p),l.left+=D,l.top+=p,this.canvas.add(l),l.bringToFront(),this.correctBackgroundPos(t),this.drawDimensions(l,a),this.canvas.renderAll();case 28:case"end":return h.stop()}}),_callee2,this)}))),function updatePlannerView(r,a,o){return t.apply(this,arguments)})}]);var t,r}()},95126:()=>{},95678:()=>{},18265:()=>{}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8701],{47077:(t,r,a)=>{"use strict";a.r(r),a.d(r,{default:()=>D});var o=a(84658),i=a(13125),c=a(43860),d=a(80248),l=a(50747),h=a.n(l),g=a(63846),u=a(87998),v=a(88683);function _createForOfIteratorHelper(t,r){var a="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!a){if(Array.isArray(t)||(a=function _unsupportedIterableToArray(t,r){if(t){if("string"==typeof t)return _arrayLikeToArray(t,r);var a={}.toString.call(t).slice(8,-1);return"Object"===a&&t.constructor&&(a=t.constructor.name),"Map"===a||"Set"===a?Array.from(t):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?_arrayLikeToArray(t,r):void 0}}(t))||r&&t&&"number"==typeof t.length){a&&(t=a);var o=0,i=function F(){};return{s:i,n:function n(){return o>=t.length?{done:!0}:{done:!1,value:t[o++]}},e:function e(t){throw t},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var c,d=!0,l=!1;return{s:function s(){a=a.call(t)},n:function n(){var t=a.next();return d=t.done,t},e:function e(t){l=!0,c=t},f:function f(){try{d||null==a.return||a.return()}finally{if(l)throw c}}}}function _arrayLikeToArray(t,r){(null==r||r>t.length)&&(r=t.length);for(var a=0,o=Array(r);a<r;a++)o[a]=t[a];return o}var m=(0,v.getLogger)("Planner","Planner2DGrid"),D=function(){return(0,c.Z)((function Planner2DGrid(t,r,a,o,c,l){var h=this;(0,i.Z)(this,Planner2DGrid),(0,d.Z)(this,"autoDockingDistance",20),(0,d.Z)(this,"dimGroupWidthName","DimensionGroup_Width"),(0,d.Z)(this,"dimGroupHeightName","DimensionGroup_Height"),(0,d.Z)(this,"canvas",void 0),(0,d.Z)(this,"renderGeneration",0),(0,d.Z)(this,"canvas2DGridID","wcConfigurator-grid-2D-canvas"),(0,d.Z)(this,"borderFactorHori",.7),(0,d.Z)(this,"borderFactorVert",.64),(0,d.Z)(this,"maxZoom",4),(0,d.Z)(this,"deltaRotDeg",void 0),(0,d.Z)(this,"inDragMode",!1),(0,d.Z)(this,"currZoomFactor",1),(0,d.Z)(this,"currCenteringOffset",new u.FM(0,0)),(0,d.Z)(this,"zoomFactorBBoxDimLastFrame",new u.FM(0,0)),(0,d.Z)(this,"plannerPaletteViewInfo",void 0),(0,d.Z)(this,"settingsState",void 0),(0,d.Z)(this,"getConfiguratorState",void 0),(0,d.Z)(this,"updatePlannerTrans",void 0),(0,d.Z)(this,"getPlannerElementById",void 0),(0,d.Z)(this,"getPlannerViewConfig",void 0),(0,d.Z)(this,"forceViewToEnterPlannerMode",void 0),(0,d.Z)(this,"onDragStarted",(function(t,r){h.inDragMode=!0,m.debug("On Drag Started"),["PLANNER","PRODUCTS","PROMOTED","ACC_PLANNER","PLANNER_2.0"].includes(h.getConfiguratorState())||h.forceViewToEnterPlannerMode(!0),h.getPlannerElementById(t,r)&&h.updatePlannerTrans(t,r,new u.P(0,0,0),0,0,"START",h.autoDockingDistance)})),(0,d.Z)(this,"onDragMove",(function(t,r,a){h.getPlannerElementById(t,r)&&h.updatePlannerTrans(t,r,new u.P(a.x/h.currZoomFactor,0,a.y/h.currZoomFactor),0,45,"UPDATE",h.autoDockingDistance)})),(0,d.Z)(this,"onDragEnd",(function(t,r){m.debug("On Drag END"),h.inDragMode=!1,h.updatePlannerTrans(t,r,new u.P(0,0,0),0,0,"END",h.autoDockingDistance)})),(0,d.Z)(this,"resetSelectedElementsOnEnterPlannerMode",(function(){return!1})),(0,d.Z)(this,"getContentAsJPG",(function(){if(h.canvas){var t=h.canvas.backgroundColor,r=h.canvas.width,a=h.canvas.height;h.canvas.backgroundColor="#fff";for(var o=h.canvas.getObjects(),i=void 0,c=void 0,d=0;d<o.length;d++){var l=o[d];if(l.name==h.dimGroupHeightName||l.name==h.dimGroupWidthName){l.dirty=!0;for(var g=0;g<l.getObjects().length;g++)if("text"==l.getObjects()[g].type){var u=l.getObjects()[g];l.name==h.dimGroupHeightName?c=u:l.name==h.dimGroupWidthName&&(i=u)}}}var v=0,D=0,p=0,P=30,w=13,S=!1;h.canvas.width&&h.canvas.width<500&&(P=17,w=7,S=!0),null!=i&&(v=i.fontSize,D=i.top,i.fontSize=P,i.dirty=!0,i.top=i.top+w),null!=c&&(p=c.fontSize,c.fontSize=P,c.dirty=!0),m.debug("This.canvas.width: "+h.canvas.width+"; this.canvas.height: "+h.canvas.height),h.canvas.width&&S&&h.canvas.setWidth(1.15*h.canvas.width),h.canvas.height&&S&&h.canvas.setHeight(1.15*h.canvas.height),h.canvas.renderAll();var y=h.canvas.toDataURL({format:"jpeg",quality:.8});return null!=i&&(i.fontSize=v,i.top=D,i.group.dirty=!0),null!=c&&(c.fontSize=p,c.group.dirty=!0),h.canvas.backgroundColor=t,r&&h.canvas.setWidth(r),a&&h.canvas.setHeight(a),h.canvas.renderAll(),y}return""})),this.getConfiguratorState=t,this.getPlannerElementById=r,this.getPlannerViewConfig=a,this.forceViewToEnterPlannerMode=o,this.updatePlannerTrans=void 0,this.deltaRotDeg=this.getPlannerViewConfig().deltaRotDeg2D,this.plannerPaletteViewInfo=c,this.settingsState=l}),[{key:"initialize",value:function initialize(t){this.updatePlannerTrans=t,this.canvas?this.canvas&&this.canvas.clear():this.canvas=new g.fabric.Canvas(this.canvas2DGridID)}},{key:"clearView",value:function clearView(){this.canvas&&this.canvas.clear()}},{key:"handleRotation",value:function handleRotation(t,r,a){switch(this.updatePlannerTrans(t,r,new u.P(0,0,0),0,this.deltaRotDeg,"START",0),a){case"CLOCKWISE":this.updatePlannerTrans(t,r,new u.P(0,0,0),this.deltaRotDeg,this.deltaRotDeg,"UPDATE",0);break;case"COUNTERCLOCKWISE":this.updatePlannerTrans(t,r,new u.P(0,0,0),-this.deltaRotDeg,this.deltaRotDeg,"UPDATE",0)}this.updatePlannerTrans(t,r,new u.P(0,0,0),0,this.deltaRotDeg,"END",10)}},{key:"updateUI",value:function updateUI(t,r,a,o,i){var c=this;this.inDragMode||(t.clear2D3DViewerUI(),m.debug("UpdateUI","Planner2DGrid"),r.forEach((function(r,d){for(var l=0;l<r.length;l++)if(r[l].getSVGShapeOLF2D()){var h=r[l],g=!1,u=i;if(a.has(d))for(var v=a.get(d),m=0;m<v.length;m++)if(h.getElementId()==v[m].getElementId()){g=!0;break}if(!g&&!u&&o.has(d)){var D=o.get(d);for(m=0;m<D.length;m++)if(h.getElementId()==D[m].getElementId()){u=!0;break}}c.addPosNrUI(t,h,g,u),c.addDPUI(t,h),g?(["PLANNER","PRODUCTS","PROMOTED","PLANNER_2.0"].includes(c.getConfiguratorState())&&(c.addDelIcon(t,h),c.addRotIcon(t,h)),c.addElemOutline(t,h,!0,!1)):u&&c.addElemOutline(t,h,!1,!0),"ACC_PLANNER"==c.getConfiguratorState()&&(h.getIsDockedAccessoire()||h.getIsNotDockedAccessoire())&&c.addDelIcon(t,h)}})))}},{key:"getWorldCorner",value:function getWorldCorner(t,r){return r&&t.HasOLFPolygon?t.WorldPosCornerIgnoreOLF:!r&&t.HasOLFPolygon?t.getWorldPosCornerOLF():t.getWorldPosCorner()}},{key:"addElemOutline",value:function addElemOutline(t,r,a,o){if(!r.getIsDockedAccessoire()||"ACC_PLANNER"===this.getConfiguratorState()){var i=this.getWorldCorner(r,!0),c=r.getWidth(),d=r.getDepth(),l=this.worldPosToScreenPos(new u.FM(i.x,i.z));t.addElemOutlineUI(r.getSetId(),r.getElementId(),r.getRotDeg(),l,new u.FM(Math.round(c*this.currZoomFactor),Math.round(d*this.currZoomFactor)),this.getIconState(a,o),this.onDragStarted,this.onDragMove,this.onDragEnd,"2D")}}},{key:"getIconState",value:function getIconState(t,r){return t?"selected":r?"selectable":"unselectable"}},{key:"addPosNrUI",value:function addPosNrUI(t,r,a,o){var i;if(!r.getIsDockedAccessoire()||"ACC_PLANNER"===this.getConfiguratorState()){var c=this.getPlannerViewConfig(),d=new u.FM(0,0,"pixel");if("TOP_LEFT_BACK"==c.posNumIcon){var l=this.getWorldCorner(r,!1);d=this.worldPosToScreenPos(new u.FM(l.x,l.z))}t.addPosNrUI(r.getSetId(),r.getElementId(),r.getIsDockedAccessoire(),d,r.getRotDeg(),this.currZoomFactor,null===(i=t.getPosNrByBasketId(r.getBasketId()))||void 0===i?void 0:i.toString(),this.getIconState(a,o),"2D")}}},{key:"addDelIcon",value:function addDelIcon(t,r){if(!r.getIsDockedAccessoire()||"ACC_PLANNER"==this.getConfiguratorState()){var a=new u.FM(0,0),o=this.getWorldCorner(r,!1),i=this.worldPosToScreenPos(new u.FM(o.x,o.z));switch(this.getPlannerViewConfig().posTrashRotIcon){case"POSNUM_TOP":a=i;break;case"TOP_RIGHT_BACK":var c=new u.FM(r.getWidth()*this.currZoomFactor,0);c=u.FM.rotateOrigin(c,r.getRotDeg()),a=new u.FM(i.x+c.x,i.y+c.y)}t.addTrashIconUI(r.getSetId(),r.getElementId(),r.getRotDeg(),a,"2D")}}},{key:"addRotIcon",value:function addRotIcon(t,r){r.getIsDockedAccessoire()&&!r.getIsNotDockedAccessoire()||(t.addRotationIconUI(r.getSetId(),r.getElementId(),r.getRotDeg(),"RotateC",new u.FM(0,0),"2D"),t.addRotationIconUI(r.getSetId(),r.getElementId(),r.getRotDeg(),"RotateCC",new u.FM(0,0),"2D"))}},{key:"addDPUI",value:function addDPUI(t,r){for(var a=r.getAllDockingPoints(),o=0;o<a.length;o++){var i,c=a[o];if(null===(i=this.plannerPaletteViewInfo)||void 0===i||null===(i=i.plannerConfiguration.hideAVButtons)||void 0===i||!i.includes(c.Type))if(c.IsDocking||"AVR"!=c.Type&&"AVL"!=c.Type){if(!("AVO"!=c.Type&&"AVU"!=c.Type&&"AVC"!=c.Type&&"AVN"!=c.Type&&"AVS"!=c.Type||c.IsDocking&&r.getIsDockedAccessoire())){if(!["PLANNER","PRODUCTS","PROMOTED","PLANNER_2.0"].includes(this.getConfiguratorState()))continue;var d=this.getWorldCorner(r,!1),l=this.worldPosToScreenPos(new u.FM(d.x+c.LocalWorldPos.x,d.z+c.LocalWorldPos.z)),h=this.worldPosToScreenPos(new u.FM(d.x,d.z));l=u.FM.rotateAround(l,h,r.getRotDeg()),t.addDP(r.getSetId(),r.getElementId(),c.DpId,"ACC",c.IsDocking?"DOCKING":"NOT_DOCKING",c.OnElementId,r.getRotDeg(),c.RotDeg,l,"2D")}}else{var g=this.getWorldCorner(r,!1),v=this.worldPosToScreenPos(new u.FM(g.x+c.LocalWorldPos.x,g.z+c.LocalWorldPos.z)),m=this.worldPosToScreenPos(new u.FM(g.x,g.z));v=u.FM.rotateAround(v,m,r.getRotDeg()),t.addDP(r.getSetId(),r.getElementId(),c.DpId,c.Type,"NOT_DOCKING",void 0,r.getRotDeg(),c.RotDeg,v,"2D")}}}},{key:"calcZoomFactor",value:function calcZoomFactor(t){var r=1,a=t.size.x/t.size.z,o=this.canvas.getHeight()-62;a>=this.canvas.getWidth()/o?(r=this.canvas.getWidth()*this.borderFactorHori/t.size.x,m.debug("ATTENTION: "+(o-t.size.z*v.DivaUtils.UnitRecalc/r))):r=o*this.borderFactorVert/t.size.z,(Math.abs(t.size.x-this.zoomFactorBBoxDimLastFrame.x)<.01&&Math.abs(t.size.z-this.zoomFactorBBoxDimLastFrame.y)<.01||Math.abs(t.size.z-this.zoomFactorBBoxDimLastFrame.y)>30||Math.abs(t.size.x-this.zoomFactorBBoxDimLastFrame.x)>30)&&(this.currZoomFactor=r),this.zoomFactorBBoxDimLastFrame=new u.FM(t.size.x,t.size.z)}},{key:"correctBackgroundPos",value:function correctBackgroundPos(t){t.update2DGridBackground({zoom:this.currZoomFactor,position:new u.FM(this.currCenteringOffset.x/this.currZoomFactor,this.currCenteringOffset.y/this.currZoomFactor)})}},{key:"worldPosToScreenPos",value:function worldPosToScreenPos(t){var r=new u.FM(t.x*this.currZoomFactor,t.y*this.currZoomFactor);return r.x+=this.currCenteringOffset.x,r.y+=this.currCenteringOffset.y,r}},{key:"drawDimensions",value:function drawDimensions(t,r){if(0!=r.size.x&&0!=r.size.z){var a=10,o=null,i=null,c=null,d=t.width*this.currZoomFactor,l=t.height*this.currZoomFactor,h=0,u=0;0==r.digitsAfterComma||null==r.digitsAfterComma?(h=Math.round(r.size.x),u=Math.round(r.size.z)):1==r.digitsAfterComma?(h=Math.round(10*r.size.x)/10,u=Math.round(10*r.size.z)/10):2==r.digitsAfterComma?(h=Math.round(100*r.size.x)/100,u=Math.round(100*r.size.z)/100):3==r.digitsAfterComma?(h=Math.round(1e3*r.size.x)/1e3,u=Math.round(1e3*r.size.z)/1e3):4==r.digitsAfterComma&&(h=Math.round(1e4*r.size.x)/1e4,u=Math.round(1e4*r.size.z)/1e4);var v={originX:"center",originY:"center",stroke:"grey",strokeWidth:1};o=new g.fabric.Group([],{name:this.dimGroupHeightName,originX:"left",originY:"top",width:100,angle:0,left:t.left-50,top:t.top,height:l,hasControls:!1,hasBorders:!1,selectable:!1,lockRotation:!0,lockMovementX:!0,lockMovementY:!0,lockUniScaling:!0,lockScalingX:!0,lockScalingY:!0,hoverCursor:"default"}),i=new g.fabric.Line([-25,-l/2,-25,l/2],v),o.add(i),i=new g.fabric.Line([-25,-l/2,-20,-l/2+a],v),o.add(i),i=new g.fabric.Line([-25,-l/2,-30,-l/2+a],v),o.add(i),i=new g.fabric.Line([-25,l/2,-20,l/2-a],v),o.add(i),i=new g.fabric.Line([-25,l/2,-30,l/2-a],v),o.add(i),c=new g.fabric.Text(u+" cm",{stroke:"grey",angle:-90,fontSize:19,fontFamily:"sans-serif",left:-28,top:0,originX:"center",originY:"bottom"}),o.add(c),this.canvas.add(o),o.bringToFront(),o=new g.fabric.Group([],{name:this.dimGroupWidthName,originX:"left",originY:"top",angle:0,left:t.left,top:t.top+l,width:d,height:100,hasControls:!1,hasBorders:!1,selectable:!1,lockRotation:!0,lockMovementX:!0,lockMovementY:!0,lockUniScaling:!0,lockScalingX:!0,lockScalingY:!0,hoverCursor:"default"}),i=new g.fabric.Line([-d/2,-25,d/2,-25],v),o.add(i),i=new g.fabric.Line([-d/2,-25,-d/2+a,-20],v),o.add(i),i=new g.fabric.Line([-d/2,-25,-d/2+a,-30],v),o.add(i),i=new g.fabric.Line([d/2,-25,d/2-a,-20],v),o.add(i),i=new g.fabric.Line([d/2,-25,d/2-a,-30],v),o.add(i),c=new g.fabric.Text(h+" cm",{stroke:"grey",fontSize:19,fontFamily:"sans-serif",left:0,top:-1,originX:"center",originY:"bottom"}),o.add(c),this.canvas.add(o),o.bringToFront()}}},{key:"ensureSvgShapes",value:(r=(0,o.Z)(h().mark((function _callee(t){var r,a=this;return h().wrap((function _callee$(o){for(;;)switch(o.prev=o.next){case 0:return r=[],t.forEach((function(t){var o,i=_createForOfIteratorHelper(t);try{for(i.s();!(o=i.n()).done;){var c=o.value;!c.getSVGShapeOLF2D()&&c.SvgData&&r.push(a.buildSvgShape(c))}}catch(t){i.e(t)}finally{i.f()}})),o.next=4,Promise.all(r);case 4:case"end":return o.stop()}}),_callee)}))),function ensureSvgShapes(t){return r.apply(this,arguments)})},{key:"buildSvgShape",value:function buildSvgShape(t){var r=this;return new Promise((function(a){var o=!1,i=function finish(){o||(o=!0,clearTimeout(c),a())},c=setTimeout((function(){m.warn("2D shape build timed out after ".concat(1e4,"ms — element rendered without its SVG shape"),"Planner2DGrid"),i()}),1e4);try{g.fabric.loadSVGFromString(t.SvgData,(function(a,c){if(!o){try{r.applySvgShape(t,a,c)}catch(t){m.warn("2D shape build failed: ".concat(t instanceof Error?t.message:String(t)),"Planner2DGrid")}i()}}))}catch(t){m.warn("2D shape parse threw: ".concat(t instanceof Error?t.message:String(t)),"Planner2DGrid"),i()}}))}},{key:"applySvgShape",value:function applySvgShape(t,r,a){for(var o=0;o<r.length;o++){var i,c=r[o];c.setCoords();var d=null===(i=c.id)||void 0===i?void 0:i.toString();d&&(d.startsWith("OLF")||d.startsWith("OLT"))&&(c.stroke="none")}var l=g.fabric.util.groupSVGElements(r,a);l.set({originX:"left",originY:"top",lockRotation:!0,hasRotatingPoint:!0,lockUniScaling:!0,lockScalingX:!0,lockScalingY:!0,scaleX:1,scaleY:1,left:0,top:0}),t.SvgShapeOLF2D=l}},{key:"updatePlannerView",value:(t=(0,o.Z)(h().mark((function _callee2(t,r,a){var o,i,c,d,l,D,p,P=this;return h().wrap((function _callee2$(h){for(;;)switch(h.prev=h.next){case 0:return m.debug("UpdatePlanner2DGrid","Planner2DGrid"),o=++this.renderGeneration,h.next=4,this.ensureSvgShapes(r);case 4:if(o===this.renderGeneration){h.next=6;break}return h.abrupt("return");case 6:if(this.clearView(),i=t.getCanvas2DGridSize(),this.canvas.getWidth()!=i.x&&this.canvas.setWidth(i.x),this.canvas.getHeight()!=i.y&&this.canvas.setHeight(i.y),0!=r.size){h.next=12;break}return h.abrupt("return");case 12:c=[],r.forEach((function(t,r){for(var o=0;o<t.length;o++)if(t[o].getSVGShapeOLF2D()){var i=t[o].getSVGShapeOLF2D();i.scaleX=1/v.DivaUtils.UnitRecalc,i.scaleY=1/v.DivaUtils.UnitRecalc;var d=P.getWorldCorner(t[o],!1);i.left=d.x-a.worldPos.x,i.top=d.z-a.worldPos.y,i.angle=t[o].getRotDeg(),c.push(i)}})),this.calcZoomFactor(a),this.currZoomFactor>this.maxZoom&&(this.currZoomFactor=this.maxZoom),d=new u.FM(a.worldPos.x*this.currZoomFactor,a.worldPos.y*this.currZoomFactor),l=new g.fabric.Group(c,{originX:"left",originY:"top",left:d.x,top:d.y,opacity:1,scaleX:this.currZoomFactor,scaleY:this.currZoomFactor,hasControls:!1,selectable:!1,hoverCursor:"default"}),D=this.canvas.getWidth()/2-(l.left+l.width*this.currZoomFactor/2),p=this.canvas.getHeight()/2-(l.top+l.height*this.currZoomFactor/2),this.currCenteringOffset=new u.FM(D,p),l.left+=D,l.top+=p,this.canvas.add(l),l.bringToFront(),this.correctBackgroundPos(t),this.drawDimensions(l,a),this.canvas.renderAll();case 28:case"end":return h.stop()}}),_callee2,this)}))),function updatePlannerView(r,a,o){return t.apply(this,arguments)})}]);var t,r}()},95126:()=>{},95678:()=>{},18265:()=>{}}]);

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

@@ -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,1017,5464],{41017:(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(35567),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,{})}))},35464:(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(35567),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 I=t(27058),P=t(47514),b=(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){b.error(new I.GE("Error loading reversing check:",{cause:e}))})).finally((function(){e&&w(!1)}))):v(null),function(){e=!1}}),[u]);return u?g?(0,P.jsx)("div",{className:l()(y.Nh,y.V_),children:(0,P.jsx)("div",{className:y.lY})}):x&&x.hasReversingChanges?"BLOCK"===x.checkingForReversingChanges?(0,P.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,P.jsx)(s.Z,{className:y.tL,id:"blocked-icon"})}):"WARN"===x.checkingForReversingChanges?(0,P.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,P.jsx)(a.Z,{className:y.tO})}):(0,P.jsx)(P.Fragment,{}):(0,P.jsx)(P.Fragment,{}):(0,P.jsx)(P.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(35567),s=t(56582),a=t(88683),d=t(41017),c=t(93536),m=t(35464),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_DATA_ENGINE .darkmode .index-module--BYNhM,\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--z1OwD,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--z1OwD {\n  color: #fff;\n}\n",""]);var s="index-module--v5pSs",a="index-module--WNi5H",d="index-module--L1EGw",c="index-module--BYNhM",m="index-module--NNRCj",u="index-module--z1OwD",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))}}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8717,1801,9456],{21801:(e,n,t)=>{t.r(n),t.d(n,{default:()=>N});var i=t(34988),o=t(93379),r=t.n(o),l=t(7795),s=t.n(l),a=t(90569),d=t.n(a),c=t(3565),m=t.n(c),u=t(19216),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(75327),w=t(65515),j=t.n(w),S=t(9420),y=t(47514);const N=(0,S.Pi)((function InfoIcon(e){var n,t,o,r=e.item,l=e.style,s=(0,g.NP)(),a=r.contentItemId,d=null!==(n=null!==(t=null!==(o=r.codex)&&void 0!==o?o:r.articleCodex)&&void 0!==t?t:r.title)&&void 0!==n?n:r.key,c=(0,h.useState)(!1),m=(0,i.Z)(c,2),u=m[0],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,{})}))},19456:(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(75327),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 I=t(69369),P=t(47514),b=(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){b.error(new I.GE("Error loading reversing check:",{cause:e}))})).finally((function(){e&&w(!1)}))):v(null),function(){e=!1}}),[u]);return u?g?(0,P.jsx)("div",{className:l()(y.Nh,y.V_),children:(0,P.jsx)("div",{className:y.lY})}):x&&x.hasReversingChanges?"BLOCK"===x.checkingForReversingChanges?(0,P.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,P.jsx)(s.Z,{className:y.tL,id:"blocked-icon"})}):"WARN"===x.checkingForReversingChanges?(0,P.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,P.jsx)(a.Z,{className:y.tO})}):(0,P.jsx)(P.Fragment,{}):(0,P.jsx)(P.Fragment,{}):(0,P.jsx)(P.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(75327),s=t(85092),a=t(88683),d=t(21801),c=t(91087),m=t(19456),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_DATA_ENGINE .darkmode .index-module--BYNhM,\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--z1OwD,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--z1OwD {\n  color: #fff;\n}\n",""]);var s="index-module--v5pSs",a="index-module--WNi5H",d="index-module--L1EGw",c="index-module--BYNhM",m="index-module--NNRCj",u="index-module--z1OwD",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 CHANGED Viewed

@@ -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,2210],{82210:(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),h=i(22693),p={};p.styleTagTransform=b(),p.setAttributes=c(),p.insert=a().bind(null,"head"),p.domAPI=l(),p.insertStyleElement=u();r()(h.Z,p);h.Z&&h.Z.locals&&h.Z.locals;var x=i(35567),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:h.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(35567),l=i(82210),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,h=!1,p=0;p<s.Cells.length;p++){var x=s.Cells[p];if(x.IsDisabled)h?u[0].heightCount++:u.splice(0,0,{heightCount:1,inUse:x.InUse,index:x.Index,type:void 0,isDisabled:!0,isRequired:x.IsRequired,onlyPlaceHolder:x.OnlyPlaceHolder,noMove:x.NoMove,noDelete:x.NoDelete}),h=!0,g=-1;else if(h=!1,-1==x.InUse)u.splice(0,0,{heightCount:1,inUse:x.InUse,index:x.Index,type:void 0,isDisabled:x.IsDisabled,isRequired:x.IsRequired,onlyPlaceHolder:x.OnlyPlaceHolder,noMove:x.NoMove,noDelete:x.NoDelete});else if(g!=x.InUse&&g!=x.OnBoard){var v,y;g=x.InUse,b=!1,u.splice(0,0,{heightCount:1,inUse:x.InUse,index:x.Index,type:x.Type,isDisabled:x.IsDisabled,isRequired:x.IsRequired,articleText:null===(v=x.Article)||void 0===v?void 0:v.name,onlyPlaceHolder:x.OnlyPlaceHolder,noMove:x.NoMove,noDelete:x.NoDelete,basketId:null===(y=x.Article)||void 0===y?void 0:y.basketId})}else{var D=u.find((function(e){return e.inUse==g}));if(D){var k;if(g===x.OnBoard&&!b)b=!0,D.articleText=(null===(k=x.Article)||void 0===k?void 0:k.name)+"<br/>&<br/>"+D.articleText,D.onBoard=!0;D.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)},I=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:I(),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,1930],{21930:(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),h=i(22693),p={};p.styleTagTransform=b(),p.setAttributes=c(),p.insert=a().bind(null,"head"),p.domAPI=l(),p.insertStyleElement=u();r()(h.Z,p);h.Z&&h.Z.locals&&h.Z.locals;var x=i(75327),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:h.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(75327),l=i(21930),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,h=!1,p=0;p<s.Cells.length;p++){var x=s.Cells[p];if(x.IsDisabled)h?u[0].heightCount++:u.splice(0,0,{heightCount:1,inUse:x.InUse,index:x.Index,type:void 0,isDisabled:!0,isRequired:x.IsRequired,onlyPlaceHolder:x.OnlyPlaceHolder,noMove:x.NoMove,noDelete:x.NoDelete}),h=!0,g=-1;else if(h=!1,-1==x.InUse)u.splice(0,0,{heightCount:1,inUse:x.InUse,index:x.Index,type:void 0,isDisabled:x.IsDisabled,isRequired:x.IsRequired,onlyPlaceHolder:x.OnlyPlaceHolder,noMove:x.NoMove,noDelete:x.NoDelete});else if(g!=x.InUse&&g!=x.OnBoard){var v,y;g=x.InUse,b=!1,u.splice(0,0,{heightCount:1,inUse:x.InUse,index:x.Index,type:x.Type,isDisabled:x.IsDisabled,isRequired:x.IsRequired,articleText:null===(v=x.Article)||void 0===v?void 0:v.name,onlyPlaceHolder:x.OnlyPlaceHolder,noMove:x.NoMove,noDelete:x.NoDelete,basketId:null===(y=x.Article)||void 0===y?void 0:y.basketId})}else{var D=u.find((function(e){return e.inUse==g}));if(D){var k;if(g===x.OnBoard&&!b)b=!0,D.articleText=(null===(k=x.Article)||void 0===k?void 0:k.name)+"<br/>&<br/>"+D.articleText,D.onBoard=!0;D.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)},I=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:I(),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/8759.diva-web-planner-react.umd.min.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ /! For license information please see 8759.diva-web-planner-react.umd.min.js.LICENSE.txt /
2	+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact\|\|[]).push([[8759],{68759:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var i=t(34988),a=t(87363),u=t(9420),s=t(93379),r=t.n(s),l=t(7795),o=t.n(l),d=t(90569),m=t.n(d),c=t(3565),f=t.n(c),v=t(19216),p=t.n(v),b=t(44589),h=t.n(b),g=t(26748),x={};x.styleTagTransform=h(),x.setAttributes=f(),x.insert=m().bind(null,"head"),x.domAPI=o(),x.insertStyleElement=p();r()(g.ZP,x);g.ZP&&g.ZP.locals&&g.ZP.locals;var N=t(75327),P=t(65515),C=t.n(P),Z=t(47514);const w=(0,u.Pi)((function NumberInput(e){var n=e.item,t=(0,N.NP)(),u=(0,a.useState)(n.numberInput),s=(0,i.Z)(u,2),r=s[0],l=s[1],o=(0,a.useState)(!1),d=(0,i.Z)(o,2),m=d[0],c=d[1],f=(0,a.useState)(!1),v=(0,i.Z)(f,2),p=v[0],b=v[1];(0,a.useEffect)((function(){var e,t=null===(e=n.groups)\|\|void 0===e\|\|null===(e=e[0].items)\|\|void 0===e?void 0:e[0];r&&t&&!isNaN(r)&&Number(t.measureMinimum)<=r&&Number(t.measureMaximum)>=r?(b(!1),r!==Number(t.freeText)&&m&&(c(!1),h(t))):b(!0)}),[r]),(0,a.useEffect)((function(){l(n.numberInput)}),[n]);var h=function onRangeChange(e){r&&t.paletteViewHandler.onRangeClickChange(n,e,r.toString())};return(0,Z.jsxs)(Z.Fragment,{children:[": ",(0,Z.jsx)("input",{className:C()(g.UA,t.uiState.isInMobileView?g.ai:void 0),onChange:function onChange(e){var n=Number(e.target.value);n>=0&&(c(!0),l(n))},style:{color:p?"red":void 0},type:"number",value:void 0===r\|\|Number.isNaN(r)?"":r})," ",n.measureUnit]})}))},26748:(e,n,t)=>{t.d(n,{UA:()=>r,ZP:()=>o,ai:()=>l});var i=t(8081),a=t.n(i),u=t(23645),s=t.n(u)()(a());s.push([e.id,".index-module--ilsYe {\n width: 70px;\n font-size: 20px;\n height: 22px;\n}\n\n.index-module--ilsYe.index-module--ljQqf {\n font-size: 16px;\n height: 18px;\n width: 50px;\n}\n",""]);var r="index-module--ilsYe",l="index-module--ljQqf";const o=s}}]);

package/build/umd/8759.diva-web-planner-react.umd.min.js.LICENSE.txt ADDED Viewed

	@@ -0,0 +1 @@
1	+ /! filename:8759 /

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

	@@ -0,0 +1,2 @@
1	+ /! For license information please see 8812.diva-web-planner-react.umd.min.js.LICENSE.txt /
2	+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact\|\|[]).push([[8812,1801],{21801:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Z});var i=t(34988),o=t(93379),l=t.n(o),s=t(7795),d=t.n(s),a=t(90569),r=t.n(a),C=t(3565),c=t.n(C),x=t(19216),u=t.n(x),m=t(44589),p=t.n(m),h=t(23240),f={};f.styleTagTransform=p(),f.setAttributes=c(),f.insert=r().bind(null,"head"),f.domAPI=d(),f.insertStyleElement=u();l()(h.ZP,f);h.ZP&&h.ZP.locals&&h.ZP.locals;var g=t(87363),v=t(75327),w=t(65515),b=t.n(w),j=t(9420),y=t(47514);const Z=(0,j.Pi)((function InfoIcon(n){var e,t,o,l=n.item,s=n.style,d=(0,v.NP)(),a=l.contentItemId,r=null!==(e=null!==(t=null!==(o=l.codex)&&void 0!==o?o:l.articleCodex)&&void 0!==t?t:l.title)&&void 0!==e?e:l.key,C=(0,g.useState)(!1),c=(0,i.Z)(C,2),x=c[0],u=c[1],m=l.sel\|\|x;if((0,g.useEffect)((function(){var n=d.settingsState.contentItemVisible&&d.settingsState.contentItemId==a&&r==d.settingsState.clickedFrom;!n&&x&&u(!1),n&&!x&&u(!0)}),[d.settingsState.contentItemVisible,d.settingsState.contentItemId,d.settingsState.clickedFrom]),!l)throw new Error("item for infoIcon not defined");return function showIcon(){var n;return!l.op\|\|null===(n=d.uiState.ViewConfig.infoIconSettings)\|\|void 0===n\|\|!n.onlyShowSelectedOPV\|\|m}()?(0,y.jsx)("div",{className:h.um,onClick:function onClick(n){d.settingsState.onClickContentItemId(a,r),u(d.settingsState.contentItemVisible&&d.settingsState.contentItemId==a),n.stopPropagation()},style:s,children:(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)("div",{className:b()(h.hv,m?void 0:h.al,x?h.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:h.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:h.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:b()(h.dA,m?h.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,{})}))},8812:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Z});var i=t(34988),o=t(87363),l=t(93379),s=t.n(l),d=t(7795),a=t.n(d),r=t(90569),C=t.n(r),c=t(3565),x=t.n(c),u=t(19216),m=t.n(u),p=t(44589),h=t.n(p),f=t(60636),g={};g.styleTagTransform=h(),g.setAttributes=x(),g.insert=C().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=m();s()(f.ZP,g);f.ZP&&f.ZP.locals&&f.ZP.locals;var v=t(65515),w=t.n(v),b=t(9420),j=t(21801),y=t(47514);const Z=(0,b.Pi)((function MultiToggleSwitch(n){var e=n.values,t=n.items,l=(0,i.Z)(n.state,2),s=l[0],d=l[1],a=n.round,r=100/e.length,C=(0,o.useState)([]),c=(0,i.Z)(C,2),x=c[0],u=c[1];return(0,o.useEffect)((function(){e.some((function(n){return!n.endsWith("cm")}))?u(e):u(e.map((function(n,t){return n.replace("cm","")+(t==e.length-1?"cm":"")})))}),[e]),(0,y.jsx)("div",{className:f.YS,style:{borderRadius:a?"100px":void 0},children:(0,y.jsxs)("div",{className:f.No,children:[x.map((function(n,e){var i;return(0,y.jsx)("div",{style:{width:r+"%"},children:(0,y.jsxs)("label",{onClick:function onClick(){return d(e)},className:w()(f.F2,s===e&&f.pA),children:[n,(null===(i=t[e])\|\|void 0===i?void 0:i.contentItemId)&&(0,y.jsx)(j.default,{item:t[e],style:{top:-4}},t[e].codex)]})},e)})),(0,y.jsx)("div",{className:f.wb,style:{left:s/e.length*100+"%",width:r+"%",borderRadius:a?"100px":void 0}})]})})}))},23240:(n,e,t)=>{t.d(e,{FJ:()=>c,Oq:()=>C,ZP:()=>m,al:()=>u,dA:()=>r,fL:()=>x,hv:()=>a,um:()=>d});var i=t(8081),o=t.n(i),l=t(23645),s=t.n(l)()(o());s.push([n.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 d="index-module--CjCgr",a="index-module--C9QBx",r="index-module--a2wqn",C="index-module--fLFjU",c="index-module--nTN4r",x="index-module--FaRqp",u="index-module--oBSZj";const m=s},60636:(n,e,t)=>{t.d(e,{F2:()=>C,No:()=>a,YS:()=>d,ZP:()=>x,pA:()=>c,wb:()=>r});var i=t(8081),o=t.n(i),l=t(23645),s=t.n(l)()(o());s.push([n.id,".index-module--V0pQW {\n height: 36px;\n width: 100%;\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: #eaeaea;\n border-radius: 6px;\n}\n.index-module--zHWrU {\n height: calc(100% - 6px);\n width: calc(100% - 6px);\n border-radius: 3px;\n box-sizing: content-box;\n box-sizing: initial;\n position: relative;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.index-module--rSXQZ {\n display: block;\n position: absolute;\n z-index: 1;\n height: 30px;\n background-color: #fff;\n border-radius: 3px;\n transition: left 0.25s ease-out;\n}\n\n.index-module--Ublpe {\n position: relative;\n display: flex;\n gap: 4px;\n justify-content: center;\n align-items: center;\n z-index: 2;\n line-height: 22px;\n height: 20px;\n width: calc(100% - 8px);\n padding: 6px;\n font-size: 14px;\n color: rgba(0, 0, 0, 0.6);\n text-align: center;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n transition:\n color 0.2s ease-out,\n font-weight 0.2s ease-out;\n}\n\n.index-module--jEYkH {\n font-weight: 300;\n color: #000;\n}\n",""]);var d="index-module--V0pQW",a="index-module--zHWrU",r="index-module--rSXQZ",C="index-module--Ublpe",c="index-module--jEYkH";const x=s}}]);